:root { --grid-gap: 4px; } :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } @media (min-width: 416px) { :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } :root { --fakt-pro: 'Fakt Pro'; --font-weight-air: 25; --font-weight-hair: 50; --font-weight-thin: 100; --font-weight-light: 200; --font-weight-blond: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 800; } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 400; font-weight: var(--font-weight-normal); src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-Normal.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 400; font-weight: var(--font-weight-normal); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-NormalItalic.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 500; font-weight: var(--font-weight-medium); src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-Medium.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 500; font-weight: var(--font-weight-medium); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-MediumItalic.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 600; font-weight: var(--font-weight-semibold); src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-SemiBold.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 600; font-weight: var(--font-weight-semibold); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/fakt-pro/FaktPro-SemiBoldItalic.woff') format('woff'); } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/fonts/material-icons.woff2') format('woff2'); } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Fakt Pro', 'Helvetica Neue', 'Arial', sans-serif; font-family: 'Fakt Pro', 'Helvetica Neue', 'Arial', sans-serif; font-family: var(--fakt-pro), 'Helvetica Neue', 'Arial', sans-serif; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html { scroll-behavior: smooth !important; } body.dragging * { cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a { color: #38A5FF; color: #38A5FF; color: var(--blue400); text-decoration: none; -webkit-tap-highlight-color: transparent } a:hover { color: #2C83C9; color: #2C83C9; color: var(--blue200); } a:active { color: #2C83C9; color: #2C83C9; color: var(--blue200); } span, em { font-weight: inherit; } button:focus { outline: 0; } svg { display: block } svg.common-LinkArrow { display: inline-block; } svg.common-LinkArrow.left { margin-right: 8px; } svg.common-LinkArrow.right { margin-left: 8px; } svg.common-LinkArrow path { stroke: currentColor; } .common-NoWrap { white-space: nowrap; } .common-NoLigatures { -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } #common-CookieNotice { position: fixed; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; left: 0; bottom: 0; padding: 16px 24px; padding: 16px 24px; padding: 16px var(--layout-padding-x); background-color: #fff; z-index: 9999; } @media (min-width: 416px) { #common-CookieNotice { padding: 16px 40px; padding: 16px var(--layout-padding-x); } } @media (max-width: 678px) { #common-CookieNotice { bottom: auto; top: 76px; } } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { #common-CookieNotice { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255,255,255,0.65); } } #common-CookieNotice p.common-Body2 { margin-bottom: 0; } #common-CookieNotice .dismiss { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; } #common-CookieNotice .dismiss:hover svg path { stroke: #3A4554; stroke: #3A4554; stroke: var(--gray100); } #common-CookieNotice .dismiss:active svg path { stroke: #3A4554; stroke: #3A4554; stroke: var(--gray100); } #common-CookieNotice .dismiss svg path { stroke: #76879D; stroke: #76879D; stroke: var(--gray300); } .common-PageContainer { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); -ms-grid-columns: minmax(0, var(--content-width)); grid-template-columns: minmax(0, var(--content-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 4px; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-SiteFooter { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); -ms-grid-columns: minmax(0, var(--content-width)); grid-template-columns: minmax(0, var(--content-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 4px; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-Header1 { font-size: 43px; line-height: 48px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header1:not(:last-child) { margin-bottom: 24px; } @media (min-width: 416px) { .common-Header1 { font-size: 48px; line-height: 54px; } } @media (min-width: 880px) { .common-Header1 { font-size: 54px; line-height: 60px; } .common-Header1:not(:last-child) { margin-bottom: 32px; } } .common-Header2 { font-size: 34px; line-height: 40px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header2:not(:last-child) { margin-bottom: 24px; } @media (min-width: 416px) { .common-Header2 { font-size: 38px; line-height: 44px; } } @media (min-width: 880px) { .common-Header2 { font-size: 42px; line-height: 48px; } } .common-Header3 { font-size: 22px; line-height: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header3:not(:last-child) { margin-bottom: 8px; } @media (min-width: 416px) { .common-Header3 { font-size: 25px; line-height: 32px; } .common-Header3:not(:last-child) { margin-bottom: 12px; } } @media (min-width: 880px) { .common-Header3 { font-size: 28px; line-height: 36px; } } .common-Header4 { font-size: 18px; line-height: 24px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header4:not(:last-child) { margin-bottom: 8px; } @media (min-width: 416px) { .common-Header4 { font-size: 20px; line-height: 28px; } .common-Header4:not(:last-child) { margin-bottom: 12px; } } @media (min-width: 880px) { .common-Header4 { font-size: 22px; line-height: 32px; } } .common-Header5 { font-size: 17px; line-height: 26px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header5:not(:last-child) { margin-bottom: 8px; } @media (min-width: 880px) { .common-Header5 { font-size: 18px; line-height: 28px; } } .common-Body1 { font-size: 18px; line-height: 24px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body1:not(:last-child) { margin-bottom: 16px; } @media (min-width: 416px) { .common-Body1 { font-size: 20px; line-height: 28px; } .common-Body1:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 880px) { .common-Body1 { font-size: 22px; line-height: 32px; } } .common-Body2 { font-size: 17px; line-height: 26px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body2:not(:last-child) { margin-bottom: 16px; } @media (min-width: 880px) { .common-Body2 { font-size: 18px; line-height: 28px; } } .common-Body3 { font-size: 15px; line-height: 24px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #93A3B7; color: #93A3B7; color: var(--gray400); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body3:not(:last-child) { margin-bottom: 8px; } strong { font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); } .common-UnorderedList li { margin-left: 20px } .common-UnorderedList li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-Num li { list-style: decimal; margin-left: 20px } .common-OrderedList-Num li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-Alph li { list-style: lower-alpha; margin-left: 20px } .common-OrderedList-Alph li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-LowerRoman li { list-style: lower-roman; margin-left: 20px } .common-OrderedList-LowerRoman li:not(:last-child) { margin-bottom: 16px; } .common-Layout { position: relative; } .common-LayoutSpacer { display: none; } .common-Layout hr { margin: 60px auto; width: 200px; border: 1px solid #ADBBCC; border: 1px solid #ADBBCC; border: 1px solid var(--gray500); } .common-NewBadge { display: inline-block; background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); height: 22px; line-height: 24px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; padding: 0 8px; font-size: 13px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); text-align: center; text-transform: uppercase; } .common-Checklist { list-style-type: none; max-width: 784px; max-width: 784px; max-width: var(--max-text-width); } .common-Checklist li { position: relative; padding-left: 32px; } .common-Checklist li svg { position: absolute; top: 5px; left: 0; } .common-Checklist li svg polyline { stroke: currentColor; } .common-Checklist li:not(:last-child) { margin-bottom: 8px; } .common-ButtonGroup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: -24px; margin-right: -24px } .common-ButtonGroup > * { margin-bottom: 24px; margin-right: 10px; } .common-Button { --color: white; --color: white; --color: var(--solidwhite100); position: relative; max-width: 100%; font-size: 15px; text-decoration: none; letter-spacing: 0.05em; text-align: center; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; color: var(--color); color: white; color: var(--color); cursor: pointer; -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; -ms-touch-action: manipulation; touch-action: manipulation; } .common-Button .label { display: inline-block; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; color: currentColor; -webkit-transition: color 0.15s cubic-bezier(.165, .84, .44, 1); -moz-transition: color 0.15s cubic-bezier(.165, .84, .44, 1); transition: color 0.15s cubic-bezier(.165, .84, .44, 1); transition: color 0.15s cubic-bezier(.165, .84, .44, 1); -webkit-transition: color 0.15s var(--ease-out-quart); -moz-transition: color 0.15s var(--ease-out-quart); transition: color 0.15s var(--ease-out-quart); } .common-Button .common-LinkArrow { will-change: transform; } .common-Button .common-LinkArrow path { stroke: white; stroke: var(--color); stroke: white; stroke: var(--color); -webkit-transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); -moz-transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); -webkit-transition: stroke 0.15s var(--ease-out-quart); -moz-transition: stroke 0.15s var(--ease-out-quart); transition: stroke 0.15s var(--ease-out-quart); } .common-Button:hover { color: white; color: white; color: var(--solidwhite100); background-color:#165ff6; background-color:#165ff6; background-color:var(--blue1100); -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .common-Button:active { color: white; color: white; color: var(--solidwhite100); background-color:#165ff6; background-color:#165ff6; background-color:var(--blue1100); -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .common-Button:hover::before, .common-Button:active::before { -webkit-transform: scaleY(1.14286); -moz-transform: scaleY(1.14286); -ms-transform: scaleY(1.14286); transform: scaleY(1.14286); left: -8px; right: -8px; opacity: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .common-Button:hover .common-LinkArrow path { stroke: white; stroke: white; stroke: var(--solidwhite100); } .common-Button:active .common-LinkArrow path { stroke: white; stroke: white; stroke: var(--solidwhite100); } .common-Button[disabled], .common-Button.disabled { cursor: default; pointer-events: none; opacity: 0.5; } .common-Button.primary::before { opacity: 1; } .common-Button.overPurple { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } .common-Button.overBlue { --color: #fff; --highlighted-color: #38A5FF; --highlighted-color: var(--blue400); } .common-Button[type='submit'] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .common-Button[type='submit'] .label { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-Button[type='submit'] .success { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-Button[type='submit'] .success { position: absolute; top: 100%; right: 0; white-space: nowrap; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); opacity: 0; pointer-events: none; } .common-Button[type='submit'] .success svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } .common-Button[type='submit'] .success svg polyline { stroke: currentColor; } .common-Button[type='submit'].succeeded { cursor: default; pointer-events: none; background-color: transparent; } .common-Button[type='submit'].succeeded .label, .common-Button[type='submit'].succeeded::before { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .common-Button[type='submit'].succeeded .success { opacity: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .common-Button.no-icon { /* * * By default buttons have different horizontal padding values to account for an icon. * In some cases buttons don't have an icon so the difference in padding makes it look like it's not horizontally centered. * This class should be used in those cases to prevent that. It only matches the right padding to the button's original left padding. */ padding-right: 25px; } form { --form-background-color: #fff; /* Required for hack to remove default yellow background color on autofilled inputs */ } .common-FormField { --error-red: #FF505C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-tap-highlight-color: transparent; } .common-FormField input { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField textarea { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField select { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField input::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField input:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField textarea:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField textarea:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField select:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField select:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField input:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField input:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField textarea:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField textarea:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField select:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField select:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField input.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField textarea.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField select.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField input.invalid + label + .error, .common-FormField textarea.invalid + label + .error, .common-FormField select.invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } .common-FormField input + label, .common-FormField textarea + label { cursor: text; } .common-FormField input[type='number'] { -moz-appearance: textfield } .common-FormField input[type='number']::-webkit-inner-spin-button, .common-FormField input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .common-FormField textarea { height: 30px; resize: vertical; } .common-FormField select { padding-right: 16px; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/select-arrow.svg); -moz-background-size: 12px 7px; background-size: 12px 7px; background-repeat: no-repeat; background-position: right center; cursor: pointer; } .common-FormField label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; font-size: 15px; line-height: 24px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-FormField .error { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; min-height: 21px; margin-top: -21px; font-size: 13px; line-height: 20px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #FF505C; color: var(--error-red); color: #FF505C; color: var(--error-red); opacity: 0; -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -moz-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transition-timing-function: var(--ease-out-quart); -moz-transition-timing-function: var(--ease-out-quart); transition-timing-function: var(--ease-out-quart); } input[type='checkbox'] { display: none } input[type='checkbox'] + label svg.common-Checkbox { display: inline-block; margin-bottom: -4px; margin-right: 8px; } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-border { -webkit-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: fill 0.25s var(--ease-in-out-cubic); -moz-transition: fill 0.25s var(--ease-in-out-cubic); transition: fill 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-fill { -webkit-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: fill 0.25s var(--ease-in-out-cubic); -moz-transition: fill 0.25s var(--ease-in-out-cubic); transition: fill 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-checkmark { stroke-dasharray: 17.225309371948242; stroke-dashoffset: 17.225309371948242; -webkit-transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); -moz-transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-border, input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-fill { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-border { fill: #C7D1DF; fill: #C7D1DF; fill: var(--gray600); } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-fill { fill: #E9EDF2; fill: #E9EDF2; fill: var(--gray800); } input[type='checkbox']:checked + label svg .common-Checkbox-border { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); } input[type='checkbox']:checked + label svg .common-Checkbox-fill { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); } input[type='checkbox']:checked + label svg .common-Checkbox-checkmark { stroke-dashoffset: 0; } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-border, input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-fill { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-border { fill: #3293E3; fill: #3293E3; fill: var(--blue300); } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-fill { fill: #3293E3; fill: #3293E3; fill: var(--blue300); } .common-RadioGroup { --gap: 32px; --color: #38A5FF; --color: var(--blue400); --uncheckedColor: #94CFFF; --uncheckedColor: var(--blue600); --activeColor: #2C83C9; --activeColor: var(--blue200); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .common-RadioGroup > * { margin-top: 16px; } .common-RadioGroup > *:not(:last-child) { margin-right: 32px; margin-right: var(--gap); margin-right: 32px; margin-right: var(--gap); } .common-RadioGroup input[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-style: none; background: none; width: 18px; height: 18px; margin-bottom: -3px; margin-right: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 2px #94CFFF; -moz-box-shadow: inset 0 0 0 2px #94CFFF; box-shadow: inset 0 0 0 2px #94CFFF; -webkit-box-shadow: inset 0 0 0 2px var(--uncheckedColor); -moz-box-shadow: inset 0 0 0 2px var(--uncheckedColor); box-shadow: inset 0 0 0 2px var(--uncheckedColor); box-shadow: inset 0 0 0 2px #94CFFF; box-shadow: inset 0 0 0 2px var(--uncheckedColor); -webkit-transition: -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); -moz-transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -moz-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -moz-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); -webkit-transition: -webkit-box-shadow 0.25s var(--ease-in-out-quart); transition: -webkit-box-shadow 0.25s var(--ease-in-out-quart); -moz-transition: box-shadow 0.25s var(--ease-in-out-quart), -moz-box-shadow 0.25s var(--ease-in-out-quart); transition: box-shadow 0.25s var(--ease-in-out-quart); transition: box-shadow 0.25s var(--ease-in-out-quart), -webkit-box-shadow 0.25s var(--ease-in-out-quart), -moz-box-shadow 0.25s var(--ease-in-out-quart); -webkit-tap-highlight-color: transparent; cursor: pointer; padding: 0; } .common-RadioGroup input[type='radio']:checked { -webkit-box-shadow: inset 0 0 0 6px #38A5FF; -moz-box-shadow: inset 0 0 0 6px #38A5FF; box-shadow: inset 0 0 0 6px #38A5FF; -webkit-box-shadow: inset 0 0 0 6px var(--color); -moz-box-shadow: inset 0 0 0 6px var(--color); box-shadow: inset 0 0 0 6px var(--color); box-shadow: inset 0 0 0 6px #38A5FF; box-shadow: inset 0 0 0 6px var(--color); } .common-RadioGroup input[type='radio']:active + label { color: #2C83C9; color: var(--activeColor); color: #2C83C9; color: var(--activeColor); } .common-RadioGroup input[type='radio'] + label { color: #38A5FF; color: var(--color); color: #38A5FF; color: var(--color); font-size: 18px; line-height: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-tap-highlight-color: transparent; cursor: pointer; } .common-RadioGroup input[type='radio'] + label:active { color: #2C83C9; color: var(--activeColor); color: #2C83C9; color: var(--activeColor); } .common-ErrorContainer { display: none; padding: 14px 16px; border: none; background-color: #FFDEDA; background-color: #FFDEDA; background-color: var(--red900); color: #ED6363; color: #ED6363; color: var(--red100); font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; line-height: 24px } .common-ErrorContainer.visible { display: block; } .common-ErrorContainer > a { color: #3A4554; color: #3A4554; color: var(--gray100); text-decoration: underline; } .common-SuccessContainer { display: none; padding: 8px 16px; border: 1px solid #E3F6FF; border: 1px solid #E3F6FF; border: 1px solid var(--blue900); background-color: #2C83C9; background-color: #2C83C9; background-color: var(--blue200); color: #E3F6FF; color: #E3F6FF; color: var(--blue900); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; line-height: 20px } .common-SuccessContainer.visible { display: block; } .common-SectionIntro { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { .common-SectionIntro { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .common-SectionIntro:not(:last-child) { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { .common-SectionIntro:not(:last-child) { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } .common-SectionIntro .common-ButtonGroup, .common-SectionIntro .common-RadioGroup { width: auto; } .common-Ratings { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; margin-top: 20px; margin-bottom: -24px; } @media (min-width: 416px) { .common-Ratings { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -64px; } } @media (min-width: 672px) { .common-Ratings { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .common-Ratings .review { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media (min-width: 416px) { .common-Ratings .review { margin-right: 64px; } } .common-Ratings a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media (min-width: 416px) { .common-Ratings a { margin-right: 64px; } } .common-Ratings a:hover svg:not(.common-StarRating) path { fill: #76879D; fill: #76879D; fill: var(--gray300); } .common-Ratings a:active svg:not(.common-StarRating) path { fill: #76879D; fill: #76879D; fill: var(--gray300); } .common-Ratings a:hover .common-StarRating .fill { fill: #EB9B10; fill: #EB9B10; fill: var(--orange300); } .common-Ratings a:active .common-StarRating .fill { fill: #EB9B10; fill: #EB9B10; fill: var(--orange300); } .common-Ratings .common-StarRating { width: 28px; } .common-Ratings .common-StarRating .fill { fill: #FCA919; fill: #FCA919; fill: var(--orange400); } .common-Ratings .common-StarRating .empty { fill: #DCE3EC; fill: #DCE3EC; fill: var(--gray700); } .common-Ratings svg:not(.common-StarRating) { margin-right: 16px; } .common-Ratings svg:not(.common-StarRating) path { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); } .common-Ratings svg:not(.common-StarRating) polygon { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); } .common-UserLogos { --logo-padding-x: 16px; --logo-padding-y: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -8px -16px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); margin: -8px -16px; margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { --logo-padding-x: 32px; --logo-padding-y: 16px; } } .common-UserLogos li { padding: 8px 16px; padding: var(--logo-padding-y) var(--logo-padding-x); padding: 8px 16px; padding: var(--logo-padding-y) var(--logo-padding-x); } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } .common-UserLogos li.xs-viewport, .common-UserLogos li.sm-viewport, .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } @media (min-width: 416px) { .common-UserLogos li.xs-viewport { display: list-item; } .common-UserLogos li.sm-viewport, .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 672px) { .common-UserLogos li.sm-viewport { display: list-item; } .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 880px) { .common-UserLogos li.md-viewport { display: list-item; } .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 1196px) { .common-UserLogos li.lg-viewport { display: list-item; } } .common-UserLogos svg { width: 136px; } @media (min-width: 464px) { .common-UserLogos svg { width: 160px; } } .common-UserLogos a:hover svg path { fill: #3A4554; fill: #3A4554; fill: var(--gray100); } .common-UserLogos svg path { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-UserLogos svg polygon { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-UserLogos svg rect { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-PageControl { --color: #C7D1DF; --color: #C7D1DF; --color: var(--gray600); --highlighted-color: #3A4554; --highlighted-color: #3A4554; --highlighted-color: var(--gray100); --transition-duration: 0.35s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; height: 32px; height: 32px; height: var(--layout-padding-y-sm); left: 0; bottom: 0; } @media (min-width: 416px) { .common-PageControl { height: 56px; height: var(--layout-padding-y-sm); } } @media (min-width: 880px) { .common-PageControl { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } .common-PageControl .page { position: relative; width: 24px; height: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; } .common-PageControl .page:active { opacity: 0.65; } .common-PageControl .page::before { content: ''; position: absolute; width: 100%; height: 3px; top: 50%; margin-top: -1px; background-color: #C7D1DF; background-color: var(--color); background-color: #C7D1DF; background-color: var(--color); -webkit-transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); -moz-transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); transition: background-color var(--transition-duration) var(--transition-timing-function); } .common-PageControl .page:not(:last-child) { margin-right: 4px; } .common-PageControl .page.current::before { background-color: #3A4554; background-color: var(--highlighted-color); background-color: #3A4554; background-color: var(--highlighted-color); } .common-UserCarousel { --controls-transition-duration: 0.2s; --controls-transition-timing-function: cubic-bezier(.23, 1, .32, 1); --controls-transition-timing-function: cubic-bezier(.23, 1, .32, 1); --controls-transition-timing-function: var(--ease-out-quint); --logo-max-width: 160px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 416px) { .common-UserCarousel { --logo-max-width: 240px; } } .common-UserCarousel:hover button.nav, .common-UserCarousel:hover .common-PageControl { opacity: 1; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } .common-UserCarousel .common-LayoutCell { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } .common-UserCarousel .common-LayoutCellContent { padding: 64px 0; padding: 64px 0; padding: var(--layout-padding-y-lg) 0; } @media (min-width: 416px) { .common-UserCarousel .common-LayoutCellContent { padding: 112px 0; padding: var(--layout-padding-y-lg) 0; } } @media (min-width: 880px) { .common-UserCarousel .common-LayoutCellContent { padding: 32px 0; padding: 32px 0; padding: var(--layout-padding-y-sm) 0; } @media (min-width: 416px) { .common-UserCarousel .common-LayoutCellContent { padding: 56px 0; padding: var(--layout-padding-y-sm) 0; } } } .common-UserCarousel button.nav { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 24px; width: 24px; width: var(--layout-padding-x); height: 100%; top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-style: none; background: none; cursor: pointer; opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-duration: var(--controls-transition-duration); -moz-transition-duration: var(--controls-transition-duration); transition-duration: var(--controls-transition-duration); transition-duration: 0.2s; transition-duration: var(--controls-transition-duration); -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--controls-transition-timing-function); -moz-transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: var(--controls-transition-timing-function); -webkit-tap-highlight-color: transparent; z-index: 1; } @media (min-width: 416px) { .common-UserCarousel button.nav { width: 40px; width: var(--layout-padding-x); } } @media (min-width: 880px) { .common-UserCarousel button.nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .common-UserCarousel button.nav:active { opacity: 0.65; } .common-UserCarousel button.nav.previous { left: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .common-UserCarousel button.nav.next { right: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .common-UserCarousel button.nav svg polyline { stroke: #fff; } .common-UserCarousel .common-PageControl { --color: #68EEF7; --color: #68EEF7; --color: var(--teal600); --highlighted-color: #fff; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-duration: var(--controls-transition-duration); -moz-transition-duration: var(--controls-transition-duration); transition-duration: var(--controls-transition-duration); transition-duration: 0.2s; transition-duration: var(--controls-transition-duration); -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--controls-transition-timing-function); -moz-transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: var(--controls-transition-timing-function); } @media (min-width: 880px) { .common-UserCarousel .common-PageControl { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } .common-UserCarousel ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; list-style-type: none; margin-top: -16px; padding-bottom: 10px; padding-bottom: 10px; padding-bottom: var(--scrollbar-mask-height); overflow: hidden; -webkit-overflow-scrolling: touch; } .common-UserCarousel ul :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } @media (min-width: 416px) { .common-UserCarousel ul :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } .common-UserCarousel ul :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .common-UserCarousel ul::-webkit-scrollbar, .common-UserCarousel ul::-webkit-scrollbar-track, .common-UserCarousel ul::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } .common-UserCarousel ul { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { .common-UserCarousel ul { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } @media (min-width: 672px) { .common-UserCarousel ul { margin-top: 0; } } .common-UserCarousel ul li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); scroll-snap-align: start; } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 880px) { .common-UserCarousel ul li { -ms-grid-columns: 160px auto; grid-template-columns: 160px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; grid-template-columns: 160px auto; grid-template-columns: var(--logo-max-width) auto; grid-gap: 48px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 44px; padding: 0 44px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 60px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 60px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } } @media (min-width: 416px) { .common-UserCarousel ul li { -ms-grid-columns: 240px auto; grid-template-columns: 240px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; } } @media (min-width: 416px) { .common-UserCarousel ul li { -ms-grid-columns: 240px auto; grid-template-columns: 240px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; } } } .common-UserCarousel ul h4 { position: relative; color: #fff; } .common-UserCarousel ul h4::before { content: ''; position: absolute; width: 51px; height: 44px; top: -20px; right: 0; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon.svg); z-index: -1; } @media (min-width: 880px) { .common-UserCarousel ul h4::before { top: 0; } } .common-UserCarousel ul p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } .common-UserCarousel ul svg { -ms-grid-column-align: center; justify-self: center; width: 100%; max-width: 160px; max-width: var(--logo-max-width); max-width: 160px; max-width: var(--logo-max-width); } @media (min-width: 416px) { .common-UserCarousel ul svg { max-width: 240px; max-width: var(--logo-max-width); } } @media (min-width: 416px) { .common-UserCarousel ul svg { max-width: 240px; max-width: var(--logo-max-width); } } .common-UserCarousel ul svg path { fill: #fff; } .common-Table { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 1196px) { .common-Table { overflow: visible; } } .common-Table::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; } .common-Table .common-Layout {--common-Table: 656px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 656px; } .common-Table .common-Layout .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); text-align: center; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { position: -webkit-sticky; position: sticky; left: 0; text-align: left; border-right: 4px solid #fff; border-right: 4px solid #fff; border-right: var(--grid-gap) solid #fff; margin-right: -4px; margin-right: -4px; margin-right: -webkit-calc(var(--grid-gap)*-1); margin-right: -moz-calc(var(--grid-gap)*-1); margin-right: calc(var(--grid-gap)*-1); z-index: 1; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) .common-LayoutCellContent { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .common-Table .common-Layout .common-LayoutCell .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-top: 16px; padding-bottom: 16px; } .common-Table .common-Layout .common-LayoutCell .common-Checkmark polyline { stroke: #AA81F3; stroke: #AA81F3; stroke: var(--purple400); } .common-2ColumnLayout {--common-2ColumnLayout-2col: 796px; --row-gap: 48px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: var(--row-gap); padding-bottom: 48px; padding-bottom: var(--row-gap); } @media (min-width: 796px) { .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } } .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 0; } @media (min-width: 796px) { .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 64px; padding-top: 64px; padding-top: var(--layout-padding-y-lg); } @media (min-width: 416px) { .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 112px; padding-top: var(--layout-padding-y-lg); } } } .common-Italic { font-style: italic; } /*! CSS Animations ( March 2021 ) */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; -moz-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; animation-name: bounceIn; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @-moz-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -moz-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -moz-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -moz-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -moz-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } /* CTA variations styles added Sept 2021 */ .common-Button-secondary { position: relative; max-width: 100%; font-size: 15px; text-decoration: none; letter-spacing: 0.05em; text-align: center; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-color: transparent; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: undefined; color: var(--color); color: undefined; color: var(--color); cursor: pointer; -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; -ms-touch-action: manipulation; touch-action: manipulation; } .common-Button-secondary-back { position: relative; max-width: 100%; font-size: 15px; text-decoration: none; letter-spacing: 0.05em; text-align: center; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-color: transparent; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: undefined; color: var(--color); color: undefined; color: var(--color); cursor: pointer; -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; -ms-touch-action: manipulation; touch-action: manipulation; } .common-Button-secondary-back svg { position: relative; left:2px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; z-index: 9998 !important; } .common-Button-secondary-back:hover svg { position: relative; left:-5px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; } .sec-white { --color: white; --color: white; --color: var(--solidwhite100); border: solid 1.8px white; border: solid 1.8px white; border: solid 1.8px var(--solidwhite100); height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 25px; padding-right: 20px } .sec-white:hover { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); border: solid 1.8px #481AC3; border: solid 1.8px #481AC3; border: solid 1.8px var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sec-white:active { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); border: solid 1.8px #481AC3; border: solid 1.8px #481AC3; border: solid 1.8px var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sec-blue { --color: #38A5FF; --color: #38A5FF; --color: var(--blue400); border: solid 1.8px #38A5FF; border: solid 1.8px #38A5FF; border: solid 1.8px var(--blue400); height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 25px; padding-right: 20px } .sec-blue:hover { color: white; color: white; color: var(--solidwhite100); border: solid 1.8px #165ff6; border: solid 1.8px #165ff6; border: solid 1.8px var(--blue1100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sec-blue:active { color: white; color: white; color: var(--solidwhite100); border: solid 1.8px #165ff6; border: solid 1.8px #165ff6; border: solid 1.8px var(--blue1100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sec-blue:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .sec-blue:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .sec-blue svg { fill: #38A5FF !important; fill: #38A5FF !important; fill: var(--blue400) !important; } .tertiary-blue { --color: #38A5FF; --color: var(--blue400); border: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .tertiary-blue:hover { color: #165ff6; color: #165ff6; color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .tertiary-blue:active { color: #165ff6; color: #165ff6; color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .tertiary-blue:hover svg { fill: #165ff6 !important; fill: #165ff6 !important; fill: var(--blue1100) !important; } .tertiary-blue:active svg { fill: #165ff6 !important; fill: #165ff6 !important; fill: var(--blue1100) !important; } .tertiary-blue svg { fill: #38A5FF !important; fill: #38A5FF !important; fill: var(--blue400) !important; margin-left: -5px; } .tertiary-white { --color: white; --color: var(--solidwhite100); border: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .tertiary-white:hover { color: white; color: white; color: var(--solidwhite100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .tertiary-white:active { color: white; color: white; color: var(--solidwhite100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .tertiary-white:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .tertiary-white:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .tertiary-white svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; margin-left: -5px; } .tertiary-nopad { padding: 0px; font-size: 18px; } .tertiary_box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; margin-top: 7%; margin-bottom: -14px; } @media (min-width: 416px) { .tertiary_box { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -64px; } } @media (min-width: 672px) { .tertiary_box { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .primary { height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 25px; padding-right: 20px; } .primary-lg-white { background-color: white; background-color: white; background-color: var(--solidwhite100); color:#AC7AF7; color:#AC7AF7; color:var(--purple1000); height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 25px; padding-right: 20px } .primary-lg-white:hover { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .primary-lg-white:active { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .primary-sm-white { background-color: white; background-color: white; background-color: var(--solidwhite100); color:#AC7AF7; color:#AC7AF7; color:var(--purple1000); height: 30px; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px !important; padding-right: 10px !important } .primary-sm-white:hover { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .primary-sm-white:active { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .free_trial_primary-sm-white { padding-top: 2px; } .primary-sm-white svg { fill:#AC7AF7 !important; fill:#AC7AF7 !important; fill:var(--purple1000) !important; } .primary-lg-white svg { fill:#AC7AF7 !important; fill:#AC7AF7 !important; fill:var(--purple1000) !important; } .primary-sm-white:hover svg { fill:white !important; fill:white !important; fill:var(--solidwhite100) !important; } .primary-lg-white:hover svg { fill:white !important; fill:white !important; fill:var(--solidwhite100) !important; } .primary-sm-blue { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); color:white; color:white; color:var(--solidwhite100); height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 17px; padding-right: 11px } .primary-sm-blue:hover { color: white; color: white; color: var(--solidwhite100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .primary-sm-blue:active { color: white; color: white; color: var(--solidwhite100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .secondary-sm-white { --color: white; --color: white; --color: var(--solidwhite100); border: solid 1.8px white; border: solid 1.8px white; border: solid 1.8px var(--solidwhite100); background-color: transparent; height: 30px; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px !important; padding-right: 10px !important } .secondary-sm-white:hover { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); border: solid 1.8px #481AC3; border: solid 1.8px #481AC3; border: solid 1.8px var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .secondary-sm-white:active { color: white; color: white; color: var(--solidwhite100); background-color: #481AC3; background-color: #481AC3; background-color: var(--purple1200); border: solid 1.8px #481AC3; border: solid 1.8px #481AC3; border: solid 1.8px var(--purple1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sec-sm-blue { --color: #38A5FF; --color: #38A5FF; --color: var(--blue400); border: solid 1.8px #38A5FF; border: solid 1.8px #38A5FF; border: solid 1.8px var(--blue400); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; padding-right: 13px } .sec-sm-blue:hover { color: white; color: white; color: var(--solidwhite100); border: solid 1.8px #165ff6; border: solid 1.8px #165ff6; border: solid 1.8px var(--blue1100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); } .sec-sm-blue:active { color: white; color: white; color: var(--solidwhite100); border: solid 1.8px #165ff6; border: solid 1.8px #165ff6; border: solid 1.8px var(--blue1100); background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); } .sec-sm-blue:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .sec-sm-blue:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } .sec-sm-blue svg { fill: #38A5FF !important; fill: #38A5FF !important; fill: var(--blue400) !important; margin-left: 0px !important; } .common-Button svg { position: relative; left:0px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; margin-right: 0px !important; z-index: 9998 !important; } .common-Button:hover svg { position: relative; left:6px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; } .common-Button-secondary svg { position: relative; left:5px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; z-index: 9998 !important; } .common-Button-secondary:hover svg { position: relative; left:11px; fill: white; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; } .submit svg { margin-right: 4.1px !important; } .mostPopular svg { fill: #FFD724 !important; fill: #FFD724 !important; fill: var(--yellow500) !important; } .linktile svg { position: relative; left: 0px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); height: 24px !important; top: 8px !important; } .linktile:hover svg { position: relative; left: 6px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: inline-block; fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); height: 24px !important; top: 8px !important; } .press_cta_icon svg { height: 11px !important; margin-bottom: 0px !important; padding-right: 5px; } .press_cta_icon path { fill: none !important; } .send_cta { padding-right: 10px; } .send_cta svg { margin-left: 5px; } .primary-sm-gray { background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); color:white; color:white; color:var(--solidwhite100); height: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 17px; padding-right: 11px; border: solid 1.8px white; border: solid 1.8px white; border: solid 1.8px var(--solidwhite100); -webkit-border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; border-radius: 0px 7px 7px 0px } .primary-sm-gray:hover { color: white; color: white; color: var(--solidwhite100); background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .primary-sm-gray:active { color: white; color: white; color: var(--solidwhite100); background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } /* End ofCTA variations styles added Sept 2021 */ /* Careers hero IMG animation Nov 2021 */ @-webkit-keyframes animatedBackground { from { background-position: 0 -1px; } to { background-position: 0 100%; } } @-moz-keyframes animatedBackground { from { background-position: 0 -1px; } to { background-position: 0 100%; } } @keyframes animatedBackground { from { background-position: 0 -1px; } to { background-position: 0 100%; } } /* End of Careers hero IMG animation Nov 2021 */ .floating { -webkit-animation-name: floating; -moz-animation-name: floating; animation-name: floating; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; margin-left: 30px; margin-top: 5px; } @-webkit-keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } to { -webkit-transform: translate(0, -0px); transform: translate(0, -0px); } } @-moz-keyframes floating { from { -moz-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -moz-transform: translate(0, 15px); transform: translate(0, 15px); } to { -moz-transform: translate(0, -0px); transform: translate(0, -0px); } } @keyframes floating { from { -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); transform: translate(0, 15px); } to { -webkit-transform: translate(0, -0px); -moz-transform: translate(0, -0px); transform: translate(0, -0px); } } /* Start of Applicant privacy notice styles */ .applicant_privacy_bullet { margin-left: 5%; } .subheader_font { font-size: 18px; color: #5C6D82; color: #5C6D82; color: var(--gray200); } /* End of Applicant privacy notice styles */ .common-SiteNav { position: relative; width: 100%; height: 80px; max-width: 1196px; max-width: 1196px; max-width: var(--content-width); margin: 0 auto -80px; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; } @media (min-width: 416px) { .common-SiteNav { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 416px) { .common-SiteNav { height: 96px; margin-bottom: -96px; } } .common-SiteNav .spacer { display: none; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 672px) { .common-SiteNav .spacer { display: block; } } .common-SiteNav #site-search { --color: #fff; --color: var(--white100); --highlighted-color: #fff; --highlighted-color: var(--white100); } .common-SiteNav #site-search input:-webkit-autofill { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search input:-webkit-autofill:hover { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search input:-webkit-autofill:focus { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search textarea:-webkit-autofill { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search textarea:-webkit-autofill:hover { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search textarea:-webkit-autofill:focus { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search select:-webkit-autofill { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search select:-webkit-autofill:hover { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search select:-webkit-autofill:focus { color: #fff; color: var(--color); color: #fff; color: var(--color); background-color: transparent !important; } .common-SiteNav #site-search input { height: 30px; padding: 8px 8px 8px 10px; padding-left: 30px !important; width: 18px; margin-top: -2px; -webkit-appearance: none; -webkit-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); -moz-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); transition: all 0.2s cubic-bezier(.23, 1, .32, 1); border-top: none; border-left: none; border-right: none; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 0.25; color: #fff; color: var(--color); color: #fff; color: var(--color); font-size: 18px; font-weight: 500; background-color: transparent !important } .common-SiteNav #site-search input:-internal-autofill-selected { height: 30px; padding: 8px 8px 8px 10px; padding-left: 30px !important; width: 18px; margin-top: -2px; -webkit-appearance: none; -webkit-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); -moz-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); transition: all 0.2s cubic-bezier(.23, 1, .32, 1); border-top: none; border-left: none; border-right: none; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 0.25; color: #fff; color: var(--color); color: #fff; color: var(--color); font-size: 18px; font-weight: 500; background-color: transparent !important } .common-SiteNav #site-search input::-webkit-search-cancel-button, .common-SiteNav #site-search input:-internal-autofill-selected::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .common-SiteNav #site-search input:focus { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:hover { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:active { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:-internal-autofill-selected:focus { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:-internal-autofill-selected:hover { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:-internal-autofill-selected:active { width: 200px; border-bottom: 3px solid; border-color: #fff; border-color: var(--color); border-color: #fff; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search svg { position: absolute; height: 18px; width: 18px; top: 4px; left: 4px; z-index: -1; } .common-SiteNav #site-search svg path { fill: #fff; fill: var(--color); fill: #fff; fill: var(--color); } .common-SiteNav .home { --color: #fff; --color: #fff; --color: var(--white100); --highlighted-color: #fff; --highlighted-color: #fff; --highlighted-color: var(--white100); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #fff; color: var(--color); color: #fff; color: var(--color); -webkit-tap-highlight-color: transparent; } .common-SiteNav .home:hover { color: #fff; color: var(--highlighted-color); color: #fff; color: var(--highlighted-color); } .common-SiteNav .home svg path { fill: currentColor; } .common-SiteNav .menu { --color: #93A3B7; --color: #93A3B7; --color: var(--gray400); position: relative; color: #93A3B7; color: var(--color); color: #93A3B7; color: var(--color); margin-left: 48px; } /* &:hover { svg { opacity: 0; transform: scale(0.01); } .siteMenu { opacity: 1; transform: none; pointer-events: all; } } */ .common-SiteNav .menu svg { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-SiteNav .menu svg path { fill: currentColor; } .common-SiteNav .siteMenu { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; position: absolute; width: 100vw; max-width: -webkit-calc(100vw - 48px); max-width: -moz-calc(100vw - 48px); max-width: calc(100vw - 48px); max-width: calc(100vw - 48px); max-width: -webkit-calc(100vw - var(--layout-padding-x)*2); max-width: -moz-calc(100vw - var(--layout-padding-x)*2); max-width: calc(100vw - var(--layout-padding-x)*2); top: 0; right: 0; padding: 24px; background-color: #76879D; background-color: #76879D; background-color: var(--gray300); -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 1; opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: -webkit-calc(100% - 16px) 16px; -moz-transform-origin: -moz-calc(100% - 16px) 16px; -ms-transform-origin: calc(100% - 16px) 16px; transform-origin: calc(100% - 16px) 16px; pointer-events: none; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } @media (min-width: 416px) { .common-SiteNav .siteMenu { max-width: -webkit-calc(100vw - 80px); max-width: -moz-calc(100vw - 80px); max-width: calc(100vw - 80px); max-width: -webkit-calc(100vw - var(--layout-padding-x)*2); max-width: -moz-calc(100vw - var(--layout-padding-x)*2); max-width: calc(100vw - var(--layout-padding-x)*2); } } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .common-SiteNav .siteMenu { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(58,69,84,0.65); } } @media (min-width: 480px) { .common-SiteNav .siteMenu { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 48px; width: auto; } } @media (min-width: 672px) { .common-SiteNav .siteMenu { left: 0; right: auto; padding: 24px 32px; -webkit-transform-origin: 16px 16px; -moz-transform-origin: 16px 16px; -ms-transform-origin: 16px 16px; transform-origin: 16px 16px; } } .common-SiteNav .siteMenu ul { list-style-type: none; margin-bottom: 0; } .common-SiteNav .siteMenu ul li { white-space: nowrap } .common-SiteNav .siteMenu ul li:not(:last-child) { margin-bottom: 8px; } .common-SiteNav .siteMenu ul li:first-child { color: #fff; color: #fff; color: var(--white100); margin-bottom: 16px; } .common-SiteNav .siteMenu ul a { color: #DCE3EC; color: #DCE3EC; color: var(--gray700); } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .common-SiteNav .siteMenu ul a { color: rgba(255,255,255,0.7); } } .common-SiteNav .siteMenu ul a:hover { color: #fff; color: #fff; color: var(--white100); } @media (min-width: 672px) { .common-SiteNav a.dashboard { display: none; } } .common-SiteNav .common-ButtonGroup.heroButtons { display:block; position: relative; width: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; } @media (max-width: 990px) { .common-SiteNav .common-ButtonGroup.heroButtons { margin-right: 2%; } } @media (max-width: 830px) { .common-SiteNav .common-ButtonGroup.heroButtons { display: none; } } .common-SiteNav .common-Button.dashboard { display: none; } @media (min-width: 672px) { .common-SiteNav .common-Button.dashboard { display: block; } } /* Classes used to overwrite CTA behavior Feb 2021. Remove once CTAs are redesigned and deployed */ .whitelabel { color: #fff !important; color: #fff !important; color: var(--white100) !important; } .whitelabel:hover { color: #AC7AF7 !important; color: #AC7AF7 !important; color: var(--purple1000) !important; } #signUpButton { --color:white; padding-left: 3px; } #loginButton { --color:white; } /* End CTA style overwrite classes */ /* New nav classes Desktop Feb 2021. */ .stickynav { position: fixed; margin-bottom: 0; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; min-width: 100%; background-color: #AC7AF7; background-color: #AC7AF7; background-color: var(--purple1000); height: 75px; -webkit-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; /* Safari */ -webkit-transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; -moz-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-moz-box-shadow 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-webkit-box-shadow 1s,-moz-box-shadow 1s,-webkit-backdrop-filter 1s; } nav.shadowscroll { background-color: rgb(172, 122, 247, .85); background-color: rgb(172, 122, 247, .85); background-color: var(--purple1100); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -webkit-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; /* Safari */ -webkit-transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; -moz-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-moz-box-shadow 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-webkit-box-shadow 1s,-moz-box-shadow 1s,-webkit-backdrop-filter 1s; } .topnav .icon { display: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #fff; color: #fff; color: var(--white100); padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; background-color: #f9f9f9; background-color: var(--white200); min-width: 160px; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dropdown-content a { float: none; color: #76879D; color: #76879D; color: var(--gray300); padding: 12px 16px; text-decoration: none; display: block; text-align: left; font-size: 14px; } .dropdown-content a:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .dropdown:hover .dropdown-content { display: block !important; } .dropdown:hover .trianglepointer { opacity: 1; -webkit-transition: opacity 0.4s; /* Safari */ -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .searchcta { background: transparent; background-color: transparent; color: white; border:none; cursor: pointer; } .searchicon { display:inline-block; vertical-align: middle; text-align: center; margin-left: -16px; cursor: pointer; } .menuicon { display:inline-block; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; vertical-align: middle; text-align: center; z-index: 9999 !important; } .planeicon { display:inline-block; vertical-align: middle; text-align: center; z-index: 9999 !important; position: relative; left: 5px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; } .contactsaleslink:hover .planeicon { left: 9px; position: relative; -webkit-backface-visibility: hidden; /* Safari */ -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; } .contactsaleslink { text-decoration: none; cursor: pointer !important; } .hide { display: none; } .menupad { padding-top: 0.5%; } .dropdown:hover .menuicon { -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); -webkit-backface-visibility: hidden; /* Safari */ -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .trianglepointer { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; margin-left: 18%; opacity: 0; } .subcatarrow { font-size: 11px; opacity: 0; -webkit-transition: padding-left 0.3s,opacity 0.3s; /* Safari */ -moz-transition: padding-left 0.3s,opacity 0.3s; transition: padding-left 0.3s,opacity 0.3s; } .subcatlink:hover .subcatarrow { font-size: 11px; opacity: 1; padding-left: 5px; -webkit-transition: padding-left 0.3s,opacity 0.3s; /* Safari */ -moz-transition: padding-left 0.3s,opacity 0.3s; transition: padding-left 0.3s,opacity 0.3s; } /* End new nav classes desktop Feb 2021. */ /* New nav classes Mobile Feb 2021. */ .icon { color: #fff; color: #fff; color: var(--white100); font-size: 30px } @media (max-width: 990px) { #mobilenavclose { margin-left: 10px; } } .mobilecontentinvisible { display: none; } .mobilenavbox { position: absolute; top: 80%; background-color: #fff; background-color: #fff; background-color: var(--white100); min-width: 100%; text-align: left; right: 0; left: 0; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; height: 500px; max-height: 500px; overflow-y: scroll; -webkit-overflow-scrolling:touch; } .mobilelink { text-decoration: none; color: #76879D; color: #76879D; color: var(--gray300); } .mobilelink:hover { text-decoration: none; color: #3A4554; color: #3A4554; color: var(--gray100); } .mobiledivmain { width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 8%; color: #fff; color: #fff; color: var(--white100); font-weight: bold; background-color: #CDB0FF; background-color: #CDB0FF; background-color: var(--purple600); } .mobiledivsub { width: 100%; padding-top: 8px; padding-bottom: 8px; padding-left: 10%; color: #AC7AF7; color: #AC7AF7; color: var(--purple1000); font-size: 14px; } .lock-scroll { overflow: hidden; position: static; } /* End new nav classes Mobile Feb 2021.*/ @media screen and (max-width: 990px) { .topnav a:not(:first-child), .dropdown .dropbtn { display: none; float: left; } .topnav a.icon { float: right; display: block; } #site-search { display: none; } #signUpButton { display: none; } #loginButton { display: none; } #sitenav { background-color: #AC7AF7; background-color: #AC7AF7; background-color: var(--purple1000); -webkit-backdrop-filter: none; backdrop-filter: none; } } /* Hides search to prevent nav flickering*/ @media screen and (max-width: 1285px) { #site-search { display: none; } } /* Remove once search behavior is fixed ^^*/ /* Queries that toggle animation between devices */ @media screen and (min-width:990px) and (max-width:1366px) { .fadeInDown { -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } } @media screen and (min-width:1367px) { .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-name: fadeInDown; } } /* End of queries to toggle animation */ @media screen and (min-width: 990px) { #mobilenavcontent { display: none; } } /* Nav animations */ .animated { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -15%, 0); -moz-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInDownCTA { from { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInDownCTA { from { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDownCTA { from { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDownCTA { -webkit-animation-name: slideInDownCTA; -moz-animation-name: slideInDownCTA; animation-name: slideInDownCTA; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); -moz-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } /* End Nav Animations*/ .common-SiteFooter { --background-color: transparent; margin-top: 4px; margin-top: 4px; margin-top: var(--grid-gap); } .common-SiteFooter .common-Layout.ctas { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap) } .common-SiteFooter .common-Layout.ctas.singleCTA { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 672px) { .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCellContent { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup .common-Header3 { color: #3293E3; color: #3293E3; color: var(--blue300); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup p { color: #38A5FF; color: #38A5FF; color: var(--blue400); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.subscribe { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 24px 48px; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } .common-SiteFooter .common-Layout.ctas .common-Header3 { margin-bottom: 4px; } .common-SiteFooter .common-Layout.ctas .common-ButtonGroup { width: auto; } .common-SiteFooter .common-Layout.ctas form#subscribe { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 24px; max-width: 400px; } .common-SiteFooter .common-Layout.ctas form#subscribe input { line-height: 26px; } .common-SiteFooter .common-Layout.ctas form#subscribe label { display: none; } .common-SiteFooter .common-Layout.sitemap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full { background-color: transparent; background-color: var(--background-color); background-color: transparent; background-color: var(--background-color); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .global { width: 100%; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .global { width: auto; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home { display: block; margin: -3px 0 15px; color: #76879D; color: #76879D; color: var(--gray300); -webkit-tap-highlight-color: transparent; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home svg path { fill: currentColor; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .legal { margin-bottom: 16px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .heart { display: inline-block; position: relative; top: 1px; -webkit-transform: scaleY(0.9); -moz-transform: scaleY(0.9); -ms-transform: scaleY(0.9); transform: scaleY(0.9); color: #AA81F3; font-size: 20px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .heart:hover { -webkit-transform: scaleY(1.17) scaleX(1.3); -moz-transform: scaleY(1.17) scaleX(1.3); -ms-transform: scaleY(1.17) scaleX(1.3); transform: scaleY(1.17) scaleX(1.3); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { list-style-type: none; margin-top: 48px; min-width: -webkit-calc(50% - 24px); min-width: -moz-calc(50% - 24px); min-width: calc(50% - 24px); } @media (min-width: 672px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { min-width: 0; } } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { margin-top: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li { line-height: 20px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li:not(:last-child) { margin-bottom: 8px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li:first-child { color: #76879D; color: #76879D; color: var(--gray300); margin-bottom: 16px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul a { color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul a:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact { background-color: transparent; background-color: var(--background-color); background-color: transparent; background-color: var(--background-color); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1196px; max-width: 1196px; max-width: var(--content-width); margin: 0 auto; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 12px; margin-right: 32px; color: #76879D; color: #76879D; color: var(--gray300); -webkit-tap-highlight-color: transparent; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home { margin-bottom: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home svg path { fill: currentColor; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .common-Body3 { margin: 0; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .spacer { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 24px; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .spacer { height: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; margin-bottom: 24px !important; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0 !important; margin-right: 32px; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul li:not(:last-child) { margin-right: 32px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul a { color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul a:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } /* New footer classes Sept 2021. */ .footer_socialicon svg { display: inline-block; position: relative; top: 3px; margin-right: 5px; width: 16px; } .footer_email { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 3%; } .footer_category { font-weight: 700; font-weight: 700; font-weight: var(--font-weight-bold); padding-bottom: 7%; } .footer_back_compact { background-color: #5C6D82 !important; background-color: #5C6D82 !important; background-color: var(--gray200) !important; } .footer_back_compact p { color: white !important; color: white !important; color: var(--solidwhite100) !important; } .footer_back { background-color: #5C6D82 !important; background-color: #5C6D82 !important; background-color: var(--gray200) !important; padding-top: 2%; padding-bottom: 3%; } .footer_logo { color: white !important; } .footer_back p { color: white !important; } .footer_back li { color: white !important; } .footer_links { color: #C7D1DF !important; color: #C7D1DF !important; color: var(--gray600) !important; -webkit-transition: color 0.3s; /* Safari */ -moz-transition: color 0.3s; transition: color 0.3s; } .footer_links:hover { color: white !important; color: white !important; color: var(--solidwhite100) !important; -webkit-transition: color 0.3s; /* Safari */ -moz-transition: color 0.3s; transition: color 0.3s; } .footer_links:hover .subcatarrow_footer { font-size: 11px; opacity: 1; position: absolute; margin-left: 8px; -webkit-transition: margin-left 0.3s,opacity 0.3s; /* Safari */ -moz-transition: margin-left 0.3s,opacity 0.3s; transition: margin-left 0.3s,opacity 0.3s; } .footer_input { border: solid 1.8px white !important; border: solid 1.8px white !important; border: solid 1.8px var(--solidwhite100) !important; padding: 1.5px; background-color: white !important; background-color: white !important; background-color: var(--solidwhite100) !important; -webkit-border-radius: 7px 0px 0px 7px !important; -moz-border-radius: 7px 0px 0px 7px !important; border-radius: 7px 0px 0px 7px !important; font-size: 15px !important; padding-left: 15px; height: 35px; } /* Placeholder text color webkit */ .blog_email_placeholder::-webkit-input-placeholder { color:#76879D !important; color:#76879D !important; color:var(--gray300) !important; } /* Placeholder text color mozilla */ .blog_email_placeholder::-moz-placeholder { color:#76879D !important; color:#76879D !important; color:var(--gray300) !important; } .subcatarrow_footer { font-size: 11px; opacity: 0; position: absolute; margin-left: 0px; -webkit-transition: margin-left 0.3s,opacity 0.3s; /* Safari */ -moz-transition: margin-left 0.3s,opacity 0.3s; transition: margin-left 0.3s,opacity 0.3s; } /* End of new footer classes Sept 2021. */ #blog-posts.common-Layout { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts.common-Layout:before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; right: 100%; padding-left: -webkit-calc((100vw - 1200px)/2/2); padding-left: -moz-calc((100vw - 1200px)/2/2); padding-left: calc((100vw - 1200px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts.common-Layout:after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; left: 100%; top: 0; padding-right: -webkit-calc((100vw - 1200px)/2/2); padding-right: -moz-calc((100vw - 1200px)/2/2); padding-right: calc((100vw - 1200px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { #blog-posts .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } #blog-posts .common-SectionIntro .common-LayoutCell { overflow: visible; } #blog-posts #latest-posts { position: relative; min-height: 200px; background-color: #ffffff; z-index: 90; --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } #blog-posts #latest-posts .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function); border-top: 4px solid #ffffff } #blog-posts #latest-posts .common-LayoutCell:hover { background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--gray800); } #blog-posts #latest-posts .common-LayoutCell:hover .common-Header3 { color: #5C6D82; color: #5C6D82; color: var(--gray200); } #blog-posts #latest-posts .common-LayoutCell:hover .common-Body2 { color: #76879D; color: #76879D; color: var(--gray300); } #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } #blog-posts #latest-posts .common-Header3 { color: #76879D; color: #76879D; color: var(--gray300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } #blog-posts #latest-posts .common-Body2 { color: #93A3B7; color: #93A3B7; color: var(--gray400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } #blog-posts #latest-posts .post-image { -moz-background-size: cover; background-size: cover; background-position: center; height: 200px; width:100%; margin-bottom: 24px; } #blog-posts #latest-posts .loading { position: absolute; display: block; top: 50%; left: 50%; height: 48px; width: 48px; margin-left: -24px; margin-top: -24px; text-align: center; } #exit-modal { position: fixed; width: 100%; visibility: hidden; z-index: 10002; top: 50px; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; -moz-transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -moz-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s; } #exit-modal #signup_bg { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.6; z-index: 10001; } #exit-modal #signup_close { position: absolute; left: 100%; margin: 7px 0 0 -30px; width: 20px; height: 20px; color: #ADBBCC; color: #ADBBCC; color: var(--gray500); opacity:0.3; cursor: pointer; } #exit-modal #signup_close::before { content: "×"; font: 400 26px/1em 'Roboto Slab', serif; } #exit-modal #signup_close:hover { opacity:0.8; } #exit-modal .wrapper { background: #FFF; position: relative; margin: 0 auto; text-align: left; -moz-border-radius: 3px; -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.5); box-shadow: 0px 1px 10px rgba(0,0,0,0.5); width: 60%; max-height: 90vh; overflow: scroll; } @media (max-width: 1075px) { #exit-modal .wrapper { width: 90%; } } #exit-modal #whitepaper-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #exit-modal #whitepaper-form .common-LayoutCellContent { padding: 0; } #exit-modal #whitepaper-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { #exit-modal #whitepaper-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } #exit-modal #whitepaper-form form .fullWidth { grid-column: 1 / -1; } #exit-modal #whitepaper-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; margin-right: 10px; } #exit-modal #whitepaper-form form button[type='submit'] .adjuster { margin-left: -8px; } #exit-modal .whitepaper-signup { margin-top: 0; display: block; } #exit-modal .whitepaper-content { padding: 50px 50px; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr); grid-gap: 50px; max-height: 90vh; } @media (max-width: 705px) { #exit-modal .whitepaper-content { -ms-grid-columns: minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr); } } #exit-modal .whitepaper-content img { max-width: 100%; } #exit-modal .whitepaper-content h2 { color: #3A4554; color: #3A4554; color: var(--gray100); text-align: left; margin: 0 auto 15px; } #exit-modal .whitepaper-content p { margin: 0 auto 25px; color: #76879D; color: #76879D; color: var(--gray300); } dialog { position: fixed; left: 0; right: 0; top: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; margin: auto; border: solid; padding: 1em; background: white; color: black; display: block; } dialog:not([open]) { display: none; } dialog + .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.1); } ._dialog_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } dialog.fixed { position: fixed; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .modal { margin: 0 auto; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); border: none; border-top: 4px solid #AA81F3; border-top: 4px solid #AA81F3; border-top: 4px solid var(--purple400); -webkit-box-shadow: 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 12px 24px -12px rgba(58,69,84,0.5); max-width: 500px; width: 100%; top: 0; } @media (min-width: 416px) { .modal { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { .modal { padding: 32px 24px; padding: var(--layout-padding-sm); } } .modal .common-ButtonGroup { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #contact-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #contact-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { #contact-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } #contact-form form .fullWidth { grid-column: 1 / -1; } #contact-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.careers .common-SiteNav .home { --color: #fff; --highlighted-color: rgba(255,255,255,0.65); } @media (min-width: 796px) { body.careers .common-SiteNav .home { --color: #fff; --color: var(--white100); --highlighted-color: #fff; --highlighted-color: var(--white100); } } body.careers .common-SiteNav .menu { --color: #fff; } @media (min-width: 796px) { body.careers .common-SiteNav .menu { --color: #93A3B7; --color: var(--gray400); } } body.careers .common-SiteNav .dashboard { --color: #fff; --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } body.careers #hero {--careers-hero-2col: 796px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 796px) { body.careers #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.careers #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } @media (min-width: 416px) { body.careers #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.careers #hero .intro { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 796px) { body.careers #hero .intro { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } body.careers #hero .intro .common-LayoutCellContent { padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } @media (min-width: 796px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.careers #hero .photo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 66vw; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo1vertical.jpg); -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 796px) { body.careers #hero .photo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: auto; } } body.careers #photos {--careers-photos-4col: 1148px;--careers-photos-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.careers #photos .common-LayoutCell { height: 66vw; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 572px) { body.careers #photos .common-LayoutCell { height: 33vw; } } @media (min-width: 1148px) { body.careers #photos .common-LayoutCell { height: 296px; } } body.careers #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo2.jpg); } body.careers #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo3.jpg); } body.careers #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo4.jpg); } body.careers #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo5.jpg); } body.careers .position h3 { max-width: 93%; } body.careers .position .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); margin-top: 2px; margin-bottom: 2px; } body.careers .position .common-LayoutCellContent { padding-top: 32px !important; padding-top: 32px !important; padding-top: var(--layout-padding-y-sm) !important; padding-bottom: 32px !important; padding-bottom: 32px !important; padding-bottom: var(--layout-padding-y-sm) !important; } @media (min-width: 416px) { body.careers .position .common-LayoutCellContent { padding-bottom: 56px !important; padding-bottom: var(--layout-padding-y-sm) !important; } } @media (min-width: 416px) { body.careers .position .common-LayoutCellContent { padding-top: 56px !important; padding-top: var(--layout-padding-y-sm) !important; } } body.careers .position h2 { margin-bottom: 16px; } body.careers .position h3 { margin-bottom: 4px; } body.careers .position .common-ButtonGroup { position: absolute; width: auto; right: 0px; margin-top: -78px; } @media (max-width: 1196px) { body.careers .position .common-ButtonGroup { right:40px; } } @media (max-width: 400px) { body.careers .position .common-ButtonGroup { position: relative; margin: -10px 0 0 0; right: 0px; } } body.careers .position ul + h3 { margin-top: 32px; } body.careers .navpadding { padding-top: 4%; } /* New Careers page styles added Oct 2021 */ body.careers #photo_hero_animated { -webkit-animation: animatedBackground 25s linear infinite alternate; -moz-animation: animatedBackground 25s linear infinite alternate; animation: animatedBackground 25s linear infinite alternate; background-repeat-y: repeat !important; } @media (max-width: 660px) { body.careers #photo_hero_animated { -webkit-animation: animatedBackground 20s linear infinite alternate !important; -moz-animation: animatedBackground 20s linear infinite alternate !important; animation: animatedBackground 20s linear infinite alternate !important; } } body.careers .heropad_bottom { padding-bottom: 26% !important; } @media (max-width: 660px) { body.careers .heropad_bottom { padding-bottom: 15% !important; } } body.careers .sm_header_label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.careers .subheader_pad { padding-bottom: 4%; } body.careers .whyjoin_img { display: block; max-width: 100%; } /* Shinning effect on review logos */ body.careers .bptw_logo_shine { width: 350px; height: 350px; background-color: white; padding: 7%; margin: auto; overflow: hidden; } @media (max-width: 1180px) { body.careers .bptw_logo_shine { padding: 10%; } } @media (max-width: 625px) { body.careers .bptw_logo_shine { padding: 20%; } } @media (max-width: 571px) { body.careers .bptw_logo_shine { padding: 10%; } } body.careers .bptw_logo_shine:after { content: ""; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; opacity: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)) ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } body.careers .bptw_logo_shine:hover:after { opacity: 1; left: 130%; -webkit-transition-property: left, top, opacity; -moz-transition-property: left, top, opacity; transition-property: left, top, opacity; -webkit-transition-duration: 0.7s, 0.7s, 0.15s; -moz-transition-duration: 0.7s, 0.7s, 0.15s; transition-duration: 0.7s, 0.7s, 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } body.careers .bptw_logo_shine:active:after { opacity: 0; } body.careers .glassdoor_logo_shine { width: 350px; height: 350px; padding: 6% 17% 10% 17%; background-color: white; margin: auto; overflow: hidden; } @media (max-width: 1180px) { body.careers .glassdoor_logo_shine { padding: 15% 25% 20% 25%; } } @media (max-width: 571px) { body.careers .glassdoor_logo_shine { padding: 10% 12% 10% 12%; } } body.careers .glassdoor_logo_shine:after { content: ""; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; opacity: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)) ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } body.careers .glassdoor_logo_shine:hover:after { opacity: 1; left: 130%; -webkit-transition-property: left, top, opacity; -moz-transition-property: left, top, opacity; transition-property: left, top, opacity; -webkit-transition-duration: 0.7s, 0.7s, 0.15s; -moz-transition-duration: 0.7s, 0.7s, 0.15s; transition-duration: 0.7s, 0.7s, 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } body.careers .glassdoor_logo_shine:active:after { opacity: 0; } body.careers .bestsmallcompanies_logomargin { margin: auto !important; } body.careers .bestsmallcompanies_logo_shine { width: 350px; height: 350px; background-color: white; margin: auto; padding: 10% 24% 10% 14%; overflow: hidden; } @media (max-width: 1180px) { body.careers .bestsmallcompanies_logo_shine { padding: 11% 25% 20% 25%; } } @media (max-width: 571px) { body.careers .bestsmallcompanies_logo_shine { padding: 10%; } } body.careers .bestsmallcompanies_logo_shine:after { content: ""; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; opacity: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)) ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } body.careers .bestsmallcompanies_logo_shine:hover:after { opacity: 1; left: 130%; -webkit-transition-property: left, top, opacity; -moz-transition-property: left, top, opacity; transition-property: left, top, opacity; -webkit-transition-duration: 0.7s, 0.7s, 0.15s; -moz-transition-duration: 0.7s, 0.7s, 0.15s; transition-duration: 0.7s, 0.7s, 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } body.careers .bestsmallcompanies_logo_shine:active:after { opacity: 0; } /* End of shinning effect on review logos */ body.careers .growthmode_img_mobile { display: none; } @media (max-width: 795px) { body.careers .growthmode_img_mobile { display: block; } body.careers .growthmode_img_desktop { display: none; } } body.careers .headline_subheadline_pad { padding-bottom: 0px; padding-top: 12%; } body.careers .img_text_pad { padding-bottom: 0% !important; } @media (max-width: 795px) { body.careers .img_text_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.careers .img_text_pad { padding-top: 8% !important; padding-bottom: 8% !important; } } body.careers .between_sections_pad { padding-top: 10%; } body.careers .perks_box { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0px 4px; background-color: white; background-color: white; background-color: var(--solidwhite100); text-align: center; } /* 4 column responsive reusable layout */ body.careers #job_perks {--careers-perks-4col: 1148px;--careers-perks-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.careers #job_perks .common-LayoutCell { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } @media (min-width: 572px) { body.careers #job_perks .common-LayoutCell { height: 48vw; } } @media (min-width: 1148px) { body.careers #job_perks .common-LayoutCell { height: 370px; } } /* End 4 column responsive reusable layout */ body.careers .perk_purpledivider { width: 100px; height: 4px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); border: none; margin: 4% auto 7% auto; } body.careers .single_perk { text-align: center; margin: auto; padding: 10%; } @media (max-width: 1147px) { body.careers .single_perk { padding: 5% 10% 10% 10%; } } body.careers .single_perk svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin: 8% auto auto auto; width: 50px; height: 50px; } @media (max-width: 1147px) { body.careers .single_perk svg { margin: 15% auto auto auto; } } @media (max-width: 722px) { body.careers .single_perk svg { margin: 0 auto auto auto; } } body.careers .subheader_perk_pad { padding-bottom: 4%; padding-top: 4%; } body.careers .perk_p { font-size: 16px; } body.careers #our_word {--our-word-3col: 860px;--our-word-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.careers #our_word .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.careers .between_sections_pad_xs { padding-top: 6%; } body.careers .glassdoor_logo { padding: 8% 15% 10% 15%; } @media (max-width: 1147px) { body.careers .glassdoor_logo { padding: 2% 10% 10% 10%; } } @media (max-width: 571px) { body.careers .glassdoor_logo { padding: 10% 15% 0 15%; } } body.careers .bestmall_places_logo { padding: 5% 17% 10% 0; } @media (max-width: 1147px) { body.careers .bestmall_places_logo { padding: 1% 10% 10% 10%; } } @media (max-width: 571px) { body.careers .bestmall_places_logo { padding: 10% 10% 0 10%; } } body.careers #video_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.careers #video_section .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.careers #positions_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.careers #positions_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.careers .michelle_vid_pic { display: block; max-width: 100%; padding: 10% 5% 10% 5%; } body.careers .michelle_vid_textbox { padding: 18% 10% 10% 10%; } body.careers .michelle_vid_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.careers .michelle_vid_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 571px) { body.careers .michelle_vid_textbox { padding: 0 10% 10% 10%; } } body.careers .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.careers .logo_background { background-image: none; } } /* positions section */ body.careers #open_positions {--our-word-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.careers #open_positions .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.careers .positions_pad_box { padding: 12% 10% 15% 10%; } @media (max-width: 571px) { body.careers .positions_pad_box { padding: 5% 5% 23% 5%; } } body.careers .single_position .common-LayoutCellContent { padding: 4% 2% 4% 2% !important; } body.careers .positions_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.careers .positions_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.careers .span3:focus ~ .alert { display: none; } body.careers .span2:focus ~ .alert { display: block; } @media (max-width: 571px) { body.careers .positions_text_box { padding-top: 12%; padding-bottom: 0; } } body.careers .positions_text { max-width: 100%; margin: auto; text-align: left; padding-top: 14%; } @media (max-width: 571px) { body.careers .positions_text { padding-top: 0; } } body.careers .positions_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.careers .position_cta_grid { -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; display: -ms-grid; display: grid; } @media (max-width: 571px) { body.careers .position_cta_grid { -ms-grid-columns: 3fr 0fr; grid-template-columns: 3fr 0fr; } } body.careers .accordion_box { width: 100%; text-align: left; } body.careers .label_job { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/label_purple.svg'); display: inline-block; background-color: transparent; height: 19px; width: 20px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; margin-right: 10px; } body.careers .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.careers .accordion { background-color: transparent; cursor: pointer; padding: 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.careers .accordion { padding: 2% 0 2% 0 !important; } } body.careers .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.careers .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.careers .activeaccordion .plus, body.careers .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.careers .department_headline { font-size: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); line-height: 30px; border-bottom: solid 1px mediumpurple; padding-bottom: 8px; color: #3A4554; color: #3A4554; color: var(--gray100); } body.careers .position_info { text-align: left; padding: 2% 2% 2% 0%; border-bottom-style: dotted; border-color: #76879D; border-color: #76879D; border-color: var(--gray300); border-width: thin; } @media (max-width: 571px) { body.careers .position_info { padding: 4% 0% 2% 0%; } } body.careers .position_info:hover { border-color: #089BFA; border-color: #089BFA; border-color: var(--blue1200); } body.careers .job_name { color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.careers .job_name { margin-right: 12%; } } body.careers .job_name:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.careers .position_cta { position: relative !important; margin-top: 5px !important; } body.careers .positions_cta_pad { padding: 15px; } @media only screen and (max-width: 600px) { body.careers .positions_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.careers .accordion { padding: 4%; } } body.careers { /* End of new Careers page styles added Oct 2021 */ } body.careers .careers_logos_pad { padding-top: 5%; padding-bottom: 13%; } body.company #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.company #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.company #photos .common-LayoutCell { height: 200px; } } body.company #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.company #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.company #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.company #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.company #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.company #photos .common-LayoutCell:hover .details { opacity: 1; } body.company #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.company #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.company #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.company #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.company #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.company #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.company #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.company #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.company #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.company #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.company #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.company #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.company #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.company #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.company #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.company #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.company #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.company #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.company #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.company #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.company #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.company #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.company #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.company #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.company #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.company #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.company #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.company #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.company #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.company #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.company #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.company #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.company #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.company #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.company #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.company #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.company #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.company #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.company #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.company #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.company #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.company #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.company #metrics .common-LayoutCell { min-height: 296px; } } body.company #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.company #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.company #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.company #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.company #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.company #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.company #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.company #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.company #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.company #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.company #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.company #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.company #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.company #location .common-LayoutCellContent { padding-right: 112px; } body.company #location .content { max-width: 500px; } body.company #location .common-Header2 { color: #fff; } body.company #location .common-Header4 { color: #fff; margin-bottom: 0; } body.company #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.company .navpadding { padding-top: 1%; } /* New About page styles added Oct 2021 */ body.company .jointeam_cta_width { max-width: 180px; } body.company .sm_header_label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.company .subheader_pad { padding-bottom: 4%; } body.company .demo_img { display: block; max-width: 100%; } body.company .headline_subheadline_pad { padding-bottom: 3%; padding-top: 12%; } body.company .img_text_pad { padding-bottom: 0% !important; } @media (max-width: 795px) { body.company .img_text_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.company .img_text_pad { padding-top: 8% !important; padding-bottom: 8% !important; } } body.company .between_sections_pad { padding-top: 10%; } body.company .numbers_box { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; background-color: white; background-color: white; background-color: var(--solidwhite100); text-align: center; } @media (max-width: 571px) { body.company .numbers_box { padding-top: 5%; padding-bottom: 0 !important; } } body.company .single_number { text-align: center; margin: auto; background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); border: solid 4px white; border: solid 4px white; border: solid 4px var(--solidwhite100); padding: 25% 10% 25% 10%; } @media (max-width: 1147px) { body.company .single_number { padding: 25% 5% 25% 5%; } } @media (max-width: 795px) { body.company .single_number { padding: 18% 5% 18% 5%; } } body.company .subheader_number_pad { padding-bottom: 0; padding-top: 4%; margin-bottom: 0px; } @media (max-width: 1092px) { body.company .subheader_number_pad { font-size: 28px; } } @media (max-width: 795px) { body.company .subheader_number_pad { font-size: 42px; } } body.company .number_p { font-size: 16px; } body.company .ourstory_text_box { padding-top: 10%; } @media (max-width: 1000px) { body.company .ourstory_text_box { padding-top: 0; } } body.company .company_teampic { display: block; max-width: 100%; } body.company .company_collage_pad { padding: 0 3.5% 5% 3.5%; } /* Employees slider section */ body.company .arrows .slider_left_arrow { cursor: pointer; position: absolute; bottom: 64%; left: -22%; } @media (max-width: 1740px) { body.company .arrows .slider_left_arrow { left: -15%; } } @media (max-width: 1580px) { body.company .arrows .slider_left_arrow { left: -10%; } } @media (max-width: 1460px) { body.company .arrows .slider_left_arrow { left: -5%; } } @media (max-width: 1335px) { body.company .arrows .slider_left_arrow { left: 0%; } } @media (max-width: 1197px) { body.company .arrows .slider_left_arrow { display: none; } } body.company .arrows .slider_left_arrow svg { width: 18px; height: 35px; background: transparent; } body.company .arrows .slider_left_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.company .arrows .slider_right_arrow { cursor: pointer; position: absolute; bottom: 64%; right: -22%; } @media (max-width: 1740px) { body.company .arrows .slider_right_arrow { right: -15%; } } @media (max-width: 1580px) { body.company .arrows .slider_right_arrow { right: -10%; } } @media (max-width: 1460px) { body.company .arrows .slider_right_arrow { right: -5%; } } @media (max-width: 1335px) { body.company .arrows .slider_right_arrow { right: 0%; } } @media (max-width: 1197px) { body.company .arrows .slider_right_arrow { display: none; } } body.company .arrows .slider_right_arrow svg { width: 18px; height: 35px; background: transparent; } body.company .arrows .slider_right_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.company .teammate_wrapper { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } body.company .teammate_img_wrapper { margin-top: 10%; margin-left: auto; margin-right: auto; margin-bottom: 12%; } @media (max-width: 600px) { body.company .teammate_img_wrapper { margin-top: 0; margin-bottom: 6%; } } body.company .teammate_img { display: block; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media (max-width: 600px) { body.company .teammate_img { height: 200px; } } body.company .teammate_tab { width: 85%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; text-align: center; margin: auto; } @media (max-width: 600px) { body.company .teammate_tab { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.company .teammate_header { margin-bottom: 5px; } body.company .teammate_text { text-align: left; margin-top: 6%; margin-left: 7%; margin-right: 0; } @media (max-width: 600px) { body.company .teammate_text { margin-top: 2%; margin-left: 5%; } } body.company .team_growth_figure { font-weight: bold; color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.company .teammate_title { font-size: 16px; text-align: left; margin-bottom: 10px; } body.company .teammates_socialicons { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: left !important; -webkit-align-items: left !important; -moz-box-align: left !important; -ms-flex-align: left !important; align-items: left !important; -webkit-box-pack: left !important; -webkit-justify-content: left !important; -moz-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; padding: 0px 0px 0px 0px; } body.company .teammates_socialicons svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); padding-right: 10px; } body.company .teammates_socialicons svg path { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); } body.company .teammate_p { padding: 7% 7% 4% 0; } body.company .teammate_quote_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-light-teal.svg'); -moz-background-size: contain; background-size: contain; background-position: right; background-repeat: no-repeat; } body.company .teammate_quote { background-color: transparent; font-style: italic; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); padding: 0% 4% 4% 0%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); } @media (max-width: 600px) { body.company .teammate_quote { padding: 2% 2% 4% 0; } } body.company .tammate_backgroundbox { background: white; background: white; background: var(--solidwhite100); /* Old browsers */ background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, var(--solidwhite100) 0%, var(--solidwhite100) 20%, var(--blue900) 20%, var(--blue900) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--solidwhite100)), color-stop(20%,var(--solidwhite100)), color-stop(20%,var(--blue900)), color-stop(100%,var(--blue900))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, right top, from(white),color-stop(20%, white),color-stop(20%, #E3F6FF),to(#E3F6FF)); background: -moz-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-gradient(linear, left top, right top, from(var(--solidwhite100)),color-stop(20%, var(--solidwhite100)),color-stop(20%, var(--blue900)),to(var(--blue900))); background: -moz-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); background: linear-gradient(to right, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--solidwhite100)', endColorstr='var(--blue900)',GradientType=1 ); /* IE6-9 */ } @media (max-width: 600px) { body.company .tammate_backgroundbox { background: #E3F6FF; background: #E3F6FF; background: var(--blue900); } } body.company .subsection_pad { padding-bottom: 8%; } body.company div.scrollmenu { overflow: auto; white-space: nowrap; text-align: center; padding: 1% 2% 2% 2%; } @media (max-width: 600px) { body.company div.scrollmenu { padding: 0 2% 2% 2%; } } body.company .subcategory { background-color: transparent !important; } body.company .submenu_pad { padding-bottom: 5%; } body.company .mySlides { display: none; } body.company .subcat { display: inline-block; color: #E9EDF2; color: #E9EDF2; color: var(--offwhite200); text-align: left; padding: 18px; text-decoration: none; cursor: pointer; font-weight: normal; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px var(--offwhite200); width: 50px; padding-left: 0; } body.company .active { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.company .subcat:hover { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.company #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.company #main_hero_section .common-LayoutCell { background-color: #7249BA; background-color: #7249BA; background-color: var(--purple100); } body.company .hero_background { /* background: linear-gradient(to right, #000000eb, #00000063), url('/static/images/company/backgroundmap.svg') no-repeat top center; */ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.92157)), to(rgba(0, 0, 0, 0.6))), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/backgroundmap.svg') no-repeat top center; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(0, 0, 0, 0.6)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/backgroundmap.svg') no-repeat top center; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(0, 0, 0, 0.6)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/backgroundmap.svg') no-repeat top center; background: linear-gradient(to right, rgba(0, 0, 0, 0.92157), rgba(0, 0, 0, 0.6)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/backgroundmap.svg') no-repeat top center; -moz-background-size: cover; background-size: cover; background-position:right top; background-repeat: no-repeat; } @media (max-width: 600px) { body.company .hero_background { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.company .hero_background_textbox { padding: 23% 10% 18% 10%; } @media (max-width: 600px) { body.company .hero_background_textbox { padding: 27% 10% 14% 10%; } } body.company .hero_background_textbox h1 { color: white; color: white; color: var(--solidwhite100); max-width: 600px; } @media (max-width: 600px) { body.company .hero_background_textbox h1 { max-width: 100%; font-size: 34px; line-height: 44px; } } body.company .hero_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.company .team_background { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.92157)), to(rgba(114, 73, 186, 0.78039))), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/teampic_horizontal.jpg') no-repeat top center; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/teampic_horizontal.jpg') no-repeat top center; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/teampic_horizontal.jpg') no-repeat top center; background: linear-gradient(to right, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/teampic_horizontal.jpg') no-repeat top center; -moz-background-size: contain; background-size: contain; background-position:right; background-repeat: repeat; } @media (max-width: 600px) { body.company .team_background { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.company .team_background_textbox { padding: 9% 10% 11% 10%; } body.company .team_background_textbox h2 { color: white; color: white; color: var(--solidwhite100); max-width: 500px; } @media (max-width: 600px) { body.company .team_background_textbox h2 { max-width: 100%; } } body.company .team_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.company #team_background_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.company #team_background_section .common-LayoutCell { background-color: #7249BA; background-color: #7249BA; background-color: var(--purple100); } body.company .between_sections_pad_sm { padding-top: 4%; } body.company #video_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.company #video_section .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.company .demo_vid_pic { display: block; max-width: 100%; padding: 10% 5% 10% 5%; } body.company .demo_vid_textbox { padding: 13% 10% 10% 10%; } body.company .demo_vid_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.company .demo_vid_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 1000px) { body.company .demo_vid_textbox { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.company .demo_vid_textbox { padding: 0 10% 10% 10%; } } body.company .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.company .logo_background { background-image: none; } } body.company .teammate1_top_position { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 20%; left: 53%; background-color: transparent; height: 200px; width: 200px; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate1_top_position { display: none; } } body.company .teammate1 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/andrew.jpg'); z-index: 9997; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/adam.jpg'); z-index: 9996; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ako.jpg'); z-index: 9995; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/alex.png'); z-index: 9994; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/amalia.jpg'); z-index: 9993; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_6 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/anthony.jpg'); z-index: 9992; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_7 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ben.jpg'); z-index: 9991; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_8 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/cecile.jpg'); z-index: 9990; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_9 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/chrisg.png'); z-index: 9989; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_10 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/anirudh.jpg'); z-index: 9988; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_11 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/dario.jpg'); z-index: 9987; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_12 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/davey.jpg'); z-index: 9986; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_13 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/diego.jpg'); z-index: 9985; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_14 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/doni.jpg'); z-index: 9984; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_15 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/dylan.jpg'); z-index: 9983; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_1_16 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/dylanf.jpg'); z-index: 9982; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate2_top_position { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 28%; left: 72%; background-color: transparent; height: 200px; width: 200px; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate2_top_position { display: none; } } body.company .teammate2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/mikel.jpg'); z-index: 9997; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/eduardo.jpg'); z-index: 9996; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/elissa.jpg'); z-index: 9995; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ethan.jpg'); z-index: 9994; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/alysha.jpg'); z-index: 9993; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_6 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/gina.jpg'); z-index: 9992; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_7 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/harini.jpg'); z-index: 9991; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_8 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ian.jpg'); z-index: 9990; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_9 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/israel.jpg'); z-index: 9989; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_10 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ivan.jpg'); z-index: 9988; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_11 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/james.jpg'); z-index: 9987; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_12 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/jamesr.jpg'); z-index: 9986; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_13 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/jb.jpg'); z-index: 9985; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_14 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/jen.jpg'); z-index: 9984; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_15 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/john.jpg'); z-index: 9983; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_2_16 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/jonathan.jpg'); z-index: 9982; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate3_top_position { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 38%; left: 63%; background-color: transparent; height: 200px; width: 200px; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate3_top_position { display: none; } } body.company .teammate3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/khaled.png'); z-index: 9998; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/arjan.jpg'); z-index: 9997; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/julian.jpg'); z-index: 9996; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/michelle.png'); z-index: 9995; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/justins.png'); z-index: 9994; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_6 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/kai.jpg'); z-index: 9993; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_7 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/kamila.jpg'); z-index: 9992; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_8 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/karl.jpg'); z-index: 9991; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_9 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/katherine.png'); z-index: 9990; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_10 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/kirsten.png'); z-index: 9989; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_11 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/madhav.jpg'); z-index: 9988; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_12 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/summer.jpg'); z-index: 9987; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_13 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/arjan.jpg'); z-index: 9986; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_14 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/mariana.png'); z-index: 9985; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_15 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/marylee.jpg'); z-index: 9984; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_3_16 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/matt.jpg'); z-index: 9983; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate4_top_position { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 55%; left: 55%; background-color: transparent; height: 200px; width: 200px; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate4_top_position { display: none; } } body.company .teammate4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/justinm.jpg'); z-index: 9997; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/milan.jpg'); z-index: 9996; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/nadia.jpg'); z-index: 9995; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/nico.jpg'); z-index: 9994; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/nicolle.jpg'); z-index: 9993; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_6 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/owen.jpg'); z-index: 9992; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_7 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/parker.jpg'); z-index: 9991; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_8 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/peter.png'); z-index: 9990; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_9 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/robbie.jpg'); z-index: 9989; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_10 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/robert.jpg'); z-index: 9988; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_11 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/russ.jpg'); z-index: 9987; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_12 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ryan.jpg'); z-index: 9986; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_13 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/ryanz.jpg'); z-index: 9985; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_14 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/samantha.jpg'); z-index: 9984; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_15 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/scott.jpg'); z-index: 9983; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_4_16 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/seth.jpg'); z-index: 9982; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate5_top_position { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 61%; left: 70%; background-color: transparent; height: 200px; width: 200px; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate5_top_position { display: none; } } body.company .teammate5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/davidv.png'); z-index: 9997; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_2 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/shuai.jpg'); z-index: 9996; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_3 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/shenyse.jpg'); z-index: 9995; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_4 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/skylar.jpg'); z-index: 9994; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_5 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/swift.jpg'); z-index: 9993; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_6 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/tanya.jpg'); z-index: 9992; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_7 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/taylor.jpg'); z-index: 9991; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_8 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/thomas.jpg'); z-index: 9990; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_9 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/tom.jpg'); z-index: 9989; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_10 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/trev.png'); z-index: 9988; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_11 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/victor.jpg'); z-index: 9987; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_12 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/victoria.jpg'); z-index: 9986; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_13 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/johan.jpg'); z-index: 9985; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_14 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/will.jpg'); z-index: 9984; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_15 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/yuri.png'); z-index: 9983; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate_5_16 { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dynamic_teammates/zackary.jpg'); z-index: 9982; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 rgba(0, 0, 0, 0.35),3px 3px 7px rgb(0 0 0 / 70%); } body.company .teammate1_mobile { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); position: relative; top: 0; left: 0; background-color: transparent; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } @media (max-width: 1196px) { body.company .teammate1_mobile { height: 200px; width: 200px; } } @media (max-width: 660px) { body.company .teammate1_mobile { height: 150px; width: 150px; } } body.company .mobile_teammate_box { display: none; grid-gap: 5%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; text-align: center; } @media (max-width: 1196px) { body.company .mobile_teammate_box { padding-top: 5%; padding-bottom: 5%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 940px) { body.company .mobile_teammate_box { padding-top: 10%; padding-bottom: 10%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } body.company { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.company .mobile_teammate_1 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent; } body.company .mobile_img_1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; z-index: 9997; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } body.company .mobile_img_2 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; z-index: 9996; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } body.company .mobile_img_3 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; z-index: 9995; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } body.company .mobile_img_4 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; z-index: 9994; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } body.company .mobile_img_5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; z-index: 9993; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); box-shadow: 3px 3px 7px rgb(0 0 0 / 70%); -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } body.company .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.company .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.company .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.company #awards {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.company #awards .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.company .awards_subheadline_pad { padding-bottom: 5%; padding-top: 12%; } body.company .awards_sections_wrapper { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.company .award_bottom_pad { padding-bottom: 40% !important; } @media (max-width: 859px) { body.company .award_bottom_pad { padding-bottom: 6% !important; } } body.company #awards_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.company #awards_intro .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.company .single_award_card_wrapper { padding: 0 3% 6% 3%; } body.company .single_award_card { padding-bottom: 5%; } @media (max-width: 571px) { body.company .single_award_card { padding-bottom: 0; } } body.company .award_pic_box { text-align: center; } body.company .best_companies_logo { display: block; margin: auto; max-width: 31%; padding-top: 4%; padding-bottom: 3%; } body.company .capterra_logo { display: block; margin: auto; max-width: 56%; padding-bottom: 13%; padding-top: 21%; } body.company .g2_logo { display: block; margin: auto; max-width: 25%; padding-bottom: 7%; padding-top: 13.2%; } body.company .inc_logo { display: block; margin: auto; max-width: 36%; padding-bottom: 15%; padding-top: 15%; } body.company .sfbusiness_logo { display: block; margin: auto; max-width: 66%; padding-bottom: 10%; padding-top: 12%; } body.company .getapp_logo { display: block; margin: auto; margin-bottom: -42px; max-width: 53%; } body.company .single_award_name { text-align: center; margin-bottom: 0; } body.company .award_title { font-size: 16px; text-align: center; } @media (max-width: 571px) { body.company .award_title { padding-bottom: 10%; } } body.company .rating_module_pad { margin-bottom: -8px; margin-top: -8px; } @media (max-width: 571px) { body.company .rating_module_pad { margin-top: -2px; } } body.company { @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } /* End of new About page styles added Oct 2021 */ } body.company .about_page_rating_number { font-size: 15px; bottom: 3px; position: relative; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #76879D; color: #76879D; color: var(--gray300); } body.company .starrating { color: #FCA919; color: #FCA919; color: var(--orange400); font-size: 18px; } body.company .logo_shine:after { content: ""; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; opacity: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)) ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } body.company .logo_shine:hover:after { opacity: 1; left: 130%; -webkit-transition-property: left, top, opacity; -moz-transition-property: left, top, opacity; transition-property: left, top, opacity; -webkit-transition-duration: 0.7s, 0.7s, 0.15s; -moz-transition-duration: 0.7s, 0.7s, 0.15s; transition-duration: 0.7s, 0.7s, 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } body.company .logo_shine:active:after { opacity: 0; } body.company .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.company .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.contact #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact #hero #intro { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.contact #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.contact #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.contact #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.contact #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.contact #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.contact #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.contact #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.contact #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.contact #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.contact #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.contact #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.contact #hero #intro .main .common-ButtonGroup { width: auto; } body.contact #plansOverview {--pricing-plansOverview-3col: 860px;--pricing-plansOverview-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact #plansOverview .contact.support .common-Button, body.contact #plansOverview .contact.sales .common-Button, body.contact #plansOverview .contact.general .common-Button { --color: #fff; --highlighted-color: #38A5FF; --highlighted-color: var(--blue400); } body.contact #plansOverview .contact.other .common-Button { --color: #38A5FF; --color: var(--blue400); --highlighted-color: #fff; } body.contact #plansOverview .contact .common-LayoutCellContent { height: 100%; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.contact #plansOverview .contact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.contact #plansOverview .contact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.contact #plansOverview .contact .common-LayoutCellContent img { max-width: 100%; } body.contact #plansOverview .contact .common-Header2 { color: #3A4554; color: #3A4554; color: var(--gray100); margin-bottom: 0; } body.contact #plansOverview .contact .common-Header3 { color: #3A4554; color: #3A4554; color: var(--gray100); vertical-align: top; } body.contact #plansOverview .contact .common-Header4 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.contact #plansOverview .contact .common-Header5 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.contact #plansOverview .contact .common-Body2 { color: #3A4554; color: #3A4554; color: var(--gray100); margin-top: 12px; } body.contact #plansOverview .contact .common-Body3 { margin-bottom: 20px; min-height: 75px; } body.contact #plansOverview .contact .mostPopular { margin: 32px -24px -32px; margin: 32px -24px -32px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); padding: 12px 24px; padding: 12px 24px; padding: 12px var(--layout-padding-x); color: #fff !important; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); } @media (min-width: 416px) { body.contact #plansOverview .contact .mostPopular { padding: 12px 40px; padding: 12px var(--layout-padding-x); } } @media (min-width: 416px) { body.contact #plansOverview .contact .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.contact #plansOverview .contact .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.contact #plansOverview .contact .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.contact #plansOverview .contact .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } body.contact #plansOverview .contact .mostPopular svg { display: inline-block; margin-bottom: -3px; margin-right: 8px; fill: #ffffff; } body.contact #plansOverview .contact.support { background: #9B68F2; background: #9B68F2; background: var(--purple300); } body.contact #plansOverview .contact.support .common-Header4 { color: #fff; } body.contact #plansOverview .contact.support .common-Body3 { color: #fff; } body.contact #plansOverview .contact.sales { background: #3293E3; background: #3293E3; background: var(--blue300); } body.contact #plansOverview .contact.sales .common-Header4 { color: #fff; } body.contact #plansOverview .contact.sales .common-Body3 { color: #fff; } body.contact #plansOverview .contact.general { background: #32B8C2; background: #32B8C2; background: var(--teal300); } body.contact #plansOverview .contact.general .common-Header4 { color: #fff; } body.contact #plansOverview .contact.general .common-Body3 { color: #fff; } body.contact #plansOverview .contact.other { background: #F5F7FA; background: #F5F7FA; background: var(--gray900); } body.contact #plansOverview .contact.other .common-Body3 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.contact #newPlan { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact #newPlan #enterprisePlanOverview { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900) } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 140px; padding: 0; } @media (max-width: 678px) { body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 200px; } } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { left:0px; width: 48%; padding: 60px 0 61px 0; float: left; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); float: right; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Body3 { text-align: right; } @media (max-width: 678px) { body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { float: none; width: 100%; position: relative; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Header4 { float: none; text-align: center; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { float: none; width: 202px; display: block; margin: auto; } } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { right:0px; width: 48%; padding: 55px 0 45px 0; float: right; } @media (max-width: 678px) { body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { display: none; } } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right .common-Body2 { color: white; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right > svg { position: absolute; left: 50%; margin-left: 315px; top: 60px; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Header4 { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); text-align: right; } body.contact #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.contact #contact-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.contact #contact-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; max-width: 800px; margin: 0 auto; } @media (min-width: 510px) { body.contact #contact-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.contact #contact-form form .fullWidth { grid-column: 1 / -1; } body.contact #contact-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.contact #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.contact #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.contact #location .common-LayoutCellContent { padding-right: 112px; } body.contact #location .content { max-width: 500px; } body.contact #location .common-Header2 { color: #fff; } body.contact #location .common-Header4 { color: #fff; margin-bottom: 0; } body.contact #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.contact .contact_cta_width { max-width: 200px; padding-left: 20px !important; } body.contact-sales #hero {--contact-hero-2col: 956px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 956px) { body.contact-sales #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.contact-sales #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.contact-sales #hero #intro { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.contact-sales #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 0 } body.contact-sales #hero #intro .common-LayoutCellContent > *:not(img) { z-index: 1; } body.contact-sales #hero #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 32px; margin-bottom: -32px; margin-left: -310px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } body.contact-sales #hero #intro h1 { margin-bottom: 24px; } body.contact-sales #hero #intro .common-Body1 { display: none; max-width: none; } @media (min-width: 956px) { body.contact-sales #hero #intro .common-Body1 { display: inline; } } body.contact-sales #hero #intro .common-ButtonGroup { --gap: 48px; } body.contact-sales #hero #intro .common-ButtonGroup a { margin-bottom: 8px; } body.contact-sales #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact-sales #customers .common-SectionIntro .common-Header1 { max-width: 1196px; } body.contact-sales #customers .logos { padding-top: 20px; } body.contact-sales #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.contact-sales #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.contact-sales #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.contact-sales #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.contact-sales #customers .common-SectionIntro { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.contact-sales #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.contact-sales #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } body.contact-sales #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact-sales #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.contact-sales #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.contact-sales #location .common-LayoutCellContent { padding-right: 112px; } body.contact-sales #location .content { max-width: 500px; } body.contact-sales #location .common-Header2 { color: #fff; } body.contact-sales #location .common-Header4 { color: #fff; margin-bottom: 0; } body.contact-sales #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.contact-general #hero {--contact-hero-2col: 956px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 956px) { body.contact-general #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.contact-general #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.contact-general #hero #intro { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.contact-general #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 0 } body.contact-general #hero #intro .common-LayoutCellContent > *:not(img) { z-index: 1; } body.contact-general #hero #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 32px; margin-bottom: -32px; margin-left: -310px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } body.contact-general #hero #intro h1 { margin-bottom: 24px; } body.contact-general #hero #intro .common-Body1 { display: none; max-width: none; } @media (min-width: 956px) { body.contact-general #hero #intro .common-Body1 { display: inline; } } body.contact-general #hero #intro .common-ButtonGroup { --gap: 48px; } body.contact-general #hero #intro .common-ButtonGroup a { margin-bottom: 8px; } body.contact-general #hero #contact-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.contact-general #hero #contact-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.contact-general #hero #contact-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.contact-general #hero #contact-form form .fullWidth { grid-column: 1 / -1; } body.contact-general #hero #contact-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.contact-general #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact-general #customers .common-SectionIntro .common-Header1 { max-width: 1196px; } body.contact-general #customers .logos { padding-top: 20px; } body.contact-general #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.contact-general #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.contact-general #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.contact-general #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.contact-general #customers .common-SectionIntro { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.contact-general #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.contact-general #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } body.contact-general #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact-general #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.contact-general #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.contact-general #location .common-LayoutCellContent { padding-right: 112px; } body.contact-general #location .content { max-width: 500px; } body.contact-general #location .common-Header2 { color: #fff; } body.contact-general #location .common-Header4 { color: #fff; margin-bottom: 0; } body.contact-general #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.customers #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.customers #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.customers #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.customers #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.customers #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.customers #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.customers #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.customers #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.customers #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.customers #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.customers #hero #intro .main .common-ButtonGroup { width: auto; } body.customers section.grid {--customers-grid-4col: 1036px;--customers-grid-2col: 516px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured { --background-color: #AA81F3; --background-color: var(--purple400); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-purple.svg); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured { --background-color: #EB9B10; --background-color: var(--orange300); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-yellow.svg); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured p { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured { --background-color: #5C6D82; --background-color: var(--gray200); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-gray.svg); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured p { color: #E9EDF2; color: #E9EDF2; color: var(--gray800); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured { --background-color: #3DCAD4; --background-color: var(--teal400); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon.svg); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.customers section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-filter: brightness(100%); filter: brightness(100%); height: 100%; } body.customers section.grid .common-LayoutCell.logo:hover { -webkit-filter: brightness(92%); filter: brightness(92%); } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: -webkit-calc((100vw - 12px)/4); min-height: -moz-calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: -webkit-calc((100vw - var(--grid-gap)*3)/4); min-height: -moz-calc((100vw - var(--grid-gap)*3)/4); min-height: calc((100vw - var(--grid-gap)*3)/4); } } @media (min-width: 1196px) { body.customers section.grid .common-LayoutCell.logo { min-height: 296px; min-height: 296px; min-height: -webkit-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: -moz-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: calc((var(--lg-viewport) - var(--grid-gap)*3)/4); } } body.customers section.grid .common-LayoutCell.logo .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 24px; padding: 24px; padding: var(--layout-padding-x); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.logo .common-LayoutCellContent { padding: 40px; padding: var(--layout-padding-x); } } body.customers section.grid .common-LayoutCell.logo svg { width: 100%; max-width: 208px; } body.customers section.grid .common-LayoutCell.logo svg path { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.customers section.grid .common-LayoutCell.featured { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background-color: undefined; background-color: var(--background-color); background-color: undefined; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } @media (min-width: 516px) { body.customers section.grid .common-LayoutCell.featured { grid-column: 1 / -1 !important; } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; } body.customers section.grid .common-LayoutCell.featured:first-child { -ms-grid-column: 1 !important; -ms-grid-column-span: 2 !important; grid-column: 1 / 3 !important; } body.customers section.grid .common-LayoutCell.featured:nth-child(4) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-column: 3 !important; -ms-grid-column-span: 2 !important; grid-column: 3 / 5 !important; } } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 672px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 64px 24px; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 208px; margin-bottom: 48px; } @media (min-width: 672px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: 208px; margin-bottom: 0; margin-right: 48px; } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: auto; margin-bottom: 48px; margin-right: 0; } } body.customers { /* End of Certified customer CTA Styles Nov 2021. Please revisit once this page is redesigned / optimized */ } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg path { fill: #fff; } body.customers section.grid .common-LayoutCell.featured h3 { color: #fff; } body.customers section.grid .common-LayoutCell.featured .quote { position: relative; color: #fff; z-index: 1; } body.customers section.grid .common-LayoutCell.featured .quote::before { content: ''; position: absolute; width: 51px; height: 44px; top: 0; right: 0; z-index: -1; } body.customers section.grid .common-LayoutCell.featured .common-Button { --color: #fff; --highlighted-color: var(--background-color); --highlighted-color: var(--background-color); } /* Certified customer CTA Styles Nov 2021. Please revisit once this page is redesigned / optimized */ body.customers .customer_bigtile_cta_pad { padding-left: 15px !important; } body.customers .drizly_cta { color: #5C6D82; color: #5C6D82; color: var(--gray200); } body.customers .drizly_cta svg { fill: #5C6D82 !important; fill: #5C6D82 !important; fill: var(--gray200) !important; } body.customers .drizly_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.customers .drizly_cta:active { color: white; color: white; color: var(--solidwhite100); } body.customers .drizly_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.customers .drizly_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.customers .imperfect_cta { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.customers .imperfect_cta svg { fill: #EB9B10 !important; fill: #EB9B10 !important; fill: var(--orange300) !important; } body.customers .imperfect_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.customers .imperfect_cta:active { color: white; color: white; color: var(--solidwhite100); } body.customers .imperfect_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.customers .imperfect_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.customers .corodata_cta { color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.customers .corodata_cta svg { fill: #3DCAD4 !important; fill: #3DCAD4 !important; fill: var(--teal400) !important; } body.customers .corodata_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.customers .corodata_cta:active { color: white; color: white; color: var(--solidwhite100); } body.customers .corodata_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.customers .corodata_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.features #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.features #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.features #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.features #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.features #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.features #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.features #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.features #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.features #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.features #hero #intro .main .common-ButtonGroup { width: auto; } body.features img { width: 100%; vertical-align: top; } body.features section.desktop[data-selected-feature='0'] .screenshotContainer picture:nth-child(1), body.features section.mobile[data-selected-feature='0'] .screenshotContainer picture:nth-child(1) { opacity: 1; } body.features section.desktop[data-selected-feature='1'] .screenshotContainer picture:nth-child(2), body.features section.mobile[data-selected-feature='1'] .screenshotContainer picture:nth-child(2) { opacity: 1; } body.features section.desktop[data-selected-feature='2'] .screenshotContainer picture:nth-child(3), body.features section.mobile[data-selected-feature='2'] .screenshotContainer picture:nth-child(3) { opacity: 1; } body.features section.desktop[data-selected-feature='3'] .screenshotContainer picture:nth-child(4), body.features section.mobile[data-selected-feature='3'] .screenshotContainer picture:nth-child(4) { opacity: 1; } body.features section.desktop .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.mobile .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.features section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.features section.desktop .screenshotContainer, body.features section.mobile .screenshotContainer { height: 100vw; -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); } @media (min-width: 672px) { body.features section.desktop .screenshotContainer, body.features section.mobile .screenshotContainer { height: auto; } } body.features section.desktop .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.features section.mobile .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.features section.desktop .screenshotContainer picture:not(:first-child), body.features section.mobile .screenshotContainer picture:not(:first-child) { position: absolute; width: 100%; height: auto; top: 0; left: 0; } body.features section.desktop .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.features section.desktop .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.desktop .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.desktop .featureList, body.features section.mobile .featureList { position: relative; } body.features section.desktop .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.features section.mobile .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.features section.desktop .screenshot { margin-bottom: 4px; margin-bottom: 4px; margin-bottom: var(--grid-gap); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.desktop .screenshot .common-LayoutCell { overflow: visible; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.features section.desktop .screenshot .common-LayoutCellContent { padding: 0; background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); z-index: 1; } @media (min-width: 672px) { body.features section.desktop .common-PageControl { display: none; } } @media (min-width: 672px) { body.features section.desktop .common-LayoutCell.feature { cursor: pointer; } body.features section.desktop .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.features section.desktop .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.features section.desktop .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.features section.desktop .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.features section.desktop .common-Layout.features[data-feature-count='2'] {--features-desktop-2col: 892px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: (100vw)[2] !important; grid-template-columns: repeat(2, 100vw) !important; min-width: 0; } } body.features section.desktop .common-Layout.features[data-feature-count='3'] {--features-desktop-3col: 896px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: (100vw)[3] !important; grid-template-columns: repeat(3, 100vw) !important; min-width: 0; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features { width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } body.features section.desktop .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.features section.desktop .common-Layout.features::-webkit-scrollbar, body.features section.desktop .common-Layout.features::-webkit-scrollbar-track, body.features section.desktop .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.features section.desktop .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.features section.desktop .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.features section.desktop .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } @media (min-width: 708px) { body.features section.mobile .mobileScreenshot { display: none; } } body.features section.mobile .mobileScreenshot .common-LayoutCell { z-index: 1; } @media (min-width: 708px) { body.features section.mobile .common-PageControl { display: none; } } @media (min-width: 708px) { body.features section.mobile .common-LayoutCell.feature { cursor: pointer; } body.features section.mobile .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.features section.mobile .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.features section.mobile .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.features section.mobile .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.features section.mobile .common-Layout.features {--features-mobile-3col: 1016px;--features-mobile-2col: 708px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 708px; } @media (max-width: 707px) { body.features section.mobile .common-Layout.features { width: 100%; min-width: 0; -ms-grid-columns: (100vw)[4] !important; grid-template-columns: repeat(4, 100vw) !important; overflow: hidden; -webkit-overflow-scrolling: touch; } body.features section.mobile .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.features section.mobile .common-Layout.features::-webkit-scrollbar, body.features section.mobile .common-Layout.features::-webkit-scrollbar-track, body.features section.mobile .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.features section.mobile .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.features section.mobile .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.features section.mobile .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (min-width: 708px) { body.features section.mobile .common-Layout.features .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } body.features section.mobile .common-Layout.features .desktopScreenshot { display: none; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); z-index: 1; } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .desktopScreenshot { background-color: #F5F7FA; background-color: var(--gray900); } } body.features section.mobile .common-Layout.features .desktopScreenshot .screenshotContainer { position: -webkit-sticky; position: sticky; top: 0; } @media (min-width: 708px) { body.features section.mobile .common-Layout.features .desktopScreenshot { display: block; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / 5; } body.features section.mobile .common-Layout.features .feature1 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } body.features section.mobile .common-Layout.features .feature2 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } body.features section.mobile .common-Layout.features .feature3 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } body.features section.mobile .common-Layout.features .feature4 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } } @media (min-width: 1016px) { body.features section.mobile .common-Layout.features .desktopScreenshot { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; overflow: visible; } body.features section.mobile .common-Layout.features .feature { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; grid-row: auto / auto; grid-column: auto / auto !important; } } body.features #integrations {--features-integrations-2col: 836px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features #integrations .illustration { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 836px) { body.features #integrations .illustration { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: visible; } } body.features #integrations .illustration img { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 300vw; max-width: 1362px; margin-top: 48px; margin-top: 48px; margin-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features #integrations .illustration img { margin-top: 80px; margin-top: var(--layout-padding-y-md); } } @media (min-width: 836px) { body.features #integrations .illustration img { width: 1362px; margin-right: -350px; } } body.features #integrations .copy { margin-top: -96px; margin-top: -96px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } @media (min-width: 416px) { body.features #integrations .copy { margin-top: -168px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } } @media (min-width: 836px) { body.features #integrations .copy { margin-top: 0; } } body.landingPage .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.landingPage .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 946px) { body.landingPage .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.landingPage #hero {--freetrial-hero-2col: 946px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 946px) { body.landingPage #hero { grid-auto-rows: -webkit-min-content -webkit-max-content; grid-auto-rows: min-content max-content; } } @media (min-width: 946px) { body.landingPage #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.landingPage #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.landingPage #hero #intro { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.landingPage #hero #intro.grey { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPage #hero #intro.grey .common-Header2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.landingPage #hero #intro.grey .common-Body2 { color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage #hero #intro.grey ul svg polyline { stroke: #83D238; } body.landingPage #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.landingPage #hero #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 0px; margin-left: -306px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 946px) { body.landingPage #hero #intro img { width: 300%; margin-top: -32px; margin-left: -460px; } } body.landingPage #hero #intro .common-Header2 { color: #fff; } body.landingPage #hero #intro ul { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPage #hero #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPage #hero #intro ul svg polyline, body.landingPage #hero #intro p svg polyline { stroke: #fff; } body.landingPage #hero #signup-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPage #hero #signup-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.landingPage #hero #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.landingPage #hero #signup-form form .fullWidth { grid-column: 1 / -1; } body.landingPage #hero #signup-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.landingPage #hero #signup-form form button[type='submit'] .adjuster { margin-left: -8px; } body.landingPage .common-Ratings div { margin-right: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } body.landingPage #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.landingPage #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.landingPage #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.landingPage #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.landingPage #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.landingPage #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.landingPage #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.landingPage #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.landingPage #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.landingPage #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #customers .common-Ratings { margin-top: 0; margin-bottom: 50px; } @media (max-width: 672px) { body.landingPage #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.landingPage #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.landingPage #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.landingPage #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.landingPage #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.landingPage #customers .common-LayoutCellContent.logos { padding-top: 0; } /* Start of styles for landingPage_comparison.html */ body.landingPage .section1_wrap { background-color: black; } body.landingPage .intro_textcomparison { padding-bottom: 3%; } body.landingPage .ctawrapper { display: inline-block; } body.landingPage .primcta_wrapper { display: inline-block; padding-right: 2%; } body.landingPage .primcta { font-size: 15px; background-color:#38A5FF; background-color:#38A5FF; background-color:var(--blue400); letter-spacing: 0.05em; text-align: center; color: white; color: white; color: var(--solidwhite100); padding: 8px 16px 13px 26px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: none; text-decoration: none; -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; margin:auto; display: inline-block; } body.landingPage .primcta:hover { background-color:#165ff6; background-color:#165ff6; background-color:var(--blue1100); -webkit-transition: background-color 0.3s; /* Safari */ -moz-transition: background-color 0.3s; transition: background-color 0.3s; } body.landingPage .primcta_icon { font-size:18px; position:relative; left:0px; top:5px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } body.landingPage .primcta:hover .primcta_icon { left:6px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; } body.landingPage .label_overflow { text-overflow: clip !important; } body.landingPage .seccta_white { font-size: 15px; background-color:transparent; letter-spacing: 0.05em; text-align: center; color: white; color: white; color: var(--solidwhite100); padding: 8px 25px 11px 23px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: solid 1.8px white; border: solid 1.8px white; border: solid 1.8px var(--solidwhite100); text-decoration: none; margin:auto; display: inline-block; } body.landingPage .sectcta_icon { font-size:12px; position:relative; left:5px; top:2px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; } body.landingPage .seccta_white:hover .sectcta_icon { left:11px; -webkit-transition: left 0.3s; /* Safari */ -moz-transition: left 0.3s; transition: left 0.3s; } body.landingPage .mapphoto { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landingPage_comparison/mapback.gif'); -moz-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: transparent !important; padding-top: 20%; padding-bottom: 20%; } body.landingPage .heroback { background-color: #090e12; background-color: #090e12; background-color: var(--black100); } body.landingPage .tableback { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landingPage_comparison/mapback2.gif'); -moz-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: transparent !important; padding-top: 20%; padding-bottom: 20%; } @media only screen and (max-width: 945px) { body.landingPage .tableback { background-image:none; background-color: #090e12 !important; } } /* Comparison table styles */ body.landingPage .table_logoonfleet { fill: #9B68F2; text-align: center; margin: 11px 0px 10px 25px; } body.landingPage #mobile_comptable { display: none; } body.landingPage table { border-spacing: 0; width: 100%; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); } body.landingPage .competitor_name { font-weight: bold; color: #3A4554; color: #3A4554; color: var(--gray100); font-size: 18px; } body.landingPage th { text-align: center; padding: 16px; border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px var(--gray700); } body.landingPage td { text-align: center; padding: 16px; border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px var(--gray700); } body.landingPage .borderless { border-bottom: none; } body.landingPage th:first-child, body.landingPage td:first-child { text-align: left; } body.landingPage .invisiblecategory { width:30%; opacity:0; } body.landingPage .applereview_logo { display: inline-block; text-align: left; height: 35px; margin-top: 5px; margin-right: 5px; } body.landingPage .googlereview_logo { display: inline-block; text-align: left; height: 35px; margin-top: 5px; margin-right: 6px; margin-left: 3px; } /* color: var(--orange400); font-size: 18px; position: relative; top: 6px; */ body.landingPage .starrating svg { position: relative; top: 7px; height: 16px; width: 16px; margin-right: 2px; } body.landingPage .star_aligner { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } body.landingPage .whole_star { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landingPage_comparison/star_icon.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent !important; position: relative; top: 7px; height: 16px; width: 16px; margin-right: 2px; } body.landingPage .half_star { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landingPage_comparison/star_half_icon.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent !important; position: relative; top: 7px; height: 16px; width: 16px; margin-right: 2px; } body.landingPage .empty_star { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landingPage_comparison/star_empty_icon.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent !important; position: relative; top: 7px; height: 16px; width: 16px; margin-right: 2px; } body.landingPage .rating_number { font-size: 37px; position:relative; vertical-align: top; color: #3A4554; color: #3A4554; color: var(--gray100); font-weight: bold; } body.landingPage .checkmark { color: #0EC31C; color: #0EC31C; color: var(--green100); font-size: 34px; padding-right: 5px; position: relative; top: 8px; display: inline-block; } body.landingPage .checkmark svg { height: 19px; position: relative; top: 10px; } @media only screen and (max-width: 600px) { body.landingPage .checkmark svg { top: -6px; } } body.landingPage .closeicon { color: #ED6363; color: #ED6363; color: var(--red100); font-size: 34px; padding-right: 5px; position: relative; top: 8px; display: inline-block; } body.landingPage .closeicon svg { height: 19px; position: relative; top: 10px; } @media only screen and (max-width: 600px) { body.landingPage .closeicon svg { top: -6px; } } body.landingPage .pro_text { position:relative; vertical-align: top; font-size: 12px; display: inline-block; text-align: left; font-weight: normal; line-height: 18px; color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage .desc_text { position:relative; vertical-align: top; font-size: 12px; display: inline-block; text-align: left; font-weight: normal; line-height: 17px; color: #76879D !important; color: #76879D !important; color: var(--gray300) !important; margin-left: 10px; max-width: 80px; } body.landingPage .rating_pad { padding-left: 4px; position: relative; top: 6px; } body.landingPage .rev_text { position:relative; vertical-align: top; font-size: 15px; display: inline-block; text-align: left; font-weight: normal; line-height: 22px; color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage .category_text { font-size: 18px; font-weight: normal; line-height: 22px; color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage .colorcolumn { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } @media only screen and (max-width: 600px) { body.landingPage #mobile_comptable { display: block; } body.landingPage #desktop_comptable { display: none; } body.landingPage .table_logoonfleet { margin: auto 30%; } } /* Feature tabs section */ body.landingPage .subsection_pad { padding-bottom: 8%; } body.landingPage div.scrollmenu { overflow: auto; white-space: nowrap; text-align: center; padding: 2%; } body.landingPage .subcategory { background-color: transparent !important; } body.landingPage .submenu_pad { padding-bottom: 5%; } body.landingPage .subcat { display: inline-block; color: #76879D; color: #76879D; color: var(--gray300); text-align: left; padding: 18px; text-decoration: none; cursor: pointer; font-weight: normal; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px var(--offwhite200); width: 250px; padding-left: 0; } body.landingPage .active { color: #089BFA !important; color: #089BFA !important; color: var(--blue1200) !important; border-bottom: solid 4px #089BFA; border-bottom: solid 4px #089BFA; border-bottom: solid 4px var(--blue1200); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.landingPage .subcat:hover { color: #089BFA !important; color: #089BFA !important; color: var(--blue1200) !important; border-bottom: solid 4px #089BFA; border-bottom: solid 4px #089BFA; border-bottom: solid 4px var(--blue1200); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.landingPage .feature_wrapper { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } body.landingPage .feature_tab { width: 85%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.5fr; grid-template-columns: 1fr 1.5fr; text-align: center; margin: auto; } body.landingPage .feature_text { text-align: left; margin-top: 25%; margin-left: 0%; margin-right: 10%; } body.landingPage .feature_img_wrapper { margin-top: 10%; margin-left: auto; margin-right: auto; margin-bottom: 12%; } body.landingPage .feature_img { display: block; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 10px 10px 14px rgb(0 0 0 / 30%); -moz-box-shadow: 10px 10px 14px rgb(0 0 0 / 30%); box-shadow: 10px 10px 14px rgb(0 0 0 / 30%); } body.landingPage ul.bullet { list-style-position: outside; color: #AA81F3; color: #AA81F3; color: var(--purple400); margin-left: 5.5%; height: 160px; margin-top: 5%; } body.landingPage .bullet_box { padding-bottom: 10px; } body.landingPage .bullet_text { color:#76879D; color:#76879D; color:var(--gray300); font-size: 18px; } @media only screen and (max-width: 600px) { body.landingPage .subcat { width: 150px; } body.landingPage div.scrollmenu { padding-left: 5.5%; } body.landingPage .tableback { padding-top: 0; background-image: none; } body.landingPage .mapphoto { padding-bottom: 0; } body.landingPage .feature_tab { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.landingPage ul.bullet { margin-right: 4%; margin-left: 4.5%; } body.landingPage .feature_tab div:nth-of-type(1) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body.landingPage .feature_img_wrapper { margin-top: 10%; } body.landingPage .feature_text { margin-top: 10%; margin-right: 0; } body.landingPage .linebreaker { display: none; } } /* Features text section */ body.landingPage .feature_fullwidth { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.landingPage .text_explain { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0px 4px; background-color: white; background-color: white; background-color: var(--solidwhite100); text-align: center; margin: auto; } body.landingPage .elaborate_text { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); line-height: 26px; padding-top: 5%; padding-bottom: 12%; } body.landingPage .elaborate_box { text-align: left; padding: 13%; background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.landingPage .elaborate_headline { padding-top: 10%; } body.landingPage .featureicon_1 { max-width: 25%; padding-top: 15%; } @media only screen and (max-width: 600px) { body.landingPage .text_explain { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px 0px; } body.landingPage .featureicon_1 { padding-top: 0; } body.landingPage .elaborate_text { padding-bottom: 0; } } /* App reviews section */ body.landingPage .onfleet_white { width: 80%; margin: auto; } body.landingPage .Appreviews_fullwidth { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.landingPage .fullwidth_text { max-width: 100%; } body.landingPage .appreview_table { border-spacing: 0; width: 100%; border: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: white; background-color: white; background-color: var(--solidwhite100); } body.landingPage .appreview_onfleet { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; border: none; margin: auto; width: 40%; } body.landingPage .appreview_thtd { text-align: center; border: none; } body.landingPage .module_divider { width: 100%; background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--offwhite200); border: 0; height: 2px; margin: 0 0 7% 0; } body.landingPage .review_divider { width: 90%; padding: 0; margin: 0% auto 6% auto; background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--offwhite200); border: 0; height: 2px; } body.landingPage .customer_voice { font-size: 18px; color: #76879D; color: #76879D; color: var(--gray300); font-weight: normal; font-style: italic; width: 80%; margin: auto; padding-bottom: 7%; } body.landingPage .reviews_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; padding-bottom: 10%; } body.landingPage .review_box { text-align: center; padding: 0; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 36px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 6%); -moz-box-shadow: 0 10px 36px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 6%); box-shadow: 0 10px 36px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 6%); } body.landingPage .enginereviews_fullwidth { background-color: #93A3B7; background-color: #93A3B7; background-color: var(--gray400); } body.landingPage .enginefullwidth_text { max-width: 100%; color: white; color: white; color: var(--solidwhite100); text-align: center; } body.landingPage .enginereviews_pad { padding-bottom: 5%; padding-top: 3%; } body.landingPage .engine_logos_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } body.landingPage .engine_review_logo1 { width: 200px; margin: auto; } body.landingPage .engine_review_logo2 { width: 50px; margin: auto; } body.landingPage .engine_review_logo3 { width: 200px; margin: 10px auto auto auto; } body.landingPage .enginelogo_box { margin: auto; text-align: center; } @media only screen and (max-width: 600px) { body.landingPage .reviews_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.landingPage .engine_logos_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } /* FAQs section */ body.landingPage .FAQs_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.landingPage .FAQs_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.landingPage .accordion_icon { margin: 4px auto auto auto; } body.landingPage .invisible_icon { display: none !important; } body.landingPage .FAQs_text { max-width: 100%; margin: auto; text-align: left; } body.landingPage .FAQs_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage .accordion_box { width: 100%; text-align: left; } body.landingPage .accordion { background-color: transparent; cursor: pointer; padding: 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #76879D; color: #76879D; color: var(--gray300); } @media (max-width: 571px) { body.landingPage .accordion { padding: 3% 0 3% 0 !important; } } body.landingPage .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.landingPage .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.landingPage .activeaccordion .plus, body.landingPage .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.landingPage .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.landingPage .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_gray.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.landingPage .panel { padding: 2%; display: none; background-color: white; background-color: white; background-color: var(--solidwhite100); overflow: hidden; } @media only screen and (max-width: 600px) { body.landingPage .FAQs_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.landingPage .panel { padding: 4%; } body.landingPage .accordion { padding: 4%; } } /* Customer logos section */ body.landingPage .customer_textpad { padding-bottom: 5%; } body.landingPage .customerlogos_fullwidth { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); padding-bottom: 5%; } /* Compact sticky nav section */ body.landingPage .smallnav { width: 100%; height: 75px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 4fr 1fr 1fr; grid-template-columns: 1fr 4fr 1fr 1fr; grid-gap: 10px 0px; text-align: center; margin: auto; position: fixed; z-index: 9999; background-color: rgb(170, 129, 243, 0.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); -webkit-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; /* Safari */ -webkit-transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; transition: margin-bottom 1s,background-color 1s,-webkit-box-shadow 1s,-webkit-backdrop-filter 1s; -moz-transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-moz-box-shadow 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s; transition: box-shadow 1s,margin-bottom 1s,background-color 1s,backdrop-filter 1s,-webkit-box-shadow 1s,-moz-box-shadow 1s,-webkit-backdrop-filter 1s; } body.landingPage .invisible_sticky { display: none; -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } body.landingPage .smallnav_logo { width: 75%; margin: auto; } body.landingPage .smallnavcta_left { margin: auto 10px auto auto; display: inline; } body.landingPage .smallnavcta_right { margin: auto auto auto 0px; display: inline; } @media screen and (max-width: 1275px) { body.landingPage .smallnav { -ms-grid-columns: 2fr 1fr 2fr 2fr; grid-template-columns: 2fr 1fr 2fr 2fr; grid-gap: 10px 10px; } body.landingPage .smallnav_logo { width: 70%; margin: auto; } } @media screen and (max-width: 700px) { body.landingPage .smallnav { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 10px 10px; } body.landingPage .invisible_column { display: none; } body.landingPage .smallnav_logo { width: 85%; margin: auto; } } /* The Modal (background) */ body.landingPage .formpopup { display: none; position: fixed; z-index: 1; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); margin: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } body.landingPage .popup-content { background-color: white; background-color: white; background-color: var(--solidwhite100); margin: auto; padding: 3%; width: 40%; max-height: 80%; overflow: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } body.landingPage .closepopup { color: #aaaaaa; color: #aaaaaa; color: var(--offwhite400); float: right; font-size: 28px; font-weight: bold; } body.landingPage .closepopup:hover { color: #AA81F3; color: #AA81F3; color: var(--purple400); text-decoration: none; cursor: pointer; } body.landingPage .closepopup:focus { color: #AA81F3; color: #AA81F3; color: var(--purple400); text-decoration: none; cursor: pointer; } body.landingPage .input_pad { padding-top: 20px; } body.landingPage .popupformcta { margin: auto; } body.landingPage .popupformcta_pad { padding-bottom: 5%; padding-top: 5%; } @media screen and (max-width: 1540px) { body.landingPage .formpopup { padding-top: 8%; } } @media screen and (max-width: 900px) { body.landingPage .formgrid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.landingPage .popup-content { width: 85% !important; max-height: 95%; padding: 5%; } body.landingPage .formpopup { padding-top: 20%; } body.landingPage .closepopup { margin-top: -2%; } } body.learn-more { /* Styles added June 2022 */ } body.learn-more #learnMore {--pricing-plansOverview-4col: 1148px;--pricing-plansOverview-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.learn-more #learnMore .topic .common-LayoutCellContent { height: 100%; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.learn-more #learnMore .topic .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.learn-more #learnMore .topic .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.learn-more #learnMore .topic a { display: block; text-align: center; } body.learn-more #learnMore .topic svg { height: 40px; width: 40px; margin:0 auto; margin-bottom: 20px; } body.learn-more #learnMore .topic .common-Header2 { color: #fff; margin-bottom: 0; } body.learn-more #learnMore .topic .common-Header3 { color: #fff; vertical-align: top; } body.learn-more #learnMore .topic .common-Header4 { color: #fff; } body.learn-more #learnMore .topic .common-Header5 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.learn-more #learnMore .topic .common-Body2 { color: #fff; margin-top: 12px; } body.learn-more #learnMore .topic .common-Body3 { margin-bottom: 0; } body.learn-more #learnMore .topic.platform { background-color: #E6B105; background-color: #E6B105; background-color: var(--yellow300); } body.learn-more #learnMore .topic.platform .common-Body3 { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.learn-more #learnMore .topic.about { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.learn-more #learnMore .topic.about .common-Body3 { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.learn-more #learnMore .topic.customers { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.learn-more #learnMore .topic.customers .common-Body3 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } body.learn-more #learnMore .topic.blog { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.learn-more #learnMore .topic.blog .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.learn-more form#referAFriend{ --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 24px; max-width: 600px; } body.learn-more form#referAFriend .common-FormField input { background-color: none; } body.learn-more form#referAFriend input { line-height: 26px; } body.learn-more form#referAFriend label { display: none; } body.learn-more form#referAFriend .common-Button { -ms-grid-column-align: end; justify-self: end; } body.learn-more .common-SiteFooter { margin-top: 0px; } @media (max-width: 660px) { body.learn-more .mobile_top_pad { margin-top: 48px; } } body.learn-more { /* End of styles added June 2022 */ } body.learn-more .submit_chevron svg { top: 4px; margin-right: 2px !important; } body.learn-more .learnmore_submit { bottom: 1px; } body.login .common-Button.dashboard { display: none; } body.login #login { margin:0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.login #login .login-logo { --color: #AA81F3; --color: var(--purple400) } body.login #login .login-logo svg { margin: 0 0 32px 0; width: 60px; height: 30px; fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); } body.login #login #login-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 200px 0 100px; max-width: 500px; padding: 0px; } @media (max-width: 600px) { body.login #login #login-form { margin: 50px 0 0 0; } } body.login #login #login-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } @media (max-width: 375px) { body.login #login #login-form .common-LayoutCellContent { padding: 50px 20px; } } @media (min-width: 880px) { body.login #login #login-form .common-LayoutCellContent { padding: 0; } } body.login #login #login-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.login #login #login-form h3 { margin-bottom: 4px; } } body.login #login #login-form .common-Body3.centered { text-align: center; } body.login #login #login-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.login #login #login-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.login #login #login-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.login #login #login-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.login #login #login-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 375px) { body.login #login #login-form .form-container { -webkit-mask-image: none; } } @media (max-width: 375px) { body.login #login #login-form .form-container #personal { padding: 0 20px; } } body.login #login #login-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.login #login #login-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.login #login #login-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: undefined; -moz-transition-duration: undefined; transition-duration: undefined; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: undefined; transition-duration: var(--transition-duration); -webkit-transition-timing-function: undefined; -moz-transition-timing-function: undefined; transition-timing-function: undefined; -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: undefined; transition-timing-function: var(--transition-timing-function); } } @media (max-width: 360px) { body.login #login #login-form form { grid-gap: 32px 10px; /* grid-template-columns: minmax(0, 1fr); */ } } body.login #login #login-form form .fullWidth { grid-column: 1 / -1; } body.login #login #login-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.login #login #login-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } body.login #login #login-form .password { text-align: right; } body.login #login #login-form nav { display: block; } body.login #login #login-form nav button { cursor: pointer; float: right; margin-right: 10px } body.login #login #login-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: undefined; -moz-transition-duration: undefined; transition-duration: undefined; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: undefined; transition-duration: var(--transition-duration); -webkit-transition-timing-function: undefined; -moz-transition-timing-function: undefined; transition-timing-function: undefined; -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: undefined; transition-timing-function: var(--transition-timing-function); } body.login #login #login-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.login #login #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.index .aside-overview { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index .aside-overview .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 48px; } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent { -ms-grid-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-template-columns: minmax(-webkit-min-content, 2fr) minmax(-webkit-min-content, 7fr); grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-gap: 80px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } body.index .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: 0; } @media (min-width: 672px) { body.index .aside-overview .common-LayoutCellContent > *:first-child { -ms-grid-column-align: center; justify-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-align: end; justify-self: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } } body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; } @media (min-width: 672px) { body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-align-self: start; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) .common-ButtonGroup { width: auto; } body.index .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: home-hero-2col) { body.index .common-SiteNav .home { --color: #3A4554; --color: var(--gray100); --highlighted-color: #76879D; --highlighted-color: var(--gray300); } } body.index .common-SiteNav .menu { --color: #fff; } @media (min-width: home-hero-2col) { body.index .common-SiteNav .menu { --color: #93A3B7; --color: var(--gray400); } } body.index .common-SiteNav .dashboard { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.index #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #hero #intro { background-color: #AC7AF7; } body.index #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.index #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.index #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -160px; position: absolute; opacity: 0; } @media (min-width: 672px) { body.index #hero #intro img { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 0.5; } } @media (min-width: 880px) { body.index #hero #intro img { position: absolute; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; } } @media (min-width: 1196px) { body.index #hero #intro img { position: absolute; right: -webkit-calc((1196px - 100vw)/2); right: -moz-calc((1196px - 100vw)/2); right: calc((1196px - 100vw)/2); -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } body.index #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.index #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.index #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index #hero #intro h1 { color: #fff; } body.index #hero #intro .common-Body1 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.index #hero #intro .common-ButtonGroup { width: auto; } body.index #hero #intro .common-ButtonGroup.heroButtons { margin-top: 24px; } body.index #hero #intro .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.index #hero #updates { background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); text-align: center; color: #CF880E; color: #CF880E; color: var(--orange200); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } @media (min-width: home-hero-2col) { body.index #hero #updates { text-align: left; } } body.index #hero #updates:hover { color: #AB710C; color: #AB710C; color: var(--orange100); background-color: #FFF0AB; background-color: #FFF0AB; background-color: var(--yellow800); } body.index #hero #updates:hover #banner_arrow { left: 8px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } body.index #hero #updates .common-LayoutCellContent { display: inline-block; padding-top: 16px; padding-bottom: 16px; padding-left: 0; padding-right: 0; color: inherit; } body.index #hero #updates .common-NewBadge { margin-right: 12px; line-height: 22px; } body.index #hero #updates .common-Body2 { max-width: 100%; } body.index #banner_arrow { position: relative; left: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } body.index .newbadge_aligner { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; position: relative; bottom: 2px; margin-bottom: 5px; } body.index .tada_icon svg { height: 21px; display: inherit; margin-left: 6px; position: relative; top: 3px; } body.index #overview p.common-Body1 { margin-bottom: 38px; } body.index #overview .stats { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.index #overview .stats p.common-Body2 { line-height: 12px; } body.index #overview .stats li:not(:last-child) { margin-bottom: 38px; margin-right: 48px; width: 100%; } @media (min-width: 672px) { body.index #overview .stats li:not(:last-child) { margin-right: 0; } } body.index #overview .stats .common-Header2 { margin-bottom: 0; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.index #industries {--leadership-photos-8col: 1186px;--leadership-photos-4col: 591px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #industries .common-LayoutCell { height: 10vw; display: none; } body.index #industries .common-LayoutCell .industry-icon { -moz-background-size: 100%; background-size: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } body.index #industries .common-LayoutCell .details { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 85px; position: absolute; bottom: 0; color: #3A4554; color: #3A4554; color: var(--gray100); text-align: center; width: 100%; padding-top: 10px; } body.index #industries .common-LayoutCell .industry_centered_header { margin-bottom: 5px; padding-top: 0px; } @media (min-width: 672px) { body.index #industries .common-LayoutCell { display: block; } } @media (min-width: 676px) { body.index #industries .common-LayoutCell { height: 130px; -moz-background-size: 50%; background-size: 50%; display: block; } body.index #industries .common-LayoutCell .industry-icon:hover { -moz-background-size: 70%; background-size: 70%; opacity: .15; } } @media (min-width: 1186px) { body.index #industries .common-LayoutCell { display: block; -moz-background-size: 100%; background-size: 100%; } body.index #industries .common-LayoutCell .industry-icon:hover { background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--gray800); -moz-background-size: 110%; background-size: 110%; opacity: .15; } } body.index #industries .common-LayoutCell { margin: 0 !important; padding: 0 !important; overflow: visible; } body.index #industries .common-LayoutCell:nth-of-type(10n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.index #industries .common-LayoutCell:nth-of-type(10n + 10):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.index #industries .common-LayoutCell:nth-child(1) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-grocery.png); } body.index #industries .common-LayoutCell:nth-child(2) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-pharmacy.png); } body.index #industries .common-LayoutCell:nth-child(3) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-restaurant.png); } body.index #industries .common-LayoutCell:nth-child(4) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-cannabis.png); } body.index #industries .common-LayoutCell:nth-child(5) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-courier.png); } body.index #industries .common-LayoutCell:nth-child(6) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-prepared-meals.png); } body.index #industries .common-LayoutCell:nth-child(7) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-beverages.png); } body.index #industries .common-LayoutCell:nth-child(8) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-retail-ecommerce.png); } body.index #industries .common-LayoutCell:nth-child(9) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-furniture.png); } body.index #industries .common-LayoutCell:nth-child(10) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-construction.png); } body.index #welcome .w-big-play-button > div { mix-blend-mode: initial !important; } body.index #welcome .common-LayoutCellContent { padding-bottom: 150px; } @media (max-width: 400px) { body.index #welcome .common-LayoutCellContent { padding-top: 0 !important; padding-bottom: 50px !important; } } body.index #welcome .common-LayoutCellContent h3 { text-align: center; margin: 0 auto; padding-bottom: 44px; } body.index #welcome .wistia_responsive_padding { -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.05); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.05); box-shadow: 0 10px 20px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.05); } body.index #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.index #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.index #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.index #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.index #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.index #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.index #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.index #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.index #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.index #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.index #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.index #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.index #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.index .common-UserLogos { --logo-padding-x: 5px; --logo-padding-y: 52px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); margin: -52px -5px; margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { margin: -52px -5px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { body.index .common-UserLogos { --logo-padding-x: 5px; --logo-padding-y: 52px; } } body.index .common-UserLogos svg { width: 120px; } @media (max-width:1196px) { body.index .common-UserLogos { padding: 40px 0 60px; } body.index .common-UserLogos li { padding: 10px 5px; } } body.index .common-Ratings { margin-top: 0; margin-bottom: 0; } body.index .common-Ratings a { margin: 0 auto; margin-top: 54px; } @media (max-width: 879px) { body.index .common-Ratings { margin-right: 22px; } body.index .common-Ratings a { margin-top: 10px; margin-bottom: 25px; } } body.index #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #customers .common-SectionIntro .common-Header1 { max-width: 1196px; } body.index #customers .logos { padding-top: 20px; } body.index #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.index #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.index #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.index #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.index #customers .common-SectionIntro { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.index #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.index #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } body.partners #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.partners #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.partners #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.partners #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.partners #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.partners #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.partners #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.partners #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.partners #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.partners #hero #intro .main .common-ButtonGroup { width: auto; } body.partners .aside-overview { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners .aside-overview .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 48px; } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent { -ms-grid-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-template-columns: minmax(-webkit-min-content, 2fr) minmax(-webkit-min-content, 7fr); grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-gap: 80px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } body.partners .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: 0; } @media (min-width: 672px) { body.partners .aside-overview .common-LayoutCellContent > *:first-child { -ms-grid-column-align: center; justify-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-align: end; justify-self: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } } body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; } @media (min-width: 672px) { body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-align-self: start; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) .common-ButtonGroup { width: auto; } body.partners #overview .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.partners #overview .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.partners #overview .common-ButtonGroup { display: block; } body.partners #overview form { padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, fr); grid-template-columns: minmax(0, fr); grid-gap: 32px 40px; text-align: left; } @media (min-width: 416px) { body.partners #overview form { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } @media (min-width: 510px) { body.partners #overview form { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } } body.partners #overview form .fullWidth { grid-column: 1 / -1; } body.partners #overview form label[for=certified] { margin-top: 16px; margin-bottom: 0; cursor: pointer; } body.partners #overview form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.partners #overview form button[type='submit'] .success.email svg { margin-bottom: -14px; } body.partners #overview form button[type='submit'] .adjuster { margin-left: -8px; } body.partners section.grid .grid-item { height: 300px; float: left; border: 2px solid #fff } body.partners section.grid .grid-item.certified:before { content:'CERTIFIED'; text-align: center; width: 120px; padding: 8px; position: absolute; text-align: center; color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); top: 16px; font-size: 14px; font-weight: 600; right: -34px; } body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 24.99%; } @media (max-width: 888px) { body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 32.99%; } } @media (max-width: 678px) { body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 49.99%; } } body.partners section.grid .grid-item--width2 { width: 49.99%; height: 600px; } @media (max-width: 888px) { body.partners section.grid .grid-item--width2 { width: 65.99%; } } @media (max-width: 678px) { body.partners section.grid .grid-item--width2 { width: 99.99%; } } body.partners section.grid .common-LayoutCell.featured { --background-color: #AA81F3; --background-color: var(--purple400); } body.partners section.grid .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-purple.svg); } body.partners section.grid .common-LayoutCell.featured p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.partners section.grid .common-LayoutCell.featured.certified:before { content:'CERTIFIED'; text-align: center; width: 120px; padding: 8px; position: absolute; text-align: center; color: #AA81F3; color: #AA81F3; color: var(--purple400); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; top: 16px; font-size: 14px; font-weight: 600; right: -34px; } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { --background-color: #EB9B10; --background-color: var(--orange300); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-yellow.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) p { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { --background-color: #5C6D82; --background-color: var(--gray200); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-gray.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) p { color: #E9EDF2; color: #E9EDF2; color: var(--gray800); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { --background-color: #3DCAD4; --background-color: var(--teal400); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.partners section.grid .common-LayoutCell.logo { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-filter: brightness(100%); filter: brightness(100%); } body.partners section.grid .common-LayoutCell.logo:hover { -webkit-filter: brightness(92%); filter: brightness(92%); } body.partners section.grid .common-LayoutCell.logo .common-LayoutCellContent { width: 100%; height: 100%; padding: 24px; padding: 24px; padding: var(--layout-padding-x); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.logo .common-LayoutCellContent { padding: 40px; padding: var(--layout-padding-x); } } body.partners section.grid .common-LayoutCell.logo svg { width: 100%; max-width: 208px; margin: 0 auto; display: block; } body.partners section.grid .common-LayoutCell.logo svg path { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.partners section.grid .common-LayoutCell.logo svg polygon { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.partners section.grid .common-LayoutCell.logo svg rect { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.partners section.grid .common-LayoutCell.featured { background-color: #AA81F3; background-color: var(--background-color); background-color: #AA81F3; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { height: 100%; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 672px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } } @media (min-width: 1036px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 208px; margin-bottom: 48px; } @media (min-width: 672px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: 208px; margin-bottom: 0; margin-right: 48px; } } @media (min-width: 1036px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: auto; margin-bottom: 48px; margin-right: 0; } } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg path { fill: #fff; } body.partners section.grid .common-LayoutCell.featured h3 { color: #fff; } body.partners section.grid .common-LayoutCell.featured .quote { position: relative; color: #fff; z-index: 1; } body.partners section.grid .common-LayoutCell.featured .quote::before { content: ''; position: absolute; width: 51px; height: 44px; top: 0; right: 0; z-index: -1; } body.partners section.grid .common-LayoutCell.featured .common-Button { --color: #fff; --highlighted-color: var(--background-color); --highlighted-color: var(--background-color); } body.partners #becomePartner { --background-color: transparent; margin-top: -1px; } body.partners #becomePartner .common-Layout.ctas { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap) } body.partners #becomePartner .common-Layout.ctas.singleCTA { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 672px) { body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCellContent { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup .common-Header3 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup p { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.subscribe { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.partners #becomePartner .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 24px 48px; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } body.partners #becomePartner .common-Header3 { margin-bottom: 4px; } body.partners #becomePartner .common-ButtonGroup { width: auto; } body.partners #becomePartner form#subscribe { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 24px; max-width: 400px; } body.partners #becomePartner form#subscribe input { line-height: 26px; } body.partners #becomePartner form#subscribe label { display: none; } body.partners #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.partners #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.partners #customers .common-LayoutCellContent.logos { padding-top: 0; } body.partners #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.partners #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.partners #integrations {--features-integrations-2col: 836px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners #integrations .illustration { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 836px) { body.partners #integrations .illustration { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: visible; } } body.partners #integrations .illustration img { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 300vw; max-width: 1362px; margin-top: 48px; margin-top: 48px; margin-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.partners #integrations .illustration img { margin-top: 80px; margin-top: var(--layout-padding-y-md); } } @media (min-width: 836px) { body.partners #integrations .illustration img { width: 1362px; margin-right: -350px; } } body.partners #integrations .copy { margin-top: -96px; margin-top: -96px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } @media (min-width: 416px) { body.partners #integrations .copy { margin-top: -168px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } } @media (min-width: 836px) { body.partners #integrations .copy { margin-top: 0; } } @media all and (max-width: 768px) { body.partners .masonry__container .masonry__item { margin-left: 2%; width: 96%; } } body.partners { /* End of Certified parner CTA Styles Nov 2021. Please revisit once this page is redesigned / optimized */ } /* Certified parner CTA Styles Nov 2021. Please revisit once this page is redesigned / optimized */ body.partners .partner_bigtile_cta_pad { padding-left: 15px !important; } body.partners .mi9_cta { color: #5C6D82; color: #5C6D82; color: var(--gray200); } body.partners .mi9_cta svg { fill: #5C6D82 !important; fill: #5C6D82 !important; fill: var(--gray200) !important; } body.partners .mi9_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.partners .mi9_cta:active { color: white; color: white; color: var(--solidwhite100); } body.partners .mi9_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.partners .mi9_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.partners .azuga_cta { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.partners .azuga_cta svg { fill: #EB9B10 !important; fill: #EB9B10 !important; fill: var(--orange300) !important; } body.partners .azuga_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.partners .azuga_cta:active { color: white; color: white; color: var(--solidwhite100); } body.partners .azuga_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.partners .azuga_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.partners .gigsmart_cta { color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.partners .gigsmart_cta svg { fill: #3DCAD4 !important; fill: #3DCAD4 !important; fill: var(--teal400) !important; } body.partners .gigsmart_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.partners .gigsmart_cta:active { color: white; color: white; color: var(--solidwhite100); } body.partners .gigsmart_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.partners .gigsmart_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.press #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.press #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.press #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.press #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.press #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.press #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.press #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.press #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.press #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.press #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.press #hero #intro .common-ButtonGroup { width: auto; } body.press #articles {--press-articles-2col: 796px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.press #articles .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } body.press #articles svg { width: auto; height: 56px; margin-bottom: 48px; } body.press #articles svg path { fill: #76879D; fill: #76879D; fill: var(--gray300); } body.press #articles svg path { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg polygon { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg rect { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg circle { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press .navpadding { padding-top: 2%; } body.pricing { overflow-x: visible; } body.pricing #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #hero .common-layoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.pricing #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.pricing #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } @media (min-width: 416px) { body.pricing #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } body.pricing #plansOverview {--pricing-plansOverview-4col: 1148px;--pricing-plansOverview-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansOverview .plan .common-LayoutCellContent { height: 100%; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.pricing #plansOverview .plan .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.pricing #plansOverview .plan .common-LayoutCellContent img { max-width: 100%; } body.pricing #plansOverview .plan .common-LayoutCellContent .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.pricing #plansOverview .plan .common-Header2 { color: #fff; margin-bottom: 0; } body.pricing #plansOverview .plan .common-Header3 { color: #fff; vertical-align: top; } body.pricing #plansOverview .plan .common-Header4 { color: #fff; } body.pricing #plansOverview .plan .common-Header5 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.pricing #plansOverview .plan .common-Body2 { color: #fff; margin-top: 12px; } body.pricing #plansOverview .plan .common-Body3 { margin-bottom: 0; } body.pricing #plansOverview .plan .mostPopular { margin: 32px -24px -32px; margin: 32px -24px -32px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); padding: 12px 24px; padding: 12px 24px; padding: 12px var(--layout-padding-x); color: #fff !important; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { padding: 12px 40px; padding: 12px var(--layout-padding-x); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } body.pricing #plansOverview .plan .mostPopular svg { display: inline-block; margin-bottom: -3px; margin-right: 8px; fill: #ffffff; } body.pricing #plansOverview .plan.starter { background: -webkit-gradient(linear, left bottom, left top, from(#E6B105), color-stop(%, rgba(255, 215, 36, 0.52157))); background: -webkit-linear-gradient(bottom, #E6B105, rgba(255, 215, 36, 0.52157)%); background: -moz-linear-gradient(bottom, #E6B105, rgba(255, 215, 36, 0.52157)%); background: linear-gradient(0deg, #E6B105, rgba(255, 215, 36, 0.52157)%); background: -webkit-gradient(linear, left bottom, left top, from(#E6B105), to(#FFD72485%)); background: -webkit-linear-gradient(bottom, #E6B105, #FFD72485%); background: -moz-linear-gradient(bottom, #E6B105, #FFD72485%); background: linear-gradient(0deg, #E6B105, #FFD72485%); background: -webkit-gradient(linear, left bottom, left top, from(var(--yellow300)), color-stop(85%, var(--yellow500))); background: -webkit-linear-gradient(bottom, var(--yellow300), var(--yellow500)85%); background: -moz-linear-gradient(bottom, var(--yellow300), var(--yellow500)85%); background: linear-gradient(0deg, var(--yellow300), var(--yellow500)85%); } body.pricing #plansOverview .plan.starter .common-Body3 { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.pricing #plansOverview .plan.starter .mostPopular { background-color: #C79500; background-color: #C79500; background-color: var(--yellow200); } body.pricing #plansOverview .plan.basic { background: -webkit-gradient(linear, left bottom, left top, from(#3DCAD4), color-stop(%, rgba(85, 220, 230, 0.45882))); background: -webkit-linear-gradient(bottom, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: -moz-linear-gradient(bottom, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: linear-gradient(0deg, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#3DCAD4), to(#55DCE675%)); background: -webkit-linear-gradient(bottom, #3DCAD4, #55DCE675%); background: -moz-linear-gradient(bottom, #3DCAD4, #55DCE675%); background: linear-gradient(0deg, #3DCAD4, #55DCE675%); background: -webkit-gradient(linear, left bottom, left top, from(var(--teal400)), color-stop(75%, var(--teal500))); background: -webkit-linear-gradient(bottom, var(--teal400), var(--teal500)75%); background: -moz-linear-gradient(bottom, var(--teal400), var(--teal500)75%); background: linear-gradient(0deg, var(--teal400), var(--teal500)75%); } body.pricing #plansOverview .plan.basic .common-Body3 { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.pricing #plansOverview .plan.basic .mostPopular { background-color: #32B8C2; background-color: #32B8C2; background-color: var(--teal300); } body.pricing #plansOverview .plan.premium { background: -webkit-gradient(linear, left bottom, left top, from(#38A5FF), color-stop(%, rgba(107, 188, 255, 0.45882))); background: -webkit-linear-gradient(bottom, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: -moz-linear-gradient(bottom, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: linear-gradient(0deg, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#38A5FF), to(#6BBCFF75%)); background: -webkit-linear-gradient(bottom, #38A5FF, #6BBCFF75%); background: -moz-linear-gradient(bottom, #38A5FF, #6BBCFF75%); background: linear-gradient(0deg, #38A5FF, #6BBCFF75%); background: -webkit-gradient(linear, left bottom, left top, from(var(--blue400)), color-stop(75%, var(--blue500))); background: -webkit-linear-gradient(bottom, var(--blue400), var(--blue500)75%); background: -moz-linear-gradient(bottom, var(--blue400), var(--blue500)75%); background: linear-gradient(0deg, var(--blue400), var(--blue500)75%); } body.pricing #plansOverview .plan.premium .common-Body3 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } body.pricing #plansOverview .plan.premium .mostPopular { background-color: #3293E3; background-color: #3293E3; background-color: var(--blue300); } body.pricing #plansOverview .plan.professional { background: -webkit-gradient(linear, left bottom, left top, from(#AA81F3), color-stop(%, rgba(188, 153, 247, 0.45882))); background: -webkit-linear-gradient(bottom, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: -moz-linear-gradient(bottom, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: linear-gradient(0deg, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#AA81F3), to(#BC99F775%)); background: -webkit-linear-gradient(bottom, #AA81F3, #BC99F775%); background: -moz-linear-gradient(bottom, #AA81F3, #BC99F775%); background: linear-gradient(0deg, #AA81F3, #BC99F775%); background: -webkit-gradient(linear, left bottom, left top, from(var(--purple400)), color-stop(75%, var(--purple500))); background: -webkit-linear-gradient(bottom, var(--purple400), var(--purple500)75%); background: -moz-linear-gradient(bottom, var(--purple400), var(--purple500)75%); background: linear-gradient(0deg, var(--purple400), var(--purple500)75%); } body.pricing #plansOverview .plan.professional .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #plansOverview .plan.professional .mostPopular { background-color: #9B68F2; background-color: #9B68F2; background-color: var(--purple300); } body.pricing #newPlan { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #newPlan #enterprisePlanOverview { background-color: #875BD4; background-color: #875BD4; background-color: var(--purple200) } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 140px; padding: 0; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 200px; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { left:0px; width: 48%; padding: 60px 0 61px 0; float: left; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); float: right; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Body3 { text-align: right; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { float: none; width: 100%; position: relative; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Header4 { float: none; text-align: center; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { float: none; width: 202px; display: block; margin: auto; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { right:0px; width: 48%; padding: 55px 0 45px 0; float: right; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { display: none; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right .common-Body2 { color: white; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right > svg { position: absolute; left: 50%; margin-left: 315px; top: 60px; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Header4 { color: #fff; text-align: right; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .mostPopular { background-color: #9B68F2; background-color: #9B68F2; background-color: var(--purple300); } body.pricing #plansTable > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansTable > .intro .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.pricing #plansTable > .intro .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.pricing #plansTable > .intro .common-Header1 { margin-bottom: 8px; } body.pricing #plansTable .common-LayoutCell { overflow-x: visible; overflow-y: visible; } body.pricing #plansTable .common-LayoutCell .common-LayoutCellContent.feature { padding-right: 0 !important; } body.pricing #plansTable .common-Table .common-Layout {--common-Table: 896px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 896px; } body.pricing #plansTable .common-Table.yearly .yearly { display: block; } body.pricing #plansTable .common-Table.yearly .monthly { display: none; } body.pricing #plansTable .common-Table.monthly .yearly { display: none; } body.pricing #plansTable .common-Table.monthly .monthly { display: block; } body.pricing #plansTable .common-Table .common-Body2 { margin-bottom: 0; } body.pricing #plansTable > .comparison { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansTable > .comparison .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.pricing #plansTable > .comparison .common-LayoutCellContent { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } body.pricing #cost {--pricing-cost-2col: 964px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #cost .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } body.pricing #cost #calculator { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.pricing #cost #calculator .options { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; } @media (min-width: 416px) { body.pricing #cost #calculator .options { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 40px; } } body.pricing #cost #calculator .common-Body3.caption { font-size: 12px; text-align: left; line-height: 16px; padding: 10px 10px 0 10px; clear: both; } body.pricing #cost #calculator #calculator-plan { padding-left: 24px; } body.pricing #cost #calculator #calculator-plan[data-selected-value='Starter'] + label::before { background-color: #F5C800; background-color: #F5C800; background-color: var(--yellow400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Basic'] + label::before { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Premium'] + label::before { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Professional'] + label::before { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.pricing #cost #calculator #calculator-plan + label::before { content: ''; position: absolute; width: 16px; height: 16px; top: 28px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; pointer-events: none; } body.pricing #cost #calculator #calculator-billingPeriod[data-selected-value='Yearly'] { padding-right: 80px; } body.pricing #cost #calculator #calculator-billingPeriod[data-selected-value='Yearly'] + label::before { content: '–20%'; position: absolute; padding: 2px 8px 1px; line-height: 16px; top: 28px; right: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color: #84CE48; color: #fff; font-size: 13px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); text-align: center; pointer-events: none; } body.pricing #cost #calculator .slider { position: relative; height: 48px; margin: 72px 8px 24px; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } body.pricing #cost #calculator .slider .track { position: absolute; height: 6px; top: 50%; margin-top: -3px; left: -8px; right: -8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #C7D1DF; background-color: #C7D1DF; background-color: var(--gray600); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-mask-image: var(--clipping-mask); mask-image: var(--clipping-mask); pointer-events: none; } body.pricing #cost #calculator .slider .track .fill { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } body.pricing #cost #calculator .slider .handle { position: absolute; width: 16px; height: 16px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -8px; left: 0; margin-left: -8px; -webkit-box-shadow: 0 0 0 2px #F5F7FA; -moz-box-shadow: 0 0 0 2px #F5F7FA; box-shadow: 0 0 0 2px #F5F7FA; box-shadow: 0 0 0 2px #F5F7FA; -webkit-box-shadow: 0 0 0 2px var(--gray900); -moz-box-shadow: 0 0 0 2px var(--gray900); box-shadow: 0 0 0 2px var(--gray900); pointer-events: none; } body.pricing #cost #calculator .slider .volume { position: absolute; padding: 3px 12px; left: 0; margin-left: -8px; top: -24px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); text-align: center; color: #fff; font-size: 15px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); white-space: nowrap; pointer-events: none; } body.pricing #cost #calculator .breakdown { display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 8px 24px; justify-items: end; text-align: right; } body.pricing #cost #calculator .breakdown * { margin-bottom: 0; } body.pricing #cost #calculator .breakdown .label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-self: start; text-align: left; width: 100%; } @media (min-width: 672px) { body.pricing #cost #calculator .breakdown .label { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } body.pricing #cost #calculator .breakdown .label .title { margin-right: 24px; } body.pricing #cost #calculator .breakdown .label.total { -webkit-align-self: end; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } body.pricing #cost #calculator .breakdown .amount { color: #3A4554; color: #3A4554; color: var(--gray100); } body.pricing #cost #calculator .breakdown .footnotes { grid-column: 1 / -1; width: 100%; text-align: center; margin-top: 32px; } @media (min-width: 672px) { body.pricing #cost #calculator .breakdown .footnotes { margin-top: 16px; } } body.pricing #cost #calculator .breakdown .contactSales { visibility: hidden; } body.pricing #cost #includedFeatures { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.pricing #cost #includedFeatures .common-Header3 { color: #fff; } body.pricing #cost #includedFeatures .common-Checklist { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #cost #includedFeatures .common-Checklist svg polyline { stroke: #fff; } body.pricing #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #customers .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.pricing #review_badges { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #review_badges .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.pricing #app_reviews { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #app_reviews .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.pricing #faq h1 { margin-bottom: 24px; } body.pricing #faq .common-ButtonGroup { margin-bottom: 48px; } body.pricing #faq ul { list-style-type: none; } body.pricing #faq ul li:not(:last-child) { margin-bottom: 48px; } body.pricing .info-text { display: inline-block; } body.pricing .popover__wrapper { position: relative; display: inline-block; } body.pricing .popover__wrapper .info { --color: #93A3B7; --color: #93A3B7; --color: var(--gray400); position: relative; color: #93A3B7; color: var(--color); color: #93A3B7; color: var(--color) } body.pricing .popover__wrapper .info:hover svg { opacity: 0.5; -webkit-transform: scale(0.90); -moz-transform: scale(0.90); -ms-transform: scale(0.90); transform: scale(0.90); } body.pricing .popover__wrapper .info:hover .sectionInfo { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.pricing .popover__wrapper .info svg { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } body.pricing .popover__wrapper .info svg path { fill: currentColor; } body.pricing .popover__content { opacity: 0; visibility: hidden; position: absolute; bottom: 20px; -webkit-transform: translate(0,10px); -moz-transform: translate(0,10px); -ms-transform: translate(0,10px); transform: translate(0,10px); padding: 1.5rem; background-color: white; -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 380px; } body.pricing .popover__content.left { left: -50px; } body.pricing .popover__content.middle { left: -190px; } body.pricing .popover__content.right { left: -300px; } body.pricing .popover__content ul { list-style: none; float: left; margin-left: 25px; } body.pricing .popover__content ul:first-child { margin-left: 10px; } body.pricing .popover__content ul li { text-align: left; } body.pricing .popover__content.left:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(91% - 36px); right: -moz-calc(91% - 36px); right: calc(91% - 36px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__content.middle:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(50% - 22px); right: -moz-calc(50% - 22px); right: calc(50% - 22px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__content.right:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(20% - 22px); right: -moz-calc(20% - 22px); right: calc(20% - 22px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__wrapper:hover .popover__content { z-index: 10; opacity: 1; visibility: visible; -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -ms-transform: translate(0,-5px); transform: translate(0,-5px); -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); -moz-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); } body.pricing .visible { overflow-x: visible !important; overflow-y: visible !important; } body.pricing .enterprise_mobile_box { text-align: center; color: white; padding-top:40px; padding-bottom: 30px; } body.pricing .enterprise_mobile_heading { font-size: 22px; line-height: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); max-width: 784px; max-width: 784px; max-width: var(--max-text-width); margin-bottom: 8px; } body.pricing .enterprise_mobile_text_cta { padding-bottom: 20px; } body.pricing .enterprise_cta_width { max-width: 280px; } body.pricing .enterprise_mobile_p { color: white; text-align: center; margin-bottom: 16px; font-size: 17px; line-height: 26px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); max-width: 784px; max-width: 784px; max-width: var(--max-text-width); } @media (min-width: 678px) { body.pricing #mobile_enterprise_module { display: none; } } @media (max-width: 678px) { body.pricing #desktop_enterprise_module { display: none; } } @media (min-width: 1195px) { body.pricing .pricing_cta_mobile { display: none; } } body.pricing .pricing_cta_mobile span { padding-right: 5px; text-overflow:undefined; text-overflow:var(--color); text-overflow:undefined; text-overflow:var(--color); } @media (max-width: 1195px) { body.pricing .pricing_cta_desktop { display: none; } } /* Page Redesign new styles APR 2022. */ body.pricing #the_pricecards {--careers-perks-3col: 860px;--careers-perks-2col: 572px; position: relative; top: -56%; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.pricing #the_pricecards .common-LayoutCell { background-color: transparent; } @media (max-width: 1100px) { body.pricing #the_pricecards .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } } @media (max-width: 1100px) { body.pricing #the_pricecards { position: static; } } body.pricing .scale_cta { background-color:#3DCAD4 ; background-color:#3DCAD4; background-color:var(--teal400) ; } body.pricing .scale_cta:hover { background-color: #32B8C2; background-color: #32B8C2; background-color: var(--teal300); } body.pricing .enterprise_cta { background-color:#AA81F3 ; background-color:#AA81F3; background-color:var(--purple400) ; } body.pricing .enterprise_cta:hover { background-color: #9B68F2; background-color: #9B68F2; background-color: var(--purple300); } body.pricing .enterprise_cta svg { margin-left: 7px; } body.pricing .trust_logo_subheader_pad { padding-top: 5%; } body.pricing .trust_logos { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding-top: 4%; padding-bottom: 5%; } @media (max-width: 1100px) { body.pricing .trust_logos { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 678px) { body.pricing .trust_logos { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-bottom: 6%; } } body.pricing .trust_logos_background { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.pricing .review_badges_row { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; max-width: 75%; } @media (max-width: 1100px) { body.pricing .review_badges_row { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; max-width: 100%; } } @media (max-width: 678px) { body.pricing .review_badges_row { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; max-width: 100%; } } body.pricing .trust_badges_background { background: white; background: white; background: var(--solidwhite100); /* Old browsers */ background: -moz-linear-gradient(top, white 0%, white 50%, #F3F7FA 50%, #F3F7FA 100%); background: -moz-linear-gradient(top, white 0%, white 50%, #F3F7FA 50%, #F3F7FA 100%); background: -moz-linear-gradient(top, var(--solidwhite100) 0%, var(--solidwhite100) 50%, var(--offwhite300) 50%, var(--offwhite300) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(50%,white), color-stop(50%,#F3F7FA), color-stop(100%,#F3F7FA)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(50%,white), color-stop(50%,#F3F7FA), color-stop(100%,#F3F7FA)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--solidwhite100)), color-stop(50%,var(--solidwhite100)), color-stop(50%,var(--offwhite300)), color-stop(100%,var(--offwhite300))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%,white 50%,#F3F7FA 50%,#F3F7FA 100%); background: -webkit-linear-gradient(top, white 0%,white 50%,#F3F7FA 50%,#F3F7FA 100%); background: -webkit-linear-gradient(top, var(--solidwhite100) 0%,var(--solidwhite100) 50%,var(--offwhite300) 50%,var(--offwhite300) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(white),color-stop(50%, white),color-stop(50%, #F3F7FA),to(#F3F7FA)); background: -moz-linear-gradient(top, white 0%,white 50%,#F3F7FA 50%,#F3F7FA 100%); background: linear-gradient(to bottom, white 0%,white 50%,#F3F7FA 50%,#F3F7FA 100%); background: linear-gradient(to bottom, white 0%,white 50%,#F3F7FA 50%,#F3F7FA 100%); background: -webkit-gradient(linear, left top, left bottom, from(var(--solidwhite100)),color-stop(50%, var(--solidwhite100)),color-stop(50%, var(--offwhite300)),to(var(--offwhite300))); background: -moz-linear-gradient(top, var(--solidwhite100) 0%,var(--solidwhite100) 50%,var(--offwhite300) 50%,var(--offwhite300) 100%); background: linear-gradient(to bottom, var(--solidwhite100) 0%,var(--solidwhite100) 50%,var(--offwhite300) 50%,var(--offwhite300) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--solidwhite100)', endColorstr='var(--blue900)',GradientType=1 ); /* IE6-9 */ } @media (max-width: 600px) { body.pricing .trust_badges_background { background: #F3F7FA; background: #F3F7FA; background: var(--offwhite300); } } body.pricing .pricing_logo { display: block; width: 60%; padding: 5%; margin: auto; text-align: center; } body.pricing .pricing_logo_foxtrot { display: block; width: 78%; padding: 5%; margin: auto; text-align: center; } body.pricing .pricing_logo_coremain { display: block; width: 78%; padding: 5% 0% 5% 10%; margin: auto; text-align: center; } @media (max-width: 500px) { body.pricing .pricing_logo_coremain { padding: 5%; } } body.pricing .pricing_logo_sweetgreen { display: block; width: 85%; padding: 5%; margin: auto; text-align: center; } body.pricing .badge_logo { display: block; width: 80%; padding: 5%; margin: auto; text-align: center; } @media (max-width: 500px) { body.pricing .badge_logo { height: 151px; } } body.pricing .getapp_logo_pad { padding-top: 10%; } body.pricing .capterra_logo_pad { padding-top: 10%; } body.pricing .app_reviews_logos { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding-top: 4%; padding-bottom: 7%; } @media (max-width: 1100px) { body.pricing .app_reviews_logos { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 678px) { body.pricing .app_reviews_logos { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } body.pricing .app_reviews_logos_background { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.pricing .app_review_logo_getapp { display: block; width: 75%; padding: 5%; margin: auto; text-align: center; } body.pricing .app_review_logo_capterra { display: block; width: 75%; padding: 3% 5% 5% 5%; margin: auto; text-align: center; } body.pricing .app_review_logo_g2 { display: block; width: 28%; padding: 0 5% 4.5% 5%; margin: auto; text-align: center; } body.pricing .app_review_logo_apple { display: block; width: 30%; padding: 0% 5% 3.4% 5%; margin: auto; text-align: center; } body.pricing .app_review_logo_google { display: block; width: 28%; padding: 0 5% 3% 5%; margin: auto; text-align: center; } body.pricing .single_award_name { text-align: center; margin-bottom: 0; } body.pricing .award_title { font-size: 16px; text-align: center; } @media (max-width: 571px) { body.pricing .award_title { padding-bottom: 10%; } } body.pricing .rating_module_pad { margin-top: 30px; } @media (max-width: 571px) { body.pricing .rating_module_pad { margin-top: 20px; } } body.pricing .pricing_page_rating_number { font-size: 15px; bottom: 1px; position: relative; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #76879D; color: #76879D; color: var(--gray300); } body.pricing .star_rating { color: #FCA919; color: #FCA919; color: var(--orange400); height: 14px; } body.pricing .pricecard_sections_wrapper { background-color: transparent; margin-bottom: -37%; } @media (max-width: 1100px) { body.pricing .pricecard_sections_wrapper { margin-bottom: 0; } } body.pricing #pricecard_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.pricing #pricecard_intro .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.pricing .hero_background { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/pricing/pricing_map3.svg'); background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; background-position: center; background-attachment: fixed; } @media (max-width: 600px) { body.pricing .hero_background { background-attachment: local; } } body.pricing .pricing_hero_headline { color: #3A4554; color: #3A4554; color: var(--gray100); margin-top: -2%; } body.pricing .pricing_hero_subheadline { color: #76879D; color: #76879D; color: var(--gray300); padding-bottom: 30%; } @media (max-width: 1100px) { body.pricing .pricing_hero_subheadline { padding-bottom: 0; } } body.pricing .single_pricecard_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.pricing .single_pricecard_card_wrapper { padding: 5% 3% 5% 3%; } } body.pricing .single_pricecard_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.pricing .top_color_launch { width: 100%; height: 17px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.pricing .top_color_scale { width: 100%; height: 17px; background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.pricing .top_color_enterprise { width: 100%; height: 17px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.pricing .single_pricecard_name { text-align: center; margin-bottom: 0; margin-top: 8%; letter-spacing: 10px; font-weight: 800; font-weight: 800; font-weight: var(--font-weight-black); padding-left: 10px; } body.pricing .scale_extracta_pad { padding-top: 1%; } body.pricing .pricecard_title { font-size: 16px; text-align: center; } body.pricing .starting_at_text { font-size: 14px; text-align: center; color: #93A3B7; color: #93A3B7; color: var(--gray400); margin-bottom: 10px; } body.pricing .starting_at_enterprise { opacity: 0; } body.pricing .price_number { font-size: 48px; color: #3A4554; color: #3A4554; color: var(--gray100); font-weight: 800; font-weight: 800; font-weight: var(--font-weight-black); text-align: center; } body.pricing .pricecard_cta_pad { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10%; } body.pricing .pricecardenterprise_cta_pad { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10%; padding-top: 10px; } body.pricing .per_month { font-size: 20px; color: #3A4554; color: #3A4554; color: var(--gray100); font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); } body.pricing .pricecard_p { padding: 0 7% 0 7%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.pricing .launch_bullets svg { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); margin-right: 5px; } body.pricing .scale_bullet_1 { color: #38A5FF; color: #38A5FF; color: var(--blue400); font-weight: 700; font-weight: 700; font-weight: var(--font-weight-bold); } body.pricing .enterprise_bullet_1 { color: #3DCAD4; color: #3DCAD4; color: var(--teal400); font-weight: 700; font-weight: 700; font-weight: var(--font-weight-bold); } body.pricing .scale_bullets svg { fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); margin-right: 5px; } body.pricing .enterprise_bullets svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.pricing .pricecard_last_bullet { padding-bottom: 10%; } body.pricing .pricecard_launch_bottom_pad { padding-bottom: 17%; } @media (max-width: 859px) { body.pricing .pricecard_launch_bottom_pad { padding-bottom: 0; } } body.pricing .pricecard_scale_bottom_pad { padding-bottom: 26%; } @media (max-width: 859px) { body.pricing .pricecard_scale_bottom_pad { padding-bottom: 0; } } body.pricing .card_launchdivider { width: 170px; height: 4px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); border: none; margin: 2% auto 4% auto; } body.pricing .card_scaledivider { width: 131px; height: 4px; background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); border: none; margin: 2% auto 4% auto; } body.pricing .card_enterprisedivider { width: 264px; height: 4px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); border: none; margin: 2% auto 4% auto; } /* Quotes slider section */ body.pricing .arrows .slider_left_arrow { cursor: pointer; position: absolute; bottom: 64%; left: -22%; } @media (max-width: 1740px) { body.pricing .arrows .slider_left_arrow { left: -15%; } } @media (max-width: 1580px) { body.pricing .arrows .slider_left_arrow { left: -10%; } } @media (max-width: 1460px) { body.pricing .arrows .slider_left_arrow { left: -5%; } } @media (max-width: 1335px) { body.pricing .arrows .slider_left_arrow { left: 0%; } } @media (max-width: 1197px) { body.pricing .arrows .slider_left_arrow { display: none; } } body.pricing .arrows .slider_left_arrow svg { width: 18px; height: 35px; background: transparent; } body.pricing .arrows .slider_left_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.pricing .arrows .slider_right_arrow { cursor: pointer; position: absolute; bottom: 64%; right: -22%; } @media (max-width: 1740px) { body.pricing .arrows .slider_right_arrow { right: -15%; } } @media (max-width: 1580px) { body.pricing .arrows .slider_right_arrow { right: -10%; } } @media (max-width: 1460px) { body.pricing .arrows .slider_right_arrow { right: -5%; } } @media (max-width: 1335px) { body.pricing .arrows .slider_right_arrow { right: 0%; } } @media (max-width: 1197px) { body.pricing .arrows .slider_right_arrow { display: none; } } body.pricing .arrows .slider_right_arrow svg { width: 18px; height: 35px; background: transparent; } body.pricing .arrows .slider_right_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.pricing .customer_wrapper { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } body.pricing .customer_img_wrapper { margin-top: 10%; margin-left: auto; margin-right: auto; margin-bottom: 12%; } @media (max-width: 600px) { body.pricing .customer_img_wrapper { margin-top: 0; margin-bottom: 6%; } } body.pricing .customer_img { display: block; max-width: 100%; max-height: 320px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media (max-width: 600px) { body.pricing .customer_img { height: 200px; } } body.pricing .customer_tab { width: 85%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; text-align: center; margin: auto; } @media (max-width: 600px) { body.pricing .customer_tab { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.pricing .customer_logo_slider { display: block; width: 110px; text-align: left; } body.pricing .customer_logo_slider_2 { display: block; width: 20%; text-align: left; } body.pricing .customer_logo_slider_3 { display: block; width: 40%; text-align: left; } body.pricing .customer_text { text-align: left; margin-top: 6%; margin-left: 7%; margin-right: 0; } @media (max-width: 600px) { body.pricing .customer_text { margin-top: 2%; margin-left: 5%; } } body.pricing .team_growth_figure { font-weight: bold; color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.pricing .customers_sliderlogo_place { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: left !important; -webkit-align-items: left !important; -moz-box-align: left !important; -ms-flex-align: left !important; align-items: left !important; -webkit-box-pack: left !important; -webkit-justify-content: left !important; -moz-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; padding: 0px 0px 0px 0px; } body.pricing .customers_sliderlogo_place svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); padding-right: 10px; } body.pricing .customers_sliderlogo_place svg path { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); } @media (max-width: 678px) { body.pricing .customers_sliderlogo_place { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } body.pricing .customer_p { padding: 7% 7% 4% 0; } body.pricing .customer_quote_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/common/user-quote-icon-light-teal.svg'); -moz-background-size: contain; background-size: contain; background-position: right; background-repeat: no-repeat; } body.pricing .customer_quote { background-color: transparent; color: #3A4554; color: #3A4554; color: var(--gray100); padding: 1% 4% 4% 0; text-align: left; font-size: 18px; font-weight: 700; font-weight: 700; font-weight: var(--font-weight-bold); } @media (max-width: 600px) { body.pricing .customer_quote { padding: 2% 2% 4% 0; } } body.pricing .customer_role { font-size: 12px; font-weight: 700; font-weight: 700; font-weight: var(--font-weight-bold); color: #76879D; color: #76879D; color: var(--gray300); font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); } body.pricing .tammate_backgroundbox { background: white; background: white; background: var(--solidwhite100); /* Old browsers */ background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, var(--solidwhite100) 0%, var(--solidwhite100) 20%, var(--blue900) 20%, var(--blue900) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--solidwhite100)), color-stop(20%,var(--solidwhite100)), color-stop(20%,var(--blue900)), color-stop(100%,var(--blue900))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, right top, from(white),color-stop(20%, white),color-stop(20%, #E3F6FF),to(#E3F6FF)); background: -moz-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-gradient(linear, left top, right top, from(var(--solidwhite100)),color-stop(20%, var(--solidwhite100)),color-stop(20%, var(--blue900)),to(var(--blue900))); background: -moz-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); background: linear-gradient(to right, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--solidwhite100)', endColorstr='var(--blue900)',GradientType=1 ); /* IE6-9 */ } @media (max-width: 600px) { body.pricing .tammate_backgroundbox { background: #E3F6FF; background: #E3F6FF; background: var(--blue900); } } body.pricing .subsection_pad { padding-bottom: 8%; } body.pricing div.scrollmenu { overflow: auto; white-space: nowrap; text-align: center; padding: 1% 2% 2% 2%; } @media (max-width: 600px) { body.pricing div.scrollmenu { padding: 0 2% 2% 2%; } } body.pricing .subcategory { background-color: transparent !important; } body.pricing .submenu_pad { padding-bottom: 5%; } body.pricing .mySlides { display: none; } body.pricing .subcat { display: inline-block; color: #E9EDF2; color: #E9EDF2; color: var(--offwhite200); text-align: left; padding: 18px; text-decoration: none; cursor: pointer; font-weight: normal; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px var(--offwhite200); width: 50px; padding-left: 0; } body.pricing .active { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.pricing .subcat:hover { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } /* FAQs section */ body.pricing .pricing_FAQs_subtext { text-align: left; padding-top: 10%; } body.pricing .FAQs_extrapad_bottom { padding-bottom: 4%; } body.pricing .FAQs_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.pricing .FAQs_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.pricing .accordion_icon { margin: 4px auto auto auto; } body.pricing .invisible_icon { display: none; } body.pricing .FAQs_text { max-width: 100%; margin: auto; text-align: left; } body.pricing .FAQs_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.pricing .accordion_box { width: 100%; text-align: left; } body.pricing .panel { padding: 2%; display: none; background-color: white; background-color: white; background-color: var(--solidwhite100); overflow: hidden; } body.pricing .hidden_faq { display: none !important; } body.pricing .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.pricing .accordion { background-color: transparent; cursor: pointer; padding: 2.5% 2% 2.5% 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.pricing .accordion { padding: 3% 0 3% 0 !important; } } body.pricing .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_gray.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.pricing .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.pricing .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.pricing .activeaccordion .plus, body.pricing .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.pricing .invisible_icon { display: none !important; } @media only screen and (max-width: 600px) { body.pricing .FAQs_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.pricing .panel { padding: 4%; } body.pricing .accordion { padding: 4%; } } /* Telephony notice section */ body.pricing .between_sections_pad_sm { padding-top: 4%; } body.pricing .subheader_pad { padding-bottom: 4%; } body.pricing #telephony_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.pricing #telephony_section .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.pricing .price_table_pic { display: block; width: 100%; padding: 10% 0 10% 0; } @media (max-width: 571px) { body.pricing .price_table_pic { padding: 0 0 10% 0; } } body.pricing .price_table_textbox { padding: 16% 10% 10% 10%; } body.pricing .price_table_textbox h2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.pricing .price_table_textbox p { color: #76879D; color: #76879D; color: var(--gray300); } @media (max-width: 1000px) { body.pricing .price_table_textbox { padding: 10% 10% 10% 10%; } } body.pricing .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/pricing/lightpurple_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.pricing .logo_background { background-image: none; } } body.pricing .small_notice { font-size: 14px; } @font-face { font-family: 'checkmarkregular'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAATcABEAAAAAChgAAAR5AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACDBggCCYRlEQgKgSCBGgE2AiQDVAssAAQgBYMzB4FbDC4/d2ViZgYbuAhRlC1KjuyHJAFFlXO4QVAHP8ChHgOFSlEUNyAAABA8/2/37z5z55nR/fB8qSNisExNFk1WeldSz2r8r7EGiXiSbmaRv7NDPE2Iyi7pzDGvtgkNDfoDj1pFrBIaIEzui3JNoC2LNelqTW1oEzYSnSKn/jZ8l7C6fMIKsUiKXI2sqwMiYapMfW2n2nWdjpYRrpn5kwABeJl/5RnAW+foSDsxkUh9jB9IAgNBiBPM0FNAqe2ygAPTUeO4AjISd6JesyjMKM4kzE0t5CeuPfYeuEbRMwYPMB0KKT00PF3cg3L3H85kAYgLU/w5gnZVe3Wlnp3995P9b9stbHNVk3KJ/WMHPpzvn963nlKpeFtbxCnHCQrECaIiIWPGc5T4FzGhNnDwiXVggVg9BsZI9G1SIK/YAmfZlEIVf9u0ohtIrMJihVj6Cf6ychhWf5usFIqTPZS11EJoGSO5UZ5qhWlV24cLPiFf2aliZS6V/+xXMcHhKJuCrk0qUVBIW/s7rMCMHiuc1t1cOdJzqz4yYwYDTRRd1t38qKrlYLcVNVGu3QqPpac7CJzggwiqoFcQzMI+MGaKXnhsrnY6cxjniumQYhx2FvSOLG9kRt5a0Wfpq6n4/fAEO1xlMyRRtajyREmS31sdy9BAr4QdSlp36665QutjeV1R0XAMLZzMDSNJtCwMkPIs2Mto4Z2Fc0Z3eglIhVovgYnjYrxILWTl0V3H+wqS9e2MQ6ZKPZnmXqHztO416NzCbo5W0orwFkijNDJ4dNaKAtWWX7BV7lkg4zGLRk4PL9m+fX6hXXdojCxgB6mXxq0tWqSkrCy1fj+MDxMLxidOgX3GTRFeAnlljEnEr+CclnFyE51SPr9sU7RAP/R8ZBam98MTFlK4AMZlVqcRxLYZAEiwyaXACaT9dXDTmOioLhBFQRQWM3/i/Zvm81elgcnjN42nr0rGDl6XRfG3pn5gf3Pj/sD5lae96ysW93uaM57958fO8P+yevcz0N+h9Ff9wmxDwW+3z01mP5bHYb+511z5gPuhOETANcp+Ag8VcuYeryGR64xrE0Sdq9PUm2EfYcwGeQ5SiUfwGWQFsBAwPaF+9DJ5GgESYj3tYiAYJHWcDnIrKAqeR11O2kWFZFR46JOasMTowMcxoxMP1673kvULhZgehCiI0SDISKMiqkFqwgSjg6R1RidRl97vpc4D5ltiofmWW2mudZZj/gR8sYRnQBg/zkKLbbQivZVxHRqOe5xF1FhETmASPX+d9ZZabRWtWoWqpG/UA4OR3iQ5K6pqs65arRtoiy0UsS3ruTZYaEHrPFtpvcBXG9Sx3N+oQNcmhygUSAYGPEMBP3nHqdbX29jbm7T9PHPiVyUgBoYolJjiEKe4xC0e8YpP/BKQoIQkLBGJSsy5eMV4X9iZtnFVxKF4bG2rI+CKeACqoQZqoQ7qoQEaoQmaFa36mi5FvSDQcnhwZa6j6onYB09O0n/uMVM2RE5N3eh6hFsRnlqP+DintGdqBpyP1wEK8TJk+ocXqwA=) format('woff2'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAbcABEAAAAAChgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGuAAAABwAAAAchDGJ7kdERUYAAAacAAAAHAAAAB4AJwAbT1MvMgAAAfQAAABAAAAAYBu6DipjbWFwAAACbAAAAGoAAAGGLuhPRGN2dCAAAAS8AAAAAgAAAAIAAAAAZnBnbQAAAtgAAAGxAAACZVO0L6dnYXNwAAAGlAAAAAgAAAAIAAAAEGdseWYAAATYAAAAXgAAAKDqzci5aGVhZAAAAYAAAAAzAAAANhfQPTJoaGVhAAABtAAAAB0AAAAkD8UIzmhtdHgAAAI0AAAANgAAAFRBWQBabG9jYQAABMAAAAAXAAAALAEgAVBtYXhwAAAB1AAAAB8AAAAgAS4AF25hbWUAAAU4AAAA6QAAAbNPjiXzcG9zdAAABiQAAABvAAAA2476ULZwcmVwAAAEjAAAAC4AAAAusPIrFHdlYmYAAAbUAAAABgAAAAbJllvgeNpjYGRgYADi6EDPI/H8Nl8ZuDkYQOAGW7kchK4SZWD4f49jCbsKkMvBwAQSBQAASgkMAHjaY2BkYGCX/7+DgYGTAQQ4ljAwMqACUQBFfgKqAAAAeNpjYGRgYBBlEGYA0QwMTECaiUGMAcplYAAABa0ARwB42mNgZq5mnMDAysDCasQ6g4GBUQ5CM19jSGMSYkAFjAJoAgwODIwvGdgb/jcwMLDLM3iA1CDJKjAwAgC02QgHeNrjYIAAplUQmgWKmfsZGNjlETRTPAMD43Eg1odghsdAOgdIp0JokBzzCwYGTgaGKAD/rQfuAAB42mNgYGBmgGAZBkYGEGgA8hjBfBaGFCAtwiAAFGEBiikwLFDgUtBXiFf985Lh/9///8HqQaIMqKL/n/xPfcB2/9H9zbfExUXA5okwYAJGkL2MbEDMDBVgAhJMGKqAlg8VwEqWLgCkGxmYAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYWbAUKwAAAAAAAHjaY2AAAg4gFGCQYFDAAzUYAgAoHAJxAHjaY2BkQAKGDAyU86P+3+NYwq7CIMTAIGRmbiYmzsloxygux8jOyKamzhjFZ2LSosWYxzJLq8XEiEvr1wuDGXr/xJi2tWhp8Jn8M2LNAQoCpX4xWLFYMaUBACA6FCsAAHjahZBBSgNBEEXfJJNIIrgQceFC5gRDAuIRhAjZBHHfmTSTMEk3dCaLXMEDeAgXrjyVp/DPUOvY0MXr/+tXQQM3fJPRnYwJd8YDriiNh9JfjXPx1njENR/GY+lfxlMe+FUqyydSbvsJHQ+069F4KP3ZOBe/GY+4JxmPpX8aT3nih0q7vWrDAae+Bqqtr5qDS8KVvJoT+95j5evT3gkupy677/ISR3ZEAgVz/cpMsk/HXQzFvJz9N+GlT7bK1uoK/Tynt2cjbc1ZdaF0ZKnb9ZYKxdAWtQ8+udZvivW5WFRxGWMo+QMLB0S7AAAAeNp9yEsOgkAUBdFXjYL/b9zHA22VISGyFTUxxokDd6+k79ianKQs2P92ZgQLZJYxYEhOwYgxE6bMmLNgyYo1G7b59fF53cri/by7u2y8t/oNWcpK7uVBRnmUJ3mWtWySVZeMydi1vZfa/Qt6Oyd1AAABAAH//wAPeNpjYGRgYOABYjEgZmJgBEIRIGYB8xgABHoAQwAAAAEAAAAA1CSYugAAAADYBnceAAAAANgGehUAAVvgyZUAAA==) format('woff'); font-weight: normal; font-style: normal; } body.pricingComparison #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricingComparison #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 0; } @media (min-width: 416px) { body.pricingComparison #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } body.pricingComparison #hero .common-Header1 { margin-bottom: 24px; } body.pricingComparison .common-Table .common-Layout { display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 704px; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header { background-color: #fff; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header .common-LayoutCellContent { padding-top: 48px; padding-top: 48px; padding-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header .common-LayoutCellContent { padding-top: 80px; padding-top: var(--layout-padding-y-md); } } body.pricingComparison .common-Table .common-Layout span.new { margin-right: 12px; } body.pricingComparison .common-Table .common-Layout .checkmark:before { display: block; font-family: 'checkmarkregular'; content: "\e900"; line-height: 22px; height: 18px; color: #AA81F3; color: var( --purple400); } body.pricingComparison .common-Table .common-Layout .common-NewBadge { color: #fff; background-color: #84CE48; } body.signup .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.signup .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 880px) { body.signup .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.signup #signup {--signup-hero-2col: 880px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 880px) { body.signup #signup .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.signup #signup .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.signup #signup #intro { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.signup #signup #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.signup #signup #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 0px; margin-left: -306px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 946px) { body.signup #signup #intro img { width: 300%; margin-top: -32px; margin-left: -460px; } } body.signup #signup #intro .common-Header2 { color: #fff; } body.signup #signup #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.signup #signup span.emphasis { font-weight: 600; text-decoration: underline; } body.signup #signup #signup-form { --transition-duration: 0.5s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.signup #signup #signup-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body.signup #signup #signup-form ul.steps { display: none; list-style-type: none; margin-bottom: 16px; } @media (min-width: 510px) { body.signup #signup #signup-form ul.steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } body.signup #signup #signup-form ul.steps li { width: 20px; height: 20px; text-align: center; font-size: 11px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76879D; color: #76879D; color: var(--gray300); background-color: #DCE3EC; background-color: #DCE3EC; background-color: var(--gray700); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.signup #signup #signup-form ul.steps li:not(:last-child) { margin-right: 8px; } body.signup #signup #signup-form ul.steps li.current { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.signup #signup #signup-form ul.steps li.complete { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.signup #signup #signup-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.signup #signup #signup-form h3 { margin-bottom: 4px; } } body.signup #signup #signup-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.signup #signup #signup-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } body.signup #signup #signup-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.signup #signup #signup-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.signup #signup #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } } body.signup #signup #signup-form form .fullWidth { grid-column: 1 / -1; } body.signup #signup #signup-form form #card { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); } body.signup #signup #signup-form form #card + label { cursor: text; } body.signup #signup #signup-form form #card.StripeElement--webkit-autofill { background: transparent !important; border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); } body.signup #signup #signup-form form #card.StripeElement--webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.signup #signup #signup-form form #card.StripeElement--focus { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } body.signup #signup #signup-form form #card.StripeElement--focus + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.signup #signup #signup-form form #card.StripeElement--invalid { border-bottom-color: undefined; border-bottom-color: var(--error-red); border-bottom-color: undefined; border-bottom-color: var(--error-red); } body.signup #signup #signup-form form #card.StripeElement--invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } body.signup #signup #signup-form form .cardSecurity svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } body.signup #signup #signup-form form .cardSecurity svg path { fill: currentColor; } body.signup #signup #signup-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.signup #signup #signup-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } @media (min-width: 510px) { body.signup #signup #signup-form h4 { margin: 0; } } body.signup #signup #signup-form nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body.signup #signup #signup-form nav button { cursor: pointer } body.signup #signup #signup-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.signup #signup #signup-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.signup #signup #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.signup #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.signup #customers .common-SectionIntro .common-Header1 { max-width: 1196px; } body.signup #customers .logos { padding-top: 20px; } body.signup #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.signup #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.signup #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.signup #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.signup #customers .common-SectionIntro { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.signup #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.signup #customers .common-SectionIntro { padding: 48px 24px; padding: var(--layout-padding-md); } } body.signup .noellipsis { text-overflow: clip; } body.signup .plan_info_icon { height: 12px; margin-bottom: -1px; } body.signup .comparison_label { padding-right: 1%; } body.signup .plan_comparison_link { position: relative; display: inline-block; color: #38A5FF; color: #38A5FF; color: var(--blue400); } /* Start of single label ( no radio ) styles */ body.signup .trial_plan_padding { padding-bottom: 4px; } body.signup .trial_plan_label { text-align: center; max-width: 120px; height: 50px; font-weight: 500; border: solid 1px transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; } body.signup .trial_plan_label:active { border-color: inherit; } body.signup .trial_plan_label:focus { border-color: inherit; } body.signup .noactive_input:active:not(:disabled) + label { color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.signup .noactive_input:focus:not(:disabled) + label { color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.signup .launch_label { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); color: #38A5FF; color: #38A5FF; color: var(--blue400); border-top: solid 5px #38A5FF; border-top: solid 5px #38A5FF; border-top: solid 5px var(--blue400); border-color: #38A5FF; border-color: #38A5FF; border-color: var(--blue400); } body.signup .scale_label { background-color: #DEFDFF; background-color: #DEFDFF; background-color: var(--teal900); color: #3DCAD4; color: #3DCAD4; color: var(--teal400); border-top: solid 5px #3DCAD4; border-top: solid 5px #3DCAD4; border-top: solid 5px var(--teal400); border-color: #3DCAD4; border-color: #3DCAD4; border-color: var(--teal400); } /* Start of radio buttons/toggle styling for plan selection */ body.signup .toggle { margin: 0 0 1.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: -16px; margin-bottom: 0px; } /* End of single label ( no radio ) styles */ body.signup .toggle input { width: 0; height: 0; position: absolute; left: -9999px; } body.signup .toggle input + label { margin: 0; padding: 0.75rem 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; border: solid 1px #DDD; background-color: #FFF; font-size: 1rem; line-height: 140%; font-weight: 600; text-align: center; -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, -webkit-box-shadow 0.15s ease-out; transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, -webkit-box-shadow 0.15s ease-out; -moz-transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, -moz-box-shadow 0.15s ease-out; transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out; transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-box-shadow 0.15s ease-out, -moz-box-shadow 0.15s ease-out; } body.signup .toggle input + label:first-of-type { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; border-right: none; } body.signup .toggle input + label:last-of-type { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; border-left: none; } body.signup .toggle input:hover + label { border-color: #38A5FF; border-color: #38A5FF; border-color: var(--blue400); color: #38A5FF; color: #38A5FF; color: var(--blue400); cursor: pointer; } body.signup .toggle input:checked + label { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); color: #FFF; -webkit-box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); -moz-box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); border-color: #38A5FF; border-color: #38A5FF; border-color: var(--blue400); z-index: 1; cursor: default; } body.signup .toggle input:focus + label { outline: dotted 1px #CCC; outline-offset: 0.45rem; } @media (max-width: 800px) { body.signup .toggle input + label { padding: 0.75rem 0.25rem; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } /* Styles added to revisit CTA module placement on signup flow 12/22/2022 */ body.signup .signup_highligther { font-weight: bold; text-decoration: underline; } /* End of radio buttons for plan selection */ body.signup .smaller_type { font-size: 15px !important; } body.signup .newsletter_top_margin { margin-top: -18px; } body.signup .terms_top_margin { margin-top: -26px; } body.signup .card_bottom_margin { margin-bottom: -3px; } body.signup .signup_ctas_placement { position: relative; bottom: 4%; } @media (max-width: 879px) { body.signup .signup_ctas_placement { bottom: 0; } } body.signup .signup_form_height { max-height: 546px !important; overflow: scroll; } @media (max-width: 879px) { body.signup .signup_form_height { max-height: 100% !important; overflow: visible; overflow: initial; } } body.signup { /* Styles added to revisit CTA module placement on signup flow 12/22/2022 */ } body.solutions #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.solutions #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.solutions #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.solutions #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.solutions #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.solutions #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.solutions #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.solutions #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.solutions #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.solutions #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.solutions #hero #intro .common-ButtonGroup { width: auto; } body.solutions #cost {--pricing-cost-2col: 964px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 1196px) { body.solutions #cost .common-LayoutCell.visible { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } } body.solutions #cost .common-LayoutCell.visible { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/solutions/photo4.jpg); background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; } body.solutions #cost .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } body.solutions #cost #includedFeatures { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.solutions #cost #includedFeatures h2, body.solutions #cost #includedFeatures li { color: #fff; } body.solutions .common-SiteFooter .signup >.common-LayoutCellContent { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } @media (max-width: 600px) { body.solutions .common-SiteFooter .signup >.common-LayoutCellContent { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } } body.solutions .common-SiteFooter form#solutionsContact { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 24px; max-width: 800px; } body.solutions .common-SiteFooter form#solutionsContact .common-FormField input { background-color: none; } body.solutions .common-SiteFooter form#solutionsContact input { line-height: 26px; } body.solutions .common-SiteFooter form#solutionsContact label { display: none; } body.solutions .common-SiteFooter form#solutionsContact .common-Button { -ms-grid-column-align: end; justify-self: end; } body.drivers .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.drivers .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 880px) { body.drivers .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.drivers #drivers {--signup-hero-2col: 880px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 880px) { body.drivers #drivers .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.drivers #drivers .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.drivers #drivers #intro { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.drivers #drivers #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.drivers #drivers #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 48px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 880px) { body.drivers #drivers #intro img { width: 300%; margin-top: -32px; margin-left: -60px; } } body.drivers #drivers #intro .common-Header2 { color: #fff; } body.drivers #drivers #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.drivers #drivers span.emphasis { font-weight: 600; text-decoration: underline; } body.drivers #drivers #signup-form { --transition-duration: 0.5s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.drivers #drivers #signup-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body.drivers #drivers #signup-form ul.steps { display: none; list-style-type: none; margin-bottom: 16px; } @media (min-width: 510px) { body.drivers #drivers #signup-form ul.steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } body.drivers #drivers #signup-form ul.steps li { width: 20px; height: 20px; text-align: center; font-size: 11px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76879D; color: #76879D; color: var(--gray300); background-color: #DCE3EC; background-color: #DCE3EC; background-color: var(--gray700); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.drivers #drivers #signup-form ul.steps li:not(:last-child) { margin-right: 8px; } body.drivers #drivers #signup-form ul.steps li.current { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.drivers #drivers #signup-form ul.steps li.complete { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.drivers #drivers #signup-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.drivers #drivers #signup-form h3 { margin-bottom: 4px; } } body.drivers #drivers #signup-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.drivers #drivers #signup-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } body.drivers #drivers #signup-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.drivers #drivers #signup-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.drivers #drivers #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } } body.drivers #drivers #signup-form form .fullWidth { grid-column: 1 / -1; } body.drivers #drivers #signup-form form #card { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); } body.drivers #drivers #signup-form form #card + label { cursor: text; } body.drivers #drivers #signup-form form #card.StripeElement--webkit-autofill { background: transparent !important; border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); } body.drivers #drivers #signup-form form #card.StripeElement--webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.drivers #drivers #signup-form form #card.StripeElement--focus { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } body.drivers #drivers #signup-form form #card.StripeElement--focus + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.drivers #drivers #signup-form form #card.StripeElement--invalid { border-bottom-color: undefined; border-bottom-color: var(--error-red); border-bottom-color: undefined; border-bottom-color: var(--error-red); } body.drivers #drivers #signup-form form #card.StripeElement--invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } body.drivers #drivers #signup-form form .cardSecurity svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } body.drivers #drivers #signup-form form .cardSecurity svg path { fill: currentColor; } body.drivers #drivers #signup-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.drivers #drivers #signup-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } @media (min-width: 510px) { body.drivers #drivers #signup-form h4 { margin: 0; } } body.drivers #drivers #signup-form nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body.drivers #drivers #signup-form nav button { cursor: pointer } body.drivers #drivers #signup-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.drivers #drivers #signup-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.drivers #drivers #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.drivers .drivers_cta_width { max-width: 230px; } body.drivers .drivers_cta_width svg { top: 2px; } body.drivers .tertiary_cta_svg svg { top: 3px !important; } body.cookieNotice .common-Header3, body.cookieNotice .common-Body3, body.cookieNotice .common-Header4, body.ccpaNotice .common-Header3, body.ccpaNotice .common-Body3, body.ccpaNotice .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.cookieNotice .common-Header3.title, body.ccpaNotice .common-Header3.title { margin-bottom: 32px; text-align: center; } body.cookieNotice .common-Header4, body.cookieNotice .common-Body3, body.cookieNotice .common-OrderedList-Alph, body.cookieNotice .common-OrderedList-Num, body.ccpaNotice .common-Header4, body.ccpaNotice .common-Body3, body.ccpaNotice .common-OrderedList-Alph, body.ccpaNotice .common-OrderedList-Num { margin-bottom: 16px; } body.cookieNotice .common-OrderedList-Alph, body.ccpaNotice .common-OrderedList-Alph { margin-left: 24px; } body.cookieNotice .disc_bullet, body.ccpaNotice .disc_bullet { list-style-type: disc; } body.cookieNotice .circle_bullet, body.ccpaNotice .circle_bullet { list-style-type: circle; } body.cookieNotice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.ccpaNotice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.cookieNotice .capital_alpha_bullet_light, body.ccpaNotice .capital_alpha_bullet_light { list-style: upper-alpha; } body.cookieNotice .nonnested_bullet_margin, body.ccpaNotice .nonnested_bullet_margin { margin-left: 5%; } body.cookieNotice .nested_bullet_margin, body.ccpaNotice .nested_bullet_margin { margin-left: 3%; } body.cookieNotice .bullet_left_margin, body.ccpaNotice .bullet_left_margin { margin-left: 14.6%; } body.cookieNotice .bullet_left_margin_lg, body.ccpaNotice .bullet_left_margin_lg { margin-left: 16%; } body.cookieNotice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400) } body.ccpaNotice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400) } @media (max-width: 678px) { body.cookieNotice .header_mobile_pad, body.ccpaNotice .header_mobile_pad { padding-top: 10% !important; } } body.thankyou { @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } } body.thankyou .navpadding { padding-top: 1%; } body.thankyou .sm_header_label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.thankyou .subheader_pad { padding-bottom: 4%; } body.thankyou .demo_img { display: block; max-width: 100%; } body.thankyou .headline_subheadline_pad { padding-bottom: 3%; padding-top: 12%; } body.thankyou .teammate_title { font-size: 16px; text-align: left; margin-bottom: 10px; } body.thankyou .teammates_socialicons { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: left !important; -webkit-align-items: left !important; -moz-box-align: left !important; -ms-flex-align: left !important; align-items: left !important; -webkit-box-pack: left !important; -webkit-justify-content: left !important; -moz-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; padding: 0px 0px 0px 0px; } body.thankyou .teammates_socialicons svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); padding-right: 10px; } body.thankyou .teammates_socialicons svg path { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); } body.thankyou .tammate_backgroundbox { background: white; background: white; background: var(--solidwhite100); /* Old browsers */ background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, white 0%, white 20%, #E3F6FF 20%, #E3F6FF 100%); background: -moz-linear-gradient(left, var(--solidwhite100) 0%, var(--solidwhite100) 20%, var(--blue900) 20%, var(--blue900) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(20%,white), color-stop(20%,#E3F6FF), color-stop(100%,#E3F6FF)); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--solidwhite100)), color-stop(20%,var(--solidwhite100)), color-stop(20%,var(--blue900)), color-stop(100%,var(--blue900))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, right top, from(white),color-stop(20%, white),color-stop(20%, #E3F6FF),to(#E3F6FF)); background: -moz-linear-gradient(left, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: linear-gradient(to right, white 0%,white 20%,#E3F6FF 20%,#E3F6FF 100%); background: -webkit-gradient(linear, left top, right top, from(var(--solidwhite100)),color-stop(20%, var(--solidwhite100)),color-stop(20%, var(--blue900)),to(var(--blue900))); background: -moz-linear-gradient(left, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); background: linear-gradient(to right, var(--solidwhite100) 0%,var(--solidwhite100) 20%,var(--blue900) 20%,var(--blue900) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#E3F6FF',GradientType=1 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--solidwhite100)', endColorstr='var(--blue900)',GradientType=1 ); /* IE6-9 */ } @media (max-width: 600px) { body.thankyou .tammate_backgroundbox { background: #E3F6FF; background: #E3F6FF; background: var(--blue900); } } body.thankyou .subsection_pad { padding-bottom: 8%; } body.thankyou div.scrollmenu { overflow: auto; white-space: nowrap; text-align: center; padding: 1% 2% 2% 2%; } @media (max-width: 600px) { body.thankyou div.scrollmenu { padding: 0 2% 2% 2%; } } body.thankyou .subcategory { background-color: transparent !important; } body.thankyou .submenu_pad { padding-bottom: 5%; } body.thankyou .subcat { display: inline-block; color: #E9EDF2; color: #E9EDF2; color: var(--offwhite200); text-align: left; padding: 18px; text-decoration: none; cursor: pointer; font-weight: normal; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px var(--offwhite200); width: 50px; padding-left: 0; } body.thankyou .active { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.thankyou .subcat:hover { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.thankyou #main_hero_section {--careers-bluetiles-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.thankyou #main_hero_section .common-LayoutCell { background-color: #7249BA; background-color: #7249BA; background-color: var(--purple100); } body.thankyou .hero_background { /* background: linear-gradient(to right, #000000eb, #00000099), url('/static/images/contact/galaxy.svg') no-repeat top center; */ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.78431)), to(rgba(0, 0, 0, 0.32549))), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/galaxy.svg') no-repeat top center; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.78431), rgba(0, 0, 0, 0.32549)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/galaxy.svg') no-repeat top center; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.78431), rgba(0, 0, 0, 0.32549)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/galaxy.svg') no-repeat top center; background: linear-gradient(to right, rgba(0, 0, 0, 0.78431), rgba(0, 0, 0, 0.32549)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/galaxy.svg') no-repeat top center; -moz-background-size: cover; background-size: cover; background-position:right top; background-repeat: no-repeat; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 13%; padding-bottom: 11%; background-attachment: fixed; } @media (max-width: 800px) { body.thankyou .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; background-attachment:local; } } @media (max-width: 600px) { body.thankyou .hero_background { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.thankyou .hero_background_textbox { margin: auto; } @media (max-width: 600px) { body.thankyou .hero_background_textbox { padding: 15% 10% 0% 10%; margin-top: 0; } } body.thankyou .hero_background_textbox h1 { color: white; color: white; color: var(--solidwhite100); max-width: 600px; } @media (max-width: 600px) { body.thankyou .hero_background_textbox h1 { max-width: 100%; font-size: 34px; line-height: 44px; } } body.thankyou .hero_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.thankyou .team_background { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.92157)), to(rgba(114, 73, 186, 0.78039))), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/teampic_horizontal.jpg') no-repeat top center; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/teampic_horizontal.jpg') no-repeat top center; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/teampic_horizontal.jpg') no-repeat top center; background: linear-gradient(to right, rgba(0, 0, 0, 0.92157), rgba(114, 73, 186, 0.78039)), url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/contact/teampic_horizontal.jpg') no-repeat top center; -moz-background-size: contain; background-size: contain; background-position:right; background-repeat: repeat; } @media (max-width: 600px) { body.thankyou .team_background { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.thankyou .team_background_textbox { padding: 9% 10% 11% 10%; } body.thankyou .team_background_textbox h2 { color: white; color: white; color: var(--solidwhite100); max-width: 500px; } @media (max-width: 600px) { body.thankyou .team_background_textbox h2 { max-width: 100%; } } body.thankyou { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.thankyou .team_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.thankyou #team_background_section {--careers-bluetiles-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.thankyou #team_background_section .common-LayoutCell { background-color: #7249BA; background-color: #7249BA; background-color: var(--purple100); } body.thankyou .between_sections_pad_sm { padding-top: 4%; } body.thankyou .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.thankyou .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.thankyou .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.thankyou .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.thankyou .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.thankyou .between_sections_pad { padding-top: 7%; } body.thankyou .bluetiles_box { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0px 4px; background-color: white; background-color: white; background-color: var(--solidwhite100); text-align: center; } /* 4 column responsive reusable layout */ body.thankyou #section_bluetiles {--careers-bluetiles-4col: 860px;--careers-bluetiles-2col: 284px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.thankyou #section_bluetiles .common-LayoutCell { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } @media (min-width: 860px) { body.thankyou #section_bluetiles .common-LayoutCell { height: 370px; } } /* End 4 column responsive reusable layout */ body.thankyou .bluetile_purpledivider { width: 100px; height: 4px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); border: none; margin: 4% auto 7% auto; } body.thankyou .single_bluetile { text-align: center; margin: auto; padding: 10%; } @media (max-width: 1147px) { body.thankyou .single_bluetile { padding: 5% 10% 10% 10%; } } body.thankyou .single_bluetile svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin: 8% auto auto auto; width: 50px; height: 50px; } @media (max-width: 1147px) { body.thankyou .single_bluetile svg { margin: 25% auto auto auto; } } @media (max-width: 859px) { body.thankyou .single_bluetile svg { margin: 0 auto auto auto; } } @media (max-width: 722px) { body.thankyou .single_bluetile svg { margin: 0 auto auto auto; } } body.thankyou .single_bluetile_middle { text-align: center; margin: auto; padding: 10%; } @media (max-width: 1147px) { body.thankyou .single_bluetile_middle { padding: 5% 10% 10% 10%; } } body.thankyou .single_bluetile_middle svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin: 11% auto auto auto; width: 50px; height: 50px; } @media (max-width: 1147px) { body.thankyou .single_bluetile_middle svg { margin: 25% auto auto auto; } } @media (max-width: 859px) { body.thankyou .single_bluetile_middle svg { margin: 0 auto auto auto; } } @media (max-width: 722px) { body.thankyou .single_bluetile_middle svg { margin: 0 auto auto auto; } } body.thankyou .subheader_bluetile_pad { padding-bottom: 4%; padding-top: 4%; } body.thankyou .bluetile_p { font-size: 16px; } body.thankyou .between_sections_pad_xs { padding-top: 6%; } body.thankyou .single_icon_meantime { padding: 0 10% 6% 10%; } body.thankyou .social_icon_meantime svg { width: 40px; height: 40px; fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); } body.thankyou .social_icon_meantime svg path { fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); } body.thankyou .social_icon_label { font-size: 15px; } body.thankyou ul.bullet { list-style-position: outside; color: #AA81F3; color: #AA81F3; color: var(--purple400); margin-left: 3.2%; } body.thankyou .bullet_box { padding-bottom: 10px; } body.thankyou .bullet_text { color:#76879D; color:#76879D; color:var(--gray300); font-size: 18px; } body.thankyou .hero_responsive { display: block; max-width: 100%; position: relative; } body.webinars #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.webinars #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.webinars #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.webinars #photos .common-LayoutCell { height: 200px; } } body.webinars #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.webinars #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.webinars #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.webinars #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.webinars #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.webinars #photos .common-LayoutCell:hover .details { opacity: 1; } body.webinars #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.webinars #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.webinars #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.webinars #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.webinars #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.webinars #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.webinars #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.webinars #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.webinars #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.webinars #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.webinars #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.webinars #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.webinars #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.webinars #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.webinars #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.webinars #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.webinars #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.webinars #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.webinars #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.webinars #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.webinars #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.webinars #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.webinars #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.webinars #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.webinars #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.webinars #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.webinars #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.webinars #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.webinars #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.webinars #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.webinars #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.webinars #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.webinars #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.webinars #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.webinars #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.webinars #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.webinars #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.webinars #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.webinars #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.webinars #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.webinars #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.webinars #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.webinars #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.webinars #metrics .common-LayoutCell { min-height: 296px; } } body.webinars #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.webinars #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.webinars #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.webinars #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.webinars #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.webinars #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.webinars #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.webinars #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.webinars #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.webinars #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.webinars #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.webinars #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.webinars #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.webinars #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.webinars #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.webinars #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.webinars #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.webinars #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.webinars #location .common-LayoutCellContent { padding-right: 112px; } body.webinars #location .content { max-width: 500px; } body.webinars #location .common-Header2 { color: #fff; } body.webinars #location .common-Header4 { color: #fff; margin-bottom: 0; } body.webinars #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.webinars .navpadding { padding-top: 1%; } /* New Webinars page styles added Oct 2021 */ body.webinars .sm_header_label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.webinars .subheader_pad { padding-bottom: 4%; max-width: 400px; } body.webinars .demo_img { display: block; max-width: 100%; } body.webinars .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.webinars .img_text_pad { padding-bottom: 0% !important; } @media (max-width: 795px) { body.webinars .img_text_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.webinars .img_text_pad { padding-top: 8% !important; padding-bottom: 8% !important; } } body.webinars .between_sections_pad { padding-top: 10%; } body.webinars .ourstory_text_box { padding-top: 2%; padding-bottom: 18%; } @media (max-width: 1000px) { body.webinars .ourstory_text_box { padding-top: 0; padding-bottom: 7%; } } body.webinars .hero_responsive { display: block; max-width: 80%; position: relative; padding-left: 10%; padding-top: 8%; margin: auto; } @media (max-width: 600px) { body.webinars .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 0; } } body.webinars .ourcontent_teammates { display: block; max-width: 100%; position: relative; padding-top: 5%; margin: auto; } body.webinars .event_card_logo { display: block; max-width: 80px; position: relative; padding-bottom: 10px; } body.webinars .company_collage_pad { padding: 0 3.5% 5% 3.5%; } /* Employees slider section */ body.webinars .arrows .slider_left_arrow { cursor: pointer; position: absolute; bottom: 64%; left: -22%; } @media (max-width: 1740px) { body.webinars .arrows .slider_left_arrow { left: -15%; } } @media (max-width: 1580px) { body.webinars .arrows .slider_left_arrow { left: -10%; } } @media (max-width: 1460px) { body.webinars .arrows .slider_left_arrow { left: -5%; } } @media (max-width: 1335px) { body.webinars .arrows .slider_left_arrow { left: 0%; } } @media (max-width: 1197px) { body.webinars .arrows .slider_left_arrow { display: none; } } body.webinars .arrows .slider_left_arrow svg { width: 18px; height: 35px; background: transparent; } body.webinars .arrows .slider_left_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.webinars .arrows .slider_right_arrow { cursor: pointer; position: absolute; bottom: 64%; right: -22%; } @media (max-width: 1740px) { body.webinars .arrows .slider_right_arrow { right: -15%; } } @media (max-width: 1580px) { body.webinars .arrows .slider_right_arrow { right: -10%; } } @media (max-width: 1460px) { body.webinars .arrows .slider_right_arrow { right: -5%; } } @media (max-width: 1335px) { body.webinars .arrows .slider_right_arrow { right: 0%; } } @media (max-width: 1197px) { body.webinars .arrows .slider_right_arrow { display: none; } } body.webinars .arrows .slider_right_arrow svg { width: 18px; height: 35px; background: transparent; } body.webinars .arrows .slider_right_arrow svg polyline { stroke: #3DCAD4; stroke: #3DCAD4; stroke: var(--teal400); } body.webinars .subsection_pad { padding-bottom: 8%; } body.webinars div.scrollmenu { overflow: auto; white-space: nowrap; text-align: center; padding: 1% 2% 2% 2%; } @media (max-width: 600px) { body.webinars div.scrollmenu { padding: 0 2% 2% 2%; } } body.webinars .subcategory { background-color: transparent !important; } body.webinars .submenu_pad { padding-top: 7%; padding-bottom: 5%; } body.webinars .mySlides { display: none; } body.webinars .subcat { display: inline-block; color: #E9EDF2; color: #E9EDF2; color: var(--offwhite200); text-align: left; padding: 18px; text-decoration: none; cursor: pointer; font-weight: normal; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px #E9EDF2; border-bottom: solid 4px var(--offwhite200); width: 50px; padding-left: 0; } body.webinars .active { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.webinars .subcat:hover { color: #3DCAD4 !important; color: #3DCAD4 !important; color: var(--teal400) !important; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px #3DCAD4; border-bottom: solid 4px var(--teal400); -webkit-transition: color 1s, border-bottom 1s; /* Safari */ -moz-transition: color 1s, border-bottom 1s; transition: color 1s, border-bottom 1s; } body.webinars #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.webinars .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.webinars .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.webinars .hero_background_textbox_webinars { padding: 10% 10% 15% 10%; } @media (max-width: 600px) { body.webinars .hero_background_textbox_webinars { padding: 27% 10% 14% 10%; margin-top: -30px; } } body.webinars .hero_background_textbox_webinars h1 { color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 597px; } @media (max-width: 600px) { body.webinars .hero_background_textbox_webinars h1 { max-width: 100%; line-height: 44px; } } body.webinars .hero_background_textbox_webinars p { color: #76879D; color: #76879D; color: var(--gray300); max-width: 450px; } body.webinars .suggestions_background { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; } @media (max-width: 600px) { body.webinars .suggestions_background { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.webinars .suggestions_background_textbox { padding: 9% 10% 11% 10%; } body.webinars .suggestions_background_textbox h2 { color: white; color: white; color: var(--solidwhite100); max-width: 500px; } @media (max-width: 600px) { body.webinars .suggestions_background_textbox h2 { max-width: 100%; } } body.webinars .suggestions_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.webinars #suggestions_background_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #suggestions_background_section .common-LayoutCell { background-color: #089BFA; background-color: #089BFA; background-color: var(--blue1200); } body.webinars .between_sections_pad_sm { padding-top: 4%; } body.webinars #featured_event_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #featured_event_section .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.webinars #features_event_headlinebox {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #features_event_headlinebox .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.webinars .features_event_headline { padding-top: 7%; padding-bottom: 0; } @media (max-width: 600px) { body.webinars .features_event_headline { padding-top: 10%; padding-bottom: 0; } } body.webinars .features_event_headline h2 { color: white; color: white; color: var(--solidwhite100); } body.webinars .features_event_headline p { color: white; color: white; color: var(--solidwhite100); } body.webinars .featured_event_cta { color: #089BFA; color: #089BFA; color: var(--blue1200); max-width: 170px; } body.webinars .featured_event_cta svg { fill: #089BFA !important; fill: #089BFA !important; fill: var(--blue1200) !important; margin-left: 2px; margin-bottom: 1px; } body.webinars .featured_event_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.webinars .featured_event_cta:active { color: white; color: white; color: var(--solidwhite100); } body.webinars .featured_event_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.webinars .featured_event_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.webinars .demo_vid_pic { display: block; max-width: 100%; padding: 10% 5% 10% 5%; } body.webinars .demo_vid_textbox { padding: 13% 10% 17% 10%; } body.webinars .demo_vid_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.webinars .demo_vid_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 1000px) { body.webinars .demo_vid_textbox { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.webinars .demo_vid_textbox { padding: 0 10% 15% 10%; } } body.webinars .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.webinars .logo_background { background-image: none; } } body.webinars { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.webinars .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.webinars .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.webinars .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.webinars .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.webinars .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.webinars #upcoming_events {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #upcoming_events .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.webinars .upcoming_events_wrapper { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.webinars .star_image1 { color: #FCA919; color: #FCA919; color: var(--orange400); height: 23px; } @media (max-width: 678px) { body.webinars .star_image1 { display: none; } } body.webinars .star_image2 { color: #FCA919; color: #FCA919; color: var(--orange400); height: 23px; } @media (max-width: 678px) { body.webinars .star_image2 { height: 17px; } } body.webinars #event_teammate_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #event_teammate_intro .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.webinars #previous_events {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #previous_events .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.webinars .previous_events_wrapper { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.webinars #previous_event_teammate_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.webinars #previous_event_teammate_intro .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.webinars .single_card_height { height: 100%; } body.webinars .single_event_teammate_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.webinars .single_event_teammate_card_wrapper { padding: 5% 3% 5% 3%; } } body.webinars .last_card_pad { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.webinars .last_card_pad { padding: 5% 3% 15% 3%; } } body.webinars .single_event_teammate_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.webinars .event_teammate_pic_box { margin-bottom: -28px; } body.webinars .middle_event_top_pad { padding-top: 11% !important; } body.webinars .event_card_cta_wrapper { padding: 0 7% 10% 7%; } body.webinars .event_teammate_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px white; border: solid 2px white; border: solid 2px var(--solidwhite100); position: relative; bottom: 34px; left: 75%; } body.webinars .event_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.webinars .content_type_wrapper { padding: 0 7% 3% 7%; } body.webinars .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.webinars .event_date { color: #76879D; color: #76879D; color: var(--gray300); } body.webinars .coming_soon_label { background-color: #EEE6FD; color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.webinars .webinar_label { background-color: #D7F4F6; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.webinars .interview_label { background-color: #CBEAFE; color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.webinars .podcast_label { background-color: #FFEDCE; color: #FCA919; color: #FCA919; color: var(--orange400); } body.webinars .event_teammate_title { font-size: 14px; text-align: left; padding: 0 7% 0% 7%; } body.webinars .text_hider { display: none; } body.webinars .event_teammate_p { padding: 0 7% 4% 7%; } body.webinars .event_teammate_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.webinars .event_teammate_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.webinars .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.webinars .coming_soon_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.webinars .webinar_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.webinars .interview_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.webinars .podcast_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.webinars .webinars_cta { max-width: 160px; } body.webinars .show_more_cards_cta { text-align: center; padding-bottom: 3%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 600px) { body.webinars .show_more_cards_cta { padding-top: 5%; padding-bottom:5%; } } body.webinars { /* End of new Webinars page styles added Oct 2021 */ } body.webinars .coming_soon_cta { pointer-events: none; background-color: #aaaaaa !important; background-color: #aaaaaa !important; background-color: var(--offwhite400) !important; } body.webinars .invisible_card_cta { display: none; } body.webinars .extra_card_row { display: contents; } body.webinars .subject_suggestion_cta { color: #089BFA; color: #089BFA; color: var(--blue1200); max-width: 220px; } body.webinars .subject_suggestion_cta svg { fill: #089BFA !important; fill: #089BFA !important; fill: var(--blue1200) !important; margin-left: 7px; margin-bottom: 1px; } body.webinars .subject_suggestion_cta:hover { color: white; color: white; color: var(--solidwhite100); } body.webinars .subject_suggestion_cta:active { color: white; color: white; color: var(--solidwhite100); } body.webinars .subject_suggestion_cta:hover svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.webinars .subject_suggestion_cta:active svg { fill: white !important; fill: white !important; fill: var(--solidwhite100) !important; } body.branding #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.branding #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.branding #photos .common-LayoutCell { height: 200px; } } body.branding #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.branding #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.branding #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.branding #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.branding #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.branding #photos .common-LayoutCell:hover .details { opacity: 1; } body.branding #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.branding #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.branding #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.branding #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.branding #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.branding #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.branding #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.branding #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.branding #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.branding #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.branding #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.branding #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.branding #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.branding #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.branding #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.branding #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.branding #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.branding #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.branding #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.branding #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.branding #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.branding #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.branding #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.branding #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.branding #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.branding #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.branding #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.branding #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.branding #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.branding #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.branding #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.branding #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.branding #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.branding #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.branding #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.branding #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.branding #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.branding #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.branding #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.branding #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.branding #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.branding #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.branding #metrics .common-LayoutCell { min-height: 296px; } } body.branding #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.branding #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.branding #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.branding #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.branding #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.branding #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.branding #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.branding #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.branding #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.branding #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.branding #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.branding #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.branding #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.branding #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.branding #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.branding #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.branding #location .common-LayoutCellContent { padding-right: 112px; } body.branding #location .content { max-width: 500px; } body.branding #location .common-Header2 { color: #fff; } body.branding #location .common-Header4 { color: #fff; margin-bottom: 0; } body.branding #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.branding .navpadding { padding-top: 1%; } /* New Branding page styles added Sept 2022 */ body.branding .sm_header_label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.branding .subheader_pad { padding-bottom: 4%; max-width: 400px; } body.branding .demo_img { display: block; max-width: 100%; } body.branding .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.branding .img_text_pad_left { padding-bottom: 10% !important; padding-top: 10% !important; } body.branding .img_text_pad_right { padding-bottom: 10% !important; padding-top: 0% !important; } @media (max-width: 795px) { body.branding .img_text_pad_right { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.branding .img_text_pad_right { padding-top: 8% !important; padding-bottom: 8% !important; } } /* color tiles */ body.branding .colors_row1 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .colors_row1 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .colors_row2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .colors_row2 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .color_grid_background { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding .trust_logo_subheader_pad { padding-top: 5%; } body.branding .color_grid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding-top: 4%; padding-bottom: 10%; } @media (max-width: 1100px) { body.branding .color_grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 678px) { body.branding .color_grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } body.branding .color_tile { height: 100px; width: 100%; } body.branding .color_picker { height: 25px; width: 100%; margin-top: 20%; } body.branding .color_tile_wrap { background-color:transparent ; border: solid 10px transparent; cursor: pointer !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; bottom: 0; } body.branding .color_tile_wrap:hover { cursor: pointer !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; bottom: 10%; } body.branding .copy_alert { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: undefined; color: var(--color); color: undefined; color: var(--color); font-weight: bold; } body.branding .color_1 { background-color: #93A3B7; } body.branding .color_2 { background-color: #FCA919; } body.branding .color_3 { background-color: #38A5FF; } body.branding .color_4 { background-color: #AA81F3; } body.branding .color_5 { background-color: #F5C800; } body.branding .color_6 { background-color: #3DCAD4; } body.branding .color_7 { background-color: #3A4554; } body.branding .color_8 { background-color: #AB710C; } body.branding .color_9 { background-color: #256DA8; } body.branding .color_10 { background-color: #7249BA; } body.branding .color_11 { background-color: #A37500; } body.branding .color_12 { background-color: #238087; } body.branding .color_13 { background-color: #5C6D82; } body.branding .color_14 { background-color: #CF880E; } body.branding .color_15 { background-color: #2C83C9; } body.branding .color_16 { background-color: #875BD4; } body.branding .color_17 { background-color: #C79500; } body.branding .color_18 { background-color: #2CA2AB; } body.branding .color_19 { background-color: #76879D; } body.branding .color_20 { background-color: #EB9B10; } body.branding .color_21 { background-color: #3293E3; } body.branding .color_22 { background-color: #9B68F2; } body.branding .color_23 { background-color: #E6B105; } body.branding .color_24 { background-color: #32B8C2; } body.branding .color_25 { background-color: #ADBBCC; } body.branding .color_26 { background-color: #FFB73B; } body.branding .color_27 { background-color: #6BBCFF; } body.branding .color_28 { background-color: #BC99F7; } body.branding .color_29 { background-color: #FFD724; } body.branding .color_30 { background-color: #55DCE6; } body.branding .color_31 { background-color: #C7D1DF; } body.branding .color_32 { background-color: #FFC852; } body.branding .color_33 { background-color: #94CFFF; } body.branding .color_34 { background-color: #CDB0FF; } body.branding .color_35 { background-color: #FFE159; } body.branding .color_36 { background-color: #68EEF7; } body.branding .color_37 { background-color: #DCE3EC; } body.branding .color_38 { background-color: #FFD970; } body.branding .color_39 { background-color: #B0E5FF; } body.branding .color_40 { background-color: #DDC9FF; } body.branding .color_41 { background-color: #FFE987; } body.branding .color_42 { background-color: #90F5FC; } body.branding .color_43 { background-color: #E9EDF2; } body.branding .color_44 { background-color: #FFE796; } body.branding .color_45 { background-color: #CCEEFF; } body.branding .color_46 { background-color: #EADEFF; } body.branding .color_47 { background-color: #FFF0AB; } body.branding .color_48 { background-color: #BAFAFF; } body.branding .color_49 { background-color: #F5F7FA; } body.branding .color_50 { background-color: #FFF0BD; } body.branding .color_51 { background-color: #E3F6FF; } body.branding .color_52 { background-color: #F5F0FF; } body.branding .color_53 { background-color: #FFF7D4; } body.branding .color_54 { background-color: #DEFDFF; } body.branding .color_name { font-weight: bold; color: #3A4554; color: #3A4554; color: var(--gray100); padding-bottom: 5%; } body.branding .color_specs { padding: 7%; color: #76879D; color: #76879D; color: var(--gray300); background-color: white; background-color: white; background-color: var(--solidwhite100); } body.branding .secondary_specs { border-left: solid 1px #DCE3EC; border-left: solid 1px #DCE3EC; border-left: solid 1px var(--gray700); border-right: solid 1px #DCE3EC; border-right: solid 1px #DCE3EC; border-right: solid 1px var(--gray700); border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px #DCE3EC; border-bottom: solid 1px var(--gray700); } /* sticky secondary nav */ body.branding .secondarynav_wrapper { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding #sec_nav_box {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.branding #sec_nav_box .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding .secnav_pad { padding-top: 1.5%; padding-bottom: 1.5%; } @media (max-width: 600px) { body.branding .secnav_pad { padding-top: 2%; } } body.branding .sticky_nav2 { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); position: -webkit-sticky; position: sticky; top: 8%; z-index: 9998; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } @media (max-width: 600px) { body.branding .sticky_nav2 { top: 9%; } } body.branding .list-inline { list-style: none; padding: 15px; text-align: center; } body.branding .list-inline li { display: inline-block; margin-left: 0.5em; margin-right: 0.5em; } @media (max-width: 600px) { body.branding .list-inline li { margin-left: 0em; margin-right: 0.1em; } } body.branding .nav_selection { list-style: none; padding: 15px; text-align: center; display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; max-width: 80%; } @media (max-width: 600px) { body.branding .nav_selection { max-width: 100%; } } body.branding .active { border-bottom: solid 4px; padding-bottom: 5px; } /* logo section */ body.branding .logos_row1 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .logos_row1 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .logo_grid_background1 { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding .logo_grid_background2 { background-color: #fff; background-color: #fff; background-color: var(--white100); } body.branding .logo_grid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 4%; padding-bottom: 5%; } @media (max-width: 1100px) { body.branding .logo_grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } body.branding .logo_files { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; padding: 7%; background-color: white; background-color: white; background-color: var(--solidwhite100); border: solid 1px #E3F6FF; border: solid 1px #E3F6FF; border: solid 1px var(--blue900); } body.branding .logo_file_cta { color: #38A5FF; color: #38A5FF; color: var(--blue400); padding: 5%; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 10px; } body.branding .logo_file_cta:hover { color: #165ff6; color: #165ff6; color: var(--blue1100); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.branding .logo_file_cta:hover .download_arrow { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative; top: 10px; } body.branding .logo_file_cta .download_arrow { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative; top: 0; } body.branding .logo_tile_wrap { background-color:transparent ; border: solid 10px transparent; } body.branding .logo_file_box { margin: auto; text-align: center; display: block; max-width: 100%; padding: 10%; height: 150px; } body.branding .logo_tile { height: 150px; width: 100%; border: solid 1px #E3F6FF; border: solid 1px #E3F6FF; border: solid 1px var(--blue900); } body.branding .logo_color_1 { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.branding .logo_color_2 { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.branding .logo_color_3 { background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); } body.branding .logos_row2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .logos_row2 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .mark_file_box { margin: auto; text-align: center; display: block; max-width: 100%; padding: 20%; height: 150px; } body.branding .logoexplain_text_box { padding-top: 10%; } @media (max-width: 1000px) { body.branding .logoexplain_text_box { padding-top: 0; } } body.branding .logo_p { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.branding .logo_bullet_purple svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.branding .logo_text_pad_right { padding-bottom: 20% !important; padding-top: 0% !important; } @media (max-width: 795px) { body.branding .logo_text_pad_right { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.branding .logo_text_pad_right { padding-top: 2% !important; padding-bottom: 15% !important; } } body.branding .logo_text_pad_left { padding-bottom: 10% !important; padding-top: 13% !important; } @media (max-width: 571px) { body.branding .logo_text_pad_left { padding-top: 10% !important; } } body.branding .mark_text_pad_left { padding-bottom: 10% !important; padding-top: 5% !important; } @media (max-width: 571px) { body.branding .mark_text_pad_left { padding-top: 10% !important; } } body.branding .logo_usageimg { display: block; max-width: 100%; position: relative; padding-top: 0; margin: auto; } @media (max-width: 600px) { body.branding .logo_usageimg { padding-top: 5%; } } body.branding .mark_usageimg { display: block; max-width: 100%; height: 350px; position: relative; padding-top: 0; margin: auto; } @media (max-width: 600px) { body.branding .mark_usageimg { padding-top: 5%; } } /* Typography section */ body.branding .type_row1 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .type_row1 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .type_grid_background1 { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding .type_text_pad_left { padding-bottom: 10% !important; padding-top: 13% !important; } @media (max-width: 571px) { body.branding .type_text_pad_left { padding-top: 10% !important; } } body.branding .type_text_pad_right { padding-bottom: 20% !important; padding-top: 0% !important; } @media (max-width: 795px) { body.branding .type_text_pad_right { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.branding .type_text_pad_right { padding-top: 2% !important; padding-bottom: 15% !important; } } body.branding .typeexplain_text_box { padding-top: 10%; } @media (max-width: 1000px) { body.branding .typeexplain_text_box { padding-top: 0; } } body.branding .type_p { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.branding .type_bullet_purple svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.branding .fakt { font-size: 90px; text-align: center; margin: auto; border: solid; padding: 20% 10% 19% 10%; background-color: white; background-color: white; background-color: var(--solidwhite100); } @media (max-width: 1014px) { body.branding .fakt { font-size: 60px; } } body.branding .type_normal { font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); } body.branding .type_specs { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } body.branding .type1 { font-size: 54px; color: #3A4554; line-height: 60px; } @media (max-width: 650px) { body.branding .type1 { font-size: 28px; line-height: 36px; } } body.branding .type2 { font-size: 42px; color: #3A4554; line-height: 50px; } @media (max-width: 650px) { body.branding .type2 { font-size: 28px; line-height: 36px; } } body.branding .type3 { font-size: 28px; color: #3A4554; } @media (max-width: 650px) { body.branding .type3 { line-height: 36px; } } body.branding .type4 { font-size: 22px; color: #3A4554; } body.branding .type5 { font-size: 18px; color: #3A4554; } body.branding .type6 { font-size: 22px; color: #76879D; } body.branding .type7 { font-size: 18px; color: #76879D; } body.branding .type8 { font-size: 15px; color: #93A3B7; } body.branding .type9 { font-size: 18px; color: #38A5FF; } /* Images section */ body.branding .imagery_row1 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.branding .imagery_row1 .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.branding .imagery_pad1 { padding-bottom: 10% !important; padding-top: 13% !important; } @media (max-width: 571px) { body.branding .imagery_pad1 { padding-top: 10% !important; padding-bottom: 0 !important; } } body.branding .imagery_pad2 { padding-bottom: 20% !important; padding-top: 0 !important; } @media (max-width: 571px) { body.branding .imagery_pad2 { padding-top: 10% !important; padding-bottom: 10% !important; } } body.branding .imagery_pad3 { padding-bottom: 20% !important; padding-top: 0 !important; } @media (max-width: 571px) { body.branding .imagery_pad3 { padding-top: 0 !important; padding-bottom: 20% !important; } } body.branding .imagery_pad4 { padding-bottom: 20% !important; padding-top: 13% !important; } @media (max-width: 571px) { body.branding .imagery_pad4 { padding-top: 10% !important; padding-bottom: 0 !important; } } body.branding .imagery_pad5 { padding-bottom: 20% !important; padding-top: 13% !important; } @media (max-width: 571px) { body.branding .imagery_pad5 { padding-top: 10% !important; padding-bottom: 20% !important; } } body.branding .imagery_usageimg { display: block; max-width: 100%; position: relative; padding-top: 0; margin: auto; border: solid 1px #DCE3EC; border: solid 1px #DCE3EC; border: solid 1px var(--gray700); } body.branding .imagery_usageimg9 { display: block; max-height: 500px; max-width: 100%; position: relative; padding-top: 15%; margin: auto; } @media (max-width: 795px) { body.branding .imagery_usageimg9 { padding-top: 0 !important; } } body.branding .imagery_usageimg10 { display: block; max-height: 500px; max-width: 100%; position: relative; padding-top: 0; margin: auto; border: solid 1px #DCE3EC; border: solid 1px #DCE3EC; border: solid 1px var(--gray700); } body.branding .between_sections_pad { padding-top: 10%; } body.branding .hero_responsive { display: block; max-width: 90%; position: relative; padding-left: 1%; padding-top: 4%; margin: auto; } @media (max-width: 600px) { body.branding .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 0; } } body.branding .guide_back { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.branding .guide_back .common-Header3 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.branding .guide_back p { color: #76879D; color: #76879D; color: var(--gray300); } body.branding .cta_right { margin: auto; } @media (max-width: 600px) { body.branding .cta_right { padding-bottom: 10%; padding-top: 10%; } } body.branding .guide_pad { padding-top: 5%; padding-bottom: 5%; } @media (max-width: 600px) { body.branding .guide_pad { padding-top: 10%; } } body.branding .submenu_pad { padding-top: 7%; padding-bottom: 5%; } body.branding #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.branding #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.branding .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.branding .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.branding .hero_background_textbox_partnerships { padding: 10% 10% 10% 10%; } @media (max-width: 600px) { body.branding .hero_background_textbox_partnerships { padding: 27% 10% 0% 10%; margin-top: -48px; } } body.branding .hero_background_textbox_partnerships h1 { color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 597px; } @media (max-width: 600px) { body.branding .hero_background_textbox_partnerships h1 { max-width: 100%; line-height: 44px; } } body.branding { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } /* End of new Branding page styles added Sept 2022 */ } body.branding .hero_background_textbox_partnerships p { color: #76879D; color: #76879D; color: var(--gray300); max-width: 450px; } body.branding .highlighter { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.branding .between_sections_pad_sm { padding-top: 4%; } body.branding .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.branding .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.branding .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.branding .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.branding .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.branding .downloadguide_wrapper { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.branding #download_guide_box {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.branding #download_guide_box .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.branding .press_kit_text { color: #fff !important; color: #fff !important; color: var(--white100) !important; } body.support #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.support #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.support #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.support #photos .common-LayoutCell { height: 200px; } } body.support #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.support #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.support #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.support #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.support #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.support #photos .common-LayoutCell:hover .details { opacity: 1; } body.support #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.support #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.support #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.support #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.support #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.support #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.support #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.support #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.support #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.support #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.support #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.support #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.support #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.support #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.support #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.support #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.support #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.support #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.support #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.support #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.support #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.support #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.support #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.support #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.support #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.support #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.support #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.support #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.support #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.support #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.support #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.support #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.support #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.support #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.support #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.support #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.support #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.support #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.support #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.support #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.support #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.support #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.support #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.support #metrics .common-LayoutCell { min-height: 296px; } } body.support #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.support #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.support #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.support #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.support #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.support #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.support #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.support #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.support #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.support #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.support #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.support #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.support #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.support #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.support #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.support #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.support #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.support #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.support #location .common-LayoutCellContent { padding-right: 112px; } body.support #location .content { max-width: 500px; } body.support #location .common-Header2 { color: #fff; } body.support #location .common-Header4 { color: #fff; margin-bottom: 0; } body.support #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.support .navpadding { padding-top: 1%; } /* New support page styles added Nov 2022 */ body.support .sm_header_label { color: #AA81F3 !important; color: #AA81F3 !important; color: var(--purple400) !important; } body.support .subheader_pad { padding-bottom: 4%; max-width: 400px; } body.support .icon_guidance_section { display: block; text-align: center; margin: auto; width: 35px; padding-bottom: 7%; } body.support .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.support .txt_content_pad { padding-top: 0% !important; } @media (max-width: 795px) { body.support .txt_content_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.support .txt_content_pad { padding-top: 8% !important; padding-bottom: 10% !important; } } body.support .between_sections_pad { padding-top: 10%; } body.support .info_text_box { padding-top: 5%; } @media (max-width: 1000px) { body.support .info_text_box { padding-top: 0; } } body.support .hero_responsive { display: block; max-width: 90%; position: relative; margin: auto; padding-top: 4%; } @media (max-width: 600px) { body.support .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 5%; } } body.support .intro_content_img { display: block; max-width: 100%; position: relative; margin: auto; } @media (max-width: 600px) { body.support .intro_content_img { padding-top: 5%; } } body.support .img_content_pad { padding-top: 4% !important; } @media (max-width: 600px) { body.support .img_content_pad { padding-top: 2% !important; padding-bottom: 0px !important; } } body.support .img_content_pad_last { padding-top: 4% !important; padding-bottom: 15%; } body.support .quick_link_logo { display: block; max-width: 80px; position: relative; padding-bottom: 10px; } body.support .subsection_pad { padding-bottom: 8%; } body.support .subcategory { background-color: transparent !important; } body.support .submenu_pad { padding-top: 10%; padding-bottom: 5%; } body.support #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.support .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.support .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.support .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/support/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; background-color: #3DCAD4 !important; background-color: #3DCAD4 !important; background-color: var(--teal400) !important; } @media (max-width: 600px) { body.support .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/support/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.support .hero_background_textbox_support { padding: 10% 10% 15% 10%; } @media (max-width: 600px) { body.support .hero_background_textbox_support { padding: 27% 10% 0 10%; margin-top: -30px; } } body.support .hero_background_textbox_support h1 { color: white; color: white; color: var(--solidwhite100); max-width: 597px; } @media (max-width: 600px) { body.support .hero_background_textbox_support h1 { max-width: 100%; line-height: 44px; } } body.support .hero_background_textbox_support p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.support #search_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.support #search_box .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.support .search_box_background { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.support .search_box_subheader_pad { padding-top: 4%; } @media (max-width: 678px) { body.support .search_box_subheader_pad { padding-top: 5%; } } body.support .search_box_grid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: 2%; padding-bottom: 5%; } @media (max-width: 1000px) { body.support .search_box_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 6%; } } @media (max-width: 678px) { body.support .search_box_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 7%; } } body.support .support_seachform { margin: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } body.support .support_seachform ::-webkit-input-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.support .support_seachform ::-moz-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.support .support_seachform ::-ms-input-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.support .support_seachform ::placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.support .support_seachform :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.support .support_seachform ::-ms-input-placeholder { /* Microsoft Edge */ color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.support .support_search_input { height: 50px; font-size: 16px; width: 400px; padding-left: 5%; border: none; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; color: #3A4554; color: #3A4554; color: var(--gray100); } @media (max-width: 678px) { body.support .support_search_input { width: 250px; } } body.support .support_search_button { height: 50px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); color: white; color: white; color: var(--solidwhite100); font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); font-size: 16px; border: none; padding-left: 5%; padding-right: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } body.support .support_search_button:hover { background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; cursor: pointer; } body.support .support_search_button:active { background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; cursor: pointer; } body.support .support_search_button:hover svg, body.support .support_search_button:active svg { position: relative; left: 8px; } body.support .support_search_button svg { fill:white ; fill:white; fill:var(--solidwhite100) ; height: 19px; position: relative; left: 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .search_box_icon { display: block; width: 42%; padding: 5% 0% 5% 5%; margin: auto; text-align: center; } @media (max-width: 678px) { body.support .search_box_icon { width: 35%; } } @media (max-width: 678px) { body.support .support_icon { margin-right:35%; } } body.support .icon_arrow { margin-left: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.support .search_box_headline { color: #76879D; color: #76879D; color: var(--gray300); margin: auto; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); text-align: center; } body.support .search_box_txtbox { padding: 5% 0% 0% 0%; } body.support .search_box_maintxt { color: white; color: white; color: var(--solidwhite100); font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); font-size: 21px; padding-bottom: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } body.support .search_box_maintxt svg { fill: white; top: 4px; position: relative; } body.support .search_box_supportivetxt { color: white; color: white; color: var(--solidwhite100); font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); font-size: 14px; } body.support #guidance_section {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #guidance_section .common-LayoutCell { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.support .guidance_section_wrapper { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.support .col2_headline_extrapad { margin-top: 14px; } body.support .col3_headline_extrapad { margin-top: -3px; } body.support .guidance_section_textbox { padding: 15% 5% 22% 5%; text-align: center; margin: auto; } body.support .guidance_section_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.support .guidance_section_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 1000px) { body.support .guidance_section_textbox { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.support .guidance_section_textbox { padding: 0 10% 10% 10%; } } body.support .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.support .logo_background { background-image: none; } } body.support { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.support .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.support .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.support .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.support .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.support .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.support #quick_links {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #quick_links .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.support .quick_links_wrapper { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } @media (max-width: 678px) { body.support .last_quick_link_card { padding-bottom: 17% !important; } } body.support #all_guides_cta_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #all_guides_cta_section .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.support .all_guides_cta_box { padding-top: 0 !important; padding-bottom: 7%; } @media (max-width: 678px) { body.support .all_guides_cta_box { padding-bottom: 15%; } } body.support #guidance_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #guidance_mainheadline .common-LayoutCell { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.support #quick_links_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #quick_links_mainheadline .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.support .guidance_headline_dark { color: white; color: white; color: var(--solidwhite100); text-align: center; } body.support .welcome_col_height { height: 366.5px; } @media (max-width: 859px) { body.support .welcome_col_height { height: 100%; } } body.support .welcome_cta_box { padding-top: 0 !important; padding-bottom: 5%; } @media (max-width: 678px) { body.support .welcome_cta_box { padding-bottom: 10%; padding-top: 10% !important; } } body.support .popular_articles_img_box { padding-bottom: 5%; text-align: left; } body.support .popular_articles_img { display: block; max-width: 100%; } body.support .teammate_showcase { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; position: relative; max-width: 600px; top: 50%; z-index: 9997; } body.support .teammate_pic { display: block; max-width: 100px; padding: 4%; } body.support .centerer { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5%; } @media (max-width: 678px) { body.support .centerer { padding-top: 2%; } } body.support .guidance_headline_pad { padding-bottom: 3%; padding-top: 8%; } @media (max-width: 678px) { body.support .guidance_headline_pad { padding-bottom: 15%; padding-top: 20%; } } body.support #popular_links_section {--careers-perks-2col: 572px; grid-gap: 4px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #popular_links_section .common-LayoutCell { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.support .popular_links_textbox { padding: 13% 10% 17% 10%; } body.support .popular_links_textbox h2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.support .popular_links_textbox p { color: #76879D; color: #76879D; color: var(--gray300); } body.support #event_teammate_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #event_teammate_intro .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.support .single_card_height { height: 100%; } body.support .single_event_teammate_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.support .single_event_teammate_card_wrapper { padding: 5% 3% 5% 3%; } } body.support .single_event_teammate_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.support .event_teammate_pic_box { margin-bottom: -28px; } body.support .middle_event_top_pad { padding-top: 11% !important; } body.support .event_card_cta_wrapper { padding: 0 7% 10% 7%; } body.support .event_teammate_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px white; border: solid 2px white; border: solid 2px var(--solidwhite100); position: relative; bottom: 34px; left: 75%; } body.support .event_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.support .content_type_wrapper { padding: 0 7% 3% 7%; } body.support .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.support .event_date { color: #76879D; color: #76879D; color: var(--gray300); } body.support .coming_soon_label { background-color: #EEE6FD; color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.support .webinar_label { background-color: #D7F4F6; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.support .interview_label { background-color: #CBEAFE; color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.support .podcast_label { background-color: #FFEDCE; color: #FCA919; color: #FCA919; color: var(--orange400); } body.support .event_teammate_title { font-size: 14px; text-align: left; padding: 0 7% 0% 7%; } body.support .text_hider { display: none; } body.support .event_teammate_p { padding: 0 7% 4% 7%; } body.support .event_teammate_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.support .event_teammate_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.support .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.support .coming_soon_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.support .webinar_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.support .interview_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.support .podcast_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.support .webinars_cta { max-width: 160px; } /* FAQs section */ body.support .support_FAQs_subtext { text-align: left; padding-top: 10%; } body.support .FAQs_extrapad_bottom { padding-bottom: 4%; } body.support .FAQs_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.support .FAQs_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.support .accordion_icon { margin: 4px auto auto auto; } body.support .invisible_icon { display: none; } body.support .FAQs_text { max-width: 100%; margin: auto; text-align: left; } body.support .FAQs_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.support .accordion_box { width: 100%; text-align: left; } body.support .panel { padding: 2%; display: none; background-color: white; background-color: white; background-color: var(--solidwhite100); overflow: hidden; } body.support .hidden_faq { display: none !important; } body.support .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .accordion { background-color: transparent; cursor: pointer; padding: 2.5% 2% 2.5% 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.support .accordion { padding: 3% 0 3% 0 !important; } } body.support .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_gray.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .activeaccordion .plus, body.support .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .invisible_icon { display: none !important; } @media only screen and (max-width: 600px) { body.support .FAQs_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.support .panel { padding: 4%; } body.support .accordion { padding: 4%; } } /* contact support last section */ body.support #contact_support_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.support #contact_support_section .common-LayoutCell { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), color-stop(0, #E2F5FF)); background: -webkit-linear-gradient(top, white 20%, #E2F5FF 0); background: -moz-linear-gradient(top, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--solidwhite100)), color-stop(0, var(--offwhite100))); background: -webkit-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: -moz-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: linear-gradient(180deg, var(--solidwhite100) 20%, var(--offwhite100) 0); } @media (max-width: 1000px) { body.support #contact_support_section .common-LayoutCell { background: #E2F5FF; background: #E2F5FF; background: var(--offwhite100); } } body.support .support_team_img { display: block; max-width: 100%; padding: 0; margin-left: 0 !important; margin-top: 0 !important; } body.support .contact_support_section_txt { padding: 40% 10% 0 10%; } body.support .contact_support_section_txt h2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.support .contact_support_section_txt p { color: #76879D; color: #76879D; color: var(--gray300); } @media (max-width: 1000px) { body.support .contact_support_section_txt { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.support .contact_support_section_txt { padding: 0 10% 10% 10%; } } body.support .single_card_height { height: 100%; } body.support .single_quick_link_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.support .single_quick_link_card_wrapper { padding: 5% 3% 5% 3%; } } body.support .single_quick_link_card_wrapper_row1 { padding: 15% 3% 0 3%; } @media (max-width: 859px) { body.support .single_quick_link_card_wrapper_row1 { padding: 5% 3% 5% 3%; } } body.support { /* End of new support page styles added Nov 2022 */ } body.support .single_quick_link_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.support .quick_link_pic_box { margin-bottom: -28px; } body.support .middle_event_top_pad { padding-top: 11% !important; } body.support .quick_link_cta_wrapper { padding: 0 7% 14% 8%; } body.support .quick_link_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px transparent; position: relative; bottom: 34px; left: 75%; } body.support .quick_link_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.support .content_type_wrapper { padding: 0 7% 3% 7%; } body.support .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.support .quick_link_bullet_wrapper { padding: 3% 0% 5% 0%; } body.support .quick_link_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.support .quick_link_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.support .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.support .purple_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.support .teal_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.support .gray_card { background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); } body.support .blue_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.support .yellow_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.support .quick_link_bullet { padding: 0 7% 0 7%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.support .quick_link_bullet_nopad { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.support .star_image { color: #FCA919; color: #FCA919; color: var(--orange400); height: 17px; margin-left: 3px; margin-right: 9px; margin-top: 1px; } body.support .purple_bullet svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.support .teal_bullet svg { fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); margin-right: 5px; } body.support .gray_bullet svg { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); margin-right: 5px; } body.support .blue_bullet svg { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); margin-right: 5px; } body.support .yellow_bullet svg { fill: #FCA919; fill: #FCA919; fill: var(--orange400); margin-right: 5px; } body.support .quick_links_cards_cta { max-width: 180px; } body.support .tertiary-gray { --color: #76879D; --color: var(--gray300); border: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .tertiary-gray:hover { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .tertiary-gray:active { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.support .tertiary-gray:hover svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.support .tertiary-gray:active svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.support .tertiary-gray svg { fill: #76879D !important; fill: #76879D !important; fill: var(--gray300) !important; margin-left: -5px; top: 0px !important; } body.onboarding #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.onboarding #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.onboarding #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.onboarding #photos .common-LayoutCell { height: 200px; } } body.onboarding #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.onboarding #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.onboarding #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.onboarding #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.onboarding #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.onboarding #photos .common-LayoutCell:hover .details { opacity: 1; } body.onboarding #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.onboarding #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.onboarding #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.onboarding #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.onboarding #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.onboarding #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.onboarding #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.onboarding #metrics .common-LayoutCell { min-height: 296px; } } body.onboarding #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.onboarding #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.onboarding #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.onboarding #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.onboarding #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.onboarding #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.onboarding #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.onboarding #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.onboarding #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.onboarding #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.onboarding #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.onboarding #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.onboarding #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.onboarding #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.onboarding #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.onboarding #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.onboarding #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.onboarding #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.onboarding #location .common-LayoutCellContent { padding-right: 112px; } body.onboarding #location .content { max-width: 500px; } body.onboarding #location .common-Header2 { color: #fff; } body.onboarding #location .common-Header4 { color: #fff; margin-bottom: 0; } body.onboarding #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.onboarding .navpadding { padding-top: 1%; } /* New onboarding page styles added Nov 2022 */ body.onboarding .sm_header_label { color: #AA81F3 !important; color: #AA81F3 !important; color: var(--purple400) !important; } body.onboarding .subheader_pad { padding-bottom: 4%; max-width: 400px; } body.onboarding .icon_guidance_section { display: block; text-align: center; margin: auto; width: 35px; padding-bottom: 7%; } body.onboarding .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.onboarding .txt_content_pad { padding-top: 0% !important; } @media (max-width: 795px) { body.onboarding .txt_content_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.onboarding .txt_content_pad { padding-top: 8% !important; padding-bottom: 10% !important; } } body.onboarding .between_sections_pad { padding-top: 10%; } body.onboarding .info_text_box { padding-top: 5%; } @media (max-width: 1000px) { body.onboarding .info_text_box { padding-top: 0; } } body.onboarding .hero_responsive { display: block; max-width: 90%; position: relative; padding-left: 7%; margin: auto; padding-top: 4%; } @media (max-width: 600px) { body.onboarding .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 5%; } } body.onboarding .intro_content_img { display: block; max-width: 100%; position: relative; margin: auto; } @media (max-width: 600px) { body.onboarding .intro_content_img { padding-top: 5%; } } body.onboarding .img_content_pad { padding-top: 4% !important; } @media (max-width: 600px) { body.onboarding .img_content_pad { padding-top: 2% !important; padding-bottom: 0px !important; } } body.onboarding .img_content_pad_last { padding-top: 4% !important; padding-bottom: 15%; } body.onboarding .quick_link_logo { display: block; max-width: 80px; position: relative; padding-bottom: 10px; } body.onboarding .subsection_pad { padding-bottom: 8%; } body.onboarding .subcategory { background-color: transparent !important; } body.onboarding .submenu_pad { padding-top: 10%; padding-bottom: 5%; } body.onboarding #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.onboarding .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.onboarding .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.onboarding .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; background-color: #38A5FF !important; background-color: #38A5FF !important; background-color: var(--blue400) !important; } @media (max-width: 600px) { body.onboarding .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.onboarding .hero_background_textbox_onboarding { padding: 10% 10% 15% 10%; } @media (max-width: 600px) { body.onboarding .hero_background_textbox_onboarding { padding: 27% 10% 0 10%; margin-top: -30px; } } body.onboarding .hero_background_textbox_onboarding h1 { color: white; color: white; color: var(--solidwhite100); max-width: 597px; } @media (max-width: 600px) { body.onboarding .hero_background_textbox_onboarding h1 { max-width: 100%; line-height: 44px; } } body.onboarding .hero_background_textbox_onboarding p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.onboarding #search_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.onboarding #search_box .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.onboarding .search_box_background { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.onboarding .search_box_subheader_pad { padding-top: 4%; } @media (max-width: 678px) { body.onboarding .search_box_subheader_pad { padding-top: 5%; } } body.onboarding .search_box_grid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: 2%; padding-bottom: 5%; } @media (max-width: 1000px) { body.onboarding .search_box_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 6%; } } @media (max-width: 678px) { body.onboarding .search_box_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 7%; } } body.onboarding .onboarding_seachform { margin: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } body.onboarding .onboarding_seachform ::-webkit-input-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.onboarding .onboarding_seachform ::-moz-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.onboarding .onboarding_seachform ::-ms-input-placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.onboarding .onboarding_seachform ::placeholder { color: #93A3B7; color: #93A3B7; color: var(--gray400); opacity: 1; /* Firefox */ } body.onboarding .onboarding_seachform :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.onboarding .onboarding_seachform ::-ms-input-placeholder { /* Microsoft Edge */ color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.onboarding .onboarding_search_input { height: 50px; font-size: 16px; width: 400px; padding-left: 5%; border: none; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; color: #3A4554; color: #3A4554; color: var(--gray100); } @media (max-width: 678px) { body.onboarding .onboarding_search_input { width: 250px; } } body.onboarding .onboarding_search_button { height: 50px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); color: white; color: white; color: var(--solidwhite100); font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); font-size: 16px; border: none; padding-left: 5%; padding-right: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } body.onboarding .onboarding_search_button:hover { background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; cursor: pointer; } body.onboarding .onboarding_search_button:active { background-color: #165ff6; background-color: #165ff6; background-color: var(--blue1100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; cursor: pointer; } body.onboarding .onboarding_search_button:hover svg, body.onboarding .onboarding_search_button:active svg { position: relative; left: 8px; } body.onboarding .onboarding_search_button svg { fill:white ; fill:white; fill:var(--solidwhite100) ; height: 19px; position: relative; left: 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .search_box_icon { display: block; width: 42%; padding: 5% 0% 5% 5%; margin: auto; text-align: center; } @media (max-width: 678px) { body.onboarding .search_box_icon { width: 35%; } } @media (max-width: 678px) { body.onboarding .support_icon { margin-right:35%; } } body.onboarding .icon_arrow { margin-left: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.onboarding .search_box_headline { color: #76879D; color: #76879D; color: var(--gray300); margin: auto; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); text-align: center; } body.onboarding .search_box_txtbox { padding: 5% 0% 0% 0%; } body.onboarding .search_box_maintxt { color: white; color: white; color: var(--solidwhite100); font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); font-size: 21px; padding-bottom: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } body.onboarding .search_box_maintxt svg { fill: white; top: 4px; position: relative; } body.onboarding .search_box_supportivetxt { color: white; color: white; color: var(--solidwhite100); font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); font-size: 14px; } body.onboarding #guidance_section {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #guidance_section .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.onboarding .guidance_section_wrapper { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.onboarding .welcome_headline_extrapad_col2 { margin-top: 7px; } body.onboarding .guidance_section_textbox { padding: 15% 5% 22% 5%; text-align: center; margin: auto; } body.onboarding .guidance_section_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.onboarding .guidance_section_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 1000px) { body.onboarding .guidance_section_textbox { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.onboarding .guidance_section_textbox { padding: 0 10% 10% 10%; } } body.onboarding .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.onboarding .logo_background { background-image: none; } } body.onboarding { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.onboarding .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.onboarding .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.onboarding .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.onboarding .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.onboarding .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.onboarding #quick_links {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #quick_links .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.onboarding .quick_links_wrapper { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } @media (max-width: 678px) { body.onboarding .last_quick_link_card { padding-bottom: 17% !important; } } body.onboarding #all_guides_cta_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #all_guides_cta_section .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.onboarding .all_guides_cta_box { padding-top: 0 !important; padding-bottom: 7%; } @media (max-width: 678px) { body.onboarding .all_guides_cta_box { padding-bottom: 15%; } } body.onboarding #all_onboarding_cta_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #all_onboarding_cta_section .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.onboarding #guidance_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #guidance_mainheadline .common-LayoutCell { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.onboarding #quick_links_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #quick_links_mainheadline .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.onboarding .guidance_headline_dark { color: white; color: white; color: var(--solidwhite100); text-align: center; } body.onboarding .welcome_col_height { height: 420px; } @media (max-width: 859px) { body.onboarding .welcome_col_height { height: 100%; } } body.onboarding .welcome_cta_box { padding-top: 0 !important; padding-bottom: 5%; } @media (max-width: 678px) { body.onboarding .welcome_cta_box { padding-bottom: 10%; padding-top: 10% !important; } } body.onboarding .teammate_showcase { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; position: relative; max-width: 600px; top: 50%; z-index: 9997; } body.onboarding .teammate_pic { display: block; max-width: 100px; padding: 4%; } body.onboarding .centerer { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5%; } @media (max-width: 678px) { body.onboarding .centerer { padding-top: 2%; } } body.onboarding .guidance_headline_pad { padding-bottom: 3%; padding-top: 8%; } @media (max-width: 678px) { body.onboarding .guidance_headline_pad { padding-bottom: 15%; padding-top: 20%; } } body.onboarding #webinar_event_cards {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #webinar_event_cards .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.onboarding .onboarding_webinars_wrapper { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.onboarding #event_teammate_intro {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #event_teammate_intro .common-LayoutCell { background-color: white; background-color: white; background-color: var(--solidwhite100); } body.onboarding .single_card_height { height: 100%; } body.onboarding .single_event_teammate_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.onboarding .single_event_teammate_card_wrapper { padding: 5% 3% 5% 3%; } } body.onboarding .single_event_teammate_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.onboarding .event_teammate_pic_box { margin-bottom: -28px; } body.onboarding .middle_event_top_pad { padding-top: 11% !important; } body.onboarding .event_card_cta_wrapper { padding: 0 7% 10% 7%; } body.onboarding .event_teammate_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px white; border: solid 2px white; border: solid 2px var(--solidwhite100); position: relative; bottom: 34px; left: 75%; } body.onboarding .event_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.onboarding .content_type_wrapper { padding: 0 7% 3% 7%; } body.onboarding .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.onboarding .event_date { color: #76879D; color: #76879D; color: var(--gray300); } body.onboarding .coming_soon_label { background-color: #EEE6FD; color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.onboarding .webinar_label { background-color: #D7F4F6; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.onboarding .interview_label { background-color: #CBEAFE; color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.onboarding .podcast_label { background-color: #FFEDCE; color: #FCA919; color: #FCA919; color: var(--orange400); } body.onboarding .event_teammate_title { font-size: 14px; text-align: left; padding: 0 7% 0% 7%; } body.onboarding .text_hider { display: none; } body.onboarding .event_teammate_p { padding: 0 7% 4% 7%; } body.onboarding .event_teammate_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.onboarding .event_teammate_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.onboarding .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.onboarding .coming_soon_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.onboarding .webinar_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.onboarding .interview_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.onboarding .podcast_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.onboarding .webinars_cta { max-width: 160px; } /* FAQs section */ body.onboarding .support_FAQs_subtext { text-align: left; padding-top: 10%; } body.onboarding .FAQs_extrapad_bottom { padding-bottom: 4%; } body.onboarding .FAQs_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.onboarding .FAQs_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.onboarding .accordion_icon { margin: 4px auto auto auto; } body.onboarding .invisible_icon { display: none; } body.onboarding .FAQs_text { max-width: 100%; margin: auto; text-align: left; } body.onboarding .FAQs_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.onboarding .accordion_box { width: 100%; text-align: left; } body.onboarding .panel { padding: 2%; display: none; background-color: white; background-color: white; background-color: var(--solidwhite100); overflow: hidden; } body.onboarding .hidden_faq { display: none !important; } body.onboarding .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .accordion { background-color: transparent; cursor: pointer; padding: 2.5% 2% 2.5% 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.onboarding .accordion { padding: 3% 0 3% 0 !important; } } body.onboarding .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_gray.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .activeaccordion .plus, body.onboarding .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .invisible_icon { display: none !important; } @media only screen and (max-width: 600px) { body.onboarding .FAQs_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.onboarding .panel { padding: 4%; } body.onboarding .accordion { padding: 4%; } } /* contact onboarding last section */ body.onboarding #contact_support_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.onboarding #contact_support_section .common-LayoutCell { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), color-stop(0, #E2F5FF)); background: -webkit-linear-gradient(top, white 20%, #E2F5FF 0); background: -moz-linear-gradient(top, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--solidwhite100)), color-stop(0, var(--offwhite100))); background: -webkit-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: -moz-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: linear-gradient(180deg, var(--solidwhite100) 20%, var(--offwhite100) 0); } @media (max-width: 1000px) { body.onboarding #contact_support_section .common-LayoutCell { background: #E2F5FF; background: #E2F5FF; background: var(--offwhite100); } } body.onboarding .onboarding_team_img { display: block; max-width: 100%; padding: 0; margin-left: 0 !important; margin-top: 0 !important; } body.onboarding .contact_support_section_txt { padding: 40% 10% 0 10%; } body.onboarding .contact_support_section_txt h2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.onboarding .contact_support_section_txt p { color: #76879D; color: #76879D; color: var(--gray300); } @media (max-width: 1000px) { body.onboarding .contact_support_section_txt { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.onboarding .contact_support_section_txt { padding: 0 10% 10% 10%; } } body.onboarding .single_card_height { height: 100%; } body.onboarding .single_quick_link_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.onboarding .single_quick_link_card_wrapper { padding: 5% 3% 5% 3%; } } body.onboarding { /* End of new Onboarding page styles added Nov 2022 */ } body.onboarding .single_quick_link_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.onboarding .quick_link_pic_box { margin-bottom: -28px; } body.onboarding .middle_event_top_pad { padding-top: 11% !important; } body.onboarding .quick_link_cta_wrapper { padding: 0 7% 14% 8%; } body.onboarding .quick_link_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px white; border: solid 2px white; border: solid 2px var(--solidwhite100); position: relative; bottom: 34px; left: 75%; } body.onboarding .quick_link_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.onboarding .content_type_wrapper { padding: 0 7% 3% 7%; } body.onboarding .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.onboarding .quick_link_bullet_wrapper { padding: 3% 0% 5% 0%; } body.onboarding .quick_link_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.onboarding .quick_link_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.onboarding .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.onboarding .purple_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.onboarding .teal_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.onboarding .gray_card { background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); } body.onboarding .blue_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.onboarding .yellow_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.onboarding .quick_link_bullet { padding: 0 7% 0 7%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.onboarding .purple_bullet svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.onboarding .teal_bullet svg { fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); margin-right: 5px; } body.onboarding .gray_bullet svg { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); margin-right: 5px; } body.onboarding .blue_bullet svg { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); margin-right: 5px; } body.onboarding .quick_links_cards_cta { max-width: 180px; } body.onboarding .tertiary-gray { --color: #76879D; --color: var(--gray300); border: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .tertiary-gray:hover { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .tertiary-gray:active { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.onboarding .tertiary-gray:hover svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.onboarding .tertiary-gray:active svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.onboarding .tertiary-gray svg { fill: #76879D !important; fill: #76879D !important; fill: var(--gray300) !important; margin-left: -5px; top: 0px !important; } body.devhub #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.devhub #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.devhub #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.devhub #photos .common-LayoutCell { height: 200px; } } body.devhub #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.devhub #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.devhub #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.devhub #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.devhub #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.devhub #photos .common-LayoutCell:hover .details { opacity: 1; } body.devhub #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.devhub #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.devhub #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.devhub #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.devhub #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.devhub #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.devhub #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.devhub #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.devhub #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.devhub #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.devhub #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.devhub #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.devhub #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.devhub #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.devhub #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.devhub #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.devhub #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.devhub #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.devhub #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.devhub #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.devhub #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.devhub #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.devhub #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.devhub #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.devhub #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.devhub #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.devhub #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.devhub #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.devhub #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.devhub #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.devhub #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.devhub #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.devhub #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.devhub #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.devhub #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.devhub #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.devhub #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.devhub #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.devhub #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.devhub #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.devhub #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.devhub #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.devhub #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.devhub #metrics .common-LayoutCell { min-height: 296px; } } body.devhub #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.devhub #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.devhub #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.devhub #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.devhub #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.devhub #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.devhub #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.devhub #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.devhub #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.devhub #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.devhub #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.devhub #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.devhub #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.devhub #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.devhub #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.devhub #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.devhub #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.devhub #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.devhub #location .common-LayoutCellContent { padding-right: 112px; } body.devhub #location .content { max-width: 500px; } body.devhub #location .common-Header2 { color: #fff; } body.devhub #location .common-Header4 { color: #fff; margin-bottom: 0; } body.devhub #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.devhub .navpadding { padding-top: 1%; } /* New Devhub page styles added Oct 2022 */ body.devhub .sm_header_label { color: #AA81F3 !important; color: #AA81F3 !important; color: var(--purple400) !important; } body.devhub .subheader_pad { padding-bottom: 4%; max-width: 400px; } body.devhub .icon_guidance_section { display: block; text-align: center; margin: auto; width: 35px; padding-bottom: 7%; } body.devhub .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.devhub .txt_content_pad { padding-top: 0%; padding-bottom: 0% !important; } @media (max-width: 795px) { body.devhub .txt_content_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.devhub .txt_content_pad { padding-top: 8% !important; padding-bottom: 0% !important; } } body.devhub .between_sections_pad { padding-top: 10%; } body.devhub .info_text_box { padding-top: 5%; } @media (max-width: 1000px) { body.devhub .info_text_box { padding-top: 0; } } body.devhub .hero_responsive { display: block; max-width: 90%; position: relative; padding-left: 7%; margin: auto; } @media (max-width: 600px) { body.devhub .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 0; } } body.devhub .intro_content_img { display: block; max-width: 100%; position: relative; margin: auto; } @media (max-width: 600px) { body.devhub .intro_content_img { padding-top: 5%; } } body.devhub .img_content_pad { padding-top: 4% !important; } @media (max-width: 600px) { body.devhub .img_content_pad { padding-top: 2% !important; padding-bottom: 0px !important; } } body.devhub .img_content_pad_last { padding-top: 4% !important; padding-bottom: 15%; } body.devhub .quick_link_logo { display: block; max-width: 80px; position: relative; padding-bottom: 10px; } body.devhub .subsection_pad { padding-bottom: 8%; } body.devhub .subcategory { background-color: transparent !important; } body.devhub .submenu_pad { padding-top: 10%; padding-bottom: 5%; } body.devhub #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.devhub .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.devhub .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.devhub .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/devhub/hero_background.png'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; background-color: #5C6D82 !important; background-color: #5C6D82 !important; background-color: var(--gray200) !important; } @media (max-width: 600px) { body.devhub .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/devhub/hero_background.png'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.devhub .hero_background_textbox_devhub { padding: 10% 10% 15% 10%; } @media (max-width: 600px) { body.devhub .hero_background_textbox_devhub { padding: 27% 10% 0 10%; margin-top: -48px; } } body.devhub .hero_background_textbox_devhub h1 { color: white; color: white; color: var(--solidwhite100); max-width: 597px; } @media (max-width: 600px) { body.devhub .hero_background_textbox_devhub h1 { max-width: 100%; line-height: 44px; } } body.devhub .hero_background_textbox_devhub p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.devhub #related_sections { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.devhub #related_sections .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.devhub .related_sections_background { background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); } body.devhub .related_sections_subheader_pad { padding-top: 5%; } body.devhub .related_section_grid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; padding-top: 2%; padding-bottom: 5%; } @media (max-width: 1000px) { body.devhub .related_section_grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-bottom: 6%; } } @media (max-width: 678px) { body.devhub .related_section_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 6%; } } body.devhub .related_section_icongrid { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding: 5% 0 5% 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.devhub .related_section_icongrid:hover .icon_arrow { margin-left: 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.devhub .related_section_icon { display: block; width: 42%; padding: 5% 0% 5% 5%; margin: auto; text-align: center; } @media (max-width: 678px) { body.devhub .related_section_icon { width: 35%; } } @media (max-width: 678px) { body.devhub .support_icon { margin-right:35%; } } body.devhub .icon_arrow { margin-left: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } body.devhub .related_section_headline { color: white; color: white; color: var(--solidwhite100); margin: auto; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); } body.devhub .related_section_txtbox { padding: 5% 0% 0% 0%; } body.devhub .related_section_maintxt { color: white; color: white; color: var(--solidwhite100); font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); font-size: 21px; padding-bottom: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } body.devhub .related_section_maintxt svg { fill: white; top: 4px; position: relative; } body.devhub .related_section_supportivetxt { color: white; color: white; color: var(--solidwhite100); font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); font-size: 14px; } body.devhub #guidance_section {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #guidance_section .common-LayoutCell { background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); } body.devhub .guidance_section_wrapper { background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); } body.devhub .guidance_headline_extrapad { margin-top: 13px; } body.devhub .guidance_section_textbox { padding: 15% 5% 22% 5%; text-align: center; margin: auto; } body.devhub .guidance_section_textbox h2 { color: white; color: white; color: var(--solidwhite100); } body.devhub .guidance_section_textbox p { color: white; color: white; color: var(--solidwhite100); } @media (max-width: 1000px) { body.devhub .guidance_section_textbox { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.devhub .guidance_section_textbox { padding: 0 10% 10% 10%; } } body.devhub .logo_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/white_logo.svg'); -moz-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 571px) { body.devhub .logo_background { background-image: none; } } body.devhub { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.devhub .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.devhub .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.devhub .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.devhub .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.devhub .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.devhub #quick_links {--careers-perks-3col: 860px;--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #quick_links .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.devhub .quick_links_wrapper { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } @media (max-width: 678px) { body.devhub .last_quick_link_card { padding-bottom: 17% !important; } } body.devhub #guidance_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #guidance_mainheadline .common-LayoutCell { background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); } body.devhub #quick_links_mainheadline {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #quick_links_mainheadline .common-LayoutCell { background-color: #F3F7FA; background-color: #F3F7FA; background-color: var(--offwhite300); } body.devhub .guidance_headline_dark { color: white; color: white; color: var(--solidwhite100); text-align: center; } body.devhub .guidance_col2 { height: 366.5px; } @media (max-width: 859px) { body.devhub .guidance_col2 { height: 100%; } } body.devhub .guidance_col3 { height: 366.5px; } @media (max-width: 859px) { body.devhub .guidance_col3 { height: 100%; } } body.devhub .teammate_showcase { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; position: relative; max-width: 600px; top: 50%; z-index: 9997; } body.devhub .teammate_pic { display: block; max-width: 100px; padding: 4%; } body.devhub .centerer { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5%; } @media (max-width: 678px) { body.devhub .centerer { padding-top: 2%; } } body.devhub .guidance_headline_pad { padding-bottom: 3%; padding-top: 8%; } @media (max-width: 678px) { body.devhub .guidance_headline_pad { padding-bottom: 15%; padding-top: 20%; } } /* FAQs section */ body.devhub .support_FAQs_subtext { text-align: left; padding-top: 10%; } body.devhub .FAQs_extrapad_bottom { padding-bottom: 4%; } body.devhub .FAQs_grid { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; grid-gap: 0px 40px; background-color: transparent; text-align: center; margin: auto; } body.devhub .FAQs_headlinebox { margin: 10px 0px 0px 0px; text-align: center; } body.devhub .accordion_icon { margin: 4px auto auto auto; } body.devhub .invisible_icon { display: none; } body.devhub .FAQs_text { max-width: 100%; margin: auto; text-align: left; } body.devhub .FAQs_answer { text-align: left; font-size: 16px; font-weight: normal; color: #76879D; color: #76879D; color: var(--gray300); } body.devhub .accordion_box { width: 100%; text-align: left; } body.devhub .panel { padding: 2%; display: none; background-color: white; background-color: white; background-color: var(--solidwhite100); overflow: hidden; } body.devhub .hidden_faq { display: none !important; } body.devhub .minus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/minus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .accordion { background-color: transparent; cursor: pointer; padding: 2.5% 2% 2.5% 2%; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 21fr 1fr; grid-template-columns: 21fr 1fr; border: none; text-align: left; outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-bottom: solid 1px #76879D; border-bottom: solid 1px #76879D; border-bottom: solid 1px var(--gray300); font-size: 22px; font-weight: medium; color: #5C6D82; color: #5C6D82; color: var(--gray200); } @media (max-width: 571px) { body.devhub .accordion { padding: 3% 0 3% 0 !important; } } body.devhub .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_gray.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .activeaccordion { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .accordion:hover { color: #089BFA; color: #089BFA; color: var(--blue1200); border-bottom: solid 1px #089BFA; border-bottom: solid 1px #089BFA; border-bottom: solid 1px var(--blue1200); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .activeaccordion .plus, body.devhub .accordion:hover .plus { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/icons/plus_blue.svg'); display: block; background-color: transparent; height: 24px; width: 24px; -moz-background-size: contain; background-size: contain; background-position: center center; background-repeat:no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .invisible_icon { display: none !important; } @media only screen and (max-width: 600px) { body.devhub .FAQs_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 40px 0px; } body.devhub .panel { padding: 4%; } body.devhub .accordion { padding: 4%; } } /* contact support last section */ body.devhub #contact_support_section {--careers-perks-2col: 572px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.devhub #contact_support_section .common-LayoutCell { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), color-stop(0, #E2F5FF)); background: -webkit-linear-gradient(top, white 20%, #E2F5FF 0); background: -moz-linear-gradient(top, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: linear-gradient(180deg, white 20%, #E2F5FF 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--solidwhite100)), color-stop(0, var(--offwhite100))); background: -webkit-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: -moz-linear-gradient(top, var(--solidwhite100) 20%, var(--offwhite100) 0); background: linear-gradient(180deg, var(--solidwhite100) 20%, var(--offwhite100) 0); } @media (max-width: 1000px) { body.devhub #contact_support_section .common-LayoutCell { background: #E2F5FF; background: #E2F5FF; background: var(--offwhite100); } } body.devhub .developer_img { display: block; max-width: 100%; padding: 0; margin-left: 0 !important; margin-top: 0 !important; } body.devhub .contact_support_section_txt { padding: 40% 10% 0 10%; } body.devhub .contact_support_section_txt h2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.devhub .contact_support_section_txt p { color: #76879D; color: #76879D; color: var(--gray300); } @media (max-width: 1000px) { body.devhub .contact_support_section_txt { padding: 10% 10% 10% 10%; } } @media (max-width: 571px) { body.devhub .contact_support_section_txt { padding: 0 10% 10% 10%; } } body.devhub .single_card_height { height: 100%; } body.devhub .single_quick_link_card_wrapper { padding: 15% 3% 25% 3%; } @media (max-width: 859px) { body.devhub .single_quick_link_card_wrapper { padding: 5% 3% 5% 3%; } } body.devhub { /* End of new Dev Hub page styles added Oct 2022 */ } body.devhub .single_quick_link_card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: white; background-color: white; background-color: var(--solidwhite100); -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); box-shadow: 3px 3px 7px rgb(0 0 0 / 10%); } body.devhub .quick_link_pic_box { margin-bottom: -28px; } body.devhub .middle_event_top_pad { padding-top: 11% !important; } body.devhub .quick_link_cta_wrapper { padding: 0 7% 14% 8%; } body.devhub .quick_link_pic { height: 64px; width: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px white; border: solid 2px white; border: solid 2px var(--solidwhite100); position: relative; bottom: 34px; left: 75%; } body.devhub .quick_link_name { text-align: left; margin-bottom: 0; padding: 0 7% 0 7%; } body.devhub .content_type_wrapper { padding: 0 7% 3% 7%; } body.devhub .content_type { padding: 6px 10px 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); display: inline; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.devhub .quick_link_bullet_wrapper { padding: 3% 0% 5% 0%; } body.devhub .quick_link_top_background { background-image: url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/map_vector.svg'); -moz-background-size: cover; background-size: cover; background-position:center; background-repeat: no-repeat; } body.devhub .quick_link_top { color: white; color: white; color: var(--solidwhite100); padding: 10% 7% 15% 7%; text-align: left; font-size: 18px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body.devhub .card_divider { width: 100px; height: 4px; border: none; margin: 4% auto 4% 7%; } body.devhub .purple_card { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.devhub .teal_card { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.devhub .gray_card { background-color: #5C6D82; background-color: #5C6D82; background-color: var(--gray200); } body.devhub .blue_card { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.devhub .yellow_card { background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); } body.devhub .quick_link_bullet { padding: 0 7% 0 7%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); } body.devhub .purple_bullet svg { fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); margin-right: 5px; } body.devhub .teal_bullet svg { fill: #3DCAD4; fill: #3DCAD4; fill: var(--teal400); margin-right: 5px; } body.devhub .gray_bullet svg { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); margin-right: 5px; } body.devhub .quick_links_cards_cta { max-width: 180px; } body.devhub .tertiary-gray { --color: #76879D; --color: var(--gray300); border: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .tertiary-gray:hover { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .tertiary-gray:active { color: #3A4554; color: #3A4554; color: var(--gray100); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } body.devhub .tertiary-gray:hover svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.devhub .tertiary-gray:active svg { fill: #3A4554 !important; fill: #3A4554 !important; fill: var(--gray100) !important; } body.devhub .tertiary-gray svg { fill: #76879D !important; fill: #76879D !important; fill: var(--gray300) !important; margin-left: -5px; top: 0px !important; } body.terms .common-Header3, body.terms .common-Body3, body.terms .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.terms .common-Header3.title { margin-bottom: 32px; text-align: center; } body.terms .common-Header4, body.terms .common-Body3, body.terms .common-OrderedList-Alph, body.terms .common-OrderedList-Num { margin-bottom: 16px; } body.terms .common-OrderedList-Alph { margin-left: 24px; } body.terms .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.terms table { width: 100%; margin-top: 10px; } body.terms table td, body.terms table th { padding: 16px; border: 1px solid #fff; } body.terms table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.terms table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.terms table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.terms table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (max-width: 480px) { body.terms .mobilepad_top { padding-top: 10%; } } body.terms .disc_bullet { list-style-type: disc; } body.terms .terms_bullet_margin { margin-left: 3%; } body.accessibility .common-Header3, body.accessibility .common-Body3, body.accessibility .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.accessibility .common-Header3.title { margin-bottom: 32px; text-align: center; } body.accessibility .common-Header4, body.accessibility .common-Body3, body.accessibility .common-OrderedList-Alph, body.accessibility .common-OrderedList-Num { margin-bottom: 16px; } body.accessibility .common-OrderedList-Alph { margin-left: 24px; } body.accessibility .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.accessibility table { max-width: 784px; margin:0 auto; margin-bottom: 10px; } body.accessibility table td, body.accessibility table th { padding: 16px; border: 1px solid #fff; width: 100%; } body.accessibility table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.accessibility table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.accessibility table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.accessibility table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.accessibility .bullet_pad_left { margin-left: 3%; } body.privacy .common-Header3, body.privacy .common-Body3, body.privacy .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.privacy .common-Header3.title { margin-bottom: 32px; text-align: center; } body.privacy .common-Header4, body.privacy .common-Body3, body.privacy .common-OrderedList-Alph, body.privacy .common-OrderedList-Num { margin-bottom: 16px; } body.privacy .common-OrderedList-Alph { margin-left: 24px; } body.privacy .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.privacy table { max-width: 784px; margin:0 auto; margin-bottom: 10px; } body.privacy table td, body.privacy table th { padding: 16px; border: 1px solid #fff; width: 100%; } body.privacy table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.privacy table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.privacy table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.privacy table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (max-width: 480px) { body.privacy .mobilepad_top { padding-top: 10%; } } body.privacy .disc_bullet { list-style-type: disc; } body.privacy .circle_bullet { list-style-type: circle; } body.privacy .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.privacy .no_bullet_heading { color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.privacy .hyperlinked_bullet { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.privacy .capital_alpha_bullet_light { list-style: upper-alpha; } body.privacy .nonnested_bullet_margin { margin-left: 5%; } body.privacy .nested_bullet_margin { margin-left: 3%; } body.privacy .bullet_left_margin { margin-left: 14.6%; } body.privacy .bullet_left_margin_lg { margin-left: 16%; } body.privacy .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } @media (max-width: 678px) { body.privacy .header_mobile_pad { padding-top: 10% !important; } } body.privacy .square_bullet { list-style-type: square; } body.privacy .small_header_dpa { font-size: 18px; } body.privacy .no_bullet { list-style-type: none; } body.trust #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.trust #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.trust #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1186px) { body.trust #photos .common-LayoutCell { height: 200px; } } body.trust #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.trust #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.trust #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.trust #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.trust #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.trust #photos .common-LayoutCell:hover .details { opacity: 1; } body.trust #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.trust #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.trust #photos .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.trust #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson.jpg); } body.trust #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot.jpg); } body.trust #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto.jpg); } body.trust #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw.jpg); } body.trust #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell.jpg); } body.trust #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia.jpg); } body.trust #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close.jpg); } body.trust #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish.jpg); } body.trust #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro.jpg); } body.trust #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty.jpg); } body.trust #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy.jpg); } body.trust #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison.jpg); } body.trust #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale.jpg); } body.trust #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi.jpg); } body.trust #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong.jpg); } body.trust #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi.jpg); } body.trust #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li.jpg); } body.trust #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin.jpg); } body.trust #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist.jpg); } body.trust #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller.jpg); } body.trust #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo.jpg); } body.trust #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz.jpg); } body.trust #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim.jpg); } body.trust #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan.jpg); } body.trust #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka.jpg); } body.trust #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick.jpg); } body.trust #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble.jpg); } body.trust #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman.jpg); } body.trust #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger.jpg); } body.trust #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze.jpg); } body.trust #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift.jpg); } body.trust #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson.jpg); } body.trust #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis.jpg); } body.trust #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng.jpg); } body.trust #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano.jpg); } body.trust #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli.jpg); } body.trust #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward.jpg); } body.trust #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha.jpg); } body.trust #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.trust #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.trust #metrics .common-LayoutCell { min-height: 296px; } } body.trust #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.trust #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.trust #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.trust #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.trust #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.trust #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.trust #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.trust #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.trust #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.trust #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.trust #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.trust #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.trust #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.trust #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.trust #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.trust #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.trust #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.trust #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.trust #location .common-LayoutCellContent { padding-right: 112px; } body.trust #location .content { max-width: 500px; } body.trust #location .common-Header2 { color: #fff; } body.trust #location .common-Header4 { color: #fff; margin-bottom: 0; } body.trust #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.trust .navpadding { padding-top: 1%; } body.trust .sm_header_label { color: #AA81F3 !important; color: #AA81F3 !important; color: var(--purple400) !important; } body.trust .headline_subheadline_pad { padding-bottom: 4%; padding-top: 10%; } body.trust .txt_content_pad { padding-top: 0% !important; } @media (max-width: 795px) { body.trust .txt_content_pad { padding-top: 5% !important; padding-bottom: 5% !important; } } @media (max-width: 571px) { body.trust .txt_content_pad { padding-top: 8% !important; padding-bottom: 10% !important; } } body.trust .between_sections_pad { padding-top: 10%; } body.trust .hero_responsive { display: block; max-width: 90%; position: relative; margin: auto; padding-top: 4%; } @media (max-width: 600px) { body.trust .hero_responsive { max-width: 80%; padding-left: 0; padding-top: 5%; } } body.trust .img_content_pad { padding-top: 4% !important; } @media (max-width: 600px) { body.trust .img_content_pad { padding-top: 2% !important; padding-bottom: 0px !important; } } body.trust .img_content_pad_last { padding-top: 4% !important; padding-bottom: 15%; } body.trust .quick_link_logo { display: block; max-width: 80px; position: relative; padding-bottom: 10px; } body.trust .subsection_pad { padding-bottom: 8%; } body.trust .subcategory { background-color: transparent !important; } body.trust .submenu_pad { padding-top: 10%; padding-bottom: 5%; } body.trust #main_hero_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.trust #main_hero_section .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.trust .hero_background { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: 8.5%; padding-bottom: 5%; } @media (max-width: 800px) { body.trust .hero_background { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } body.trust .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/trust/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; background-color: white !important; background-color: white !important; background-color: var(--solidwhite100) !important; } @media (max-width: 600px) { body.trust .hero_background_img { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/trust/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.trust .hero_background_textbox_support { padding: 10% 2% 10% 2%; margin: auto; text-align: center; } @media (max-width: 600px) { body.trust .hero_background_textbox_support { padding: 27% 10% 0 10%; margin-top: -30px; text-align: left; } } body.trust .hero_background_textbox_support h1 { color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 100%; } @media (max-width: 600px) { body.trust .hero_background_textbox_support h1 { max-width: 100%; line-height: 44px; } } body.trust .hero_background_textbox_support p { color: #76879D; color: #76879D; color: var(--gray300); max-width: 100%; } body.trust #questions_background_section {--careers-perks-2col: 284px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.trust #questions_background_section .common-LayoutCell { background-color: #089BFA; background-color: #089BFA; background-color: var(--blue1200); } body.trust .questions_background_textbox { padding: 9% 10% 11% 10%; } body.trust .questions_background_textbox h2 { color: white; color: white; color: var(--solidwhite100); max-width: 500px; } @media (max-width: 600px) { body.trust .questions_background_textbox h2 { max-width: 100%; } } body.trust .questions_background_textbox p { color: white; color: white; color: var(--solidwhite100); max-width: 450px; } body.trust .questions_background { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: repeat; } @media (max-width: 600px) { body.trust .questions_background { background:url('https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/webinars/abstract_background.svg'); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } } body.trust { @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } } body.trust .semibold_content { font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); } body.trust .white_mail { color: white; color: white; color: var(--solidwhite100); text-decoration: underline; } body.trust .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } body.trust .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } body.trust .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } body.trust .slideInUp { -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; } body.trust .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } body.trust .trust_tile_box { padding-bottom: 5%; text-align: left; } body.trust .trust_tile_img { display: block; max-width: 100%; padding-left: 26px; } body.trust #popular_links_section {--careers-perks-2col: 572px; grid-gap: 4px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } body.trust #popular_links_section .common-LayoutCell { background-color: #E2F5FF; background-color: #E2F5FF; background-color: var(--offwhite100); } body.trust .popular_links_textbox { padding: 13% 10% 17% 10%; height: 650px; } body.trust .popular_links_textbox h2 { color: #3A4554; color: #3A4554; color: var(--gray100); border-left: 6px solid #AA81F3; border-left: 6px solid #AA81F3; border-left: 6px solid var(--purple400); padding-left: 20px; padding-bottom: 5px; padding-top: 5px; } body.trust .popular_links_textbox p { color: #76879D; color: #76879D; color: var(--gray300); padding-left: 26px; } @media (max-width: 1100px) { body.trust .popular_links_textbox { height: 100%; } } body.landingPageAlt .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -100px; } body.landingPageAlt .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 946px) { body.landingPageAlt .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.landingPageAlt #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 946px) { body.landingPageAlt #hero { grid-auto-rows: -webkit-min-content -webkit-max-content; grid-auto-rows: min-content max-content; } } @media (min-width: 946px) { body.landingPageAlt #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.landingPageAlt #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.landingPageAlt #hero #intro { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/landing-page-alt/hero@2x.png); -moz-background-size: cover; background-size: cover; } body.landingPageAlt #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.landingPageAlt #hero #intro img { text-align: left; width: 50%; margin: 48px 0 0 60px; } @media (max-width: 700px) { body.landingPageAlt #hero #intro img { display: none; } } body.landingPageAlt #hero #intro .common-Header2 { color: #fff; text-align: center; margin: 0 auto; padding: 100px 0 50px; } body.landingPageAlt #hero #intro ul { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPageAlt #hero #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPageAlt #hero #intro ul svg polyline, body.landingPageAlt #hero #intro p svg polyline { stroke: #fff; } body.landingPageAlt #signup-form { display: block; position: absolute; top: 250px; width: 100%; max-width: 400px; background-color: #ffffff; border: 1px solid #AA81F3; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); z-index: 999; left: 60%; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } body.landingPageAlt #signup-form form.common-LayoutCellContent { padding: 35px 30px; } @media (max-width: 1000px) { body.landingPageAlt #signup-form { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #signup-form { left: 50%; right: auto; margin-left: -186px; } } body.landingPageAlt #signup-form.fix-search { position: fixed; top: 0px; z-index: 99999; height: 70px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); left: 60%; width: 100%; max-width: 400px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: 1px solid #AA81F3; border: 1px solid #AA81F3; border: 1px solid var(--purple400); border-top: 0px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); cursor: pointer; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } @media (max-width: 1000px) { body.landingPageAlt #signup-form.fix-search { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #signup-form.fix-search { left: 50%; right: auto; margin-left: -186px; } } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent { position: absolute; top: 0px; padding: 10px 40px 40px 40px; } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-Header3 { color: #fff; } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-FormField, body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-Body2 { opacity: 0; } body.landingPageAlt #signup-form.expand { height: 100%; max-height: 900px; overflow: scroll; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); max-width: 400px; cursor: default; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent { opacity: 1; top: 0px; padding: 10px 40px 0 40px; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-Header3 { color: #3A4554; color: #3A4554; color: var(--gray100); cursor: pointer; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-FormField { opacity: 1; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-FormField, body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-Body2 { opacity: 1; } body.landingPageAlt #signup-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.landingPageAlt #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.landingPageAlt #signup-form form .fullWidth { grid-column: 1 / -1; } body.landingPageAlt #signup-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.landingPageAlt .common-Ratings div { margin-right: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } body.landingPageAlt #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #features > .intro.one .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPageAlt #features > .intro.one .common-SectionIntro { text-align: left; width: 55%; } @media (max-width: 1000px) { body.landingPageAlt #features > .intro.one .common-SectionIntro { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #features > .intro.one .common-SectionIntro { padding-top: 600px; text-align: center; width: 100%; } } body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { margin: 0 0 24px 83px; } @media (max-width: 1000px) { body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { margin: 0px 0 24px 37px; } } @media (max-width: 700px) { body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { text-align: center; } } body.landingPageAlt #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.landingPageAlt #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.landingPageAlt #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.landingPageAlt #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.landingPageAlt #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.landingPageAlt #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.landingPageAlt #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.landingPageAlt .common-Ratings { margin-bottom: 50px; } body.landingPageAlt #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #customers h2 { text-align: center; margin: 0 auto 32px; } body.industry-landingpage .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -100px; } body.industry-landingpage .common-SiteNav .home { color: #fff; } body.industry-landingpage #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 946px) { body.industry-landingpage #hero { grid-auto-rows: -webkit-min-content -webkit-max-content; grid-auto-rows: min-content max-content; } } @media (min-width: 946px) { body.industry-landingpage #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.industry-landingpage #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.industry-landingpage #hero #intro { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/industries/onfleet-industry-background@2x.png); -moz-background-size: cover; background-size: cover; background-position: center; } body.industry-landingpage #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.industry-landingpage #hero #intro img { position: absolute; top: 0px; right: 100px; width: 300px; } @media (max-width: 700px) { body.industry-landingpage #hero #intro img { display: none; } } body.industry-landingpage #hero #intro .common-Header1 { color: #fff; text-align: left; padding: 100px 0 25px; max-width: 600px; } @media (max-width: 950px) { body.industry-landingpage #hero #intro .common-Header1 { max-width: 50%; } } @media (max-width: 700px) { body.industry-landingpage #hero #intro .common-Header1 { max-width: 100%; } } body.industry-landingpage #hero #intro ul { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); max-width: 500px; } body.industry-landingpage #hero #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); max-width: 500px; } @media (max-width: 950px) { body.industry-landingpage #hero #intro ul, body.industry-landingpage #hero #intro p { max-width: 40%; } } @media (max-width: 700px) { body.industry-landingpage #hero #intro ul, body.industry-landingpage #hero #intro p { max-width: 100%; } } body.industry-landingpage #hero #intro ul svg polyline, body.industry-landingpage #hero #intro p svg polyline { stroke: #fff; } body.industry-landingpage #signup-form.sticky { display: block; position: absolute; top: 200px; width: 100%; max-width: 400px; background-color: #ffffff; border: 1px solid #AA81F3; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); z-index: 999; left: 60%; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } body.industry-landingpage #contact-form.sticky { display: block; position: absolute; top: 200px; width: 100%; max-width: 400px; background-color: #ffffff; border: 1px solid #AA81F3; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); z-index: 999; left: 60%; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } @media (max-width: 700px) { body.industry-landingpage #signup-form.sticky, body.industry-landingpage #contact-form.sticky { position: relative; top: -4px; left: 0px !important; margin-left: 0px !important; max-width: 100%; } } body.industry-landingpage #signup-form.sticky #close { position: absolute; left: 100%; margin: -36px 0 0 -40px; width: 20px; height: 20px; color: #ADBBCC; color: #ADBBCC; color: var(--gray500); opacity:0; } body.industry-landingpage #contact-form.sticky #close { position: absolute; left: 100%; margin: -36px 0 0 -40px; width: 20px; height: 20px; color: #ADBBCC; color: #ADBBCC; color: var(--gray500); opacity:0; } body.industry-landingpage #signup-form.sticky form.common-LayoutCellContent, body.industry-landingpage #contact-form.sticky form.common-LayoutCellContent { padding: 28px 30px; } body.industry-landingpage #signup-form.sticky form.common-LayoutCellContent .common-FormField, body.industry-landingpage #contact-form.sticky form.common-LayoutCellContent .common-FormField { padding: 10px 0; } body.industry-landingpage #signup-form.sticky form button[type='submit'], body.industry-landingpage #contact-form.sticky form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; margin-top: 18px; } @media (max-width: 1000px) { body.industry-landingpage #signup-form.sticky, body.industry-landingpage #contact-form.sticky { left: auto; right: 0px; } } @media (max-width: 700px) { body.industry-landingpage #signup-form.sticky, body.industry-landingpage #contact-form.sticky { left: 50%; right: auto; margin-left: -188px; } } body.industry-landingpage #signup-form.sticky.fix-search { position: fixed; top: 0px; height: 55px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); left: 60%; width: 100%; max-width: 400px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: 1px solid #AA81F3; border: 1px solid #AA81F3; border: 1px solid var(--purple400); border-top: 0px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); cursor: pointer; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } body.industry-landingpage #contact-form.sticky.fix-search { position: fixed; top: 0px; height: 55px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); left: 60%; width: 100%; max-width: 400px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: 1px solid #AA81F3; border: 1px solid #AA81F3; border: 1px solid var(--purple400); border-top: 0px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); cursor: pointer; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } body.industry-landingpage #signup-form.sticky.fix-search .common-LayoutCellContent, body.industry-landingpage #contact-form.sticky.fix-search .common-LayoutCellContent { padding-top: 10px; } @media (max-width: 1000px) { body.industry-landingpage #signup-form.sticky.fix-search, body.industry-landingpage #contact-form.sticky.fix-search { left: auto; right: 0px; } } @media (max-width: 700px) { body.industry-landingpage #signup-form.sticky.fix-search, body.industry-landingpage #contact-form.sticky.fix-search { left: 50%; right: auto; margin-left: -186px; } } body.industry-landingpage #signup-form.sticky.fix-search #close, body.industry-landingpage #contact-form.sticky.fix-search #close { opacity: 0; } body.industry-landingpage #signup-form.sticky.fix-search .common-Header3, body.industry-landingpage #contact-form.sticky.fix-search .common-Header3 { color: #fff; } body.industry-landingpage #signup-form.sticky.fix-search form.common-LayoutCellContent, body.industry-landingpage #contact-form.sticky.fix-search form.common-LayoutCellContent { position: absolute; top: 0px; padding: 10px 40px 40px 40px; } body.industry-landingpage #signup-form.sticky.fix-search form.common-LayoutCellContent .common-FormField, body.industry-landingpage #signup-form.sticky.fix-search form.common-LayoutCellContent .common-Body2, body.industry-landingpage #contact-form.sticky.fix-search form.common-LayoutCellContent .common-FormField, body.industry-landingpage #contact-form.sticky.fix-search form.common-LayoutCellContent .common-Body2 { opacity: 0; } body.industry-landingpage #signup-form.sticky.expand { height: 100%; max-height: 800px; overflow: scroll; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); max-width: 400px; cursor: default; -webkit-transition: all 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: all 0.2s cubic-bezier(.455, .03, .515, .955); transition: all 0.2s cubic-bezier(.455, .03, .515, .955); transition: all 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: all 0.2s var(--ease-in-out-quad); -moz-transition: all 0.2s var(--ease-in-out-quad); transition: all 0.2s var(--ease-in-out-quad); } body.industry-landingpage #contact-form.sticky.expand { height: 100%; max-height: 800px; overflow: scroll; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); max-width: 400px; cursor: default; -webkit-transition: all 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: all 0.2s cubic-bezier(.455, .03, .515, .955); transition: all 0.2s cubic-bezier(.455, .03, .515, .955); transition: all 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: all 0.2s var(--ease-in-out-quad); -moz-transition: all 0.2s var(--ease-in-out-quad); transition: all 0.2s var(--ease-in-out-quad); } body.industry-landingpage #signup-form.sticky.expand .common-LayoutCellContent, body.industry-landingpage #contact-form.sticky.expand .common-LayoutCellContent { padding-top: 25px; } body.industry-landingpage #signup-form.sticky.expand #close, body.industry-landingpage #contact-form.sticky.expand #close { opacity: 1; cursor: pointer; } body.industry-landingpage #signup-form.sticky.expand #close::before, body.industry-landingpage #contact-form.sticky.expand #close::before { content: "×"; font: 400 26px/1em 'Roboto Slab', serif; } body.industry-landingpage #signup-form.sticky.expand #close:hover, body.industry-landingpage #contact-form.sticky.expand #close:hover { opacity:0.8; } body.industry-landingpage #signup-form.sticky.expand .common-Header3 { color: #3A4554; color: #3A4554; color: var(--gray100); cursor: pointer; } body.industry-landingpage #contact-form.sticky.expand .common-Header3 { color: #3A4554; color: #3A4554; color: var(--gray100); cursor: pointer; } body.industry-landingpage #signup-form.sticky.expand form.common-LayoutCellContent, body.industry-landingpage #contact-form.sticky.expand form.common-LayoutCellContent { opacity: 1; top: 0px; padding: 10px 40px 0 40px; } body.industry-landingpage #signup-form.sticky.expand form.common-LayoutCellContent .common-FormField, body.industry-landingpage #contact-form.sticky.expand form.common-LayoutCellContent .common-FormField { opacity: 1; } body.industry-landingpage #signup-form.sticky.expand form.common-LayoutCellContent .common-FormField, body.industry-landingpage #signup-form.sticky.expand form.common-LayoutCellContent .common-Body2, body.industry-landingpage #contact-form.sticky.expand form.common-LayoutCellContent .common-FormField, body.industry-landingpage #contact-form.sticky.expand form.common-LayoutCellContent .common-Body2 { opacity: 1; } body.industry-landingpage #signup-form.sticky .common-LayoutCellContent, body.industry-landingpage #contact-form.sticky .common-LayoutCellContent { min-height: 100%; padding: 24px 24px; grid-gap: 0px; } body.industry-landingpage .benefits .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 672px) { body.industry-landingpage .benefits .common-SectionIntro { -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; text-align: left; padding-bottom: 112px !important; } } body.industry-landingpage section.desktop[data-selected-feature='0'] .screenshotContainer picture:nth-child(1), body.industry-landingpage section.mobile[data-selected-feature='0'] .screenshotContainer picture:nth-child(1) { opacity: 1; } body.industry-landingpage section.desktop[data-selected-feature='1'] .screenshotContainer picture:nth-child(2), body.industry-landingpage section.mobile[data-selected-feature='1'] .screenshotContainer picture:nth-child(2) { opacity: 1; } body.industry-landingpage section.desktop[data-selected-feature='2'] .screenshotContainer picture:nth-child(3), body.industry-landingpage section.mobile[data-selected-feature='2'] .screenshotContainer picture:nth-child(3) { opacity: 1; } body.industry-landingpage section.desktop[data-selected-feature='3'] .screenshotContainer picture:nth-child(4), body.industry-landingpage section.mobile[data-selected-feature='3'] .screenshotContainer picture:nth-child(4) { opacity: 1; } body.industry-landingpage section.desktop .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.industry-landingpage section.mobile .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.industry-landingpage section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.industry-landingpage section.desktop img, body.industry-landingpage section.mobile img { width: 100%; vertical-align: top; } body.industry-landingpage section.desktop .screenshotContainer, body.industry-landingpage section.mobile .screenshotContainer { height: 100vw; -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); } @media (min-width: 672px) { body.industry-landingpage section.desktop .screenshotContainer, body.industry-landingpage section.mobile .screenshotContainer { height: auto; } } body.industry-landingpage section.desktop .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.industry-landingpage section.mobile .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.industry-landingpage section.desktop .screenshotContainer picture:not(:first-child), body.industry-landingpage section.mobile .screenshotContainer picture:not(:first-child) { position: absolute; width: 100%; height: auto; top: 0; left: 0; } body.industry-landingpage section.desktop .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.mobile .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.industry-landingpage section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.industry-landingpage section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.industry-landingpage section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.industry-landingpage section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.industry-landingpage section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.industry-landingpage section.desktop .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.desktop .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.mobile .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.mobile .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.industry-landingpage section.desktop .featureList, body.industry-landingpage section.mobile .featureList { position: relative; } body.industry-landingpage section.desktop .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.industry-landingpage section.mobile .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.industry-landingpage section.desktop .screenshot { margin-bottom: 4px; margin-bottom: 4px; margin-bottom: var(--grid-gap); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.industry-landingpage section.desktop .screenshot .common-LayoutCell { overflow: visible; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.industry-landingpage section.desktop .screenshot .common-LayoutCellContent { padding: 0; background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); z-index: 1; } @media (min-width: 672px) { body.industry-landingpage section.desktop .common-PageControl { display: none; } } @media (min-width: 672px) { body.industry-landingpage section.desktop .common-LayoutCell.feature { cursor: pointer; } body.industry-landingpage section.desktop .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.industry-landingpage section.desktop .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.industry-landingpage section.desktop .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.industry-landingpage section.desktop .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] {--features-desktop-2col: 892px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: (100vw)[2] !important; grid-template-columns: repeat(2, 100vw) !important; min-width: 0; } } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] {--features-desktop-3col: 896px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: (100vw)[3] !important; grid-template-columns: repeat(3, 100vw) !important; min-width: 0; } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features { width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } body.industry-landingpage section.desktop .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 671px) and (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.industry-landingpage section.desktop .common-Layout.features::-webkit-scrollbar, body.industry-landingpage section.desktop .common-Layout.features::-webkit-scrollbar-track, body.industry-landingpage section.desktop .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.industry-landingpage section.desktop .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.industry-landingpage section.desktop .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.industry-landingpage section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } @media (min-width: 708px) { body.industry-landingpage section.mobile .mobileScreenshot { display: none; } } body.industry-landingpage section.mobile .mobileScreenshot .common-LayoutCell { z-index: 1; } @media (min-width: 708px) { body.industry-landingpage section.mobile .common-PageControl { display: none; } } @media (min-width: 708px) { body.industry-landingpage section.mobile .common-LayoutCell.feature { cursor: pointer; } body.industry-landingpage section.mobile .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.industry-landingpage section.mobile .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.industry-landingpage section.mobile .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.industry-landingpage section.mobile .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.industry-landingpage section.mobile .common-Layout.features {--features-mobile-3col: 1016px;--features-mobile-2col: 708px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 708px; } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features { width: 100%; min-width: 0; -ms-grid-columns: (100vw)[4] !important; grid-template-columns: repeat(4, 100vw) !important; overflow: hidden; -webkit-overflow-scrolling: touch; } body.industry-landingpage section.mobile .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --blue1100: #165ff6; --blue1200: #089BFA; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --purple1000: #AC7AF7; --purple1100: rgb(172, 122, 247, .85); --purple1200: #481AC3; --white100: #fff; --white200: #f9f9f9; --green100: #0EC31C; --red100: #ED6363; --red900: #FFDEDA; --offwhite100: #E2F5FF; --offwhite200: #E9EDF2; --offwhite300: #F3F7FA; --offwhite400: #aaaaaa; --black100: #090e12; --solidwhite100: white; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 707px) and (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.industry-landingpage section.mobile .common-Layout.features::-webkit-scrollbar, body.industry-landingpage section.mobile .common-Layout.features::-webkit-scrollbar-track, body.industry-landingpage section.mobile .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.industry-landingpage section.mobile .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.industry-landingpage section.mobile .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (min-width: 708px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } body.industry-landingpage section.mobile .common-Layout.features .desktopScreenshot { display: none; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); z-index: 1; } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .desktopScreenshot { background-color: #F5F7FA; background-color: var(--gray900); } } body.industry-landingpage section.mobile .common-Layout.features .desktopScreenshot .screenshotContainer { position: -webkit-sticky; position: sticky; top: 0; } @media (min-width: 708px) { body.industry-landingpage section.mobile .common-Layout.features .desktopScreenshot { display: block; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / 5; } body.industry-landingpage section.mobile .common-Layout.features .feature1 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } body.industry-landingpage section.mobile .common-Layout.features .feature2 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } body.industry-landingpage section.mobile .common-Layout.features .feature3 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } body.industry-landingpage section.mobile .common-Layout.features .feature4 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } } @media (min-width: 1016px) { body.industry-landingpage section.mobile .common-Layout.features .desktopScreenshot { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; overflow: visible; } body.industry-landingpage section.mobile .common-Layout.features .feature { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; grid-row: auto / auto; grid-column: auto / auto !important; } } body.industry-landingpage section.grid {--customers-grid-4col: 1036px;--customers-grid-2col: 516px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.industry-landingpage section.grid:nth-child(4n+2) .common-LayoutCell.featured { --background-color: #AA81F3; --background-color: var(--purple400); } body.industry-landingpage section.grid:nth-child(4n+2) .common-LayoutCell.featured p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.industry-landingpage section.grid:nth-child(4n+3) .common-LayoutCell.featured { --background-color: #EB9B10; --background-color: var(--orange300); } body.industry-landingpage section.grid:nth-child(4n+3) .common-LayoutCell.featured p { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.industry-landingpage section.grid:nth-child(4n+4) .common-LayoutCell.featured { --background-color: #5C6D82; --background-color: var(--gray200); } body.industry-landingpage section.grid:nth-child(4n+4) .common-LayoutCell.featured p { color: #E9EDF2; color: #E9EDF2; color: var(--gray800); } body.industry-landingpage section.grid:nth-child(4n+5) .common-LayoutCell.featured { --background-color: #3DCAD4; --background-color: var(--teal400); } body.industry-landingpage section.grid:nth-child(4n+5) .common-LayoutCell.featured p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.industry-landingpage section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-filter: brightness(100%); filter: brightness(100%); height: 100%; } @media (min-width: 1036px) { body.industry-landingpage section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: -webkit-calc((100vw - 12px)/4); min-height: -moz-calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: -webkit-calc((100vw - var(--grid-gap)*3)/4); min-height: -moz-calc((100vw - var(--grid-gap)*3)/4); min-height: calc((100vw - var(--grid-gap)*3)/4); } } @media (min-width: 1196px) { body.industry-landingpage section.grid .common-LayoutCell.logo { min-height: 296px; min-height: 296px; min-height: -webkit-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: -moz-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: calc((var(--lg-viewport) - var(--grid-gap)*3)/4); } } body.industry-landingpage section.grid .common-LayoutCell.logo .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 24px; padding: 24px; padding: var(--layout-padding-x); } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.logo .common-LayoutCellContent { padding: 40px; padding: var(--layout-padding-x); } } body.industry-landingpage section.grid .common-LayoutCell.logo svg { width: 100%; max-width: 208px; } body.industry-landingpage section.grid .common-LayoutCell.logo svg path { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.industry-landingpage section.grid .common-LayoutCell.logo svg polygon { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.industry-landingpage section.grid .common-LayoutCell.featured { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background-color: undefined; background-color: var(--background-color); background-color: undefined; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.industry-landingpage section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } @media (min-width: 516px) { body.industry-landingpage section.grid .common-LayoutCell.featured { grid-column: 1 / -1 !important; } } @media (min-width: 1036px) { body.industry-landingpage section.grid .common-LayoutCell.featured { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; } body.industry-landingpage section.grid .common-LayoutCell.featured:first-child { -ms-grid-column: 1 !important; -ms-grid-column-span: 2 !important; grid-column: 1 / 3 !important; } body.industry-landingpage section.grid .common-LayoutCell.featured:nth-child(4) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-column: 3 !important; -ms-grid-column-span: 2 !important; grid-column: 3 / 5 !important; } } body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 672px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } } @media (min-width: 1036px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 64px 24px; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } } body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: start; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; max-width: 208px; margin-bottom: 48px; } @media (min-width: 672px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: 208px; margin-bottom: 0; margin-right: 48px; } } @media (min-width: 1036px) { body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: auto; margin-bottom: 48px; margin-right: 0; } } body.industry-landingpage section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg path { fill: #fff; } body.industry-landingpage section.grid .common-LayoutCell.featured h3 { color: #fff; } body.industry-landingpage section.grid .common-LayoutCell.featured .quote { position: relative; color: #fff; z-index: 1; } body.industry-landingpage section.grid .common-LayoutCell.featured .common-Button { --color: #fff; --highlighted-color: var(--background-color); --highlighted-color: var(--background-color); } @media (max-width: 700px) { body.industry-landingpage .benefits_mobileTopPad { padding-top: 200px; } } body.industry-landingpage #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.industry-landingpage #customers .common-Ratings { margin-top: 0; margin-bottom: 50px; } body.industry-landingpage #customers .common-Ratings div { margin-right: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media (max-width: 672px) { body.industry-landingpage #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.industry-landingpage #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.industry-landingpage #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.industry-landingpage #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.industry-landingpage #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.industry-landingpage #customers .common-LayoutCellContent.logos { padding-top: 0; } body.lost #illustration { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.lost #illustration .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.gdpr-notice .common-Header3, body.gdpr-notice .common-Body3, body.gdpr-notice .common-Header4, body.gdprNotice .common-Header3, body.gdprNotice .common-Body3, body.gdprNotice .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.gdpr-notice .common-Header3.title, body.gdprNotice .common-Header3.title { margin-bottom: 32px; text-align: center; } body.gdpr-notice .common-Header4, body.gdpr-notice .common-Body3, body.gdpr-notice .common-OrderedList-Alph, body.gdpr-notice .common-OrderedList-Num, body.gdprNotice .common-Header4, body.gdprNotice .common-Body3, body.gdprNotice .common-OrderedList-Alph, body.gdprNotice .common-OrderedList-Num { margin-bottom: 16px; } body.gdpr-notice .common-OrderedList-Alph, body.gdprNotice .common-OrderedList-Alph { margin-left: 24px; } body.gdpr-notice .disc_bullet, body.gdprNotice .disc_bullet { list-style-type: disc; } body.gdpr-notice .circle_bullet, body.gdprNotice .circle_bullet { list-style-type: circle; } body.gdpr-notice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.gdprNotice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.gdpr-notice .capital_alpha_bullet_light, body.gdprNotice .capital_alpha_bullet_light { list-style: upper-alpha; } body.gdpr-notice .nonnested_bullet_margin, body.gdprNotice .nonnested_bullet_margin { margin-left: 5%; } body.gdpr-notice .nested_bullet_margin, body.gdprNotice .nested_bullet_margin { margin-left: 3%; } body.gdpr-notice .bullet_left_margin, body.gdprNotice .bullet_left_margin { margin-left: 14.6%; } body.gdpr-notice .bullet_left_margin_lg, body.gdprNotice .bullet_left_margin_lg { margin-left: 16%; } body.gdpr-notice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400) } body.gdprNotice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400) } @media (max-width: 678px) { body.gdpr-notice .header_mobile_pad, body.gdprNotice .header_mobile_pad { padding-top: 10% !important; } } body.dpa-notice .common-Header3, body.dpa-notice .common-Body3, body.dpa-notice .common-Header4, body.dpaNotice .common-Header3, body.dpaNotice .common-Body3, body.dpaNotice .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.dpa-notice .common-Header3.title, body.dpaNotice .common-Header3.title { margin-bottom: 32px; text-align: center; } body.dpa-notice .common-Header4, body.dpa-notice .common-Body3, body.dpa-notice .common-OrderedList-Alph, body.dpa-notice .common-OrderedList-Num, body.dpaNotice .common-Header4, body.dpaNotice .common-Body3, body.dpaNotice .common-OrderedList-Alph, body.dpaNotice .common-OrderedList-Num { margin-bottom: 16px; } body.dpa-notice .common-OrderedList-Alph, body.dpaNotice .common-OrderedList-Alph { margin-left: 24px; } body.dpa-notice .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.dpaNotice .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.dpa-notice table, body.dpaNotice table { max-width: 784px; margin:0 auto; margin-bottom: 10px; } body.dpa-notice table td, body.dpa-notice table th, body.dpaNotice table td, body.dpaNotice table th { padding: 16px; border: 1px solid #fff; width: 100%; } body.dpa-notice table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.dpa-notice table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.dpaNotice table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.dpaNotice table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.dpa-notice table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.dpa-notice table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.dpaNotice table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.dpaNotice table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (max-width: 480px) { body.dpa-notice .mobilepad_top, body.dpaNotice .mobilepad_top { padding-top: 10%; } } body.dpa-notice .disc_bullet, body.dpaNotice .disc_bullet { list-style-type: disc; } body.dpa-notice .circle_bullet, body.dpaNotice .circle_bullet { list-style-type: circle; } body.dpa-notice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.dpaNotice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.dpa-notice .no_bullet_heading { color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.dpaNotice .no_bullet_heading { color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.dpa-notice .hyperlinked_bullet { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.dpaNotice .hyperlinked_bullet { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.dpa-notice .capital_alpha_bullet_light, body.dpaNotice .capital_alpha_bullet_light { list-style: upper-alpha; } body.dpa-notice .nonnested_bullet_margin, body.dpaNotice .nonnested_bullet_margin { margin-left: 5%; } body.dpa-notice .nested_bullet_margin, body.dpaNotice .nested_bullet_margin { margin-left: 3%; } body.dpa-notice .bullet_left_margin, body.dpaNotice .bullet_left_margin { margin-left: 14.6%; } body.dpa-notice .bullet_left_margin_lg, body.dpaNotice .bullet_left_margin_lg { margin-left: 16%; } body.dpa-notice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.dpaNotice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } @media (max-width: 678px) { body.dpa-notice .header_mobile_pad, body.dpaNotice .header_mobile_pad { padding-top: 10% !important; } } body.dpa-notice .square_bullet, body.dpaNotice .square_bullet { list-style-type: square; } body.dpa-notice .small_header_dpa, body.dpaNotice .small_header_dpa { font-size: 18px; } body.dpa-notice .no_bullet, body.dpaNotice .no_bullet { list-style-type: none; } body.scandit-notice .common-Header3, body.scandit-notice .common-Body3, body.scandit-notice .common-Header4, body.scanditNotice .common-Header3, body.scanditNotice .common-Body3, body.scanditNotice .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.scandit-notice .common-Header3.title, body.scanditNotice .common-Header3.title { margin-bottom: 32px; text-align: center; } body.scandit-notice .common-Header4, body.scandit-notice .common-Body3, body.scandit-notice .common-OrderedList-Alph, body.scandit-notice .common-OrderedList-Num, body.scanditNotice .common-Header4, body.scanditNotice .common-Body3, body.scanditNotice .common-OrderedList-Alph, body.scanditNotice .common-OrderedList-Num { margin-bottom: 16px; } body.scandit-notice .common-OrderedList-Alph, body.scanditNotice .common-OrderedList-Alph { margin-left: 24px; } body.scandit-notice .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.scanditNotice .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.scandit-notice table, body.scanditNotice table { max-width: 784px; margin:0 auto; margin-bottom: 10px; } body.scandit-notice table td, body.scandit-notice table th, body.scanditNotice table td, body.scanditNotice table th { padding: 16px; border: 1px solid #fff; width: 100%; } body.scandit-notice table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.scandit-notice table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.scanditNotice table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.scanditNotice table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.scandit-notice table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.scandit-notice table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.scanditNotice table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.scanditNotice table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (max-width: 480px) { body.scandit-notice .mobilepad_top, body.scanditNotice .mobilepad_top { padding-top: 10%; } } body.scandit-notice .disc_bullet, body.scanditNotice .disc_bullet { list-style-type: disc; } body.scandit-notice .circle_bullet, body.scanditNotice .circle_bullet { list-style-type: circle; } body.scandit-notice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.scanditNotice .capital_alpha_bullet { list-style: upper-alpha; color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.scandit-notice .no_bullet_heading { color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.scanditNotice .no_bullet_heading { color: #5C6D82; color: #5C6D82; color: var(--gray200); font-size: 18px; } body.scandit-notice .hyperlinked_bullet { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.scanditNotice .hyperlinked_bullet { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.scandit-notice .capital_alpha_bullet_light, body.scanditNotice .capital_alpha_bullet_light { list-style: upper-alpha; } body.scandit-notice .nonnested_bullet_margin, body.scanditNotice .nonnested_bullet_margin { margin-left: 5%; } body.scandit-notice .nested_bullet_margin, body.scanditNotice .nested_bullet_margin { margin-left: 3%; } body.scandit-notice .bullet_left_margin, body.scanditNotice .bullet_left_margin { margin-left: 14.6%; } body.scandit-notice .bullet_left_margin_lg, body.scanditNotice .bullet_left_margin_lg { margin-left: 16%; } body.scandit-notice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.scanditNotice .subheader_text { font-size: 15px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } @media (max-width: 678px) { body.scandit-notice .header_mobile_pad, body.scanditNotice .header_mobile_pad { padding-top: 10% !important; } } body.scandit-notice .square_bullet, body.scanditNotice .square_bullet { list-style-type: square; } body.scandit-notice .small_header_dpa, body.scanditNotice .small_header_dpa { font-size: 18px; } body.scandit-notice .no_bullet, body.scanditNotice .no_bullet { list-style-type: none; } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #hero .photo { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo1vertical@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo2@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo3@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo4@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/careers/photos/photo5@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.contact #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.contact-sales #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.contact-general #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(1) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-grocery@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(2) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-pharmacy@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(3) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-restaurant@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(4) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-cannabis@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(5) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-courier@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(6) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-prepared-meals@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(7) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-beverages@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(8) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-retail-ecommerce@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(9) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-furniture@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(10) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/home/onfleet-industry-construction@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.solutions #cost .common-LayoutCell.visible { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/solutions/photo4@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.webinars #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.branding #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.support #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.onboarding #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.devhub #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/trev-benson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/filipe-boleto@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-garrison@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/samantha-hale@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/maile-malin@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/james-resnick@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/justin-stimatze@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(31) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(32) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/michelle-thompson@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(33) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(34) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/shuai-tseng@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(35) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(36) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/donatella-vitelli@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(37) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #photos .common-LayoutCell:nth-child(38) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.trust #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/sd952ccd3/images/company/map@2x.jpg); } } @media (min-width: 1196px) { .common-LayoutCell.fullWidth { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } } .common-LayoutCell { position: relative; overflow: hidden; } .common-LayoutCellContent { position: relative; width: 100%; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } .common-UserCarousel .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-UserCarousel .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-UserCarousel .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-UserCarousel .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-UserCarousel .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-UserCarousel { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-UserCarousel .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-Table .common-Layout { -ms-grid-columns: minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr); grid-template-columns: minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } .common-2ColumnLayout .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-2ColumnLayout .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-2ColumnLayout .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-2ColumnLayout .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-2ColumnLayout .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { .common-2ColumnLayout { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } .common-2ColumnLayout .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-2ColumnLayout .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } .common-SiteFooter .common-Layout.ctas .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { .common-SiteFooter .common-Layout.ctas { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-SiteFooter .common-Layout.ctas.singleCTA { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-SiteFooter .common-Layout.sitemap { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } #blog-posts #latest-posts .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { #blog-posts #latest-posts .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } #blog-posts #latest-posts .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } #blog-posts #latest-posts .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { #blog-posts #latest-posts { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.careers #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.careers #hero { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.careers #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.careers #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #photos .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #photos .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #photos .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #photos .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #photos { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #photos .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #photos .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.careers #photos { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.careers #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.careers #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.careers #job_perks .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #job_perks .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #job_perks .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #job_perks .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #job_perks .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #job_perks { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #job_perks .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #job_perks .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.careers #job_perks { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #job_perks .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #job_perks .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.careers #job_perks .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.careers #job_perks .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.careers #our_word .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #our_word .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #our_word .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #our_word .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #our_word .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #our_word { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #our_word .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #our_word .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.careers #our_word { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #our_word .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #our_word .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.careers #our_word .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.careers #video_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #video_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #video_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #video_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #video_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #video_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #video_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #video_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.careers #positions_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #positions_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #positions_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #positions_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #positions_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #positions_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 3fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 3fr) } body.careers #positions_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #positions_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.careers #open_positions .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #open_positions .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #open_positions .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #open_positions .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #open_positions .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #open_positions { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 3fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 3fr) } body.careers #open_positions .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #open_positions .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.company #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.company #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.company #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.company #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.company #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.company #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.company #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.company #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.company #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.company #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.company #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.company #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.company #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.company #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.company #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.company #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.company #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.company #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.company #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.company #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.company #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.company #team_background_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #team_background_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #team_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #team_background_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #team_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.company #team_background_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.company #team_background_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.company #video_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #video_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #video_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #video_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #video_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.company #video_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.company #video_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #video_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.company #awards .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #awards .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #awards .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #awards .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #awards .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.company #awards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.company #awards .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #awards .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.company #awards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.company #awards .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #awards .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #awards .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.company #awards_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #awards_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #awards_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #awards_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #awards_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.company #awards_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.company #awards_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact #plansOverview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #plansOverview .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #plansOverview .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.contact #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.contact #plansOverview .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.contact #plansOverview .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.contact #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.contact #plansOverview .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.contact #plansOverview .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.contact #plansOverview .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.contact #newPlan .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #newPlan .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #newPlan .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact #newPlan { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact #newPlan .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact-sales #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-sales #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-sales #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 956px) { body.contact-sales #hero { -ms-grid-columns: minmax(380px, 1fr) minmax(572px, 1fr); grid-template-columns: minmax(380px, 1fr) minmax(572px, 1fr) } body.contact-sales #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.contact-sales #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.contact-sales #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-sales #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-sales #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact-sales #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact-sales #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact-sales #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-sales #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-sales #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-sales #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact-sales #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact-sales #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact-general #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-general #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-general #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-general #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-general #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 956px) { body.contact-general #hero { -ms-grid-columns: minmax(380px, 1fr) minmax(572px, 1fr); grid-template-columns: minmax(380px, 1fr) minmax(572px, 1fr) } body.contact-general #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.contact-general #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.contact-general #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-general #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-general #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-general #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-general #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact-general #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact-general #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact-general #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact-general #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact-general #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact-general #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact-general #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact-general #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact-general #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.customers #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.customers #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.customers #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.customers #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.customers #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.customers #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.customers #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.customers section.grid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.customers section.grid .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.customers section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.customers section.grid .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.customers section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 516px) { body.customers section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) } body.customers section.grid .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.customers section.grid .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1036px) { body.customers section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) } body.customers section.grid .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.customers section.grid .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.customers section.grid .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.customers section.grid .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.features #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features section.desktop .common-Layout.intro { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.intro { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.intro { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.intro { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } body.features section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.features section.desktop .screenshot .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .screenshot { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 892px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(444px, 1fr) minmax(444px, 1fr); grid-template-columns: minmax(444px, 1fr) minmax(444px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1196px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 896px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } @media (min-width: 1196px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } } body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } } body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } } @media (min-width: 0px) { body.features section.mobile .common-Layout.features { -ms-grid-columns: minmax(352px, 1fr) minmax(352px, 1fr); grid-template-columns: minmax(352px, 1fr) minmax(352px, 1fr) } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1016px) { body.features section.mobile .common-Layout.features { -ms-grid-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr) } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.features #integrations .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features #integrations .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features #integrations .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 836px) { body.features #integrations { -ms-grid-columns: minmax(416px, 2fr) minmax(416px, 3fr); grid-template-columns: minmax(416px, 2fr) minmax(416px, 3fr) } body.features #integrations .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features #integrations .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPage #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 946px) { body.landingPage #hero { -ms-grid-columns: minmax(370px, 1fr) minmax(572px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(572px, 1fr) } body.landingPage #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.landingPage #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPage #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPage #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPage #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.learn-more #learnMore .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.learn-more #learnMore .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.learn-more #learnMore .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.learn-more #learnMore .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.learn-more #learnMore .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.learn-more #learnMore { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.learn-more #learnMore .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.learn-more #learnMore .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.learn-more #learnMore { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.login #login .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.login #login .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.login #login .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.login #login .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.login #login .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.login #login { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.login #login .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index .aside-overview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index .aside-overview .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index .aside-overview .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index .aside-overview { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index .aside-overview .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #industries .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #industries .common-LayoutCell:nth-child(10n - 9) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #industries .common-LayoutCell:not(.fullWidth):nth-child(10n - 9) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #industries .common-LayoutCell:nth-child(10n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #industries .common-LayoutCell:not(.fullWidth):nth-child(10n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 591px) { body.index #industries { -ms-grid-columns: minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr); grid-template-columns: minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) } body.index #industries .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.index #industries .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.index #industries .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.index #industries .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.index #industries .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } @media (min-width: 1186px) { body.index #industries { -ms-grid-columns: minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr); grid-template-columns: minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) minmax(115px, 1fr) } body.index #industries .common-LayoutCell:nth-child(10n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.index #industries .common-LayoutCell:nth-child(10n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.index #industries .common-LayoutCell:nth-child(10n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.index #industries .common-LayoutCell:nth-child(10n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.index #industries .common-LayoutCell:nth-child(10n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.index #industries .common-LayoutCell:nth-child(10n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } body.index #industries .common-LayoutCell:nth-child(10n+7) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 7 / 8; } body.index #industries .common-LayoutCell:nth-child(10n+8) { -ms-grid-column: 8; -ms-grid-column-span: 1; grid-column: 8 / 9; } body.index #industries .common-LayoutCell:nth-child(10n+9) { -ms-grid-column: 9; -ms-grid-column-span: 1; grid-column: 9 / 10; } body.index #industries .common-LayoutCell:nth-child(10n+10) { -ms-grid-column: 10; -ms-grid-column-span: 1; grid-column: 10 / 11; } } body.index #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners .aside-overview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners .aside-overview .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners .aside-overview .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners .aside-overview { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners .aside-overview .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.partners #becomePartner .common-Layout.ctas { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners #becomePartner .common-Layout.ctas.singleCTA { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #integrations .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #integrations .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #integrations .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 836px) { body.partners #integrations { -ms-grid-columns: minmax(416px, 2fr) minmax(416px, 3fr); grid-template-columns: minmax(416px, 2fr) minmax(416px, 3fr) } body.partners #integrations .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.partners #integrations .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.press #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.press #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.press #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.press #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.press #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.press #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.press #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.press #articles .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.press #articles .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.press #articles .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.press #articles .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.press #articles .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.press #articles { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.press #articles .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.press #articles .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.pricing #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #plansOverview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansOverview .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansOverview .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.pricing #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #plansOverview .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansOverview .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.pricing #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.pricing #newPlan .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #newPlan .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #newPlan .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #newPlan { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #newPlan .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #plansTable > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable .common-Table .common-Layout { -ms-grid-columns: minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr); grid-template-columns: minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } body.pricing #plansTable > .comparison .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .comparison .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .comparison .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable > .comparison { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #cost .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #cost .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #cost .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #cost .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #cost .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 964px) { body.pricing #cost { -ms-grid-columns: minmax(512px, 2fr) minmax(448px, 1fr); grid-template-columns: minmax(512px, 2fr) minmax(448px, 1fr) } body.pricing #cost .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #cost .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.pricing #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #review_badges .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #review_badges .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #review_badges .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #review_badges .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #review_badges .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #review_badges { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #review_badges .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #app_reviews .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #app_reviews .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #app_reviews .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #app_reviews .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #app_reviews .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #app_reviews { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #app_reviews .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #the_pricecards .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #the_pricecards .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #the_pricecards .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #the_pricecards .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #the_pricecards .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.pricing #the_pricecards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #the_pricecards .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #the_pricecards .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.pricing #the_pricecards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #the_pricecards .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #the_pricecards .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricing #the_pricecards .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.pricing #pricecard_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #pricecard_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #pricecard_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #pricecard_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #pricecard_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.pricing #pricecard_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.pricing #pricecard_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #telephony_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #telephony_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #telephony_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #telephony_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #telephony_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.pricing #telephony_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #telephony_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #telephony_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.pricingComparison #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricingComparison #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricingComparison #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricingComparison #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricingComparison #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricingComparison .common-Table .common-Layout { -ms-grid-columns: minmax(176px, 3fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr); grid-template-columns: minmax(176px, 3fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } body.signup #signup .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.signup #signup .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.signup #signup .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.signup #signup .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.signup #signup .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 880px) { body.signup #signup { -ms-grid-columns: minmax(370px, 1fr) minmax(506px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(506px, 1fr) } body.signup #signup .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.signup #signup .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.signup #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.signup #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.signup #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.signup #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.signup #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.signup #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.signup #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.solutions #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.solutions #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.solutions #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.solutions #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.solutions #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.solutions #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.solutions #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.solutions #cost .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.solutions #cost .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.solutions #cost .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.solutions #cost .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.solutions #cost .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 964px) { body.solutions #cost { -ms-grid-columns: minmax(512px, 2fr) minmax(448px, 1fr); grid-template-columns: minmax(512px, 2fr) minmax(448px, 1fr) } body.solutions #cost .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.solutions #cost .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.drivers #drivers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.drivers #drivers .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.drivers #drivers .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.drivers #drivers .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.drivers #drivers .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 880px) { body.drivers #drivers { -ms-grid-columns: minmax(370px, 1fr) minmax(506px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(506px, 1fr) } body.drivers #drivers .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.drivers #drivers .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.thankyou #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.thankyou #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.thankyou #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.thankyou #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.thankyou #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.thankyou #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.thankyou #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.thankyou #team_background_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.thankyou #team_background_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.thankyou #team_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.thankyou #team_background_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.thankyou #team_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.thankyou #team_background_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.thankyou #team_background_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.thankyou #section_bluetiles .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.thankyou #section_bluetiles .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.thankyou #section_bluetiles .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.thankyou #section_bluetiles .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.thankyou #section_bluetiles .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.thankyou #section_bluetiles { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.thankyou #section_bluetiles .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 860px) { body.thankyou #section_bluetiles { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.thankyou #section_bluetiles .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.thankyou #section_bluetiles .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.thankyou #section_bluetiles .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.webinars #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.webinars #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.webinars #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.webinars #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.webinars #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.webinars #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.webinars #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.webinars #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.webinars #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.webinars #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.webinars #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.webinars #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.webinars #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.webinars #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.webinars #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.webinars #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.webinars #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.webinars #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.webinars #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.webinars #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.webinars #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.webinars #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.webinars #suggestions_background_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #suggestions_background_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #suggestions_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #suggestions_background_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #suggestions_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.webinars #suggestions_background_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.webinars #suggestions_background_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.webinars #featured_event_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #featured_event_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #featured_event_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #featured_event_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #featured_event_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.webinars #featured_event_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #featured_event_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #featured_event_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.webinars #features_event_headlinebox .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #features_event_headlinebox .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #features_event_headlinebox .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #features_event_headlinebox .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #features_event_headlinebox .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.webinars #features_event_headlinebox { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.webinars #features_event_headlinebox .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.webinars #upcoming_events .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #upcoming_events .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #upcoming_events .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #upcoming_events .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #upcoming_events .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.webinars #upcoming_events { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #upcoming_events .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #upcoming_events .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.webinars #upcoming_events { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #upcoming_events .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #upcoming_events .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #upcoming_events .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.webinars #event_teammate_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #event_teammate_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #event_teammate_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.webinars #event_teammate_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.webinars #event_teammate_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.webinars #previous_events .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #previous_events .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #previous_events .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #previous_events .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #previous_events .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.webinars #previous_events { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #previous_events .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #previous_events .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.webinars #previous_events { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.webinars #previous_events .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.webinars #previous_events .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.webinars #previous_events .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.webinars #previous_event_teammate_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.webinars #previous_event_teammate_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.webinars #previous_event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.webinars #previous_event_teammate_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.webinars #previous_event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.webinars #previous_event_teammate_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.webinars #previous_event_teammate_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.branding #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.branding #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.branding #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.branding #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.branding #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.branding #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.branding #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.branding #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.branding #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.branding #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.branding #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.branding #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.branding #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.branding #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.branding #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.branding #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.branding #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.branding #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.branding #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.branding #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.branding #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.branding #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.branding #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.branding #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.branding #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.branding #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.branding #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .colors_row1 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .colors_row1 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .colors_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .colors_row1 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .colors_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .colors_row1 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .colors_row1 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .colors_row2 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .colors_row2 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .colors_row2 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .colors_row2 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .colors_row2 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .colors_row2 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .colors_row2 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding #sec_nav_box .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #sec_nav_box .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #sec_nav_box .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #sec_nav_box .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #sec_nav_box .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.branding #sec_nav_box { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.branding #sec_nav_box .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .logos_row1 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .logos_row1 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .logos_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .logos_row1 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .logos_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .logos_row1 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .logos_row1 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .logos_row2 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .logos_row2 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .logos_row2 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .logos_row2 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .logos_row2 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .logos_row2 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .logos_row2 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .type_row1 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .type_row1 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .type_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .type_row1 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .type_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .type_row1 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .type_row1 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding .imagery_row1 .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding .imagery_row1 .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding .imagery_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding .imagery_row1 .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding .imagery_row1 .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.branding .imagery_row1 { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.branding .imagery_row1 .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.branding #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.branding #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.branding #download_guide_box .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.branding #download_guide_box .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.branding #download_guide_box .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.branding #download_guide_box .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.branding #download_guide_box .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.branding #download_guide_box { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.branding #download_guide_box .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.support #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.support #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.support #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.support #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.support #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.support #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.support #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.support #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.support #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.support #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.support #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.support #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.support #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.support #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.support #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.support #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.support #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.support #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.support #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.support #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.support #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.support #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #search_box .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #search_box .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #search_box .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #search_box .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #search_box .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.support #search_box { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.support #search_box .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #guidance_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #guidance_section .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #guidance_section .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.support #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.support #guidance_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #guidance_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.support #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.support #guidance_section .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #guidance_section .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #guidance_section .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.support #quick_links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #quick_links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #quick_links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.support #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.support #quick_links .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #quick_links .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.support #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.support #quick_links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #quick_links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.support #quick_links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.support #all_guides_cta_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #all_guides_cta_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #all_guides_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #all_guides_cta_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #all_guides_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.support #all_guides_cta_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.support #all_guides_cta_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #guidance_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #guidance_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #guidance_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.support #guidance_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.support #guidance_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #quick_links_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #quick_links_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #quick_links_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.support #quick_links_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.support #quick_links_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #popular_links_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #popular_links_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #popular_links_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #popular_links_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #popular_links_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.support #popular_links_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.support #popular_links_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #popular_links_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.support #event_teammate_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #event_teammate_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #event_teammate_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.support #event_teammate_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.support #event_teammate_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.support #contact_support_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.support #contact_support_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.support #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.support #contact_support_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.support #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.support #contact_support_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.support #contact_support_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.support #contact_support_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.onboarding #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.onboarding #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.onboarding #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.onboarding #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.onboarding #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.onboarding #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.onboarding #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.onboarding #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.onboarding #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.onboarding #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.onboarding #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.onboarding #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.onboarding #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.onboarding #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.onboarding #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.onboarding #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.onboarding #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.onboarding #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.onboarding #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #search_box .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #search_box .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #search_box .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #search_box .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #search_box .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.onboarding #search_box { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.onboarding #search_box .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #guidance_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #guidance_section .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #guidance_section .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.onboarding #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #guidance_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #guidance_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.onboarding #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #guidance_section .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #guidance_section .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #guidance_section .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.onboarding #quick_links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #quick_links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #quick_links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.onboarding #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #quick_links .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #quick_links .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.onboarding #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #quick_links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #quick_links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #quick_links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.onboarding #all_guides_cta_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #all_guides_cta_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #all_guides_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #all_guides_cta_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #all_guides_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #all_guides_cta_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #all_guides_cta_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #all_onboarding_cta_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #all_onboarding_cta_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #all_onboarding_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #all_onboarding_cta_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #all_onboarding_cta_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #all_onboarding_cta_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #all_onboarding_cta_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #guidance_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #guidance_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #guidance_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #guidance_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #guidance_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #quick_links_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #quick_links_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #quick_links_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #quick_links_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #quick_links_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #webinar_event_cards .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #webinar_event_cards .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #webinar_event_cards .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.onboarding #webinar_event_cards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.onboarding #webinar_event_cards { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.onboarding #webinar_event_cards .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.onboarding #event_teammate_intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #event_teammate_intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #event_teammate_intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #event_teammate_intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.onboarding #event_teammate_intro { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.onboarding #event_teammate_intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.onboarding #contact_support_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.onboarding #contact_support_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.onboarding #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.onboarding #contact_support_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.onboarding #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.onboarding #contact_support_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.onboarding #contact_support_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.onboarding #contact_support_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.devhub #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.devhub #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.devhub #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.devhub #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.devhub #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.devhub #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.devhub #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.devhub #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.devhub #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.devhub #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.devhub #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.devhub #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.devhub #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.devhub #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.devhub #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.devhub #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.devhub #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.devhub #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.devhub #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.devhub #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.devhub #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.devhub #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.devhub #related_sections .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #related_sections .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #related_sections .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #related_sections .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #related_sections .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.devhub #related_sections { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.devhub #related_sections .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.devhub #guidance_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #guidance_section .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #guidance_section .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #guidance_section .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.devhub #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #guidance_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #guidance_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.devhub #guidance_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #guidance_section .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #guidance_section .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #guidance_section .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.devhub #quick_links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #quick_links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #quick_links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #quick_links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.devhub #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #quick_links .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #quick_links .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 860px) { body.devhub #quick_links { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #quick_links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #quick_links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.devhub #quick_links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.devhub #guidance_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #guidance_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #guidance_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #guidance_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.devhub #guidance_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.devhub #guidance_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.devhub #quick_links_mainheadline .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #quick_links_mainheadline .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #quick_links_mainheadline .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #quick_links_mainheadline .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.devhub #quick_links_mainheadline { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.devhub #quick_links_mainheadline .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.devhub #contact_support_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.devhub #contact_support_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.devhub #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.devhub #contact_support_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.devhub #contact_support_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.devhub #contact_support_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.devhub #contact_support_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.devhub #contact_support_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.trust #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.trust #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.trust #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.trust #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.trust #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.trust #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.trust #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.trust #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.trust #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.trust #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.trust #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.trust #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.trust #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.trust #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.trust #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.trust #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.trust #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.trust #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.trust #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.trust #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.trust #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.trust #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.trust #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.trust #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.trust #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.trust #main_hero_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #main_hero_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #main_hero_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #main_hero_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.trust #main_hero_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.trust #main_hero_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.trust #questions_background_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #questions_background_section .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #questions_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #questions_background_section .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #questions_background_section .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 284px) { body.trust #questions_background_section { -ms-grid-columns: minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) } body.trust #questions_background_section .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.trust #popular_links_section .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.trust #popular_links_section .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.trust #popular_links_section .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.trust #popular_links_section .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.trust #popular_links_section .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.trust #popular_links_section { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.trust #popular_links_section .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.trust #popular_links_section .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPageAlt #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.industry-landingpage #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.industry-landingpage #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.industry-landingpage #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.industry-landingpage section.desktop .common-Layout.intro, body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.industry-landingpage section.desktop .common-Layout.intro { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.intro { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.desktop .common-Layout.intro { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.intro { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage section.desktop .common-Layout.intro, body.industry-landingpage section.mobile .common-Layout.intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.industry-landingpage section.desktop .common-Layout.intro, body.industry-landingpage section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.industry-landingpage section.desktop .screenshot .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.industry-landingpage section.desktop .screenshot .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.desktop .screenshot .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage section.desktop .screenshot { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.industry-landingpage section.desktop .screenshot .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 892px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(444px, 1fr) minmax(444px, 1fr); grid-template-columns: minmax(444px, 1fr) minmax(444px, 1fr) } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1196px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 896px) { body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr) } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.industry-landingpage section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } @media (min-width: 1196px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } } @media (min-width: 0px) { body.industry-landingpage section.mobile .common-Layout.features { -ms-grid-columns: minmax(352px, 1fr) minmax(352px, 1fr); grid-template-columns: minmax(352px, 1fr) minmax(352px, 1fr) } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1016px) { body.industry-landingpage section.mobile .common-Layout.features { -ms-grid-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr) } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.industry-landingpage section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.industry-landingpage section.grid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 516px) { body.industry-landingpage section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) } body.industry-landingpage section.grid .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.grid .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1036px) { body.industry-landingpage section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) } body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.industry-landingpage section.grid .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.industry-landingpage #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.industry-landingpage #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.industry-landingpage #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.industry-landingpage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.industry-landingpage #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.industry-landingpage #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.lost #illustration .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.lost #illustration .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.lost #illustration .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.lost #illustration .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.lost #illustration .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.lost #illustration { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.lost #illustration .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } }