/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/3d13d5"); */
@font-face {
font-family: 'Gilroy-ExtraBold';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBold.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBold.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBold.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-ExtraBoldItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBoldItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBoldItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/ExtraBold/Gilroy-ExtraBoldItalic.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-Light';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-Light.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-Light.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-Light.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-LightItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-LightItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-LightItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Light/Gilroy-LightItalic.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-UltraLight';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-Thin';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/UltraLight/Gilroy-UltraLight.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-Medium';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-MediumItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.woff") format("woff"); }
@font-face {
font-family: 'Gilroy';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-Regular';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-Medium.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-RegularItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Medium/Gilroy-MediumItalic.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-SemiBold';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBold.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBold.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBold.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-SemiBoldItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBoldItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBoldItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Semibold/Gilroy-SemiBoldItalic.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-Bold';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-Bold.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-Bold.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-Bold.woff") format("woff"); }
@font-face {
font-family: 'Gilroy-BoldItalic';
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-BoldItalic.eot");
src: url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-BoldItalic.woff2") format("woff2"), url("https://s3.amazonaws.com/media.greatplacetowork.com/fonts/gilroy/Bold/Gilroy-BoldItalic.woff") format("woff"); }
.mobile {
width: 400px; }
/*
Colors
Colors:
$color-gptw-red: #FF1628 - red
$color-gptw-black: #11131C - black
$color-gptw-bg-blue: #E3F7FF - background color
$color-gptw-bg-red: #FF1628 - background color
$color-gptw-bg-dark-blue: #0045FF - background color
$color-gptw-bg-charcoal: #11131C - background color
$color-gptw-bg-gray: #f7f7f7 - background color
$color-gptw-bg-green: #def2bf - background color
$color-gptw-bg-purple: #eee6fc - background color
$color-gptw-bg-yellow: #FFFAC1 - background color
$color-gptw-bg-royal-blue: #174bd6 - background color
$color-gptw-bg-dark-purple: #401A80 - background color
$color-gptw-bg-pink: #ffd3e8 - background color
$color-gptw-bright-green: #7dcc00 - accent color
$color-gptw-bright-red: #FF1628 - accent color
$color-gptw-dark-green: #007373 - accent color
$color-gptw-gold: #ffb81a - accent color
$color-gptw-logo-red: #FF1628 - accent color
$color-gptw-teal: #2cd9dd - accent color
$color-gptw-text-navy-blue: #002171 - text color
$color-gptw-text-bright-blue: #0045FF - text color
$color-gptw-text-light-blue: #337DFF - text color
$color-gptw-text-light-grey: #b3b3b3 - text color
$color-gptw-text-medium-grey: #5c6066 - text color
$color-gptw-text-white: #ffffff - text color
$color-gptw-link-background: #EFEFEF - link background color
Styleguide Colors
*/
/*
Colors
Various text colors
Markup:
A paragraph tag
.font-grey - grey
.font-lighter-grey - light grey
.font-red - red
Styleguide Text - Colors
*/
/* Background colours */
/* Accent colors */
/* CHART COLOURS */
/* LEGACY COLOUR DEFINITIONS */
section {
height: auto; }
.container-fluid.constrained {
max-width: 1400px; }
.font-grey {
color: #5c6066; }
.font-lighter-grey {
color: #868686; }
.font-red {
color: #FF1628; }
.font-red {
color: #ff1628; }
/* Background colors */
.background-blue {
background-color: #E3F7FF; }
.background-blue.gradient-to-white {
background: linear-gradient(#E3F7FF, white); }
.background-red {
background-color: #FF1628; }
.background-red.gradient-to-white {
background: linear-gradient(#FF1628, white); }
.background-dark-blue {
background-color: #0045ff; }
.background-dark-blue.gradient-to-white {
background: linear-gradient(#0045ff, white); }
.background-charcoal {
background-color: #11131C; }
.background-charcoal.gradient-to-white {
background: linear-gradient(#11131C, white); }
.background-charcoal .btn.btn-tertiary {
color: #11131C; }
.background-charcoal .btn.btn-tertiary:hover {
color: #11131C; }
.background-royal-blue {
background-color: #174bd6; }
.background-royal-blue.gradient-to-white {
background: linear-gradient(#174bd6, white); }
.background-royal-blue .btn.btn-tertiary {
color: #174bd6; }
.background-royal-blue .btn.btn-tertiary:hover {
color: #174bd6; }
.background-green {
background-color: #def2bf; }
.background-green.gradient-to-white {
background: linear-gradient(#def2bf, white); }
.background-purple {
background-color: #eee6fc; }
.background-purple.gradient-to-white {
background: linear-gradient(#eee6fc, white); }
.background-dark-purple {
background-color: #401a80; }
.background-dark-purple.gradient-to-white {
background: linear-gradient(#401a80, white); }
.background-dark-purple .btn.btn-tertiary {
color: #401a80; }
.background-dark-purple .btn.btn-tertiary:hover {
color: #401a80; }
.background-pink {
background-color: #ffd3e8; }
.background-pink.gradient-to-white {
background: linear-gradient(#ffd3e8, white); }
.background-yellow {
background-color: #fffac1; }
.background-yellow.gradient-to-white {
background: linear-gradient(#fffac1, white); }
.background-gray {
background-color: #f7f7f7; }
.background-gray.gradient-to-white {
background: linear-gradient(#f7f7f7, white); }
.background-white {
background-color: white; }
.text-blue {
color: #002171; }
.text-red {
color: #FF1628; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-kerning: auto; }
h1.font-grey,
.h1.font-grey,
h2.font-grey,
.h2.font-grey,
h3.font-grey,
.h3.font-grey,
h4.font-grey,
.h4.font-grey,
h5.font-grey,
.h5.font-grey,
h6.font-grey,
.h6.font-grey {
color: #5c6066; }
h1.font-red,
.h1.font-red,
h2.font-red,
.h2.font-red,
h3.font-red,
.h3.font-red,
h4.font-red,
.h4.font-red,
h5.font-red,
.h5.font-red,
h6.font-red,
.h6.font-red {
color: #FF1628; }
#kss-node #kssref-buttons .kss-modifier__example {
outline: none; }
#kss-node .kss-modifier__example {
outline: 1px dashed #0a51d4;
background-color: #e2e2e2; }
#kss-node .kss-modifier__example .element {
outline: 1px solid #0a51d4; }
#kss-node .kss-modifier__example .container {
width: 100%; }
img {
max-width: 100%; }
img.cover {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
max-width: 100%; }
img.contain {
object-fit: contain;
font-family: 'object-fit: contain;'; }
img.zoom {
transition: transform 0.2s; }
img.zoom:hover {
transform: scale(1.1); }
.zoom > img {
transition: transform 0.2s; }
.zoom:hover > img {
transform: scale(1.1); }
.background-image {
background-size: cover;
background-position: center; }
/*
Alignment
Various text alignment classes. Default is set on body. Usually applied to rows.
Markup:
A heading tag
A paragraph tag
.text-left - left on large
.text-center - center on large
.text-right - right on large
.text-stacked-left - left when stacked
.text-stacked-center - center when stacked
.text-stacked-right - right when stacked
.text-left.text-stacked-left - left when stacked and above
.text-center.text-stacked-center - center when stacked and above
.text-right.text-stacked-right - right when stacked and above
Styleguide Text - Alignment
*/
.text-left,
.row.heading.text-left {
text-align: left; }
@media (min-width: 992px) {
.text-left,
.row.heading.text-left {
text-align: left; } }
.text-center,
.row.heading.text-center {
text-align: center; }
@media (min-width: 992px) {
.text-center,
.row.heading.text-center {
text-align: center; } }
.text-right,
.row.heading.text-right {
text-align: center; }
@media (min-width: 992px) {
.text-right,
.row.heading.text-right {
text-align: right; } }
@media (max-width: 991px) {
.text-stacked-left,
.row.heading.text-stacked-left {
text-align: left; } }
@media (max-width: 991px) {
.text-stacked-center,
.row.heading.text-stacked-center {
text-align: center; } }
@media (max-width: 991px) {
.text-stacked-right,
.row.heading.text-stacked-right {
text-align: right; } }
.row.heading {
text-align: center; }
/*
Headings
Headings can be used via tags or classes.
Markup:
A heading
.h1 - controls size & colour [48px/56px]
.h1.font-grey - heading with grey text override
.h2 - controls size & colour [36px/48px]
.h3 - controls size & colour [28px/36px]
.h4 - controls size & colour [24px/28px]
.h5 - controls size & colour [20px/24px]
.h6 - controls size & colour [16px/20px]
Styleguide Text - Headings
*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Gilroy-SemiBold";
padding: 0;
margin-top: 0;
margin-bottom: 20px;
color: #11131C; }
@media (min-width: 992px) {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-bottom: 20px; } }
h1:first-of-type,
.h1:first-of-type,
h2:first-of-type,
.h2:first-of-type,
h3:first-of-type,
.h3:first-of-type,
h4:first-of-type,
.h4:first-of-type,
h5:first-of-type,
.h5:first-of-type,
h6:first-of-type,
.h6:first-of-type {
margin-top: 0; }
h1.italic,
.h1.italic,
h2.italic,
.h2.italic,
h3.italic,
.h3.italic,
h4.italic,
.h4.italic,
h5.italic,
.h5.italic,
h6.italic,
.h6.italic {
font-family: "Gilroy-SemiBoldItalic"; }
.row.heading *[class*='col-'] h1,
.row.heading *[class*='col-'] .h1,
.row.heading *[class*='col-'] h2,
.row.heading *[class*='col-'] .h2,
.row.heading *[class*='col-'] h3,
.row.heading *[class*='col-'] .h3,
.row.heading *[class*='col-'] h4,
.row.heading *[class*='col-'] .h4,
.row.heading *[class*='col-'] h5,
.row.heading *[class*='col-'] .h5,
.row.heading *[class*='col-'] h6,
.row.heading *[class*='col-'] .h6 {
margin-bottom: 40px; }
@media (min-width: 992px) {
.row.heading *[class*='col-'] h1,
.row.heading *[class*='col-'] .h1,
.row.heading *[class*='col-'] h2,
.row.heading *[class*='col-'] .h2,
.row.heading *[class*='col-'] h3,
.row.heading *[class*='col-'] .h3,
.row.heading *[class*='col-'] h4,
.row.heading *[class*='col-'] .h4,
.row.heading *[class*='col-'] h5,
.row.heading *[class*='col-'] .h5,
.row.heading *[class*='col-'] h6,
.row.heading *[class*='col-'] .h6 {
margin-bottom: 50px; } }
h1,
.h1 {
font-size: 48px;
line-height: 60px;
letter-spacing: -1.12px; }
@media (min-width: 992px) {
h1,
.h1 {
font-size: 56px;
line-height: 64px;
letter-spacing: -1.4px; } }
h2,
.h2 {
font-size: 36px;
line-height: 48px;
letter-spacing: -1.14px; }
@media (min-width: 992px) {
h2,
.h2 {
font-size: 48px;
line-height: 58px;
letter-spacing: -1.2px; } }
h3,
.h3 {
font-size: 28px;
line-height: 36px;
letter-spacing: -0.65px; }
@media (min-width: 992px) {
h3,
.h3 {
font-size: 36px;
line-height: 43px;
letter-spacing: -0.72px; } }
h4,
.h4 {
font-size: 24px;
line-height: 32px;
letter-spacing: -0.56px; }
@media (min-width: 992px) {
h4,
.h4 {
font-size: 28px;
line-height: 33px;
letter-spacing: -0.56px; } }
h5,
.h5 {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
h5,
.h5 {
font-size: 24px;
line-height: 30px;
letter-spacing: -0.48px; } }
h6,
.h6 {
font-size: 16px;
line-height: 20px;
letter-spacing: -0.37px; }
@media (min-width: 992px) {
h6,
.h6 {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.3px; } }
.label,
label {
font-size: 16px;
padding: 0;
color: #5c6066; }
code {
padding: 2px; }
/*
Sizes
Vrious text sizes, some of which are used for legacy purposes
Markup:
A paragraph tag
.xsmall - extra small
.small - small
.small-wide - small wide
.short - short
.regular - regular
.medium-large - medium large
.large - large
.giant - giant
Styleguide Text - Sizes
*/
.xsmall {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
.xsmall-wide {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
.small {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px; }
.small-wide {
font-size: 14px;
line-height: 22px;
letter-spacing: 1px; }
.short {
font-size: 16px;
line-height: 32px; }
.regular {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px; }
@media (min-width: 992px) {
.regular {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px; } }
.medium,
.medium-para {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
.medium,
.medium-para {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
@media (min-width: 992px) {
.medium-large {
font-size: 36px;
line-height: 48px;
letter-spacing: -0.84px; } }
.large {
font-size: 30px;
line-height: 120%; }
@media (min-width: 992px) {
.large {
font-size: 45px; } }
.giant {
font-size: 58px;
line-height: 65px;
letter-spacing: -1.55px; }
@media (min-width: 992px) {
.giant {
font-size: 64px;
line-height: 75px;
letter-spacing: -1.71px; } }
@media (min-width: 1200px) {
.giant {
font-size: 72px;
line-height: 80px;
letter-spacing: -1.93px; } }
/*
Weights
Various text wieghts
Markup:
A heading tag
A paragraph tag
.weight-regular - regular
.weight-light - light
.weight-medium - medium
.weight-bold - bold
Styleguide Text - Weights
*/
.weight-regular {
font-family: "Gilroy-Regular";
font-weight: normal; }
.weight-regular.italic {
font-family: "Gilroy-RegularItalic"; }
.weight-light {
font-family: "Gilroy-Light";
font-weight: normal; }
.weight-light.italic {
font-family: "Gilroy-LightItalic"; }
.weight-medium {
font-weight: normal;
font-family: "Gilroy-Medium"; }
.weight-medium.italic {
font-family: "Gilroy-MediumItalic"; }
.weight-bold {
font-weight: normal;
font-family: "Gilroy-Bold"; }
.weight-bold.italic {
font-family: "Gilroy-BoldItalic"; }
.weight-semi-bold {
font-weight: normal;
font-family: "Gilroy-SemiBold"; }
.weight-semi-bold.italic {
font-family: "Gilroy-SemiBoldItalic"; }
code {
padding: 2px; }
p {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px;
margin-bottom: 20px;
margin-top: 0; }
@media (min-width: 992px) {
p {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px; } }
.label,
label {
font-size: 14px;
line-height: 20px;
padding: 0;
color: #5c6066;
white-space: normal;
font-family: "Gilroy-Regular";
font-weight: normal;
text-align: left; }
.label.italic,
label.italic {
font-family: "Gilroy-RegularItalic"; }
form #honeypot {
display: none; }
ul,
ol {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
line-height: 28px; }
ul,
ol {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
text-align: left; }
ul.h1, ul.h2, ul.h3, ul.h4, ul.h5, ul.h6,
ol.h1,
ol.h2,
ol.h3,
ol.h4,
ol.h5,
ol.h6 {
padding-left: 20px; }
ul.icon-red i,
ol.icon-red i {
color: #FF1628; }
.block {
display: block; }
.block.align-center {
margin-left: auto;
margin-right: auto; }
/*
Links
Standard text links.
Markup:
A link
.h1 - controls size & colour
.h2 - controls size & colour
.h3 - controls size & colour
.h4 - controls size & colour
.h5 - controls size & colour
.h6 - controls size & colour
:hover - hover state
:focus - focus state
.active - active state
.no-decoration - removes decoration if previously set
Styleguide Text - Links
*/
a,
.link {
text-decoration: none;
color: #11131C;
display: inline-block;
background: none;
cursor: pointer; }
a:hover,
.link:hover {
text-decoration: underline;
color: #11131C; }
a:hover span,
.link:hover span {
text-decoration: underline; }
a:focus,
.link:focus {
outline: none;
text-decoration: underline;
color: #11131C; }
a.h1, a.h2, a.h3, a.h4, a.h5, a.h6,
.link.h1,
.link.h2,
.link.h3,
.link.h4,
.link.h5,
.link.h6 {
text-decoration: none; }
a.h1:hover, a.h1:focus, a.h2:hover, a.h2:focus, a.h3:hover, a.h3:focus, a.h4:hover, a.h4:focus, a.h5:hover, a.h5:focus, a.h6:hover, a.h6:focus,
.link.h1:hover,
.link.h1:focus,
.link.h2:hover,
.link.h2:focus,
.link.h3:hover,
.link.h3:focus,
.link.h4:hover,
.link.h4:focus,
.link.h5:hover,
.link.h5:focus,
.link.h6:hover,
.link.h6:focus {
text-decoration: underline;
outline: none; }
a.img,
.link.img {
display: block; }
a img:hover,
.link img:hover {
border-bottom: 0; }
a > img,
a > div,
.link > img,
.link > div {
pointer-events: none; }
a.link-red,
.link.link-red {
color: #FF1628; }
a.link-red:hover,
.link.link-red:hover {
color: lighen(#FF1628, 5%); }
a.link-red:focus,
.link.link-red:focus {
color: #FF1628; }
a.link-red.h1, a.link-red.h2, a.link-red.h3, a.link-red.h4, a.link-red.h5, a.link-red.h6,
.link.link-red.h1,
.link.link-red.h2,
.link.link-red.h3,
.link.link-red.h4,
.link.link-red.h5,
.link.link-red.h6 {
color: #FF1628; }
a.link-red.h1:hover, a.link-red.h2:hover, a.link-red.h3:hover, a.link-red.h4:hover, a.link-red.h5:hover, a.link-red.h6:hover,
.link.link-red.h1:hover,
.link.link-red.h2:hover,
.link.link-red.h3:hover,
.link.link-red.h4:hover,
.link.link-red.h5:hover,
.link.link-red.h6:hover {
color: lighen(#FF1628, 5%); }
#gptw-navigation a:not(.btn) {
text-decoration: none; }
#gptw-navigation a:not(.btn):focus {
outline: none;
text-decoration: none;
background: none; }
#gptw-navigation a:not(.btn).h1, #gptw-navigation a:not(.btn).h2, #gptw-navigation a:not(.btn).h3, #gptw-navigation a:not(.btn).h4, #gptw-navigation a:not(.btn).h5, #gptw-navigation a:not(.btn).h6 {
color: #002171; }
#gptw-navigation a:not(.btn).h1:hover, #gptw-navigation a:not(.btn).h2:hover, #gptw-navigation a:not(.btn).h3:hover, #gptw-navigation a:not(.btn).h4:hover, #gptw-navigation a:not(.btn).h5:hover, #gptw-navigation a:not(.btn).h6:hover {
color: #0045ff; }
footer a:hover {
color: white !important; }
footer a:focus {
background: none; }
footer .social-link a {
margin-right: 7px; }
footer .social-link a img {
width: 30px; }
.uppercase {
text-transform: uppercase; }
hr {
width: 100%; }
html,
body {
font-family: "Gilroy-Regular";
color: #11131C; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px;
text-align: center;
overflow-x: hidden; }
@media (min-width: 992px) {
body {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px; } }
@media (min-width: 992px) {
body {
text-align: left; } }
.light {
color: white;
/* .btn.btn-tertiary {
border: none;
padding-top: $button-y-padding;
padding-bottom: $button-y-padding;
padding-left: $button-x-padding;
padding-right: $button-x-padding;
} */ }
.light h1,
.light .h1,
.light h2,
.light .h2,
.light h3,
.light .h3,
.light h4,
.light .h4,
.light h5,
.light .h5,
.light h6,
.light .h6,
.light label,
.light p {
color: white; }
.light a {
color: white;
text-decoration: underline; }
.light a:hover {
color: white; }
.light a.btn {
text-decoration: none;
color: white !important; }
.light label {
color: white; }
.light .btn,
.light button,
.light button[type='submit'],
.light input[type='submit'],
.light input[type='reset'],
.light input[type='button'],
.light a.btn,
.light div.btn {
background: white !important;
color: #11131C !important; }
.light .btn:hover,
.light button:hover,
.light button[type='submit']:hover,
.light input[type='submit']:hover,
.light input[type='reset']:hover,
.light input[type='button']:hover,
.light a.btn:hover,
.light div.btn:hover {
background: #11131C !important;
color: white !important; }
.light .btn.btn-red,
.light button.btn-red,
.light button[type='submit'].btn-red,
.light input[type='submit'].btn-red,
.light input[type='reset'].btn-red,
.light input[type='button'].btn-red,
.light a.btn.btn-red,
.light div.btn.btn-red {
color: white !important;
background: #FF1628 !important;
border: 2px solid #FF1628 !important; }
.light .btn.btn-red:hover,
.light button.btn-red:hover,
.light button[type='submit'].btn-red:hover,
.light input[type='submit'].btn-red:hover,
.light input[type='reset'].btn-red:hover,
.light input[type='button'].btn-red:hover,
.light a.btn.btn-red:hover,
.light div.btn.btn-red:hover {
background: transparent !important;
color: white !important;
border: 2px solid #FF1628 !important; }
.light .slick-arrow {
color: white; }
.light .slick-arrow:hover {
color: white; }
.full-width {
width: 100%;
padding-top: 60px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.full-width {
padding-top: 65px;
padding-bottom: 65px; } }
.full-width.no-y-padding {
padding-top: 0;
padding-bottom: 0; }
.component-spacing {
padding-top: 60px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.component-spacing {
padding-top: 65px;
padding-bottom: 65px; } }
.component-spacing-top {
padding-top: 60px; }
@media (min-width: 768px) {
.component-spacing-top {
padding-top: 65px; } }
.component-spacing-bottom {
padding-bottom: 60px; }
@media (min-width: 768px) {
.component-spacing-bottom {
padding-bottom: 65px; } }
.component-spacing-margin {
margin-top: 60px;
margin-bottom: 60px; }
@media (min-width: 768px) {
.component-spacing-margin {
margin-top: 65px;
margin-bottom: 65px; } }
.row-spacing {
margin-bottom: 50px; }
@media (min-width: 768px) {
.row-spacing {
margin-bottom: 50px; } }
.row-spacing-padding {
padding-bottom: 50px;
padding-top: 50px; }
@media (min-width: 768px) {
.row-spacing-padding {
padding-bottom: 50px;
padding-top: 50px; } }
.container > div,
.row {
margin-bottom: 50px;
/* remove stacked spacing from all columns in a row */ }
@media (min-width: 768px) {
.container > div,
.row {
margin-bottom: 50px; } }
.container > div:last-of-type,
.row:last-of-type {
margin-bottom: 0; }
.container > div.heading,
.row.heading {
margin-bottom: 0; }
.container > div.padding-y > div,
.row.padding-y > div {
padding-top: 60px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.container > div.padding-y > div,
.row.padding-y > div {
padding-top: 65px;
padding-bottom: 65px; } }
.container > div.padding-y > div.no-padding-bottom,
.row.padding-y > div.no-padding-bottom {
padding-bottom: 0; }
.container > div.padding-y > div.no-padding-top,
.row.padding-y > div.no-padding-top {
padding-top: 0; }
.container > div.row-vertical-center,
.row.row-vertical-center {
display: block; }
@media (min-width: 992px) {
.container > div.row-vertical-center,
.row.row-vertical-center {
display: flex;
flex-wrap: nowrap;
align-items: center; }
.container > div.row-vertical-center:before, .container > div.row-vertical-center:after,
.row.row-vertical-center:before,
.row.row-vertical-center:after {
display: none; } }
@media (min-width: 992px) {
.container > div.no-gutter > [class*='col-'],
.row.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0; } }
.container > div > div,
.row > div {
/* apply column spacing on rows with stacked columns */
margin-bottom: 40px;
/* no spacing on the last column */
/* remove stacked spacing from one column */ }
@media (min-width: 992px) {
.container > div > div,
.row > div {
margin-bottom: 0; } }
.container > div > div:last-of-type,
.row > div:last-of-type {
margin-bottom: 0; }
.container > div > div.no-stacked-spacing,
.row > div.no-stacked-spacing {
margin-bottom: 0; }
.container > div.no-stacked-spacing > div,
.row.no-stacked-spacing > div {
margin-bottom: 0; }
.container > div.reset-margin-left,
.row.reset-margin-left {
margin-left: 0; }
.container > div.reset-margin-right,
.row.reset-margin-right {
margin-right: 0; }
[class*='col-'] {
min-height: 0; }
[class*='col-'].no-gutter {
padding-right: 0;
padding-left: 0; }
[class*='col-'].no-gutter-left {
padding-left: 0; }
[class*='col-'].no-gutter-right {
padding-right: 0; }
*[class*='col-'] {
/* set the heading spacing - must be below the * selectors */ }
*[class*='col-'] > p,
*[class*='col-'] ul,
*[class*='col-'] ol,
*[class*='col-'] img {
/* apply the default element spacing */
margin-bottom: 20px;
/* remove top spacing from all first items in a column */ }
*[class*='col-'] > p:first-child,
*[class*='col-'] ul:first-child,
*[class*='col-'] ol:first-child,
*[class*='col-'] img:first-child {
margin-top: 0; }
*[class*='col-'] > p:last-child,
*[class*='col-'] ul:last-child,
*[class*='col-'] ol:last-child,
*[class*='col-'] img:last-child {
margin-bottom: 0; }
*[class*='col-'] > p:last-child.bottom-margin,
*[class*='col-'] ul:last-child.bottom-margin,
*[class*='col-'] ol:last-child.bottom-margin,
*[class*='col-'] img:last-child.bottom-margin {
margin-bottom: 20px; }
*[class*='col-'] h1,
*[class*='col-'] .h1,
*[class*='col-'] h2,
*[class*='col-'] .h2,
*[class*='col-'] h3,
*[class*='col-'] .h3,
*[class*='col-'] h4,
*[class*='col-'] .h4,
*[class*='col-'] h5,
*[class*='col-'] .h5,
*[class*='col-'] h6,
*[class*='col-'] .h6 {
display: block;
margin-top: 0;
margin-bottom: 20px; }
@media (min-width: 992px) {
*[class*='col-'] h1,
*[class*='col-'] .h1,
*[class*='col-'] h2,
*[class*='col-'] .h2,
*[class*='col-'] h3,
*[class*='col-'] .h3,
*[class*='col-'] h4,
*[class*='col-'] .h4,
*[class*='col-'] h5,
*[class*='col-'] .h5,
*[class*='col-'] h6,
*[class*='col-'] .h6 {
margin-bottom: 20px; } }
*[class*='col-'] h1:last-of-type,
*[class*='col-'] .h1:last-of-type,
*[class*='col-'] h2:last-of-type,
*[class*='col-'] .h2:last-of-type,
*[class*='col-'] h3:last-of-type,
*[class*='col-'] .h3:last-of-type,
*[class*='col-'] h4:last-of-type,
*[class*='col-'] .h4:last-of-type,
*[class*='col-'] h5:last-of-type,
*[class*='col-'] .h5:last-of-type,
*[class*='col-'] h6:last-of-type,
*[class*='col-'] .h6:last-of-type {
margin-bottom: 20px; }
@media (min-width: 992px) {
*[class*='col-'] h1:last-of-type,
*[class*='col-'] .h1:last-of-type,
*[class*='col-'] h2:last-of-type,
*[class*='col-'] .h2:last-of-type,
*[class*='col-'] h3:last-of-type,
*[class*='col-'] .h3:last-of-type,
*[class*='col-'] h4:last-of-type,
*[class*='col-'] .h4:last-of-type,
*[class*='col-'] h5:last-of-type,
*[class*='col-'] .h5:last-of-type,
*[class*='col-'] h6:last-of-type,
*[class*='col-'] .h6:last-of-type {
margin-bottom: 20px; } }
@media (min-width: 992px) {
.row-equal-height {
display: flex;
flex-wrap: nowrap; }
.row-equal-height > div,
.row-equal-height > a {
display: flex;
flex-direction: column; }
.row-equal-height > div *,
.row-equal-height > a * {
align-self: flex-start; } }
input {
color: black; }
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'] {
width: 100%;
max-width: 340px;
height: 48px;
border-radius: 0px;
border-width: 1px;
border-color: #11131C;
border-style: solid;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
transition: all 300ms ease;
transition-property: border-color, background-color; }
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='password']:focus {
outline: none;
box-shadow: 0px 0px 1px 3px #eff5ff;
background-color: #fafafa;
border-color: #003bdb; }
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover,
input[type='password']:hover {
background: #edf1f7; }
input[type='text']:disabled,
input[type='email']:disabled,
input[type='tel']:disabled,
input[type='password']:disabled {
background-color: #fcfcfc;
border-color: #f0f2f5; }
input[type='text'].mktoValid,
input[type='email'].mktoValid,
input[type='tel'].mktoValid,
input[type='password'].mktoValid {
border-color: #11131C; }
input[type='text'].mktoInvalid,
input[type='email'].mktoInvalid,
input[type='tel'].mktoInvalid,
input[type='password'].mktoInvalid {
border-color: #11131C; }
textarea {
border-radius: 0px;
border-width: 1px;
border-color: #11131C;
background-color: #fafafa;
border-style: solid;
padding: 10px; }
textarea.mktoInvalid {
border-color: #ffb81a; }
select {
border-radius: 0px;
border-width: 1px;
border-color: #11131C;
border-style: solid;
display: none; }
.mktoHtmlText a {
text-decoration: underline; }
/*
Buttons & links
Buttons are inline by default to allow them to adjust to the text alignment of the column
Markup: component-element-button.hbs
.btn.btn-primary - primary button style
.btn.btn-primary:active - active
.btn.btn-primary:hover - hover
.btn.btn-primary:focus - focus
.btn.btn-primary:disabled - disabled
.btn.btn-primary:disabled:hover - disabled
.btn.btn-secondary - secondary button style
.btn.btn-secondary:active - active
.btn.btn-secondary:hover - hover
.btn.btn-secondary:focus - focus
.btn.btn-secondary:disabled - disabled
.btn.btn-secondary:disabled:hover - disabled
.btn.btn-tertiary - tertiary button style
.btn.btn-tertiary:active - active
.btn.btn-tertiary:hover - hover
.btn.btn-tertiary:focus - focus
.btn.btn-tertiary:disabled - disabled
.btn.btn-tertiary:disabled:hover - disabled
.btn.btn-primary.btn-lg - large button style
.btn.btn-primary.btn-lg:active - active
.btn.btn-primary.btn-lg:hover - hover
.btn.btn-primary.btn-lg:focus - focus
.btn.btn-primary.btn-lg:disabled - disabled
.btn.btn-primary.btn-lg:disabled:hover - disabled
.btn.btn-textlink - textlink button style
.btn.btn-textlink:active - active
.btn.btn-textlink:hover - hover
.btn.btn-textlink:focus - focus
.btn.btn-textlink:disabled - disabled
.btn.btn-textlink:disabled:hover - disabled
Styleguide Buttons & links
*/
.btn {
display: inline-block;
margin: 0;
font-family: "Gilroy-SemiBold";
letter-spacing: 1.2px;
font-size: 16px;
line-height: 100%;
width: auto;
text-transform: uppercase;
color: #11131C;
border-radius: 0px;
border: 2px solid #11131C;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
box-shadow: none !important;
outline: none;
background-color: transparent;
cursor: pointer;
/* &.btn-lg {
padding: map-get($spacing, 4);
padding-top: map-get($spacing, 3);
padding-bottom: map-get($spacing, 3);
height: auto;
} */ }
.btn.btn-small {
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto; }
.btn:hover {
color: white;
background-color: #11131C; }
.btn:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.btn:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.btn:focus, .btn:active {
color: #11131C; }
.btn.margin-right {
margin-right: 20px; }
.btn.btn-lg {
padding-top: 20px;
padding-bottom: 20px;
height: auto; }
.btn.btn-primary {
background-color: transparent; }
.btn.btn-primary:hover {
background: #11131C;
border-color: #11131C; }
.btn.btn-primary:focus, .btn.btn-primary:active {
color: #11131C; }
.btn.btn-secondary {
background-color: transparent; }
.btn.btn-secondary:hover {
background: #11131C;
border-color: #11131C; }
.btn.btn-secondary:focus, .btn.btn-secondary:active {
color: #11131C; }
.btn.btn-tertiary {
background-color: transparent;
color: white;
border: 2px solid white; }
.btn.btn-tertiary:hover {
background-color: white;
color: #11131C; }
.btn.btn-tertiary:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.btn.btn-tertiary:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.btn.btn-textlink {
background-color: transparent;
color: #FF1628;
border: 0px; }
.btn.btn-textlink:hover {
color: #11131C; }
.btn.btn-textlink:disabled {
color: #808080; }
.btn.btn-textlink:disabled:hover {
color: #808080; }
.btn.btn-red {
color: white;
background: #FF1628;
border: 2px solid #FF1628 !important; }
.btn.btn-red:hover {
background: #FF1628 !important;
color: #ffffff;
border: 2px solid #FF1628; }
.btn.btn-red:active {
background: #FF1628 !important;
color: #ffffff;
outline: none;
color: #FF1628; }
.btn.btn-red:focus {
background: #FF1628 !important;
outline: none;
color: #ffffff; }
.btn.btn-red:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.btn.btn-red:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
a.btn {
display: inline-block;
text-decoration: none; }
a.btn:hover {
text-decoration: none; }
.contact_us_link {
display: inline-block;
margin: 0;
font-family: "Gilroy-SemiBold";
letter-spacing: 1.2px;
font-size: 16px;
line-height: 100%;
width: auto;
text-transform: uppercase;
color: #11131C;
border-radius: 0px;
border: 2px solid #11131C;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
box-shadow: none !important;
outline: none;
background-color: transparent;
cursor: pointer;
/* &.btn-lg {
padding: map-get($spacing, 4);
padding-top: map-get($spacing, 3);
padding-bottom: map-get($spacing, 3);
height: auto;
} */
background-color: white;
color: black;
border: 2px solid black;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
padding-top: 10px;
padding-bottom: 10px; }
.contact_us_link.btn-small {
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto; }
.contact_us_link:hover {
color: white;
background-color: #11131C; }
.contact_us_link:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link:focus, .contact_us_link:active {
color: #11131C; }
.contact_us_link.margin-right {
margin-right: 20px; }
.contact_us_link.btn-lg {
padding-top: 20px;
padding-bottom: 20px;
height: auto; }
.contact_us_link.btn-primary {
background-color: transparent; }
.contact_us_link.btn-primary:hover {
background: #11131C;
border-color: #11131C; }
.contact_us_link.btn-primary:focus, .contact_us_link.btn-primary:active {
color: #11131C; }
.contact_us_link.btn-secondary {
background-color: transparent; }
.contact_us_link.btn-secondary:hover {
background: #11131C;
border-color: #11131C; }
.contact_us_link.btn-secondary:focus, .contact_us_link.btn-secondary:active {
color: #11131C; }
.contact_us_link.btn-tertiary {
background-color: transparent;
color: white;
border: 2px solid white; }
.contact_us_link.btn-tertiary:hover {
background-color: white;
color: #11131C; }
.contact_us_link.btn-tertiary:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-tertiary:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-textlink {
background-color: transparent;
color: #FF1628;
border: 0px; }
.contact_us_link.btn-textlink:hover {
color: #11131C; }
.contact_us_link.btn-textlink:disabled {
color: #808080; }
.contact_us_link.btn-textlink:disabled:hover {
color: #808080; }
.contact_us_link.btn-red {
color: white;
background: #FF1628;
border: 2px solid #FF1628 !important; }
.contact_us_link.btn-red:hover {
background: #FF1628 !important;
color: #ffffff;
border: 2px solid #FF1628; }
.contact_us_link.btn-red:active {
background: #FF1628 !important;
color: #ffffff;
outline: none;
color: #FF1628; }
.contact_us_link.btn-red:focus {
background: #FF1628 !important;
outline: none;
color: #ffffff; }
.contact_us_link.btn-red:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-red:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
a.contact_us_link {
display: inline-block;
text-decoration: none; }
a.contact_us_link:hover {
text-decoration: none; }
.contact_us_link:hover {
background-color: white;
color: black; }
.contact_us_link i {
margin-left: 5px; }
p .btn {
margin-bottom: 0; }
.absolute-vertical-center {
position: absolute;
top: 50%;
transform: translateY(-50%); }
@media (min-width: 992px) {
.row-vertical-center {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; } }
.flex-row-center,
.flex-vertical-center {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center; }
.flex-column-center {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; }
.flex-column-left {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
.flex-column-bottom {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-end;
align-items: center; }
/*
Wrapping columns
Apply to ROW to allow colunns to wrap giving the appearance of natural rows
*/
@media (min-width: 992px) {
.row-wrapping-columns,
.row-column-spacing-all-bp {
margin-bottom: 0 !important; }
.row-wrapping-columns > div[class*='col-'],
.row-wrapping-columns > a[class*='col-'],
.row-column-spacing-all-bp > div[class*='col-'],
.row-column-spacing-all-bp > a[class*='col-'] {
margin-bottom: 50px; } }
@media (min-width: 992px) and (min-width: 768px) {
.row-wrapping-columns > div[class*='col-'],
.row-wrapping-columns > a[class*='col-'],
.row-column-spacing-all-bp > div[class*='col-'],
.row-column-spacing-all-bp > a[class*='col-'] {
margin-bottom: 50px; } }
@media (min-width: 992px) {
.row-wrapping-columns > div[class*='col-']:last-child,
.row-wrapping-columns > a[class*='col-']:last-child,
.row-column-spacing-all-bp > div[class*='col-']:last-child,
.row-column-spacing-all-bp > a[class*='col-']:last-child {
margin-bottom: 50px; } }
@media (min-width: 992px) and (min-width: 768px) {
.row-wrapping-columns > div[class*='col-']:last-child,
.row-wrapping-columns > a[class*='col-']:last-child,
.row-column-spacing-all-bp > div[class*='col-']:last-child,
.row-column-spacing-all-bp > a[class*='col-']:last-child {
margin-bottom: 50px; } }
@media (min-width: 992px) {
.row-wrapping-columns:last-of-type,
.row-column-spacing-all-bp:last-of-type {
margin-bottom: -50px !important; } }
@media (min-width: 992px) and (min-width: 992px) {
.row-wrapping-columns:last-of-type,
.row-column-spacing-all-bp:last-of-type {
margin-bottom: -50px !important; } }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before,
.slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-slider {
overflow: hidden;
background: none;
/* bullets */
/* arrows */ }
.slick-slider .slick-list,
.slick-slider .slick-track {
height: 100%; }
.slick-slider .slick-slide {
outline: none; }
.slick-slider .slick-dots {
position: absolute;
bottom: 0px;
display: block;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
list-style: none;
text-align: center;
margin: 0;
padding: 20px;
padding-bottom: 40px; }
.slick-slider .slick-dots li {
display: inline-block;
cursor: pointer;
width: 20px;
height: 20px;
margin: 0 10px;
padding: 0; }
@media (min-width: 992px) {
.slick-slider .slick-dots li {
margin: 0 5px;
width: 17px;
height: 17px; } }
.slick-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
cursor: pointer;
color: transparent;
border-radius: 50%;
outline: none;
background-color: white;
border: 2px solid #FF1628;
width: 100%;
height: 100%; }
.slick-slider .slick-dots li.slick-active button {
background-color: #FF1628; }
.slick-slider .slick-arrow {
position: absolute;
height: 30px;
width: 30px;
top: 0;
bottom: 0;
margin: auto; }
.slick-slider .slick-prev,
.slick-slider .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 90; }
.slick-slider .slick-prev {
left: 20px; }
.slick-slider .slick-next {
right: 20px; }
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
font-family: 'FontAwesome';
font-size: 35px;
line-height: 1;
opacity: .75;
color: #11131C;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-slider .slick-prev:before {
content: '\f053'; }
.slick-slider .slick-next:before {
content: '\f054'; }
.slick-slider.multi-slide .slick-slide {
padding-left: 10px;
padding-right: 10px; }
.slick-slider.multi-slide .slick-dots {
bottom: -60px; }
.slider {
width: 100%; }
.slider > div {
height: 100%; }
.slider img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
.slider .slider-text-wrapper {
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
text-align: center;
padding-left: 20px;
padding-right: 20px; }
@media (min-width: 992px) {
.slider .slider-text-wrapper {
padding-left: 100px;
padding-right: 100px;
max-width: 1000px;
margin-left: auto;
margin-right: auto; } }
/*
Vertical spacing
Standardized vertical spacing classes
Markup: component-element.hbs
.component-spacing-margin - standard component spacing using margin (default is padding)
.row-spacing - row spacing
.margin-bottom-xxlarge - margin bottom xxlarge
.margin-bottom-xlarge - margin bottom xlarge
.margin-bottom-large - margin bottom large
.margin-bottom-medium - margin bottom medium
.margin-bottom-small - margin bottom small
.margin-bottom-xsmall - margin bottom xsmall
.margin-bottom-default - applies default margin (useful for headings)
.margin-top-xxlarge - margin top xlarge
.margin-top-xlarge - margin top xlarge
.margin-top-large - margin top large
.margin-top-medium - margin top medium
.margin-top-small - margin top small
Styleguide Vertical spacing
*/
.margin-top-xxlarge {
margin-top: 50px !important; }
.margin-top-xlarge {
margin-top: 40px !important; }
.margin-top-large {
margin-top: 30px !important; }
.margin-top-medium {
margin-top: 20px !important; }
.margin-top-small {
margin-top: 15px !important; }
.padding-top-xlarge {
padding-top: 40px !important; }
.padding-top-large {
padding-top: 30px !important; }
.padding-top-medium {
padding-top: 20px !important; }
.padding-top-small {
padding-top: 15px !important; }
.margin-bottom-xxlarge {
margin-bottom: 50px !important; }
.margin-bottom-xlarge {
margin-bottom: 40px !important; }
.margin-bottom-large {
margin-bottom: 30px !important; }
.margin-bottom-medium {
margin-bottom: 20px !important; }
.margin-bottom-small {
margin-bottom: 15px !important; }
.margin-bottom-xsmall {
margin-bottom: 5px !important; }
.margin-bottom-default {
margin-bottom: 20px !important; }
.padding-bottom-xlarge {
padding-bottom: 40px !important; }
.padding-bottom-large {
padding-bottom: 30px !important; }
.padding-bottom-medium {
padding-bottom: 20px !important; }
.padding-bottom-small {
padding-bottom: 15px !important; }
.no-margin-top {
margin-top: 0 !important; }
.no-margin-bottom {
margin-bottom: 0 !important; }
.no-padding-top {
padding-top: 0 !important; }
.no-padding-bottom {
padding-bottom: 0 !important; }
.no-y-margin {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.display-none {
display: none !important; }
.table,
table,
.table-responsive {
border: 0;
text-align: left; }
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > th,
table > thead > tr > th,
table > tbody > tr > td,
table > tfoot > tr > td,
table > thead > tr > th,
.table-responsive > thead > tr > th,
.table-responsive > tbody > tr > td,
.table-responsive > tfoot > tr > td,
.table-responsive > thead > tr > th {
border-bottom: 0;
border-top: 0; }
.table thead tr th,
table thead tr th,
.table-responsive thead tr th {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
vertical-align: top; }
.table thead tr th.italic,
table thead tr th.italic,
.table-responsive thead tr th.italic {
font-family: "Gilroy-BoldItalic"; }
.table.table-striped > tbody > tr:nth-of-type(odd),
table.table-striped > tbody > tr:nth-of-type(odd),
.table-responsive.table-striped > tbody > tr:nth-of-type(odd) {
background: white; }
.table.table-striped > tbody > tr:nth-of-type(even),
table.table-striped > tbody > tr:nth-of-type(even),
.table-responsive.table-striped > tbody > tr:nth-of-type(even) {
background: #f8f8f8; }
video {
max-width: 100%; }
.wrap-xs,
.wrap-sm,
.wrap-md,
.wrap-lg {
display: block;
width: 100%; }
@media (min-width: 768px) {
.wrap-xs {
display: inline-block;
width: auto; } }
@media (min-width: 992px) {
.wrap-sm {
display: inline-block;
width: auto; } }
@media (min-width: 1200px) {
.wrap-md {
display: inline-block;
width: auto; } }
@media (min-width: 1400px) {
.wrap-lg {
display: inline-block;
width: auto; } }
.navbar .row > div {
margin-bottom: 0; }
.navbar-toggle {
margin-top: 20px !important; }
#logins {
overflow: hidden;
width: 100%;
padding-top: 5px;
text-align: right; }
#logins .text {
float: none;
color: #97c000; }
#logins .btn-logaut {
font-size: 13px;
line-height: 20px;
text-transform: capitalize;
margin: 0 11px;
padding: 0;
text-decoration: none;
height: auto;
text-align: left;
border: none;
background: none;
box-shadow: none !important;
color: #fff; }
#logins .btn-logaut:hover,
#logins .btn-logaut:focus {
color: #FF1628; }
#logins .text {
color: #FF1628;
border-right: #ebe7e7 2px solid;
padding-right: 8px;
text-transform: uppercase;
font-family: "Gilroy-Medium"; }
#logins .text a {
color: #FF1628;
font-weight: 500;
font-size: 11px; }
#logins > * {
float: right; }
#logins .btn-logaut {
display: inline-block;
font-size: 11px;
font-family: "Gilroy-Medium";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #434448;
margin: 0 5px 0 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 500; }
#logins .btn-logaut:before {
content: '\f08b';
font-size: 22px; }
@media screen and (max-width: 767px) {
.top-header #logins::before,
.top-header .poping_links::before {
background: transparent; }
.top-header #logins {
width: auto;
padding: 0; }
.top-header #logins * {
font-size: 11px;
margin-top: 4px !important;
margin-bottom: 0;
padding: 0;
letter-spacing: normal;
font-family: "Gilroy-Medium"; }
.top-header #logins .text {
display: inline-block;
border-right: 2px solid #ccc;
padding-right: 10px; } }
@media screen and (max-width: 480px) {
.top-header #logins {
width: 100%;
position: relative; }
.top-header #logins:before,
.top-header .poping_links:before {
position: absolute;
content: '';
width: 2px;
height: 25px;
display: block;
margin: auto 0;
background: #ebe7e7;
top: 0%;
bottom: 0%; }
#logins .text {
display: block;
border: none;
padding: 0; } }
@media screen and (max-width: 380px) {
.top-header #logins:before,
.top-header .poping_links:before {
display: none; }
#logins .text {
text-align: left;
float: left;
width: auto; }
#logins > * {
width: auto;
text-align: right; }
.top-header #logins {
padding-top: 3px; } }
#certification-header {
background-color: #f7f7f7; }
#certification-header .row {
position: relative; }
#certification-header .row > div img {
height: 200px; }
@media (min-width: 992px) {
#certification-header .row > div img {
height: 280px; } }
#certified-companies-do-better img {
max-width: 150px; }
#lists-header-slider,
#lists-header-slider-b,
#article-landing-slider,
#blog-landing-slider {
background-color: #f7f7f7; }
#lists-header-slider .row > div,
#lists-header-slider-b .row > div,
#article-landing-slider .row > div,
#blog-landing-slider .row > div {
height: 400px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
@media (min-width: 992px) {
#lists-header-slider .row > div.text,
#lists-header-slider-b .row > div.text,
#article-landing-slider .row > div.text,
#blog-landing-slider .row > div.text {
padding-right: 50px; } }
#lists-header-slider .row > div img,
#lists-header-slider-b .row > div img,
#article-landing-slider .row > div img,
#blog-landing-slider .row > div img {
height: auto;
width: 400px; }
#lists-header-slider .row > div .btn,
#lists-header-slider-b .row > div .btn,
#article-landing-slider .row > div .btn,
#blog-landing-slider .row > div .btn {
margin-top: 30px !important; }
@media (min-width: 992px) {
#lists-header-slider .row > div,
#lists-header-slider-b .row > div,
#article-landing-slider .row > div,
#blog-landing-slider .row > div {
height: 620px; } }
#lists-header-slider .row > div .content-wrapper img,
#lists-header-slider-b .row > div .content-wrapper img,
#article-landing-slider .row > div .content-wrapper img,
#blog-landing-slider .row > div .content-wrapper img {
margin-left: auto;
margin-right: auto; }
#lists-header-slider .slick-prev,
#lists-header-slider-b .slick-prev,
#article-landing-slider .slick-prev,
#blog-landing-slider .slick-prev {
left: 20px; }
#lists-header-slider .slick-next,
#lists-header-slider-b .slick-next,
#article-landing-slider .slick-next,
#blog-landing-slider .slick-next {
right: 20px; }
#blog-landing-slider {
background-color: #f7f7f7; }
#blog-landing-slider .row > div img {
width: 100%; }
#testimonials .row > div {
height: 550px; }
@media (min-width: 992px) {
#testimonials .row > div {
height: 720px; } }
@media (min-width: 1200px) {
#testimonials .row > div {
height: 650px; } }
#testimonials .row > div.text {
color: white;
background: #29b8e5;
background: -moz-linear-gradient(left, #29b8e5 0%, #499cea 0%, #29b8e5 42%, #8dd0eb 100%);
background: -webkit-linear-gradient(left, #29b8e5 0%, #499cea 0%, #29b8e5 42%, #8dd0eb 100%);
background: -o-linear-gradient(left, #29b8e5 0%, #499cea 0%, #29b8e5 42%, #8dd0eb 100%);
background: -ms-linear-gradient(left, #29b8e5 0%, #499cea 0%, #29b8e5 42%, #8dd0eb 100%);
display: flex;
flex-direction: column;
justify-content: center; }
@media (min-width: 992px) {
#testimonials .row > div.text {
padding: 0 30px; } }
#testimonials .slick-dots li button {
background-color: transparent;
border: 2px solid white; }
#testimonials .slick-dots li.slick-active button {
background-color: white; }
@media (min-width: 992px) {
#testimonials .slick-dots {
padding-left: 150px; } }
#why-great-place-to-work .row > div > div > div:first-of-type {
text-align: center; }
#why-great-place-to-work img {
width: 95px; }
#why-great-place-to-work img.large {
width: 100%; }
.full-width-responsive-image-header,
.home-page-hero {
height: 560px;
margin-bottom: 10px; }
.home-page-hero {
color: #FF1628;
background-position: center;
background-size: cover;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center; }
@media (min-width: 992px) {
.home-page-hero .large {
font-size: 55px; } }
.home-page-hero img {
max-height: 250px; }
.mktoForm:not([id]) {
display: none; }
#marketo-form,
.mktoForm,
.marketo-form,
.wFormContainer {
width: 100% !important; }
#marketo-form select,
.mktoForm select,
.marketo-form select,
.wFormContainer select {
display: block;
color: black; }
#marketo-form #g-recaptcha #g-recaptcha-response,
#marketo-form #g-recaptcha > iframe,
#marketo-form #g-recaptcha #rcr,
.mktoForm #g-recaptcha #g-recaptcha-response,
.mktoForm #g-recaptcha > iframe,
.mktoForm #g-recaptcha #rcr,
.marketo-form #g-recaptcha #g-recaptcha-response,
.marketo-form #g-recaptcha > iframe,
.marketo-form #g-recaptcha #rcr,
.wFormContainer #g-recaptcha #g-recaptcha-response,
.wFormContainer #g-recaptcha > iframe,
.wFormContainer #g-recaptcha #rcr {
display: none; }
#marketo-form .mktoOffset,
#marketo-form .mktoGutter,
.mktoForm .mktoOffset,
.mktoForm .mktoGutter,
.marketo-form .mktoOffset,
.marketo-form .mktoGutter,
.wFormContainer .mktoOffset,
.wFormContainer .mktoGutter {
display: none; }
#marketo-form input,
.mktoForm input,
.marketo-form input,
.wFormContainer input {
box-shadow: none; }
#marketo-form .mktoLabel,
.mktoForm .mktoLabel,
.marketo-form .mktoLabel,
.wFormContainer .mktoLabel {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
text-transform: uppercase; }
#marketo-form .mktoLabel.italic,
.mktoForm .mktoLabel.italic,
.marketo-form .mktoLabel.italic,
.wFormContainer .mktoLabel.italic {
font-family: "Gilroy-BoldItalic"; }
#marketo-form .mktoFormRow,
.mktoForm .mktoFormRow,
.marketo-form .mktoFormRow,
.wFormContainer .mktoFormRow {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center; }
#marketo-form .mktoFormRow .mktoFormCol,
.mktoForm .mktoFormRow .mktoFormCol,
.marketo-form .mktoFormRow .mktoFormCol,
.wFormContainer .mktoFormRow .mktoFormCol {
float: none;
width: 100%;
padding: 5px 10px; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap {
float: none;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
max-width: 340px;
margin-left: auto;
margin-right: auto; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input {
margin: 0; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label {
float: left; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList input,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList input {
margin-right: 10px; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label {
margin-right: 20px; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoAsterix,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoAsterix,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoAsterix,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoAsterix {
display: none; }
#marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .mktoAsterix,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .mktoAsterix,
.marketo-form .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .mktoAsterix,
.wFormContainer .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .mktoAsterix {
display: inline; }
#marketo-form .mktoFormRow.single-checkbox em,
.mktoForm .mktoFormRow.single-checkbox em,
.marketo-form .mktoFormRow.single-checkbox em,
.wFormContainer .mktoFormRow.single-checkbox em {
font-style: normal;
font-family: "Gilroy-Regular";
font-weight: normal; }
#marketo-form .mktoFormRow.single-checkbox em.italic,
.mktoForm .mktoFormRow.single-checkbox em.italic,
.marketo-form .mktoFormRow.single-checkbox em.italic,
.wFormContainer .mktoFormRow.single-checkbox em.italic {
font-family: "Gilroy-RegularItalic"; }
#marketo-form .mktoFormRow.single-checkbox strong,
.mktoForm .mktoFormRow.single-checkbox strong,
.marketo-form .mktoFormRow.single-checkbox strong,
.wFormContainer .mktoFormRow.single-checkbox strong {
font-weight: normal; }
#marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap,
.mktoForm .mktoFormRow.single-checkbox .mktoFieldWrap,
.marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap,
.wFormContainer .mktoFormRow.single-checkbox .mktoFieldWrap {
flex-direction: row-reverse;
justify-content: flex-end; }
#marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoAsterix,
.mktoForm .mktoFormRow.single-checkbox .mktoFieldWrap .mktoAsterix,
.marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoAsterix,
.wFormContainer .mktoFormRow.single-checkbox .mktoFieldWrap .mktoAsterix {
margin-left: 5px; }
#marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList,
.mktoForm .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList,
.marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList,
.wFormContainer .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList {
flex-grow: 0; }
#marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList label,
.mktoForm .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList label,
.marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList label,
.wFormContainer .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList label {
display: none; }
#marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList input,
.mktoForm .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList input,
.marketo-form .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList input,
.wFormContainer .mktoFormRow.single-checkbox .mktoFieldWrap .mktoCheckboxList input {
margin: 0;
margin-right: 10px;
margin-top: 2px; }
#marketo-form .mktoFormRow.single-checkbox .mktoFormCol,
.mktoForm .mktoFormRow.single-checkbox .mktoFormCol,
.marketo-form .mktoFormRow.single-checkbox .mktoFormCol,
.wFormContainer .mktoFormRow.single-checkbox .mktoFormCol {
width: auto; }
@media (min-width: 992px) {
#marketo-form .mktoFormRow,
.mktoForm .mktoFormRow,
.marketo-form .mktoFormRow,
.wFormContainer .mktoFormRow {
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; } }
#marketo-form .mktoButtonRow,
.mktoForm .mktoButtonRow,
.marketo-form .mktoButtonRow,
.wFormContainer .mktoButtonRow {
display: flex;
justify-content: center; }
#marketo-form label[for='honeypot'],
.mktoForm label[for='honeypot'],
.marketo-form label[for='honeypot'],
.wFormContainer label[for='honeypot'] {
display: none; }
#marketo-form select,
.mktoForm select,
.marketo-form select,
.wFormContainer select {
width: 100%;
max-width: 340px;
height: 48px;
background: white; }
#marketo-form label,
.mktoForm label,
.marketo-form label,
.wFormContainer label {
font-size: 14px;
font-weight: 300; }
#marketo-form textarea,
.mktoForm textarea,
.marketo-form textarea,
.wFormContainer textarea {
width: 100%;
height: 200px;
margin-top: 10px; }
#marketo-form .mktoCheckboxList,
.mktoForm .mktoCheckboxList,
.marketo-form .mktoCheckboxList,
.wFormContainer .mktoCheckboxList {
padding: 0; }
#marketo-form .mktoAsterix,
.mktoForm .mktoAsterix,
.marketo-form .mktoAsterix,
.wFormContainer .mktoAsterix {
float: left;
margin: 0;
margin-right: 5px;
padding: 0; }
#marketo-form button,
.mktoForm button,
.marketo-form button,
.wFormContainer button {
display: inline-block;
margin: 0;
font-family: "Gilroy-SemiBold";
letter-spacing: 1.2px;
font-size: 16px;
line-height: 100%;
width: auto;
text-transform: uppercase;
color: #11131C;
border-radius: 0px;
border: 2px solid #11131C;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
box-shadow: none !important;
outline: none;
background-color: transparent;
cursor: pointer;
/* &.btn-lg {
padding: map-get($spacing, 4);
padding-top: map-get($spacing, 3);
padding-bottom: map-get($spacing, 3);
height: auto;
} */ }
#marketo-form button.btn-small,
.mktoForm button.btn-small,
.marketo-form button.btn-small,
.wFormContainer button.btn-small {
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto; }
#marketo-form button:hover,
.mktoForm button:hover,
.marketo-form button:hover,
.wFormContainer button:hover {
color: white;
background-color: #11131C; }
#marketo-form button:disabled,
.mktoForm button:disabled,
.marketo-form button:disabled,
.wFormContainer button:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#marketo-form button:disabled:hover,
.mktoForm button:disabled:hover,
.marketo-form button:disabled:hover,
.wFormContainer button:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#marketo-form button:focus, #marketo-form button:active,
.mktoForm button:focus,
.mktoForm button:active,
.marketo-form button:focus,
.marketo-form button:active,
.wFormContainer button:focus,
.wFormContainer button:active {
color: #11131C; }
#marketo-form button.margin-right,
.mktoForm button.margin-right,
.marketo-form button.margin-right,
.wFormContainer button.margin-right {
margin-right: 20px; }
#marketo-form button.btn-lg,
.mktoForm button.btn-lg,
.marketo-form button.btn-lg,
.wFormContainer button.btn-lg {
padding-top: 20px;
padding-bottom: 20px;
height: auto; }
#marketo-form button.btn-primary,
.mktoForm button.btn-primary,
.marketo-form button.btn-primary,
.wFormContainer button.btn-primary {
background-color: transparent; }
#marketo-form button.btn-primary:hover,
.mktoForm button.btn-primary:hover,
.marketo-form button.btn-primary:hover,
.wFormContainer button.btn-primary:hover {
background: #11131C;
border-color: #11131C; }
#marketo-form button.btn-primary:focus, #marketo-form button.btn-primary:active,
.mktoForm button.btn-primary:focus,
.mktoForm button.btn-primary:active,
.marketo-form button.btn-primary:focus,
.marketo-form button.btn-primary:active,
.wFormContainer button.btn-primary:focus,
.wFormContainer button.btn-primary:active {
color: #11131C; }
#marketo-form button.btn-secondary,
.mktoForm button.btn-secondary,
.marketo-form button.btn-secondary,
.wFormContainer button.btn-secondary {
background-color: transparent; }
#marketo-form button.btn-secondary:hover,
.mktoForm button.btn-secondary:hover,
.marketo-form button.btn-secondary:hover,
.wFormContainer button.btn-secondary:hover {
background: #11131C;
border-color: #11131C; }
#marketo-form button.btn-secondary:focus, #marketo-form button.btn-secondary:active,
.mktoForm button.btn-secondary:focus,
.mktoForm button.btn-secondary:active,
.marketo-form button.btn-secondary:focus,
.marketo-form button.btn-secondary:active,
.wFormContainer button.btn-secondary:focus,
.wFormContainer button.btn-secondary:active {
color: #11131C; }
#marketo-form button.btn-tertiary,
.mktoForm button.btn-tertiary,
.marketo-form button.btn-tertiary,
.wFormContainer button.btn-tertiary {
background-color: transparent;
color: white;
border: 2px solid white; }
#marketo-form button.btn-tertiary:hover,
.mktoForm button.btn-tertiary:hover,
.marketo-form button.btn-tertiary:hover,
.wFormContainer button.btn-tertiary:hover {
background-color: white;
color: #11131C; }
#marketo-form button.btn-tertiary:disabled,
.mktoForm button.btn-tertiary:disabled,
.marketo-form button.btn-tertiary:disabled,
.wFormContainer button.btn-tertiary:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#marketo-form button.btn-tertiary:disabled:hover,
.mktoForm button.btn-tertiary:disabled:hover,
.marketo-form button.btn-tertiary:disabled:hover,
.wFormContainer button.btn-tertiary:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#marketo-form button.btn-textlink,
.mktoForm button.btn-textlink,
.marketo-form button.btn-textlink,
.wFormContainer button.btn-textlink {
background-color: transparent;
color: #FF1628;
border: 0px; }
#marketo-form button.btn-textlink:hover,
.mktoForm button.btn-textlink:hover,
.marketo-form button.btn-textlink:hover,
.wFormContainer button.btn-textlink:hover {
color: #11131C; }
#marketo-form button.btn-textlink:disabled,
.mktoForm button.btn-textlink:disabled,
.marketo-form button.btn-textlink:disabled,
.wFormContainer button.btn-textlink:disabled {
color: #808080; }
#marketo-form button.btn-textlink:disabled:hover,
.mktoForm button.btn-textlink:disabled:hover,
.marketo-form button.btn-textlink:disabled:hover,
.wFormContainer button.btn-textlink:disabled:hover {
color: #808080; }
#marketo-form button.btn-red,
.mktoForm button.btn-red,
.marketo-form button.btn-red,
.wFormContainer button.btn-red {
color: white;
background: #FF1628;
border: 2px solid #FF1628 !important; }
#marketo-form button.btn-red:hover,
.mktoForm button.btn-red:hover,
.marketo-form button.btn-red:hover,
.wFormContainer button.btn-red:hover {
background: #FF1628 !important;
color: #ffffff;
border: 2px solid #FF1628; }
#marketo-form button.btn-red:active,
.mktoForm button.btn-red:active,
.marketo-form button.btn-red:active,
.wFormContainer button.btn-red:active {
background: #FF1628 !important;
color: #ffffff;
outline: none;
color: #FF1628; }
#marketo-form button.btn-red:focus,
.mktoForm button.btn-red:focus,
.marketo-form button.btn-red:focus,
.wFormContainer button.btn-red:focus {
background: #FF1628 !important;
outline: none;
color: #ffffff; }
#marketo-form button.btn-red:disabled,
.mktoForm button.btn-red:disabled,
.marketo-form button.btn-red:disabled,
.wFormContainer button.btn-red:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#marketo-form button.btn-red:disabled:hover,
.mktoForm button.btn-red:disabled:hover,
.marketo-form button.btn-red:disabled:hover,
.wFormContainer button.btn-red:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
a#marketo-form button, .mktoForm button, .marketo-form button, .wFormContainer button {
display: inline-block;
text-decoration: none; }
a#marketo-form button:hover, .mktoForm button:hover, .marketo-form button:hover, .wFormContainer button:hover {
text-decoration: none; }
#marketo-form .mktoError,
.mktoForm .mktoError,
.marketo-form .mktoError,
.wFormContainer .mktoError {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
letter-spacing: 1px;
margin-top: 8px; }
.select2-container {
display: block !important; }
.select2-container ul {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 30px !important;
display: block; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-style: none !important;
border-color: none !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 30px !important;
height: 48px !important;
display: block; }
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
content: '\f078';
font-family: 'FontAwesome';
font-size: 12px;
display: block;
width: 29px;
height: 48px;
transition: transform 300ms ease;
transform-origin: 6px 50%;
margin-left: 1px; }
.select2.select2-container--open .select2-selection .select2-selection__arrow b:after {
transform: rotate(180deg) !important; }
.select2 {
text-align: left;
max-width: 340px;
width: 100% !important; }
.select2 span {
height: 48px !important;
line-height: 47px !important;
padding: 0; }
.select2-search--dropdown .select2-search__field {
border: 1px solid #dadada !important; }
.select2:focus, .select2:focus-within,
.select2-selection:focus,
.select2-selection:focus-within {
outline: none !important; }
.select2-container,
.select2-dropdown,
.select2-selection {
border-color: #dadada !important;
border-width: 1px !important; }
.select2-selection__rendered,
.select2-results {
color: #5c6066;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
.select2-selection__rendered.italic,
.select2-results.italic {
font-family: "Gilroy-BoldItalic"; }
.select2-selection__rendered,
.select2-results li {
padding: 0 15px !important; }
.select2-container--default .select2-results__option[aria-selected='true'] {
background: none !important;
color: #5c6066 !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: none !important;
color: #FF1628 !important; }
.select2-results {
background: #fafafa; }
.select2-results li {
font-weight: normal;
font-family: "Gilroy-Bold";
color: #9b9b9b;
margin-bottom: 12px;
line-height: 22px; }
.select2-results li.italic {
font-family: "Gilroy-BoldItalic"; }
.select2-results li:first-of-type {
margin-top: 12px; }
.select2-results ul li {
height: auto; }
.light .mktoForm .mktoAsterix {
color: white; }
#marketo-form-thanks,
.marketo-form-thanks,
#gated-form-thanks {
display: none; }
@media (min-width: 1200px) {
#what-is-a-great-place-component .text {
padding-left: calc((100vw - 1200px) / 2 + 30px); } }
#lists-schedule .full-width {
background-color: #f7f7f7; }
#lists-schedule p {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#lists-schedule p {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#lists-schedule #awards-list {
justify-content: center; }
#lists-schedule #awards-list .award-wrapper {
padding: 10px; }
#lists-schedule #awards-list .award {
padding: 10px;
background-color: white; }
#lists-schedule #awards-list .award .category-name {
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#lists-schedule #awards-list .award .category-name.italic {
font-family: "Gilroy-BoldItalic"; }
#lists-schedule #awards-list .award .title-wrapper {
margin-top: 10px; }
#lists-schedule #awards-list .award .award-title {
font-size: 16px;
line-height: 20px;
letter-spacing: -0.37px; }
@media (min-width: 992px) {
#lists-schedule #awards-list .award .award-title {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.3px; } }
#lists-schedule #awards-list .award .get-certified {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 5px;
display: block; }
#lists-schedule #awards-list .award .date {
color: #ff1628;
margin-bottom: 0; }
#list-header,
#list-detail-header {
display: flex;
flex-direction: row;
align-items: center; }
@media (min-width: 992px) {
#list-header,
#list-detail-header {
min-height: 620px; } }
#lists-component #list > div {
margin-bottom: 20px; }
#lists-component #list-top-component {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: flex-start; }
#lists-component #list-top-component .select2 {
display: block;
margin-left: auto;
margin-right: auto; }
#lists-component #list-top-component #list-title {
margin-bottom: 0; }
@media (min-width: 992px) {
#lists-component #list-top-component div:first-of-type {
margin-bottom: 40px; } }
@media (min-width: 1200px) {
#lists-component #list-top-component div:first-of-type {
margin-bottom: 0; } }
#lists-component .list-item-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: flex-start; }
#lists-component .list-item-thumb {
width: 170px;
min-width: 170px;
height: 170px;
object-fit: cover;
margin-right: 20px;
margin-bottom: 0; }
#lists-component .list-item-date {
color: #b3b3b3;
margin-top: 5px; }
#list-filter,
#blog-filter {
width: auto;
padding: 8px;
min-width: 200px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding-right: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 423 263' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'%3e%3cpath fill='none' d='M0 0h422.16v262.08H0z'/%3e%3cpath d='M39.758 41.985l171 180.96 171-180.96' fill='none' stroke='%23545454' stroke-width='70.87'/%3e%3c/svg%3e");
background-size: 14px;
background-repeat: no-repeat;
background-position: 95%, 50%;
background-color: #f7f7f7; }
#list-detail-header {
background-color: #174bd6; }
#list-detail-header .content-wrapper {
text-align: center; }
@media (min-width: 992px) {
#list-detail-header .content-wrapper {
text-align: left; }
#list-detail-header .container,
#list-detail-header .row,
#list-detail-header .row > div {
min-height: inherit;
height: inherit; } }
#list-detail-header .logo {
height: 80px; }
#list-detail-header #list-banner {
width: 100%; }
#list-detail-header #list-banner.letterbox {
min-height: inherit;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
#list-detail-header #methodology {
cursor: pointer; }
#modal-about-list button.close {
width: 40px;
height: 40px;
position: absolute;
top: 20px;
right: 20px;
opacity: 1;
color: grey;
font-size: 28px; }
#modal-about-list #modal-sub-heading {
font-weight: normal;
font-family: "Gilroy-Bold";
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
color: #FF1628;
text-transform: uppercase;
margin-bottom: 20px; }
#modal-about-list #modal-sub-heading.italic {
font-family: "Gilroy-BoldItalic"; }
#modal-about-list .modal-dialog {
width: 90%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left; }
#modal-about-list .modal-body {
overflow-y: auto;
height: 300px; }
@media (min-width: 992px) {
#modal-about-list .modal-body {
height: 400px; } }
#modal-about-list .modal-content {
padding: 20px;
border-radius: 16px; }
@media (min-width: 992px) {
#modal-about-list .modal-content {
padding: 40px; } }
#modal-about-list .modal-header,
#modal-about-list .modal-body {
padding: 0; }
#modal-about-list .modal-header {
padding-bottom: 30px;
border-bottom-width: 3px; }
#modal-about-list .modal-body {
padding-top: 30px; }
#filters,
[id^=tabby-table-tabs] {
margin-bottom: 40px;
border-bottom: 2px solid #11131C;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch; }
#filters::-webkit-scrollbar,
[id^=tabby-table-tabs]::-webkit-scrollbar {
display: none;
-webkit-appearance: none; }
#filters -ms-overflow-style,
[id^=tabby-table-tabs] -ms-overflow-style {
display: none; }
#filters > div,
[id^=tabby-table-tabs] > div {
flex-shrink: 0; }
#filters .filter,
[id^=tabby-table-tabs] .filter {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
text-transform: uppercase;
padding: 17px 20px;
user-select: none;
cursor: pointer;
color: #11131C; }
#filters .filter:last-of-type,
[id^=tabby-table-tabs] .filter:last-of-type {
margin-right: 0; }
#filters .filter:hover,
[id^=tabby-table-tabs] .filter:hover {
background: #efefef; }
#filters .filter.active,
[id^=tabby-table-tabs] .filter.active {
color: white;
background: #11131C; }
#list-detail-filters {
font-size: 12px;
line-height: 20px;
letter-spacing: 1.88px;
padding-top: 0px;
padding-bottom: 20px; }
#list-detail-filters .row > div {
margin-bottom: 0; }
#list-detail-filters .title {
margin-bottom: 4px; }
#list-detail-filters .blank {
width: 1px;
height: 1px; }
@media (min-width: 992px) {
#list-detail-filters .title,
#list-detail-filters .filter {
margin-bottom: 0; }
#list-detail-filters .title {
color: #11131C;
margin-right: 16px;
display: inline-block; }
#list-detail-filters .filter {
display: inline-block; }
#list-detail-filters .filter:last-of-type::after {
display: none; } }
#list-detail-filters #filter-separator {
padding-left: 30px;
padding-right: 30px; }
#list-detail-filters #archive {
width: 150px;
margin-left: auto;
margin-right: auto; }
@media (min-width: 992px) {
#year-list {
display: none; } }
#year-list .title {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
display: block; }
#list-detail-component {
text-align: left; }
#list-detail-component .link {
display: block; }
#list-detail-component #list-detail-left-column .company {
display: none;
margin-bottom: 40px; }
#list-detail-component #list-detail-left-column .company.list-filter-show {
display: block; }
#list-detail-component #list-detail-left-column .company .image {
width: 100%;
height: 280px;
object-fit: contain;
font-family: 'object-fit: contain;';
object-position: center; }
#list-detail-component #list-detail-left-column .company .company-text .review-link {
display: block; }
#list-detail-component #list-detail-left-column .company .company-text .location,
#list-detail-component #list-detail-left-column .company .company-text .industry,
#list-detail-component #list-detail-left-column .company .company-text .employee-count,
#list-detail-component #list-detail-left-column .company .company-text .review-link {
line-height: 20px;
/* $icon-width: 11px;
i {
margin-right: 20px;
&:before {
display: block;
float: left;
width: $icon-width;
height: 13px;
}
} */
/* padding-left: $icon-width * 2;
text-indent: -$icon-width; */ }
#list-detail-component #list-detail-left-column .company .company-text .location,
#list-detail-component #list-detail-left-column .company .company-text .industry,
#list-detail-component #list-detail-left-column .company .company-text .employee-count {
margin-bottom: 16px; }
#list-detail-component #list-detail-left-column .industry,
#list-detail-component #list-detail-left-column .location,
#list-detail-component #list-detail-left-column .review-link {
line-height: 25px; }
#list-detail-component #list-detail-left-column .quote-read-more {
color: #11131C;
cursor: pointer; }
#list-detail-component #list-detail-left-column .quote.closed {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
#list-detail-component #list-detail-right-column #supporting-material i {
margin-top: 5px; }
#list-detail-component #nominate {
padding: 10px;
background-color: #f7f7f7; }
#list-detail-component #recent-lists div:last-of-type {
margin-bottom: 0; }
@media (min-width: 992px) {
#list-detail-component #archive #year-list {
display: none; } }
#list-detail-component #archive #year-list span::after {
content: '|';
margin-left: 5px;
margin-right: 5px; }
#list-detail-component #archive #year-list span:last-of-type::after {
display: none; }
#list-detail-component #archive #year-picker {
display: none; }
@media (min-width: 992px) {
#list-detail-component #archive #year-picker {
display: block; } }
#countdown {
text-align: center; }
#countdown .countdown-time {
font-size: 40px;
line-height: 40px;
font-family: "Gilroy-Thin"; }
@media (min-width: 992px) {
#countdown .countdown-time {
font-size: 150px;
line-height: 150px; } }
#library-results {
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
overflow: hidden; }
#library-results .subtext-1 {
font-weight: normal;
font-family: "Gilroy-Bold"; }
#library-results .subtext-1.italic {
font-family: "Gilroy-BoldItalic"; }
.social-wrapper {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center; }
.social-wrapper.italic {
font-family: "Gilroy-BoldItalic"; }
.social-wrapper > div.text,
.social-wrapper > div.addthis_toolbox {
display: block; }
.social-wrapper > div.text {
margin-bottom: 0;
letter-spacing: 1.26px; }
.social-wrapper .custom_images {
display: inline-block;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center; }
@media (min-width: 992px) {
.social-wrapper .custom_images {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; } }
.social-wrapper .custom_images a img {
width: 22px; }
.social-wrapper span {
font-weight: normal;
font-family: "Gilroy-Bold";
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
.social-wrapper span.italic {
font-family: "Gilroy-BoldItalic"; }
.social-wrapper a {
margin-bottom: 0 !important;
display: block; }
.social-wrapper a:last-of-type {
margin-right: 0%; }
#resources {
/* .social-wrapper {
@include xsmall;
@include weight-bold;
>div.text, >div.addthis_toolbox {
display: block;
@include media-breakpoint-up($stacked-breakpoint) {
display: inline-block;
}
}
>div.text {
margin-bottom: 10px;
@include media-breakpoint-up($stacked-breakpoint) {
margin-bottom: 0;
}
}
.custom_images {
display: inline-block;
@include flex-row(center);
@include media-breakpoint-up($stacked-breakpoint) {
@include flex-row(flex-start);
}
}
span {
@include weight-bold;
@include xsmall;
margin-right: 10px;
}
a {
margin-left: 15px;
margin-bottom: 0;
&:last-of-type {
margin-right: 0%
}
}
} */ }
#resources h1 {
margin-bottom: 20px; }
#resources .aspect4-3 {
height: 240px; }
@media (min-width: 768px) {
#resources .aspect4-3 {
height: 400px; } }
@media (min-width: 992px) {
#resources .aspect4-3 {
height: 360px; } }
#resources .category-description {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
font-weight: normal;
font-family: "Gilroy-Medium";
margin-top: 20px; }
@media (min-width: 992px) {
#resources .category-description {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#resources .category-description.italic {
font-family: "Gilroy-MediumItalic"; }
#resources #filters {
text-align: center;
display: block;
width: 260px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
text-transform: uppercase; }
@media (min-width: 992px) {
#resources #filters {
margin-right: 0;
padding-top: 20px;
text-align: left; } }
#resources #filters.italic {
font-family: "Gilroy-BoldItalic"; }
#resources #filters label {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
#resources #filters select {
display: none; }
#resources #filters span {
margin-left: auto;
margin-right: auto; }
@media (min-width: 992px) {
#resources #filters span {
margin-left: auto;
margin-right: 0; } }
#resources #filters > span {
margin-bottom: 20px; }
.select2-results {
text-transform: uppercase !important; }
.resource-tile-wide-banner {
margin-bottom: 50px; }
.resource-tile-small-banner {
height: 100%;
color: #ff1628;
border: 4px solid #ff1628; }
.resource-tile-small-banner h1,
.resource-tile-small-banner .h1,
.resource-tile-small-banner h2,
.resource-tile-small-banner .h2,
.resource-tile-small-banner h3,
.resource-tile-small-banner .h3,
.resource-tile-small-banner h4,
.resource-tile-small-banner .h4,
.resource-tile-small-banner h5,
.resource-tile-small-banner .h5,
.resource-tile-small-banner h6,
.resource-tile-small-banner .h6 {
color: #ff1628; }
.resource-tile-small-banner p:last-of-type {
margin-bottom: 0; }
.category-wrapper {
color: #ff1628;
background: transparent;
margin-top: 14px;
margin-bottom: 6px;
line-height: 14px;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-items: flex-end; }
.category-wrapper .category-icon {
width: auto;
height: 12px;
margin-right: 10px;
margin-bottom: 0;
display: block;
position: relative;
top: 1px; }
.category-wrapper .category-title {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
text-transform: uppercase;
display: block;
height: 14px; }
.category-wrapper .category-title.italic {
font-family: "Gilroy-BoldItalic"; }
.resource-tile {
text-align: left;
position: relative; }
.resource-tile a {
display: block; }
.resource-tile a img {
height: 240px; }
.resource-tile .link {
text-align: left; }
.resource-tile .subtext-1,
.resource-tile .link {
display: block;
margin-bottom: 10px !important; }
.resource-tile .subtext-1 {
margin-bottom: 5px; }
#library-header .dropdown-menu {
font-size: 16px; }
#library-header #filter-label {
width: auto;
padding: 8px;
min-width: 200px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding-right: 20px;
background-color: #f7f7f7;
text-align: left;
border-radius: 5px; }
#library-header #filter-label .caret {
float: right;
margin-top: 10px; }
#pagination,
.search-pagination,
.pagination {
margin-left: auto;
margin-right: auto;
display: block;
text-align: center; }
#pagination span.pagenav,
.search-pagination span.pagenav,
.pagination span.pagenav {
color: #ff1628; }
#pagination .pagination-prev span.pagenav,
#pagination .pagination-start span.pagenav,
#pagination .pagination-next span.pagenav,
#pagination .pagination-end span.pagenav,
.search-pagination .pagination-prev span.pagenav,
.search-pagination .pagination-start span.pagenav,
.search-pagination .pagination-next span.pagenav,
.search-pagination .pagination-end span.pagenav,
.pagination .pagination-prev span.pagenav,
.pagination .pagination-start span.pagenav,
.pagination .pagination-next span.pagenav,
.pagination .pagination-end span.pagenav {
color: #b3b3b3; }
#pagination a,
.search-pagination a,
.pagination a {
color: #b3b3b3;
display: block;
text-decoration: none; }
#pagination a:active,
.search-pagination a:active,
.pagination a:active {
color: #0045ff;
text-decoration: none; }
#pagination a:hover,
.search-pagination a:hover,
.pagination a:hover {
color: #11131C;
text-decoration: none;
border-bottom: 0; }
#pagination .counter,
#pagination .search-pages-counter,
.search-pagination .counter,
.search-pagination .search-pages-counter,
.pagination .counter,
.pagination .search-pages-counter {
display: block;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
text-transform: uppercase; }
#pagination .counter.italic,
#pagination .search-pages-counter.italic,
.search-pagination .counter.italic,
.search-pagination .search-pages-counter.italic,
.pagination .counter.italic,
.pagination .search-pages-counter.italic {
font-family: "Gilroy-BoldItalic"; }
#pagination .counter,
.search-pagination .counter,
.pagination .counter {
margin-bottom: 40px !important; }
#pagination .search-pages-counter,
.search-pagination .search-pages-counter,
.pagination .search-pages-counter {
margin-bottom: 0;
margin-top: 20px !important; }
#pagination .page-links,
.search-pagination .page-links,
.pagination .page-links {
margin-bottom: 10px; }
#pagination ul,
.search-pagination ul,
.pagination ul {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
align-items: center;
margin-bottom: 10px; }
#pagination ul li,
.search-pagination ul li,
.pagination ul li {
line-height: 24px;
font-size: 14px;
margin-right: 8px; }
#pagination ul li:nth-child(n + 6),
.search-pagination ul li:nth-child(n + 6),
.pagination ul li:nth-child(n + 6) {
display: none; }
@media (min-width: 992px) {
#pagination ul li:nth-child(n + 6),
.search-pagination ul li:nth-child(n + 6),
.pagination ul li:nth-child(n + 6) {
display: list-item; } }
@media (min-width: 992px) {
#pagination ul li,
.search-pagination ul li,
.pagination ul li {
font-size: 24px;
margin-right: 16px; } }
#pagination ul li:last-of-type,
.search-pagination ul li:last-of-type,
.pagination ul li:last-of-type {
margin-right: 0; }
#pagination ul li.pagination-end, #pagination ul li.pagination-next, #pagination ul li.pagination-prev, #pagination ul li.pagination-start,
.search-pagination ul li.pagination-end,
.search-pagination ul li.pagination-next,
.search-pagination ul li.pagination-prev,
.search-pagination ul li.pagination-start,
.pagination ul li.pagination-end,
.pagination ul li.pagination-next,
.pagination ul li.pagination-prev,
.pagination ul li.pagination-start {
display: list-item;
padding-left: 10px;
padding-right: 10px;
margin: 0;
color: #b3b3b3; }
#pagination ul li.pagination-end a.pagenav,
#pagination ul li.pagination-end .pagenav, #pagination ul li.pagination-next a.pagenav,
#pagination ul li.pagination-next .pagenav, #pagination ul li.pagination-prev a.pagenav,
#pagination ul li.pagination-prev .pagenav, #pagination ul li.pagination-start a.pagenav,
#pagination ul li.pagination-start .pagenav,
.search-pagination ul li.pagination-end a.pagenav,
.search-pagination ul li.pagination-end .pagenav,
.search-pagination ul li.pagination-next a.pagenav,
.search-pagination ul li.pagination-next .pagenav,
.search-pagination ul li.pagination-prev a.pagenav,
.search-pagination ul li.pagination-prev .pagenav,
.search-pagination ul li.pagination-start a.pagenav,
.search-pagination ul li.pagination-start .pagenav,
.pagination ul li.pagination-end a.pagenav,
.pagination ul li.pagination-end .pagenav,
.pagination ul li.pagination-next a.pagenav,
.pagination ul li.pagination-next .pagenav,
.pagination ul li.pagination-prev a.pagenav,
.pagination ul li.pagination-prev .pagenav,
.pagination ul li.pagination-start a.pagenav,
.pagination ul li.pagination-start .pagenav {
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Medium";
line-height: 30px; }
@media (min-width: 992px) {
#pagination ul li.pagination-end a.pagenav,
#pagination ul li.pagination-end .pagenav, #pagination ul li.pagination-next a.pagenav,
#pagination ul li.pagination-next .pagenav, #pagination ul li.pagination-prev a.pagenav,
#pagination ul li.pagination-prev .pagenav, #pagination ul li.pagination-start a.pagenav,
#pagination ul li.pagination-start .pagenav,
.search-pagination ul li.pagination-end a.pagenav,
.search-pagination ul li.pagination-end .pagenav,
.search-pagination ul li.pagination-next a.pagenav,
.search-pagination ul li.pagination-next .pagenav,
.search-pagination ul li.pagination-prev a.pagenav,
.search-pagination ul li.pagination-prev .pagenav,
.search-pagination ul li.pagination-start a.pagenav,
.search-pagination ul li.pagination-start .pagenav,
.pagination ul li.pagination-end a.pagenav,
.pagination ul li.pagination-end .pagenav,
.pagination ul li.pagination-next a.pagenav,
.pagination ul li.pagination-next .pagenav,
.pagination ul li.pagination-prev a.pagenav,
.pagination ul li.pagination-prev .pagenav,
.pagination ul li.pagination-start a.pagenav,
.pagination ul li.pagination-start .pagenav {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; } }
#pagination ul li.pagination-end a.pagenav.italic,
#pagination ul li.pagination-end .pagenav.italic, #pagination ul li.pagination-next a.pagenav.italic,
#pagination ul li.pagination-next .pagenav.italic, #pagination ul li.pagination-prev a.pagenav.italic,
#pagination ul li.pagination-prev .pagenav.italic, #pagination ul li.pagination-start a.pagenav.italic,
#pagination ul li.pagination-start .pagenav.italic,
.search-pagination ul li.pagination-end a.pagenav.italic,
.search-pagination ul li.pagination-end .pagenav.italic,
.search-pagination ul li.pagination-next a.pagenav.italic,
.search-pagination ul li.pagination-next .pagenav.italic,
.search-pagination ul li.pagination-prev a.pagenav.italic,
.search-pagination ul li.pagination-prev .pagenav.italic,
.search-pagination ul li.pagination-start a.pagenav.italic,
.search-pagination ul li.pagination-start .pagenav.italic,
.pagination ul li.pagination-end a.pagenav.italic,
.pagination ul li.pagination-end .pagenav.italic,
.pagination ul li.pagination-next a.pagenav.italic,
.pagination ul li.pagination-next .pagenav.italic,
.pagination ul li.pagination-prev a.pagenav.italic,
.pagination ul li.pagination-prev .pagenav.italic,
.pagination ul li.pagination-start a.pagenav.italic,
.pagination ul li.pagination-start .pagenav.italic {
font-family: "Gilroy-MediumItalic"; }
#pagination ul li.pagination-start,
.search-pagination ul li.pagination-start,
.pagination ul li.pagination-start {
padding-left: 0; }
#pagination ul li.pagination-end,
.search-pagination ul li.pagination-end,
.pagination ul li.pagination-end {
padding-right: 0; }
#pagination ul li.pagination-prev > span:before,
#pagination ul li.pagination-prev > a:before,
.search-pagination ul li.pagination-prev > span:before,
.search-pagination ul li.pagination-prev > a:before,
.pagination ul li.pagination-prev > span:before,
.pagination ul li.pagination-prev > a:before {
font-family: 'fontawesome';
content: '\f0a8';
margin-right: 10px; }
@media (min-width: 992px) {
#pagination ul li.pagination-prev > span:before,
#pagination ul li.pagination-prev > a:before,
.search-pagination ul li.pagination-prev > span:before,
.search-pagination ul li.pagination-prev > a:before,
.pagination ul li.pagination-prev > span:before,
.pagination ul li.pagination-prev > a:before {
content: none; } }
#pagination ul li.pagination-next > span:after,
#pagination ul li.pagination-next > a:after,
.search-pagination ul li.pagination-next > span:after,
.search-pagination ul li.pagination-next > a:after,
.pagination ul li.pagination-next > span:after,
.pagination ul li.pagination-next > a:after {
font-family: 'fontawesome';
content: '\f0a9';
margin-left: 10px; }
@media (min-width: 992px) {
#pagination ul li.pagination-next > span:after,
#pagination ul li.pagination-next > a:after,
.search-pagination ul li.pagination-next > span:after,
.search-pagination ul li.pagination-next > a:after,
.pagination ul li.pagination-next > span:after,
.pagination ul li.pagination-next > a:after {
content: none; } }
@media (min-width: 992px) {
#pagination ul li,
.search-pagination ul li,
.pagination ul li {
display: list-item; } }
.search-pagination {
margin-top: 100px !important; }
#listing-section h1,
#listing-section h2,
#listing-section h3,
#listing-section h4,
#listing-section h5,
#listing-section h6,
#related-resources h1,
#related-resources h2,
#related-resources h3,
#related-resources h4,
#related-resources h5,
#related-resources h6 {
text-align: center; }
@media (min-width: 992px) {
#listing-section h1,
#listing-section h2,
#listing-section h3,
#listing-section h4,
#listing-section h5,
#listing-section h6,
#related-resources h1,
#related-resources h2,
#related-resources h3,
#related-resources h4,
#related-resources h5,
#related-resources h6 {
text-align: center; } }
#listing-section .thumb-text h2,
#related-resources .thumb-text h2 {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#listing-section .thumb-text h2,
#related-resources .thumb-text h2 {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#listing-section .thumb-text h5,
#related-resources .thumb-text h5 {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px; }
@media (min-width: 992px) {
#listing-section .thumb-text h5,
#related-resources .thumb-text h5 {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px; } }
#listing-section .thumb-social,
#related-resources .thumb-social {
display: none; }
.newsletter-cta {
background-color: #002171; }
nav.navbar ul li.parent li a {
display: block;
width: 100%;
height: 100%; }
.fields-container {
/* .profile-company {
@extend h1;
margin-top: 40px;
} */ }
.fields-container dd {
margin-bottom: 10px; }
.fields-container dd:last-of-type {
margin-bottom: 0; }
.fields-container .profile-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
height: 560px; }
#gptw-accordion .description,
#gptw-accordion .title {
padding: 10px 10px; }
#gptw-accordion .description {
display: none;
border-bottom: 1px solid grey; }
#gptw-accordion .title {
cursor: pointer;
background-color: #f3f3f3;
border-bottom: 1px solid grey; }
#secondary-nav-trigger {
position: absolute;
z-index: 2;
top: 10px;
right: 20px;
color: #FF1628; }
@media (min-width: 1200px) {
#secondary-nav-trigger {
display: none; } }
#secondary-navigation {
height: 120px;
font-size: 14px !important;
line-height: 1.2;
background-color: white;
position: relative;
z-index: 1;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
font-family: "Gilroy-Bold";
text-transform: uppercase; }
@media (min-width: 1200px) {
#secondary-navigation {
height: 132px; } }
#secondary-navigation.sticky {
position: fixed;
top: 0; }
#secondary-navigation .container-fluid {
background-color: white; }
@media (min-width: 1200px) {
#secondary-navigation .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; } }
#secondary-navigation .back {
text-align: center;
font-weight: normal;
font-family: "Gilroy-Medium"; }
@media (min-width: 768px) {
#secondary-navigation .back {
text-align: left; } }
@media (min-width: 1200px) {
#secondary-navigation .back {
text-align: right; } }
#secondary-navigation .back.italic {
font-family: "Gilroy-MediumItalic"; }
#secondary-navigation .back a {
color: #5c6066; }
#secondary-navigation .back a:hover {
color: #5c6066; }
#secondary-navigation img {
height: 60px; }
#secondary-navigation.italic {
font-family: "Gilroy-BoldItalic"; }
@media (min-width: 1200px) {
#secondary-navigation .container,
#secondary-navigation .container-fluid,
#secondary-navigation .row {
height: 100%; } }
#secondary-navigation a {
color: #FF1628; }
#secondary-navigation a:hover {
color: #ff5a5a; }
#secondary-navigation .separator {
color: #FF1628; }
#secondary-navigation .logo-col {
text-align: left;
margin-bottom: 10px; }
#secondary-navigation .logo-col img {
width: 200px; }
@media (min-width: 1200px) {
#secondary-navigation .logo-col {
margin-bottom: 0; } }
#secondary-navigation ul {
list-style: none;
margin: 0;
padding: 0; }
@media (min-width: 1200px) {
#secondary-navigation ul {
padding-left: 20px; } }
#secondary-navigation ul li {
text-align: center; }
@media (min-width: 1200px) {
#secondary-navigation ul li {
text-align: left; } }
#secondary-navigation ul li.current a {
color: #ff5a5a; }
#secondary-navigation ul li a.btn {
margin-top: 0;
color: white;
margin-top: -6px; }
#secondary-navigation ul li a.btn:hover {
color: white; }
#secondary-navigation .menu {
display: none;
flex-wrap: nowrap;
align-items: center;
align-content: center;
flex-direction: column;
text-align: center;
margin-top: 30px; }
@media (min-width: 1200px) {
#secondary-navigation .menu {
display: flex;
flex-direction: row;
text-align: left;
align-items: flex-start;
margin-top: 0;
height: 30px;
overflow: visible; } }
#secondary-navigation .menu i {
margin-bottom: 10px; }
@media (min-width: 1200px) {
#secondary-navigation .menu i {
color: #FF1628;
position: relative;
top: 5px;
margin-left: 5px;
margin-bottom: 0; }
#secondary-navigation .menu i.active {
color: #3c3d41; } }
#secondary-navigation .menu .parent {
padding-left: 10px;
padding-right: 10px; }
#secondary-navigation .menu .parent ul {
display: none; }
@media (min-width: 1200px) {
#secondary-navigation .menu .parent ul {
width: 350px;
position: absolute; } }
#secondary-navigation .menu .parent ul li {
background-color: white; }
@media (min-width: 1200px) {
#secondary-navigation .menu .parent ul li {
text-align: left; } }
@media (min-width: 1200px) {
#secondary-navigation .menu .parent ul li a {
display: block;
padding-left: 5px;
padding-right: 5px; } }
#secondary-navigation .menu > li {
line-height: 30px; }
@media (min-width: 1200px) {
#secondary-navigation .menu > li {
margin-left: 20px; }
#secondary-navigation .menu > li:first-of-type {
margin-left: 0; } }
.sticky-secondary-nav-top-padding {
padding-top: 120px; }
@media (min-width: 1200px) {
.sticky-secondary-nav-top-padding {
padding-top: 132px; } }
#events-stats {
background-color: #f7f7f7;
text-align: center; }
#events-stats .heading,
#events-stats .subheading {
color: #FF1628;
line-height: 1; }
#events-stats .heading {
font-size: 56px;
margin-bottom: 20px; }
#events-stats .subheading {
font-size: 24px; }
#events-stats .text {
color: #b3b3b3; }
#events-keynotes .heading,
#events-keynotes .subheading,
#events-keynotes .footer-text {
color: #FF1628; }
#events-keynotes .embed-responsive {
margin-bottom: 20px; }
#events-keynotes .heading,
#events-keynotes .subheading {
line-height: 1; }
#events-keynotes .heading {
font-size: 28px;
margin-bottom: 20px; }
#events-keynotes .subheading {
margin-bottom: 5px;
font-size: 20px; }
#events-keynotes .text {
color: #868686; }
#events-keynotes .footer-text {
margin-top: 15px; }
#events-keynotes .cta {
text-align: center; }
#events-did-you-attend {
background-color: #f7f7f7;
text-align: center; }
#events-did-you-attend .heading,
#events-did-you-attend .subheading {
color: #FF1628; }
#events-did-you-attend .text {
color: #b3b3b3;
font-size: 20px;
line-height: 1.5; }
#events-did-you-attend img {
width: 200px; }
#events-see-you-next-year {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg-shapes---registration.png");
background-size: cover;
background-position: center center; }
#events-see-you-next-year .heading,
#events-see-you-next-year .subheading {
color: #FF1628; }
#events-see-you-next-year .btn {
margin-top: 60px; }
#events-hero,
#events-congratulations,
.secondary-nav-top-margin {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/hero-shapes.png");
background-size: cover;
background-position: center center;
height: 570px;
color: #FF1628; }
#events-hero a,
#events-congratulations a,
.secondary-nav-top-margin a {
margin-top: 50px; }
#events-hero .text,
#events-congratulations .text,
.secondary-nav-top-margin .text {
font-size: 20px;
line-height: 1.4;
color: #5c6066;
margin-top: 30px; }
#events-hero-slider .slick-slide {
display: flex !important; }
#events-hero-slider .slick-dots li button {
background-color: transparent;
border: 2px solid white; }
#events-hero-slider .slick-dots li.slick-active button {
background-color: white; }
#events-hero-slider .events-hero {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 570px; }
#events-hero-slider .events-hero .btn {
background-color: white;
color: #FF1628; }
#events-hero-slider .events-hero.events-hero-1 {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/mcb%26chinwe-alt-hero-bg.png");
background-size: cover; }
@media (min-width: 992px) {
#events-hero-slider .events-hero.events-hero-1 {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg---hero-1.png");
background-position: top center;
background-size: cover; } }
#events-hero-slider .events-hero.events-hero-2 {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg---hero-2.jpg");
background-size: cover; }
#events-hero-slider .events-hero.events-hero-3 {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg---hero-3.jpg");
background-size: cover; }
#events-video {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg-shapes---video-module.png");
background-size: cover;
background-position: center center; }
#events-video .subheading {
font-size: 36px;
line-height: 1.2;
color: #FF1628; }
#call-for-speakers {
background-color: #E3F7FF; }
#call-for-speakers .subheading {
font-size: 36px;
line-height: 1.2;
color: #FF1628; }
#call-for-speakers .btn {
margin-top: 60px; }
#event-brands {
background-color: #f7f7f7; }
#event-brands .heading {
color: #FF1628; }
#event-brands .logos img {
width: 160px; }
#events-slider {
height: 300px; }
@media (min-width: 992px) {
#events-slider {
height: 600px; } }
#events-slider-testimonials {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg-shapes---testimonials-module.png");
background-size: cover;
background-position: center center; }
#events-slider-testimonials .heading {
color: #FF1628; }
#events-slider-testimonials .person {
margin-top: 36px; }
#events-slider-testimonials #events-slider-testimonials-slider {
padding-bottom: 70px; }
#events-slider-testimonials #events-slider-testimonials-slider .slick-next {
right: -40px; }
#events-slider-testimonials #events-slider-testimonials-slider .slick-prev {
left: -40px; }
#events-subscribe {
background: url("https://s3.amazonaws.com/media.greatplacetowork.com/events/bg-shapes---registration.png");
background-size: cover;
background-position: center center;
background-color: #E3F7FF; }
#events-subscribe .heading {
color: #FF1628; }
#events-subscribe #marketo-form .mktoFormRow .mktoFormCol,
#events-subscribe .mktoForm .mktoFormRow .mktoFormCo {
width: 100%; }
#events-subscribe #marketo-form .mktoFormRow .mktoFormCol input,
#events-subscribe .mktoForm .mktoFormRow .mktoFormCo input {
max-width: 100%; }
#events-accommodation-header,
#events-accommodation-footer {
background: #E3F7FF; }
#events-faq .questions p:nth-of-type(odd) {
font-weight: bold; }
#events-past-speakers .events-speakers .title,
#events-past-speakers .events-speakers .name {
color: #FF1628; }
#events-past-speakers .events-speakers img {
width: 100%;
max-width: 250px;
height: auto;
border-radius: 50%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
#events-past-speakers .events-speakers .title,
#events-past-speakers .events-speakers .secondary-title {
margin-top: 5px; }
#events-past-speakers .events-speakers#events-primary-speakers img {
border: 5px solid; }
#events-past-speakers .events-speakers#events-primary-speakers img.gold {
border-color: #ffb81a; }
#events-past-speakers .events-speakers#events-primary-speakers img.blue {
border-color: #0045ff; }
#events-past-speakers .events-speakers#events-primary-speakers img.dark-green {
border-color: #007373; }
#nominate-workplace-hero {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/bg-shapes---video-module.png");
background-size: cover;
background-position: center center;
background-color: #E3F7FF; }
.breadcrumb {
letter-spacing: 1.26px;
margin-top: -50px;
padding: 0;
margin-bottom: 20px !important;
background: transparent;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
.breadcrumb li:after, .breadcrumb li:before {
content: none !important; }
.breadcrumb.italic {
font-family: "Gilroy-BoldItalic"; }
#form-assembly-form {
display: none; }
#form-assembly-form .label.reqMark:after {
content: '*'; }
#form-assembly-form .errMsg {
background-color: red;
color: white;
padding: 7px;
display: inline-block; }
#form-assembly-form .oneField,
#form-assembly-form .oneChoice {
margin-top: 8px;
margin-bottom: 8px; }
#form-assembly-form #submit_button {
display: inline-block;
margin: 0;
font-family: "Gilroy-SemiBold";
letter-spacing: 1.2px;
font-size: 16px;
line-height: 100%;
width: auto;
text-transform: uppercase;
color: #11131C;
border-radius: 0px;
border: 2px solid #11131C;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
box-shadow: none !important;
outline: none;
background-color: transparent;
cursor: pointer;
/* &.btn-lg {
padding: map-get($spacing, 4);
padding-top: map-get($spacing, 3);
padding-bottom: map-get($spacing, 3);
height: auto;
} */
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px; }
#form-assembly-form #submit_button.btn-small {
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto; }
#form-assembly-form #submit_button:hover {
color: white;
background-color: #11131C; }
#form-assembly-form #submit_button:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#form-assembly-form #submit_button:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#form-assembly-form #submit_button:focus, #form-assembly-form #submit_button:active {
color: #11131C; }
#form-assembly-form #submit_button.margin-right {
margin-right: 20px; }
#form-assembly-form #submit_button.btn-lg {
padding-top: 20px;
padding-bottom: 20px;
height: auto; }
#form-assembly-form #submit_button.btn-primary {
background-color: transparent; }
#form-assembly-form #submit_button.btn-primary:hover {
background: #11131C;
border-color: #11131C; }
#form-assembly-form #submit_button.btn-primary:focus, #form-assembly-form #submit_button.btn-primary:active {
color: #11131C; }
#form-assembly-form #submit_button.btn-secondary {
background-color: transparent; }
#form-assembly-form #submit_button.btn-secondary:hover {
background: #11131C;
border-color: #11131C; }
#form-assembly-form #submit_button.btn-secondary:focus, #form-assembly-form #submit_button.btn-secondary:active {
color: #11131C; }
#form-assembly-form #submit_button.btn-tertiary {
background-color: transparent;
color: white;
border: 2px solid white; }
#form-assembly-form #submit_button.btn-tertiary:hover {
background-color: white;
color: #11131C; }
#form-assembly-form #submit_button.btn-tertiary:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#form-assembly-form #submit_button.btn-tertiary:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#form-assembly-form #submit_button.btn-textlink {
background-color: transparent;
color: #FF1628;
border: 0px; }
#form-assembly-form #submit_button.btn-textlink:hover {
color: #11131C; }
#form-assembly-form #submit_button.btn-textlink:disabled {
color: #808080; }
#form-assembly-form #submit_button.btn-textlink:disabled:hover {
color: #808080; }
#form-assembly-form #submit_button.btn-red {
color: white;
background: #FF1628;
border: 2px solid #FF1628 !important; }
#form-assembly-form #submit_button.btn-red:hover {
background: #FF1628 !important;
color: #ffffff;
border: 2px solid #FF1628; }
#form-assembly-form #submit_button.btn-red:active {
background: #FF1628 !important;
color: #ffffff;
outline: none;
color: #FF1628; }
#form-assembly-form #submit_button.btn-red:focus {
background: #FF1628 !important;
outline: none;
color: #ffffff; }
#form-assembly-form #submit_button.btn-red:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
#form-assembly-form #submit_button.btn-red:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
a#form-assembly-form #submit_button {
display: inline-block;
text-decoration: none; }
a#form-assembly-form #submit_button:hover {
text-decoration: none; }
#form-assembly-form .oneField .inputWrapper {
margin-top: 10px; }
#form-assembly-form .oneChoice {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center; }
#form-assembly-form .oneChoice input[type='checkbox'] {
flex-shrink: 0;
height: auto; }
#form-assembly-form .oneChoice input[type='radio'] {
width: 25px;
height: auto;
flex-shrink: 0; }
#form-assembly-form .oneChoice .label {
margin: 0; }
#form-assembly-form .oneChoice input {
margin: 0; }
#form-assembly-form .supportInfo {
text-align: center; }
#form-assembly-component #form-assembly-thankyou,
#form-assembly-component #form-assembly-submitting {
display: none; }
#form-assembly-component textarea {
width: 100%; }
.tooltip,
.chartist-tooltip {
pointer-events: none;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.2px;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3);
padding: 12px 16px !important;
border-radius: 16px; }
@media (min-width: 992px) {
.tooltip,
.chartist-tooltip {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px; } }
.tooltip .tooltip-inner,
.tooltip .chartist-tooltip-meta,
.chartist-tooltip .tooltip-inner,
.chartist-tooltip .chartist-tooltip-meta {
letter-spacing: -0.37px !important;
background-color: white;
padding: 0; }
.tooltip {
background-color: white; }
.tooltip .tooltip-inner {
color: #337dff;
font-weight: normal;
font-family: "Gilroy-Medium"; }
.tooltip .tooltip-inner.italic {
font-family: "Gilroy-MediumItalic"; }
.tooltip.top .tooltip-arrow {
border-top-color: white;
border-width: 20px 20px 0;
bottom: -14px;
left: calc(50% - 13px) !important; }
.tooltip.in {
opacity: 1; }
.chartist-tooltip {
background-color: white;
font-family: "Gilroy-Regular";
font-weight: normal;
position: absolute;
display: inline-block;
opacity: 0;
text-align: center;
z-index: 1;
transition: none; }
.chartist-tooltip.italic {
font-family: "Gilroy-RegularItalic"; }
.chartist-tooltip.tooltip-show {
opacity: 1;
transition: opacity 0.1s linear; }
.chartist-tooltip:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -20px;
border: 20px solid transparent;
border-top-color: white; }
@media (max-width: 768px) {
.chartist-tooltip {
display: none; } }
@media (min-width: 992px) {
.chartist-tooltip {
width: 300px; } }
.chartist-tooltip strong {
font-weight: normal;
font-family: "Gilroy-Bold"; }
.chartist-tooltip strong.italic {
font-family: "Gilroy-BoldItalic"; }
.ct-area,
.ct-line {
pointer-events: none; }
#google-map {
width: 100%;
height: 600px; }
#meghan-t-promo {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/meghan-t-promo-background.svg");
background-size: cover;
background-position: center center;
background-color: #f5b3bf; }
#meghan-t-promo .text {
text-align: center; }
#meghan-t-promo .text .intro {
font-size: 20px;
line-height: 32px;
color: #FF1628; }
#meghan-t-promo .presented-by {
margin-top: 60px;
margin-bottom: 30px; }
#meghan-t-promo .logo-wrapper img {
margin: 10px; }
#meghan-t-promo .logo-wrapper img.hilton {
width: 156px; }
#meghan-t-promo .logo-wrapper img.live-nation {
width: 186px; }
#site-header .navbar-right {
margin-top: 0; }
@media (min-width: 768px) {
#site-header .navbar-right {
margin-top: 26px; } }
#site-header.f-nav .navbar-right {
margin-top: 0; }
@media (max-width: 767px) {
#site-header .navbar-right .contact_us_link {
position: absolute;
top: 10px;
left: 80px;
margin-top: 0; } }
#summit-featured-speakers .h6 {
display: block; }
#summit-featured-speakers img {
max-width: 240px; }
#summit-lottie {
position: relative;
z-index: 0;
overflow: hidden;
background-color: #eeeeff;
/* content */ }
#summit-lottie #content {
text-align: center;
height: 100%;
position: relative;
z-index: 2; }
@media (min-width: 992px) {
#summit-lottie #content {
text-align: left; } }
#summit-lottie #left,
#summit-lottie #right {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2; }
#summit-lottie #left > div,
#summit-lottie #right > div {
overflow: visible !important; }
#summit-lottie #foreground {
height: 200px; }
@media (min-width: 992px) {
#summit-lottie #foreground {
height: 350px; } }
#summit-lottie #left,
#summit-lottie #right {
display: none; }
@media (min-width: 1000px) {
#summit-lottie #left,
#summit-lottie #right {
display: block; }
#summit-lottie #left {
left: -170px;
right: auto; }
#summit-lottie #right {
right: -170px;
left: auto; } }
@media (min-width: 1600px) {
#summit-lottie #left {
left: calc((-100vw / 2 + 600px)); }
#summit-lottie #right {
right: calc((-100vw / 2 + 600px)); } }
#home-testimonials #home-testimonials-slider,
#home-testimonials #testimonials-slider,
#testimonials-v2 #home-testimonials-slider,
#testimonials-v2 #testimonials-slider {
background: #eee6fc; }
#home-testimonials #home-testimonials-slider .content-wrapper,
#home-testimonials #testimonials-slider .content-wrapper,
#testimonials-v2 #home-testimonials-slider .content-wrapper,
#testimonials-v2 #testimonials-slider .content-wrapper {
margin-bottom: 20px; }
#home-testimonials #home-testimonials-slider .content-wrapper :last-child,
#home-testimonials #testimonials-slider .content-wrapper :last-child,
#testimonials-v2 #home-testimonials-slider .content-wrapper :last-child,
#testimonials-v2 #testimonials-slider .content-wrapper :last-child {
margin-bottom: 0 !important; }
#home-testimonials #home-testimonials-slider .image,
#home-testimonials #testimonials-slider .image,
#testimonials-v2 #home-testimonials-slider .image,
#testimonials-v2 #testimonials-slider .image {
text-align: center; }
#home-testimonials #home-testimonials-slider .image img,
#home-testimonials #testimonials-slider .image img,
#testimonials-v2 #home-testimonials-slider .image img,
#testimonials-v2 #testimonials-slider .image img {
display: inline-block;
width: 60%;
margin-right: 20px; }
.contact_us_link {
display: inline-block;
margin: 0;
font-family: "Gilroy-SemiBold";
letter-spacing: 1.2px;
font-size: 16px;
line-height: 100%;
width: auto;
text-transform: uppercase;
color: #11131C;
border-radius: 0px;
border: 2px solid #11131C;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
box-shadow: none !important;
outline: none;
background-color: transparent;
cursor: pointer;
/* &.btn-lg {
padding: map-get($spacing, 4);
padding-top: map-get($spacing, 3);
padding-bottom: map-get($spacing, 3);
height: auto;
} */
background-color: white;
color: black;
border: 2px solid black;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 35px;
padding-right: 35px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px; }
.contact_us_link.btn-small {
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto; }
.contact_us_link:hover {
color: white;
background-color: #11131C; }
.contact_us_link:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link:focus, .contact_us_link:active {
color: #11131C; }
.contact_us_link.margin-right {
margin-right: 20px; }
.contact_us_link.btn-lg {
padding-top: 20px;
padding-bottom: 20px;
height: auto; }
.contact_us_link.btn-primary {
background-color: transparent; }
.contact_us_link.btn-primary:hover {
background: #11131C;
border-color: #11131C; }
.contact_us_link.btn-primary:focus, .contact_us_link.btn-primary:active {
color: #11131C; }
.contact_us_link.btn-secondary {
background-color: transparent; }
.contact_us_link.btn-secondary:hover {
background: #11131C;
border-color: #11131C; }
.contact_us_link.btn-secondary:focus, .contact_us_link.btn-secondary:active {
color: #11131C; }
.contact_us_link.btn-tertiary {
background-color: transparent;
color: white;
border: 2px solid white; }
.contact_us_link.btn-tertiary:hover {
background-color: white;
color: #11131C; }
.contact_us_link.btn-tertiary:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-tertiary:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-textlink {
background-color: transparent;
color: #FF1628;
border: 0px; }
.contact_us_link.btn-textlink:hover {
color: #11131C; }
.contact_us_link.btn-textlink:disabled {
color: #808080; }
.contact_us_link.btn-textlink:disabled:hover {
color: #808080; }
.contact_us_link.btn-red {
color: white;
background: #FF1628;
border: 2px solid #FF1628 !important; }
.contact_us_link.btn-red:hover {
background: #FF1628 !important;
color: #ffffff;
border: 2px solid #FF1628; }
.contact_us_link.btn-red:active {
background: #FF1628 !important;
color: #ffffff;
outline: none;
color: #FF1628; }
.contact_us_link.btn-red:focus {
background: #FF1628 !important;
outline: none;
color: #ffffff; }
.contact_us_link.btn-red:disabled {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
.contact_us_link.btn-red:disabled:hover {
color: #808080;
background: rgba(41, 43, 48, 0.25); }
a.contact_us_link {
display: inline-block;
text-decoration: none; }
a.contact_us_link:hover {
text-decoration: none; }
.contact_us_link:hover {
background-color: white;
color: black; }
.contact_us_link i {
margin-left: 5px; }
#footer-bottom-right {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
@media (min-width: 992px) {
#footer-bottom-right {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-end;
align-items: center; } }
#footer-bottom-right .copyright {
color: white;
font-size: 16px;
text-align: left; }
@media (min-width: 992px) {
#footer-bottom-right .copyright {
text-align: right; } }
#footer-bottom-right p {
margin-bottom: 0; }
/* #bottom-logo {
display: none;
@include media-breakpoint-up($stacked-breakpoint) {
display: block;
}
} */
#gptw-search {
background: #f7f7f7;
text-align: center; }
#gptw-search #search-input-wrapper {
position: relative; }
#gptw-search #search-input-wrapper:before {
content: '\f002';
font-family: 'FontAwesome';
font-size: 28px;
color: grey;
display: block;
position: absolute;
left: 15px;
top: 14px;
z-index: 9;
transform: scaleX(-1); }
#gptw-search #search-input-wrapper #search-input {
color: grey;
height: 60px;
line-height: 58px;
padding: 0px 15px 0px 50px;
max-width: 100%;
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
position: relative; }
@media (min-width: 992px) {
#gptw-search #search-input-wrapper #search-input {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#gptw-search button {
margin-top: 50px; }
#gptw-search-results #search-query-explained {
font-size: 28px;
line-height: 36px;
letter-spacing: -0.65px;
color: #002171;
text-align: center;
padding: 0;
padding-bottom: 60px; }
@media (min-width: 992px) {
#gptw-search-results #search-query-explained {
font-size: 36px;
line-height: 43px;
letter-spacing: -0.72px; } }
@media (min-width: 768px) {
#gptw-search-results #search-query-explained {
padding-bottom: 65px; } }
#gptw-search-results #search-query-explained span.term {
font-weight: normal; }
#gptw-search-results .result-title {
margin-bottom: 16px; }
#gptw-search-results ul.search-results {
list-style: none;
padding-left: 0; }
#gptw-search-results ul.search-results .row {
margin-bottom: 50px; }
#gptw-search-results ul.search-results .row h4 {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#gptw-search-results ul.search-results .row h4 {
font-size: 24px;
line-height: 30px;
letter-spacing: -0.48px; } }
@media (min-width: 768px) {
#gptw-search-results ul.search-results .row {
margin-bottom: 50px; } }
#gptw-search-results ul.search-results .row .result-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
height: 235px;
object-position: top; }
#gptw-search-results #search-result-empty {
text-align: center; }
#calendar-footnotes {
text-align: left;
padding-bottom: 40px; }
#social-links i.fa {
width: 100%;
border-radius: 100%; }
#social-links i.fa .fa-globe {
background: #0045ff; }
#social-links i.fa .fa-twitter {
background: #0045ff; }
#social-links i.fa .fa-facebook {
background: #0045ff; }
#social-links i.fa .fa-instagram {
background: #0045ff; }
#social-links i.fa .fa-linkedin {
background: #0045ff; }
#social-links i.fa .fa-youtube {
background: #0045ff; }
.background-video-component {
position: relative;
overflow: hidden;
height: 300px; }
.background-video-component .container,
.background-video-component .row,
.background-video-component .row > div {
height: 100%; }
.background-video-component .row > div {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center; }
@media (min-width: 768px) {
.background-video-component {
height: 400px; } }
@media (min-width: 992px) {
.background-video-component {
height: 500px; } }
@media (min-width: 1200px) {
.background-video-component {
height: 600px; } }
.background-video-component .video-overlay,
.background-video-component .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.background-video-component .video-overlay {
z-index: 0; }
.background-video-component .video-wrapper {
z-index: -1; }
.background-video-component .video-wrapper video {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
/*
Usage:
*/
.fa-ul {
margin-left: 20px;
margin-inline-start: 20px; }
.fa-ul li {
padding-left: 10px; }
.fa-ul li .fa-li {
left: -20px;
width: 20px;
margin-top: 3px; }
@media (min-width: 992px) {
.webinar-tile {
margin-right: 20px;
width: calc(33.33333333% - 20px); } }
.webinar-tile .tile-bottom-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-items: flex-start; }
.webinar-tile .topic {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px; }
.webinar-tile .webinar_date {
margin-bottom: 10px; }
.webinar-tile .main-image {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
max-width: calc(100% + 30px);
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
height: 260px; }
.webinar-tile .info {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 20px; }
.webinar-tile .cta {
margin-top: 35px;
margin-bottom: 20px; }
.resource-wide-tile,
.webinar-tile {
box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.resource-wide-tile .topic,
.webinar-tile .topic {
color: white;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold";
text-align: center;
padding-top: 8px;
padding-bottom: 8px; }
.resource-wide-tile .topic.italic,
.webinar-tile .topic.italic {
font-family: "Gilroy-BoldItalic"; }
.resource-wide-tile .topic.purple,
.webinar-tile .topic.purple {
background: #401a80; }
.resource-wide-tile .topic.red,
.webinar-tile .topic.red {
background: #FF1628; }
.resource-wide-tile .topic.gold,
.webinar-tile .topic.gold {
background: #ffb81a; }
@media (min-width: 992px) {
.resource-wide-tile .left {
padding-right: 0; } }
.resource-wide-tile .right {
padding-left: 0;
padding-right: 0; }
.resource-wide-tile .topic {
color: white;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold";
text-align: center;
padding-top: 8px;
padding-bottom: 8px; }
.resource-wide-tile .topic.italic {
font-family: "Gilroy-BoldItalic"; }
.resource-wide-tile .topic.purple {
background: #401a80; }
.resource-wide-tile .topic.red {
background: #FF1628; }
.resource-wide-tile .topic.gold {
background: #ffb81a; }
.resource-wide-tile .wrapper {
padding: 30px;
height: 100%; }
.resource-wide-tile .wrapper.detail {
background: #f7f7f7; }
.resource-wide-tile .wrapper.images {
background: #f0f0f0; }
.resource-wide-tile .wrapper.images .speakers .speaker {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 20px; }
@media (min-width: 992px) {
.resource-wide-tile .wrapper.images .speakers .speaker {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; } }
.resource-wide-tile .wrapper.images .speakers .name {
font-weight: normal;
font-family: "Gilroy-Medium";
color: #002171; }
.resource-wide-tile .wrapper.images .speakers .name.italic {
font-family: "Gilroy-MediumItalic"; }
.resource-wide-tile .wrapper.images .speakers .headshot {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
width: 90px;
height: 90px;
border-radius: 50%;
flex-shrink: 0;
margin-bottom: 0;
margin-right: 20px; }
.resource-wide-tile .wrapper.images .large-image {
height: calc(100% + 60px);
box-sizing: border-box;
margin: -30px;
display: block; }
.resource-wide-tile .wrapper.images .large-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
.resource-wide-tile .wrapper.images .video {
margin-right: -30px;
margin-left: -30px; }
.resource-wide-tile .wrapper .info {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
margin-bottom: 10px; }
.resource-wide-tile .wrapper .webinar_date {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
font-weight: normal;
font-family: "Gilroy-Medium"; }
@media (min-width: 992px) {
.resource-wide-tile .wrapper .webinar_date {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
.resource-wide-tile .wrapper .webinar_date.italic {
font-family: "Gilroy-MediumItalic"; }
.resource-wide-tile .wrapper .cta {
margin-top: 30px;
/* @include media-breakpoint-up($stacked-breakpoint) {
position: absolute;
bottom: 30px;
margin-top: 0;
} */ }
#worlds-best-countdown #countdown,
#toolkit-countdown #countdown {
display: none;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
align-items: flex-start; }
#worlds-best-countdown #countdown > div,
#toolkit-countdown #countdown > div {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; }
#worlds-best-countdown #countdown > div .giant,
#toolkit-countdown #countdown > div .giant {
font-family: 'Gilroy-Light'; }
#worlds-best-countdown #countdown > div .small,
#toolkit-countdown #countdown > div .small {
color: #FF1628; }
#worlds-best-countdown #countdown > div.dot,
#toolkit-countdown #countdown > div.dot {
width: 5px; }
#worlds-best-countdown #countdown-message,
#toolkit-countdown #countdown-message {
text-align: center;
display: none; }
#toolkit-countdown #countdown {
margin-right: 0;
margin-left: 0;
justify-content: flex-start; }
#toolkit-countdown #countdown > div {
flex: 0 0 auto;
justify-content: center;
width: 105px;
border: 2px solid #FF1628;
color: #FF1628;
font-weight: bold;
padding: 10px;
margin: 5px; }
#toolkit-countdown #countdown > div:first-of-type {
margin-left: 0; }
#toolkit-countdown #countdown > div > p {
margin-bottom: 0;
font-size: 14px; }
#toolkit-wrapper #toolkit .equal-height {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-items: flex-start; }
#toolkit-wrapper .link {
color: #FF1628; }
#toolkit-wrapper .link:hover {
color: #FF1628; }
#toolkit-wrapper #social .equal-height .tweet {
height: 100%;
padding: 20px;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-items: flex-start; }
#toolkit-wrapper #social .equal-height .tweet p {
font-style: italic; }
#toolkit-wrapper #options .badge-download {
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #dedede; }
#toolkit-wrapper #options .badge-download h6 {
margin-bottom: 0; }
.gptw-card {
background: white;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height: 100%;
width: 100%;
padding-bottom: 30px;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center; }
.gptw-card .top {
width: 100%; }
.gptw-card .body,
.gptw-card .header,
.gptw-card .cta {
padding-left: 30px;
padding-right: 30px; }
.gptw-card .header {
padding: 5px 30px; }
.gptw-card .header {
width: 100%;
background: #ff1628;
color: white;
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
letter-spacing: 1px;
font-weight: normal;
font-family: "Gilroy-Bold";
padding-bottom: 8px;
padding-top: 8px;
font-size: 16px; }
.gptw-card .header.italic {
font-family: "Gilroy-BoldItalic"; }
.gptw-card .body {
padding-top: 30px; }
[id^=tabby-table] .tab {
display: none; }
[id^=tabby-table] .tab.active {
display: table-row-group; }
.video-js .vjs-big-play-button {
background: #FF1628;
border-radius: 0;
border: none;
width: 80px;
height: 80px;
line-height: 80px;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto; }
.video-js:hover .vjs-big-play-button {
background: #FF1628; }
#yearly-lists-table li > *,
#grouped-yearly-lists-table li > * {
vertical-align: text-top; }
figcaption {
font-size: 13px;
font-style: italic;
text-align: left;
line-height: 16px;
padding: 10px;
margin-bottom: 20px; }
figure img {
margin-bottom: 0px !important; }
.red-left {
border-left: 3px solid #ff1628;
padding-left: 20px;
margin-bottom: 25px; }
.teal-left {
border-left: 3px solid #94ADB2;
padding-left: 20px;
margin-bottom: 25px; }
.gray-left {
border-left: 3px solid #32383F;
padding-left: 20px;
margin-bottom: 25px; }
.black-left {
border-left: 3px solid #11131C;
padding-left: 20px;
margin-bottom: 25px; }
/* .yellow {
background-color: $yellow;
}
.blue {
background-color: $blue;
}
.green {
background-color: $green;
}
.grey {
background-color: $grey;
}
.brown {
background-color: $brown;
} */
.style-guide {
/* rows */ }
.style-guide .container {
border: 5px solid orange; }
.style-guide .row {
border: 5px dotted blue;
/* columns */ }
.style-guide .row:first-of-type {
border: 5px dotted red; }
.style-guide .row div {
border: 5px solid green; }
#two-column-background-image {
background-image: url(http://via.placeholder.com/1600x400/f969b3); }
/* BOOK LAUNCH */
#book-launch {
/* form.mktoForm {
margin-top: 15px;
.mktoError {
@include font(regular);
}
input {
height: 40px;
font-size: 14px;
@media (min-width: 481px) {
width: 300px;
}
@include media-breakpoint-up($stacked-breakpoint) {
width: 250px;
}
}
input[type='checkbox'] {
height: 26px;
width: 26px;
}
label,
.mktoAsterix {
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
margin-bottom: 5px;
}
.mktoFormRow {
margin-top: 10px;
@include media-breakpoint-up($stacked-breakpoint) {
width: auto;
display: inline-block;
margin-left: 10px;
}
}
.mktoButtonRow {
display: block;
text-align: center;
margin-top: map-get($spacing, 3);
margin-bottom: map-get($spacing, 3);
}
.mktoLogicalField.mktoCheckboxList {
padding: 0;
label {
display: none;
}
}
} */ }
#book-launch #pre-order,
#book-launch #pre-order-two {
background-color: #f0f0f0; }
#book-launch #pre-order .btn,
#book-launch #pre-order-two .btn {
background-color: white;
color: black;
padding-top: 15px; }
#book-launch #pre-order .btn:active,
#book-launch #pre-order-two .btn:active {
background-color: white; }
#book-launch #pre-order img,
#book-launch #pre-order-two img {
max-height: 500px; }
#book-launch #pre-order .btn img,
#book-launch #pre-order-two .btn img {
width: auto;
height: 18px; }
#book-launch #pre-order .amazon-button.btn,
#book-launch #pre-order-two .amazon-button.btn {
padding-bottom: 10px; }
#book-launch #pre-order .amazon-button.btn img,
#book-launch #pre-order-two .amazon-button.btn img {
height: 23px; }
#book-launch #preview {
background-color: #f0f0f0; }
#book-launch #about {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/book/BG_stars.svg");
background-position: center;
background-size: cover;
background-color: #231F20; }
#book-launch #about .row > div.light {
background-color: #231F20; }
#book-launch #ctas {
color: white; }
#book-launch #ctas .blue {
background-color: #1690BC; }
#book-launch #ctas .black {
background-color: #231F20; }
@media (min-width: 1600px) {
#book-launch #ctas .container-fluid .row div {
padding-left: 60px;
padding-right: 60px; } }
#book-launch #slider {
height: 500px;
background-color: #8CD1E3; }
#book-launch #slider .slick-dots li button {
border: 2px solid white;
background-color: transparent; }
#book-launch #slider .slick-dots li.slick-active button {
background-color: white; }
#book-launch #slider .slick-prev:before,
#book-launch #slider .slick-next:before {
color: #1690BC; }
#book-launch #preorder-modal .medium {
color: #1690BC; }
/* LISTS LANDING PAGE */
#lists-landing-page #list-header {
background-color: #FFB81A;
color: #FF1628; }
#lists-landing-page #list-header .row {
align-items: center; }
#lists-landing-page #list-header .logo {
height: 170px; }
#lists-landing-page #form {
background-color: #f7f7f7; }
#lists-landing-page #header-form-thanks {
display: none;
padding: 0 20px; }
#lists-landing-page #figures {
background-color: #f7f7f7; }
#lists-landing-page #figures .figure {
font-size: 120px;
line-height: 120px;
font-family: 'Gilroy-Thin';
color: #FF1628; }
#lists-landing-page #faqs {
background-color: #f7f7f7; }
#lists-landing-page #faqs .question {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
font-weight: normal;
font-family: "Gilroy-Medium"; }
@media (min-width: 992px) {
#lists-landing-page #faqs .question {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#lists-landing-page #faqs .question.italic {
font-family: "Gilroy-MediumItalic"; }
#lists-landing-page #cta {
background-color: #002171; }
#lists-landing-page #brands .logos .logo img {
width: 200px;
height: 150px; }
.certification-page #certified-companies-do-better,
.certification-page #how-we-support {
background-color: #f7f7f7; }
.certification-page #lists-schedule .full-width {
background-color: white; }
#for-all h1,
#for-all h2,
#for-all h3,
#for-all h4,
#for-all h5,
#for-all h6 {
color: #002171; }
#for-all #for-all-header p {
font-size: 30px;
line-height: 36px;
color: #002171;
margin-top: 30px; }
@media (min-width: 992px) {
#for-all #for-all-header {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/for-all-page/hero.svg");
width: 100%;
background-position: bottom;
background-size: cover; }
#for-all #for-all-header p {
font-size: 36px;
line-height: 44px; } }
@media screen and (min-width: 992px) and (max-height: 800px) {
#for-all #for-all-header p {
font-size: 26px;
line-height: 30px; } }
@media (max-width: 1200px) and (min-width: 991px) {
#for-all #for-all-header p {
font-size: 26px;
line-height: 34px; } }
#for-all #speaker-request {
background-color: #9457f4; }
#for-all #speaker-request h2 {
color: white; }
#for-all #speaker-request #marketo-form {
color: black; }
#for-all #speaker-request #marketo-form label {
color: white; }
#for-all #speaker-request #marketo-form label .mktoAsterix {
color: white; }
#for-all #speaker-request #marketo-form .mktoFormCol {
width: 100%; }
#for-all #mission-monitor {
background-color: #E3F7FF;
color: #002171; }
#for-all #mission-monitor #badge {
height: 130px; }
#for-all #mission-monitor #badge-text {
justify-content: center; }
#for-all #mission-monitor #badge-text #number {
font-size: 60px; }
#for-all #mission-monitor #badge-text .text {
padding: 20px;
padding-right: 0;
text-align: center; }
@media (min-width: 992px) {
#for-all #mission-monitor #badge-text .text {
text-align: left; } }
#for-all #mission-monitor .btn {
background-color: #002171; }
#for-all #great-places-are img {
height: 280px; }
#for-all #great-places-are p {
color: #b3b3b3; }
#for-all #great-places-are p:first-of-type {
color: #002171; }
#for-all #two-column img {
height: 300px; }
#for-all #two-column p:first-of-type {
color: #002171; }
#for-all #team img {
margin-bottom: 25px;
max-width: 180px; }
#for-all #team p {
color: #9B9B9B; }
#for-all #team p:first-of-type {
margin-bottom: 0;
color: #002171; }
#for-all #pre-order p:first-of-type {
color: #002171; }
#for-all #pre-order .btn {
background-color: white;
color: black;
padding-top: 15px;
border: 1px solid grey;
margin-right: 0;
width: 200px;
margin-bottom: 10px; }
@media (min-width: 434px) {
#for-all #pre-order .btn {
margin-bottom: 0; } }
#for-all #pre-order .btn:active {
background-color: white; }
#for-all #pre-order img {
max-height: 500px; }
#for-all #pre-order .btn img {
width: auto;
height: 18px; }
#for-all #pre-order .amazon-button.btn {
padding-bottom: 10px; }
#for-all #pre-order .amazon-button.btn img {
height: 23px; }
#for-all #pre-order .barnes-button {
padding-bottom: 14px; }
#for-all #mission {
/* #squares {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
.flex-vertical-center {
background-color: #174BD6;
color: white;
p {
margin-bottom: 0;
}
}
#example-background {
background-image: url(http://via.placeholder.com/300x300/e5efff);
background-position: center;
}
.text {
padding: 10px;
}
} */ }
#for-all #mission .social img {
padding: 10px; }
#article-page #article-content .intext-ads a {
display: inline-block; }
#article-page {
text-align: left; }
#article-page h1, #article-page .h1, #article-page h2, #article-page .h2, #article-page h3, #article-page .h3, #article-page h4, #article-page .h4, #article-page h5, #article-page .h5, #article-page h6, #article-page .h6 {
text-align: left; }
#article-page .social-wrapper {
margin-bottom: 30px; }
@media (min-width: 992px) {
#article-page #left-sidebar {
padding-right: 0; } }
#article-page #right-sidebar a {
font-weight: normal;
font-family: "Gilroy-Medium"; }
#article-page #right-sidebar a.italic {
font-family: "Gilroy-MediumItalic"; }
#article-page #right-sidebar a:hover {
border-bottom: 0; }
#article-page #right-sidebar p {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px; }
#article-page #right-sidebar hr {
margin-bottom: 30px; }
#article-page #right-sidebar .profile-link, #article-page #right-sidebar .numbers-heading {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
display: block;
margin-bottom: 20px; }
#article-page #right-sidebar .profile-link.italic, #article-page #right-sidebar .numbers-heading.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page #right-sidebar .profile-link i, #article-page #right-sidebar .numbers-heading i {
display: none; }
@media (min-width: 1200px) {
#article-page #right-sidebar .profile-link i, #article-page #right-sidebar .numbers-heading i {
display: inline-block;
margin-left: 5px; } }
#article-page #right-sidebar .stats .stat {
color: #FF1628;
font-weight: normal;
font-family: "Gilroy-Medium";
font-size: 36px;
line-height: 36px;
margin-bottom: 4px; }
#article-page #right-sidebar .stats .stat.italic {
font-family: "Gilroy-MediumItalic"; }
#article-page #right-sidebar .stats > div:last-of-type .h6 {
margin-bottom: 0; }
#article-page #right-sidebar .h6 {
color: #5c6066; }
#article-page #right-sidebar .heading {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
margin-bottom: 5px; }
#article-page #right-sidebar .heading.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page #right-sidebar #sidebar-links a {
color: white;
margin-bottom: 20px; }
@media (min-width: 992px) {
#article-page #right-sidebar .image {
padding-right: 0; } }
#article-page #right-sidebar .post-list {
margin-top: 0px;
margin-bottom: 20px; }
@media (min-width: 992px) {
#article-page #right-sidebar .title, #article-page #right-sidebar .author {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px; } }
#article-page #right-sidebar .post-title {
margin-bottom: 20px;
margin-top: 0;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#article-page #right-sidebar .post-title.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page #right-sidebar .author {
color: #b3b3b3;
margin-top: 5px; }
#article-page #article-wrapper .main-image {
width: 100%; }
#article-page #article-body .author, #article-page #article-body .date {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#article-page #article-body .author.italic, #article-page #article-body .date.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page #article-body .author-image {
width: 90px; }
#article-page #article-content a {
display: unset;
text-decoration: underline; }
#article-page #article-content a:hover {
text-decoration: none; }
#article-page #article-content a.btn {
text-decoration: none; }
#article-page #article-content blockquote {
padding: 0;
border: 0;
margin-top: 40px;
margin-bottom: 40px; }
#article-page #article-content blockquote p {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.47px;
color: #FF1628; }
@media (min-width: 992px) {
#article-page #article-content blockquote p {
font-size: 24px;
line-height: 30px;
letter-spacing: -0.48px; } }
#article-page #article-content li {
line-height: 180%; }
#article-page #article-content table {
margin-bottom: 1rem; }
#article-page #article-content table th, #article-page #article-content table td {
padding: 5px; }
#article-page #article-content ol, #article-page #article-content ul {
margin-top: 0; }
#article-page #article-content #speakers {
padding-top: 30px; }
#article-page #article-content #speakers .h4 {
margin-bottom: 10px; }
#article-page #article-content #speakers > div {
margin-bottom: 20px; }
#article-page #article-content #speakers > div p {
margin-bottom: 0; }
#article-page #article-content #speakers > div .bio {
margin-bottom: 0;
overflow: hidden; }
#article-page #article-content #speakers > div .position {
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold";
font-size: 12px;
line-height: 20px;
letter-spacing: 0px; }
#article-page #article-content #speakers > div .position.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page #article-content #speakers > div img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
object-position: top;
width: 100px;
height: 100px;
float: left;
margin: 0;
margin-right: 10px; }
#article-page #article-content #transcript-toggle {
cursor: pointer;
user-select: none;
margin-top: 30px; }
#article-page #article-content #transcript-toggle i {
margin-right: 20px;
transition: transform 200ms linear; }
#article-page #article-content #transcript-toggle.active .fa-chevron-right {
transform: rotate(90deg); }
#article-page #article-content #podcast-transcript {
display: none; }
#article-page #article-content #podcast-share {
margin-top: 10px; }
#article-page #article-content #podcast-share p, #article-page #article-content #podcast-share a {
display: inline-block;
margin-bottom: 0;
margin-right: 12px; }
#article-page #article-content #podcast-share p {
font-weight: normal;
font-family: "Gilroy-Bold"; }
#article-page #article-content #podcast-share p.italic {
font-family: "Gilroy-BoldItalic"; }
#article-page .footer-author {
margin-bottom: 10px; }
#article-page .footer-author a {
text-decoration: none !important; }
#article-page .footer-author a:hover {
text-decoration: underline; }
#article-page .footer-author-image {
width: 90px;
float: left;
margin-right: 10px;
margin-bottom: 10px; }
#article-page .footer-author-description {
overflow: hidden; }
#article-page .footer-author-description p {
margin-bottom: 0; }
#employee-surveys .show-in-modal, #emprising .show-in-modal {
cursor: pointer; }
#employee-surveys #image-modal .modal-dialog, #emprising #image-modal .modal-dialog {
width: 90%; }
#employee-surveys #image-modal .modal-header, #emprising #image-modal .modal-header {
border-bottom: 0; }
#employee-surveys .main-logo, #emprising .main-logo {
margin-bottom: 60px;
width: 430px; }
#employee-surveys #header, #emprising #header {
background: linear-gradient(#BDE5FA, #F9FDFE); }
#employee-surveys #header p, #emprising #header p {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#employee-surveys #header p, #emprising #header p {
font-size: 24px;
line-height: 30px;
letter-spacing: -0.48px; } }
#employee-surveys .main-image, #emprising .main-image {
margin-top: 70px; }
#employee-surveys .three-col img, #emprising .three-col img {
height: 300px; }
#employee-surveys .logo, #emprising .logo {
margin-left: 5px;
margin-right: 5px; }
#employee-surveys #cta, #emprising #cta {
background-color: #050E30; }
#employee-surveys #brands img, #emprising #brands img {
margin: 20px 40px;
max-height: 100px;
width: auto;
max-width: 160px; }
#employee-surveys #brands img#container-store-logo, #emprising #brands img#container-store-logo {
width: 150px;
max-height: none;
height: auto; }
#employee-surveys hr, #emprising hr {
margin: 0; }
#company-profile-lite #header-image img {
max-height: 800px; }
#gated-content #header h1, #gated-content #header h2, #gated-content #header h3 {
text-align: left; }
#gated-content #header #gated-form p {
padding-left: 30px;
padding-right: 30px; }
#gated-content #header #gated-form .supportInfo {
font-size: 14px; }
#gated-content #header #gated-form .captcha {
font-size: 12px; }
#gated-content #header #gated-form, #gated-content #header #gated-form-thanks {
background: #edf1ef;
padding: 40px 20px; }
@media (min-width: 992px) {
#gated-content #header #gated-form, #gated-content #header #gated-form-thanks {
position: absolute;
z-index: 2;
overflow: hidden;
width: 375px; } }
@media (min-width: 1200px) {
#gated-content #header #gated-form, #gated-content #header #gated-form-thanks {
width: 360px; } }
#gated-content #header #gated-form-thanks {
z-index: 3;
display: none; }
#gated-content #header #gated-form-thanks img {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 300px; }
#gated-content .category-icon {
width: 20px; }
#gated-content .category-title {
display: inline-block;
text-transform: uppercase; }
#gated-content #content {
display: none; }
@media (min-width: 992px) {
#gated-content #teaser {
min-height: 960px; } }
#gated-content #content {
min-height: 550px; }
#gated-content #headshots .headshot {
float: left;
margin-right: 20px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
width: 155px;
height: 155px; }
#gated-content #headshots .icon-link {
margin-right: 15px;
font-size: 24px; }
#home-page {
text-align: left;
color: #002171; }
#home-page .row.heading {
text-align: left; }
#home-page .no-gutter .content {
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px; }
#home-page h1, #home-page h2, #home-page h3, #home-page h4, #home-page h5, #home-page h6 {
font-weight: normal;
font-family: "Gilroy-Bold"; }
#home-page h1.italic, #home-page h2.italic, #home-page h3.italic, #home-page h4.italic, #home-page h5.italic, #home-page h6.italic {
font-family: "Gilroy-BoldItalic"; }
#home-page .medium-large {
font-weight: normal;
font-family: "Gilroy-Medium"; }
#home-page .medium-large.italic {
font-family: "Gilroy-MediumItalic"; }
@media (min-width: 992px) {
#home-page .content {
padding-left: 30px; } }
#home-page #home-logos h2 {
text-align: center; }
#home-page #home-logos .h4 {
color: #5c6066; }
#home-page #home-logos .images img, #home-page #home-logos .images > .row img {
height: 80px;
width: 200px;
padding: 5px;
object-fit: contain;
font-family: 'object-fit: contain;';
/* margin-left: auto;
margin-right: auto;
display: block; */ }
#home-page #home-hero {
color: #002171; }
#home-page #home-hero .content {
padding-left: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap; }
#home-page #home-hero .content .top {
flex-grow: 1; }
#home-page #home-hero .content .bottom p {
margin-bottom: 0; }
@media (min-width: 992px) {
#home-page #home-hero .content .bottom {
padding-bottom: 30px; } }
#home-page #home-intro {
background: #f7f7f7; }
#home-page #home-intro .image {
background-color: #F3F3F3; }
#home-page #home-intro .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
#home-page #home-intro .content {
padding: 30px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start; }
#home-page #home-offerings h2 {
text-align: center; }
#home-page #home-offerings a {
display: block; }
#home-page #home-offerings div[class*='col-'] {
font-weight: normal;
font-family: "Gilroy-Medium";
padding: 15px;
/* @mixin h5-heights {
p {
@include h5;
height: 64px; //twice the line height of the element to allow for two lines
}
img {
// height: calc(100% - 84px); //the link height plus the image margin
height: 120px;
}
}
@mixin h6-heights {
p {
@include h6;
height: 53px; //twice the line height of the element to allow for two lines
}
img {
height: calc(100% - 73px); //the link height plus the image margin
}
}
//sm
@include media-breakpoint-up('sm') {
padding-left: 30px;
padding-right: 30px;
@include h5-heights;
}
//md
@include media-breakpoint-up('md') {
padding-left: 20px;
padding-right: 20px;
@include h6-heights;
}
//lg
@include media-breakpoint-up('lg') {
padding-left: 40px;
padding-right: 40px;
@include h5-heights;
img {
height: 180px;
}
} */ }
#home-page #home-offerings div[class*='col-'] > a {
width: 100%;
height: 100%; }
#home-page #home-offerings div[class*='col-'] p {
margin: 0; }
#home-page #home-offerings div[class*='col-'] img {
margin-bottom: 30px; }
#home-page #home-offerings div[class*='col-'].italic {
font-family: "Gilroy-MediumItalic"; }
#home-page #home-offerings div[class*='col-'] p {
color: #002171; }
#home-page #home-offerings div[class*='col-'] img {
height: 132px;
width: auto;
margin-bottom: 20px; }
@media (min-width: 992px) {
#home-page #home-offerings div[class*='col-'] img {
height: 180px; } }
#home-page #home-offerings .row.heading > div {
padding-top: 0;
padding-bottom: 0; }
#home-page #home-featured-content > div > div > a {
background-size: 40% 40%;
background-position: center 70%;
background-repeat: no-repeat !important;
padding: 30px;
cursor: pointer;
color: #FF1628; }
@media (min-width: 992px) {
#home-page #home-featured-content > div > div > a {
background-size: 45% 45%; } }
@media (min-width: 1200px) {
#home-page #home-featured-content > div > div > a {
background-size: 50% 50%; } }
#home-page #home-featured-content > div > div > a.full-bleed {
background-size: cover !important;
background-position: center !important;
color: white; }
#home-page #home-featured-content > div > div > a.full-bleed .heading {
color: white; }
#home-page #home-featured-content > div > div > a.full-bleed.contain {
background-size: contain !important; }
#home-page #home-featured-content > div > div > a .heading {
font-weight: normal;
font-family: "Gilroy-Bold";
margin-top: 20px;
margin-bottom: 0; }
#home-page #home-featured-content > div > div > a .heading.italic {
font-family: "Gilroy-BoldItalic"; }
#home-page #home-featured-content > div > div > a .subheading {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#home-page #home-featured-content > div > div > a .subheading.italic {
font-family: "Gilroy-BoldItalic"; }
#home-page #home-featured-content > div > div > a .logo {
width: 66%;
min-width: 200px;
margin-top: 20px; }
#home-page #home-featured-content .heading > a {
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px; }
#home-page #home-methodology {
color: #5c6066; }
#home-page #home-latest-research {
padding-top: 30px;
padding-bottom: 30px;
background: #f7f7f7;
margin-top: 20px; }
#home-page #home-latest-research .content {
align-items: flex-start;
position: relative; }
#home-page #home-summit-promo {
margin-top: 20px; }
#home-page #home-summit-promo .content {
padding-top: 50px;
padding-bottom: 50px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start; }
#home-page #home-list-promo {
background: #E3F7FF;
margin-top: 20px; }
#home-page #home-list-promo h2 {
margin-bottom: 0; }
#home-page #home-list-promo .content {
padding-top: 50px;
padding-bottom: 50px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start; }
#home-page #home-book-promo {
padding-top: 50px;
margin-top: 20px; }
@media (min-width: 992px) {
#home-page #home-book-promo {
padding-top: 0; } }
#home-page #home-book-promo .h1 {
color: #168AB4; }
#home-page #home-book-promo .image {
background: #f9f9f9; }
@media (min-width: 992px) {
#home-page #home-book-promo .image {
padding: 30px; } }
@media (min-width: 992px) {
#home-page #home-book-promo .content {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 30px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start; } }
#home-page #home-testimonial {
margin-top: 20px;
padding-top: 50px; }
@media (min-width: 992px) {
#home-page #home-testimonial {
padding-top: 0; } }
#home-page #home-testimonial .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
#home-page #home-testimonial .content {
padding-bottom: 50px;
background: #eee6fc;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start; }
@media (min-width: 992px) {
#home-page #home-testimonial .content {
padding-top: 100px;
padding-bottom: 100px; } }
#home-page #home-testimonial .content img {
width: 100px; }
#home-page #home-culture-leaders {
color: #5c6066; }
#home-page #home-culture-leaders h2 {
text-align: center; }
#home-page #home-culture-leaders .h1 {
color: #002171; }
#home-page #home-culture-leaders h4 {
margin-top: 20px; }
@media (min-width: 768px) {
#home-page #home-culture-leaders h4 {
margin-top: 0; } }
#home-page #home-culture-leaders .row.child > div {
margin-bottom: 0; }
@media (min-width: 992px) {
#home-page #home-culture-leaders .content {
padding-left: 30px; } }
#worlds-best {
/* media query sizes 1200, 992, 768, 480, 320 */
/*main cta*/
/*image gallery*/ }
#worlds-best h1 {
font-size: 30px; }
@media (min-width: 992px) {
#worlds-best h1 {
font-size: 45px; } }
#worlds-best h3:first-of-type {
margin-top: 30px; }
#worlds-best .col-sm-4 {
min-height: initial; }
#worlds-best i {
margin-right: 8px; }
#worlds-best .top-line {
padding-top: 8px;
margin-top: 20px;
border-top: 1px solid #eee; }
#worlds-best hr {
margin: 0;
margin-top: 8px;
margin-bottom: 9px; }
#worlds-best .padding-top {
padding-top: 40px; }
#worlds-best .padding-bottom {
padding-bottom: 20px; }
#worlds-best #rank > div, #worlds-best #rank > span, #worlds-best #rank h3 {
display: inline-block; }
#worlds-best #rank > span {
margin-left: 20px; }
#worlds-best #rank h3 {
margin-bottom: 0; }
#worlds-best #jg-header-area {
display: flex;
justify-content: center;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
#worlds-best #jg-company-header {
position: relative;
left: -2px;
margin-bottom: 0;
padding-bottom: 0;
display: inline-block; }
@media (min-width: 992px) {
#worlds-best #jg-top-section p:last-of-type {
margin-bottom: 0; } }
#worlds-best #jg-review-navigation-wrapper {
/* height needs to be set for calculations to be accurate */
background-color: #f7f7f7;
position: relative;
z-index: 100;
padding: 15px;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3); }
@media (max-width: 768px) {
#worlds-best #jg-review-navigation-wrapper {
padding-top: 20px;
height: 150px;
/* height needs to be set for calculations to be accurate */ } }
#worlds-best #jg-review-navigation-wrapper.stuck {
position: fixed;
top: 60px;
left: 0;
right: 0;
z-index: 100; }
#worlds-best #jg-nav-row {
padding-top: 8px;
padding-bottom: 8px; }
@media (max-width: 768px) {
#worlds-best #jg-nav-row {
padding-top: 0; } }
#worlds-best .jg-margin-top {
margin-top: 40px; }
#worlds-best #jg-company-logo-banner {
height: 200px; }
#worlds-best #jg-certified-logo {
margin-right: 20px;
height: 100px; }
@media (max-width: 768px) {
#worlds-best #jg-certified-logo {
height: 70px;
margin-right: 12px; } }
#worlds-best #jg-compare-link {
text-transform: uppercase;
font-size: 12px;
display: none; }
#worlds-best #jg-compare-link .fa-chevron-right {
margin-left: 8px; }
#worlds-best #jg-company-logo {
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
max-width: 350px;
max-height: 180px;
margin-bottom: 20px;
padding: 20px;
background-color: white; }
@media (max-width: 600px) {
#worlds-best #jg-company-logo {
max-width: 280px; } }
#worlds-best #jg-company-icons {
font-size: 13px; }
@media (max-width: 400px) {
#worlds-best #industry {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; } }
@media (max-width: 600px) and (min-width: 401px) {
#worlds-best #industry {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; } }
#worlds-best #jg-published {
font-size: 13px;
color: #5c6066; }
#worlds-best #jg-review-confidence {
font-size: 12px;
line-height: 16px;
color: #5c6066;
display: none; }
#worlds-best #jg-company-icons div:first-of-type {
margin-left: 0; }
#worlds-best .jg-company-icon {
display: inline-block;
margin-left: 8px; }
@media (max-width: 768px) {
#worlds-best #location-summary {
display: block;
margin-left: 0; }
#worlds-best #jg-header-row {
padding-bottom: 0; } }
#worlds-best #jg-review-secondary-nav {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
line-height: 14px; }
#worlds-best #jg-review-secondary-nav li {
display: inline-block;
margin-right: 40px;
margin-bottom: 8px; }
@media (max-width: 768px) {
#worlds-best #jg-review-secondary-nav li {
display: inline-block;
margin-right: 20px;
margin-top: 8px; } }
#worlds-best #jg-review-secondary-nav li:last-of-type {
margin-right: 0; }
#worlds-best #jg-review-secondary-nav li.active {
font-weight: bold; }
#worlds-best #jg-review-secondary-nav a,
#worlds-best #jg-review-secondary-nav a:hover,
#worlds-best #jg-review-secondary-nav a:visited {
color: black; }
#worlds-best .hide {
display: none; }
#worlds-best .jg-no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#worlds-best .jg-link {
cursor: pointer; }
#worlds-best #jg-list-visible,
#worlds-best #jg-list-hidden {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
align-items: flex-start; }
#worlds-best #jg-list-visible img,
#worlds-best #jg-list-hidden img {
margin-top: 10px; }
#worlds-best #jg-lists-title {
display: inline-block; }
#worlds-best #jg-list-view-all {
font-size: 12px;
float: right;
margin-top: 20px;
text-transform: uppercase;
color: #002171; }
#worlds-best #jg-rank {
font-size: 35px;
color: #002171; }
#worlds-best #jg-key-figures {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin-left: -5px;
margin-right: -5px;
margin-top: 40px; }
#worlds-best .jg-key-figures-item {
width: 50%;
padding: 5px; }
#worlds-best .jg-key-figures-title {
font-size: 14px;
text-transform: uppercase; }
#worlds-best .jg-key-figures-text {
margin-bottom: 20px; }
@media (max-width: 768px) {
#worlds-best .jg-key-figures-text {
font-size: 15px; }
#worlds-best .jg-key-figures-title {
line-height: 18px;
margin-bottom: 7px; } }
#worlds-best #jg-employee-ratings {
overflow: hidden; }
#worlds-best .jg-single-bar-graph {
position: relative;
height: 27px;
width: 100%;
margin-bottom: 15px;
color: #002171;
overflow: hidden; }
#worlds-best .jg-single-bar-graph .jg-bar-legend,
#worlds-best .jg-single-bar-graph .jg-bar-percentage {
font-size: 14px; }
#worlds-best .jg-single-bar-graph .jg-bar-outer {
margin: auto;
position: absolute;
bottom: 0;
height: 6px;
width: 100%;
background-color: #eaeaea;
z-index: 1;
overflow: hidden; }
#worlds-best .jg-single-bar-graph .jg-bar-inner {
position: absolute;
height: 100%;
width: 100%;
left: -100%;
transition: transform 1.2s;
will-change: transform;
overflow: hidden; }
#worlds-best .jg-single-bar-graph .jg-bar-inner.primary {
background-color: #002171;
z-index: 3; }
#worlds-best .jg-single-bar-graph .jg-bar-inner.secondary {
background-color: #97BDE1;
z-index: 2;
transition-delay: 0.5s; }
#worlds-best .jg-single-bar-graph .jg-bar-percentage {
position: absolute;
top: 0;
left: 0;
transition: transform 1.5s ease;
will-change: transform;
z-index: 0;
max-width: none;
overflow: none; }
#worlds-best .jg-single-bar-graph .jg-bar-legend {
background-color: white;
display: inline-block;
z-index: 1;
position: relative; }
#worlds-best .jg-multiple-bar-graph {
box-sizing: border-box;
position: relative;
height: auto;
width: 100%;
margin-bottom: 15px;
color: #002171; }
#worlds-best .jg-multiple-bar-graph .jg-bar-legend,
#worlds-best .jg-multiple-bar-graph .jg-bar-percentage {
font-size: 14px; }
#worlds-best .jg-multiple-bar-graph .jg-graph-title {
text-transform: uppercase;
font-size: 13px;
color: black; }
#worlds-best .jg-multiple-bar-graph .jg-bar-wrapper {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
overflow: hidden; }
#worlds-best .jg-multiple-bar-graph .jg-bar-wrapper.secondary {
color: #97BDE1; }
#worlds-best .jg-multiple-bar-graph .jg-bar-legend,
#worlds-best .jg-multiple-bar-graph .jg-bar-percentage,
#worlds-best .jg-multiple-bar-graph .jg-bar-inner {
flex-grow: 0;
flex-shrink: 0;
padding: 0;
margin: 0;
border: none;
box-sizing: border-box; }
#worlds-best .jg-multiple-bar-graph .jg-bar-legend {
padding-right: 5px;
width: 20%; }
#worlds-best .jg-multiple-bar-graph .jg-bar-percentage {
padding-left: 5px;
width: 10%; }
#worlds-best .jg-multiple-bar-graph .jg-bar-inner {
position: relative;
height: 6px;
width: 0%;
z-index: 0;
transition: width 1s; }
#worlds-best .jg-multiple-bar-graph .jg-bar-inner.primary {
background-color: #002171;
z-index: 1;
width: 0%; }
#worlds-best .jg-multiple-bar-graph .jg-bar-inner.secondary {
background-color: #97BDE1;
z-index: 1;
width: 0%;
transition-delay: 0.5s; }
#worlds-best .jg-percentage-row-wrapper {
font-size: 13px; }
#worlds-best .jg-percentage-row-wrapper .jg-percentage-row {
width: 100%;
flex-shrink: 0;
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px; }
#worlds-best .jg-percentage-row-wrapper div {
display: inline-block; }
#worlds-best .jg-percentage-row-wrapper .jg-percentage {
color: #002171;
font-size: 25px;
font-weight: normal;
margin-right: 20px; }
#worlds-best .no-left-padding {
padding-left: 0; }
#worlds-best .jg-percentage-block-wrapper {
font-size: 13px; }
#worlds-best .jg-percentage-block-wrapper .jg-percentage {
color: #002171;
font-size: 30px;
line-height: 30px;
font-weight: normal;
margin-right: 20px; }
#worlds-best .jg-percentage-block-wrapper.jg-first-row .jg-percentage-label {
margin-bottom: 8px; }
#worlds-best .jg-donut-chart-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start; }
@media (max-width: 768px) {
#worlds-best .jg-donut-chart-wrapper {
flex-wrap: wrap; } }
#worlds-best #jg-demographics-chart {
width: 250px;
height: 250px; }
@media (max-width: 768px) {
#worlds-best #jg-demographics-chart {
width: 100%;
max-width: 300px;
height: auto; } }
#worlds-best #jg-demographics-chart-legend {
width: auto;
font-size: 14px;
margin-right: 20px; }
@media (max-width: 768px) {
#worlds-best #jg-demographics-chart-legend {
width: 100%;
flex-shrink: 0;
margin-bottom: 20px; } }
#worlds-best #jg-demographics-chart-legend .line-wrapper div {
display: inline-block; }
#worlds-best #jg-demographics-chart-legend .box {
height: 10px;
width: 10px;
margin-right: 8px; }
#worlds-best #jg-demographics-chart-legend .box-0 {
background-color: #002171; }
#worlds-best #jg-demographics-chart-legend .box-1 {
background-color: #0045ff; }
#worlds-best #jg-demographics-chart-legend .box-2 {
background-color: #97BDE1; }
#worlds-best #jg-demographics-chart-legend .box-3 {
background-color: #D8E6F4; }
#worlds-best .ct-label {
fill: white;
font-size: 11px; }
#worlds-best .ct-series-a .ct-slice-donut {
stroke: #ff1628; }
#worlds-best .ct-series-b .ct-slice-donut {
stroke: #0045ff; }
#worlds-best .ct-series-c .ct-slice-donut {
stroke: #97BDE1; }
#worlds-best .ct-series-d .ct-slice-donut {
stroke: #D8E6F4; }
#worlds-best .jg-main-cta {
/*height: 200px;*/
margin-top: 40px;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
background-color: #002171;
color: white;
font-size: 30px;
line-height: 35px; }
#worlds-best .jg-main-cta .cta-text {
margin-bottom: 20px; }
#worlds-best .jg-main-cta .button {
text-transform: uppercase;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding-right: 20px;
padding-left: 20px;
background: none;
border: 1px solid white;
color: white; }
#worlds-best #nav-gallery {
height: 1px;
width: 100%;
background: none; }
#worlds-best #gallery {
margin-top: 40px; }
#worlds-best .jg-image-gallery .gallery-thumbnail-wrapper img {
cursor: pointer; }
#worlds-best .jg-image-gallery #gallery-thumbs img:first-of-type {
padding-left: 0; }
#worlds-best .jg-image-gallery #gallery-thumbs img:last-of-type {
padding-right: 0; }
#worlds-best .jg-image-gallery #gallery-hero-wrapper {
margin-bottom: 30px;
position: relative;
width: 100%;
overflow: hidden; }
#worlds-best .jg-image-gallery #gallery-hero-wrapper img {
width: 100%;
height: auto;
object-fit: cover; }
#worlds-best .jg-image-gallery #gallery-video,
#worlds-best .jg-image-gallery .main-gallery-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
transition: opacity 0s;
object-fit: cover; }
#worlds-best .jg-image-gallery #gallery-video.display,
#worlds-best .jg-image-gallery .main-gallery-image.display {
opacity: 1;
z-index: 2;
transition: opacity 0.5s linear; }
#worlds-best .jg-image-gallery .gallery-thumbnail {
cursor: pointer;
object-fit: cover;
flex-grow: 1;
height: 230px;
padding: 10px;
box-sizing: border-box;
display: inline; }
@media (max-width: 991px) {
#worlds-best .jg-image-gallery #gallery-video {
position: relative;
margin: 10px; }
#worlds-best .jg-image-gallery #gallery-thumbs img:first-of-type {
padding-left: 10px; }
#worlds-best .jg-image-gallery #gallery-thumbs img:last-of-type {
padding-right: 10px; }
#worlds-best .jg-image-gallery .gallery-thumbnail {
height: initial;
width: 100%;
flex-grow: 0; } }
#worlds-best #jg-expand-button-wrapper {
display: none; }
#worlds-best #jg-employee-quotes-obscure {
position: absolute;
bottom: 0;
height: 44px;
width: 100%;
background-color: white;
opacity: 0.8;
display: none; }
#worlds-best #jg-employee-quotes-obscure.show {
display: block; }
#worlds-best #jg-employee-quotes {
position: relative;
font-size: 15px;
line-height: 22px;
font-style: italic;
max-height: 132px;
overflow: hidden; }
@media (max-width: 768px) {
#worlds-best #jg-employee-quotes div {
margin-bottom: 20px; } }
#worlds-best #jg-employee-quotes.show {
max-height: 1000px; }
#worlds-best #jg-employee-quotes-expand {
margin-top: 40px; }
#worlds-best #strengths p {
font-size: 15px; }
#worlds-best h2, #worlds-best h3, #worlds-best h4, #worlds-best h5 {
text-align: left; }
.ct-label {
fill: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.4);
font-size: 0.75rem;
line-height: 1; }
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
dominant-baseline: central; }
.ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-label.ct-vertical.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-label.ct-vertical.ct-end {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
-webkit-box-align: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: end; }
.ct-grid {
stroke: rgba(0, 0, 0, 0.2);
stroke-width: 1px;
stroke-dasharray: 2px; }
.ct-grid-background {
fill: none; }
.ct-point {
stroke-width: 10px;
stroke-linecap: round; }
.ct-line {
fill: none;
stroke-width: 4px; }
.ct-area {
stroke: none;
fill-opacity: 0.1; }
.ct-bar {
fill: none;
stroke-width: 10px; }
.ct-slice-donut {
fill: none;
stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #ff1628; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
fill: #ff1628; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.8); }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
fill: rgba(255, 22, 40, 0.8); }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.6); }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
fill: rgba(255, 22, 40, 0.6); }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.45); }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
fill: rgba(255, 22, 40, 0.45); }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.3); }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
fill: rgba(255, 22, 40, 0.3); }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.2); }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: rgba(255, 22, 40, 0.2); }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: rgba(255, 22, 40, 0.1); }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
fill: rgba(255, 22, 40, 0.1); }
.ct-square {
display: block;
position: relative;
width: 100%; }
.ct-square:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 100%; }
.ct-square:after {
content: "";
display: table;
clear: both; }
.ct-square > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-second {
display: block;
position: relative;
width: 100%; }
.ct-minor-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 93.75%; }
.ct-minor-second:after {
content: "";
display: table;
clear: both; }
.ct-minor-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-second {
display: block;
position: relative;
width: 100%; }
.ct-major-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 88.8888888889%; }
.ct-major-second:after {
content: "";
display: table;
clear: both; }
.ct-major-second > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-third {
display: block;
position: relative;
width: 100%; }
.ct-minor-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 83.3333333333%; }
.ct-minor-third:after {
content: "";
display: table;
clear: both; }
.ct-minor-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-third {
display: block;
position: relative;
width: 100%; }
.ct-major-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 80%; }
.ct-major-third:after {
content: "";
display: table;
clear: both; }
.ct-major-third > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fourth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fourth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 75%; }
.ct-perfect-fourth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fourth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-perfect-fifth {
display: block;
position: relative;
width: 100%; }
.ct-perfect-fifth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 66.6666666667%; }
.ct-perfect-fifth:after {
content: "";
display: table;
clear: both; }
.ct-perfect-fifth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-sixth {
display: block;
position: relative;
width: 100%; }
.ct-minor-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 62.5%; }
.ct-minor-sixth:after {
content: "";
display: table;
clear: both; }
.ct-minor-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-golden-section {
display: block;
position: relative;
width: 100%; }
.ct-golden-section:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 61.804697157%; }
.ct-golden-section:after {
content: "";
display: table;
clear: both; }
.ct-golden-section > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-sixth {
display: block;
position: relative;
width: 100%; }
.ct-major-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 60%; }
.ct-major-sixth:after {
content: "";
display: table;
clear: both; }
.ct-major-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-minor-seventh {
display: block;
position: relative;
width: 100%; }
.ct-minor-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 56.25%; }
.ct-minor-seventh:after {
content: "";
display: table;
clear: both; }
.ct-minor-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-seventh {
display: block;
position: relative;
width: 100%; }
.ct-major-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 53.3333333333%; }
.ct-major-seventh:after {
content: "";
display: table;
clear: both; }
.ct-major-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-octave {
display: block;
position: relative;
width: 100%; }
.ct-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 50%; }
.ct-octave:after {
content: "";
display: table;
clear: both; }
.ct-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-tenth {
display: block;
position: relative;
width: 100%; }
.ct-major-tenth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 40%; }
.ct-major-tenth:after {
content: "";
display: table;
clear: both; }
.ct-major-tenth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-eleventh {
display: block;
position: relative;
width: 100%; }
.ct-major-eleventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 37.5%; }
.ct-major-eleventh:after {
content: "";
display: table;
clear: both; }
.ct-major-eleventh > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-major-twelfth {
display: block;
position: relative;
width: 100%; }
.ct-major-twelfth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 33.3333333333%; }
.ct-major-twelfth:after {
content: "";
display: table;
clear: both; }
.ct-major-twelfth > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
.ct-double-octave {
display: block;
position: relative;
width: 100%; }
.ct-double-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 25%; }
.ct-double-octave:after {
content: "";
display: table;
clear: both; }
.ct-double-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0; }
@media (max-width: 991px) {
#company-profile #top-row {
margin-bottom: 0; } }
#company-profile h1 {
overflow: hidden;
text-overflow: ellipsis; }
#company-profile hr {
border-width: 2px; }
#company-profile .ct-legend li {
position: relative;
padding-left: 23px;
margin-bottom: 3px; }
#company-profile .ct-legend li:before {
width: 12px;
height: 12px;
position: absolute;
left: 0;
content: '';
border: 3px solid transparent;
border-radius: 2px; }
#company-profile .ct-legend li.inactive:before {
background: transparent; }
#company-profile .ct-legend.ct-legend-inside {
position: absolute;
top: 0;
right: 0; }
#company-profile .ct-legend .ct-series-0:before {
background-color: #ff1628;
border-color: #ff1628; }
#company-profile .ct-legend .ct-series-1:before {
background-color: rgba(255, 22, 40, 0.8);
border-color: rgba(255, 22, 40, 0.8); }
#company-profile .ct-legend .ct-series-2:before {
background-color: rgba(255, 22, 40, 0.6);
border-color: rgba(255, 22, 40, 0.6); }
#company-profile .ct-legend .ct-series-3:before {
background-color: rgba(255, 22, 40, 0.45);
border-color: rgba(255, 22, 40, 0.45); }
#company-profile .ct-legend .ct-series-4:before {
background-color: rgba(255, 22, 40, 0.3);
border-color: rgba(255, 22, 40, 0.3); }
#company-profile .ct-legend .ct-series-5:before {
background-color: rgba(255, 22, 40, 0.2);
border-color: rgba(255, 22, 40, 0.2); }
#company-profile .ct-legend .ct-series-6:before {
background-color: rgba(255, 22, 40, 0.1);
border-color: rgba(255, 22, 40, 0.1); }
#company-profile #profile-header .content {
flex-wrap: nowrap; }
#company-profile #profile-header .content h1 {
margin-bottom: 0;
text-align: left; }
#company-profile #profile-header .content img {
max-height: 120px; }
@media (min-width: 992px) {
#company-profile #profile-header .content img {
max-height: 180px; } }
#company-profile #profile-header .flex-vertical-center {
justify-content: flex-start; }
@media (min-width: 992px) {
#company-profile #profile-header .flex-vertical-center {
justify-content: center; } }
#company-profile #profile-header .graph {
flex-wrap: nowrap; }
#company-profile #profile-header .graph .graph-wrapper {
position: relative;
text-align: center; }
#company-profile #profile-header .graph .graph-wrapper .gptw-percentage-label {
font-size: 28px;
color: #ff1628;
position: absolute;
top: 0;
text-align: center;
width: 100%;
line-height: 120px; }
@media (min-width: 992px) {
#company-profile #profile-header .graph .graph-wrapper .gptw-percentage-label {
font-size: 48px; } }
@media (min-width: 992px) {
#company-profile #profile-header .graph .graph-wrapper .gptw-percentage-label {
line-height: 180px; } }
#company-profile #profile-header .graph .graph-text {
text-align: left;
margin-left: 10px;
margin-bottom: 0; }
#company-profile #gptw-percentage-a {
width: 120px;
margin-left: auto;
margin-right: auto; }
@media (min-width: 992px) {
#company-profile #gptw-percentage-a {
width: 180px; } }
#company-profile #gptw-percentage-a .ct-series-b path {
stroke: #DEDEDE; }
#company-profile #gptw-percentage-b {
width: 250px !important; }
#company-profile #gptw-percentage-b .ct-series-b path {
stroke: #DEDEDE; }
#company-profile #generation-chart, #company-profile #tenure-chart {
position: relative;
left: 10px; }
#company-profile #generation-chart line, #company-profile #tenure-chart line {
stroke-width: 80px;
stroke: #FF1628; }
#company-profile #generation-chart .ct-series-b line, #company-profile #tenure-chart .ct-series-b line {
stroke-opacity: 0.8; }
#company-profile #generation-chart .ct-series-c line, #company-profile #tenure-chart .ct-series-c line {
stroke-opacity: 0.6; }
#company-profile #generation-chart .ct-series-d line, #company-profile #tenure-chart .ct-series-d line {
stroke-opacity: 0.45; }
#company-profile #generation-chart .ct-series-e line, #company-profile #tenure-chart .ct-series-e line {
stroke-opacity: 0.3; }
#company-profile #generation-chart .ct-series-f line, #company-profile #tenure-chart .ct-series-f line {
stroke-opacity: 0.2; }
#company-profile #generation-chart .ct-series-g line, #company-profile #tenure-chart .ct-series-g line {
stroke-opacity: 0.1; }
#company-profile #generation-chart ct-label, #company-profile #tenure-chart ct-label {
display: none !important; }
#company-profile #generation-legend .ct-series-0:before,
#company-profile #generation-legend .ct-series-1:before,
#company-profile #generation-legend .ct-series-2:before,
#company-profile #generation-legend .ct-series-3:before,
#company-profile #generation-legend .ct-series-4:before,
#company-profile #generation-legend .ct-series-5:before,
#company-profile #generation-legend .ct-series-6:before,
#company-profile #generation-legend .ct-series-7:before,
#company-profile #generation-legend .ct-series-8:before, #company-profile #tenure-legend .ct-series-0:before,
#company-profile #tenure-legend .ct-series-1:before,
#company-profile #tenure-legend .ct-series-2:before,
#company-profile #tenure-legend .ct-series-3:before,
#company-profile #tenure-legend .ct-series-4:before,
#company-profile #tenure-legend .ct-series-5:before,
#company-profile #tenure-legend .ct-series-6:before,
#company-profile #tenure-legend .ct-series-7:before,
#company-profile #tenure-legend .ct-series-8:before {
border-color: transparent; }
#company-profile #generation-legend .ct-series-0:before, #company-profile #tenure-legend .ct-series-0:before {
background: #FF1628; }
#company-profile #generation-legend .ct-series-1:before, #company-profile #tenure-legend .ct-series-1:before {
background: #FF1628;
opacity: 0.8; }
#company-profile #generation-legend .ct-series-2:before, #company-profile #tenure-legend .ct-series-2:before {
background: #FF1628;
opacity: 0.6; }
#company-profile #generation-legend .ct-series-3:before, #company-profile #tenure-legend .ct-series-3:before {
background: #FF1628;
opacity: 0.45; }
#company-profile #generation-legend .ct-series-4:before, #company-profile #tenure-legend .ct-series-4:before {
background: #FF1628;
opacity: 0.3; }
#company-profile #generation-legend .ct-series-5:before, #company-profile #tenure-legend .ct-series-5:before {
background: #FF1628;
opacity: 0.2; }
#company-profile #generation-legend .ct-series-6:before, #company-profile #tenure-legend .ct-series-6:before {
background: #FF1628;
opacity: 0.1; }
#company-profile .legend ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center; }
#company-profile .legend ul li {
display: inline-block;
padding-left: 20px;
margin-right: 20px; }
#company-profile .legend ul li:before {
margin-top: 8px; }
#company-profile #profile-overview {
text-align: left; }
#company-profile #profile-overview h3, #company-profile #profile-overview .headline {
line-height: 20px;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold";
letter-spacing: 1.26px;
text-align: left;
margin-bottom: 8px; }
#company-profile #profile-overview h3.italic, #company-profile #profile-overview .headline.italic {
font-family: "Gilroy-BoldItalic"; }
#company-profile #profile-overview #social-links a {
line-height: 18px; }
#company-profile #profile-overview #about-the-company-content {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
text-align: left; }
@media (min-width: 992px) {
#company-profile #profile-overview #about-the-company-content {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#company-profile #profile-overview #about-the-company {
margin-top: 40px; }
#company-profile #profile-overview #about-the-company p {
overflow: hidden;
text-overflow: ellipsis; }
#company-profile #profile-overview #about-the-company .company-size-dots {
margin-right: 10px;
font-size: 16px;
color: #7dcc00; }
#company-profile #profile-overview #about-the-company .company-size-text {
display: inline-block;
margin-bottom: 0;
font-size: 12px;
text-transform: capitalize; }
#company-profile #profile-overview #about-the-company .company-size-number {
font-size: 14px; }
#company-profile #profile-overview #about-the-company .social a {
height: 25px;
width: 25px;
display: inline-block;
border-radius: 50%;
text-align: center;
margin-right: 5px; }
#company-profile #profile-overview #about-the-company .social a i {
font-size: 24px;
line-height: 25px;
color: #11131C; }
#company-profile #profile-overview #location img {
margin-bottom: 20px; }
@media (max-width: 991px) {
#company-profile #profile-overview .graph > div {
margin-bottom: 0; } }
#company-profile #profile-experience .graph-wrapper {
position: relative; }
#company-profile #profile-experience .graph-wrapper #gptw-percentage-b {
margin-left: auto;
margin-right: auto;
height: 250px; }
#company-profile #profile-experience .graph-wrapper .gptw-percentage-label, #company-profile #profile-experience .graph-wrapper .gptw-percentage-description {
text-align: center; }
#company-profile #profile-experience .graph-wrapper .gptw-percentage-label {
position: absolute;
width: 100%;
top: 0;
line-height: 250px;
font-size: 56px;
font-weight: normal;
font-family: "Gilroy-Medium";
color: #FF1628; }
#company-profile #profile-experience .graph-wrapper .gptw-percentage-label.italic {
font-family: "Gilroy-MediumItalic"; }
#company-profile #profile-experience .graph-wrapper .gptw-percentage-description {
margin-top: 20px;
font-weight: normal;
font-family: "Gilroy-Medium"; }
#company-profile #profile-experience .graph-wrapper .gptw-percentage-description.italic {
font-family: "Gilroy-MediumItalic"; }
#company-profile #profile-word-cloud-js #wordcloud-js {
display: block;
width: 100%;
height: 200px; }
@media (min-width: 600px) {
#company-profile #profile-word-cloud-js #wordcloud-js {
height: 400px; } }
#company-profile #profile-word-cloud {
text-align: center; }
#company-profile #profile-word-cloud img.desktop {
display: none; }
#company-profile #profile-word-cloud img.mobile {
display: inline-block; }
@media (min-width: 992px) {
#company-profile #profile-word-cloud img.desktop {
display: inline-block; }
#company-profile #profile-word-cloud img.mobile {
display: none; } }
#company-profile .slick-slide {
height: auto; }
#company-profile #profile-slider {
/* height: 400px;
@include media-breakpoint-up($stacked-breakpoint) {
height: 650px;
} */
box-sizing: border-box; }
#company-profile #profile-slider .orientate {
display: none; }
#company-profile #profile-slider .orientated {
display: inline-block; }
#company-profile #profile-slider .orientation-2 {
transform: rotateY(180deg); }
#company-profile #profile-slider .orientation-3 {
transform: rotate(180deg); }
#company-profile #profile-slider .orientation-4 {
transform: rotate(180deg) rotateY(180deg); }
#company-profile #profile-slider .orientation-5 {
transform: rotate(270deg) rotateY(180deg); }
#company-profile #profile-slider .orientation-6 {
transform: rotate(90deg); }
#company-profile #profile-slider .orientation-7 {
transform: rotate(90deg) rotateY(180deg); }
#company-profile #profile-slider .orientation-8 {
transform: rotate(270deg); }
#company-profile #profile-slider .slick-slide {
overflow: hidden;
position: relative;
opacity: 0.5;
transition: opacity 300ms linear;
padding-bottom: 80px; }
@media (min-width: 992px) {
#company-profile #profile-slider .slick-slide {
padding-left: 60px;
padding-right: 60px; } }
#company-profile #profile-slider .slick-slide.slick-current {
opacity: 1; }
#company-profile #profile-slider .slick-slide .caption, #company-profile #profile-slider .slick-slide .slide-number {
position: absolute;
bottom: 0;
height: 80px;
line-height: 20px;
padding-top: 20px; }
#company-profile #profile-slider .slick-slide .caption {
line-height: 20px;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold";
letter-spacing: 1.26px;
position: absolute;
left: 0;
width: 100%;
background: white;
text-align: center;
padding-right: 30px; }
#company-profile #profile-slider .slick-slide .caption.italic {
font-family: "Gilroy-BoldItalic"; }
@media (min-width: 992px) {
#company-profile #profile-slider .slick-slide .caption {
padding-left: 50px;
padding-right: 50px; } }
#company-profile #profile-slider .slick-slide .slide-number {
right: 0;
font-size: 14px;
text-align: right;
background: white; }
#company-profile #profile-slider .slick-slide img {
margin-bottom: 0;
width: 100%;
object-fit: contain;
object-position: center;
font-family: 'object-fit: cover; object-position: top';
height: 400px; }
@media (min-width: 992px) {
#company-profile #profile-slider .slick-slide img {
height: 400px; } }
#company-profile #profile-lists {
text-align: center; }
#company-profile #profile-lists .logo img {
/* height: 120px;
@include media-breakpoint-up($stacked-breakpoint) {
height: 150px;
} */
width: 100px;
padding: 10px; }
@media (min-width: 992px) {
#company-profile #profile-lists .logo img {
width: 130px; } }
#company-profile #profile-lists ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 50px; }
#company-profile #profile-lists ul:last-of-type {
margin-bottom: 0; }
#company-profile #profile-lists ul li {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
align-items: flex-start;
line-height: 20px;
margin-bottom: 20px; }
#company-profile #profile-lists ul li a.fortune-profile img {
height: 16px;
width: auto;
margin-left: 10px;
margin-bottom: 4px; }
#company-profile #profile-lists p.large {
margin-bottom: 10px;
font-weight: normal;
font-family: "Gilroy-Medium"; }
#company-profile #profile-lists p.large.italic {
font-family: "Gilroy-MediumItalic"; }
#company-profile .chartist-tooltip-value:after {
content: "%"; }
#company-profile #experience-graph-wrapper .charts, #company-profile #experience-graph-wrapper #experience-graph {
padding-right: 80px; }
@media (min-width: 992px) {
#company-profile #experience-graph-wrapper .charts, #company-profile #experience-graph-wrapper #experience-graph {
padding-right: 130px; } }
#company-profile #experience-graph-wrapper #orange-line-wrapper {
width: calc(100% - 80px); }
@media (min-width: 992px) {
#company-profile #experience-graph-wrapper #orange-line-wrapper {
width: calc(100% - 130px); } }
#company-profile #experience-graph-wrapper .bar-percentage {
right: -80px; }
@media (min-width: 992px) {
#company-profile #experience-graph-wrapper .bar-percentage {
right: -130px; } }
#company-profile #experience-graph-wrapper .experience-values {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center; }
#company-profile #experience-graph-wrapper .experience-values > div:first-of-type {
margin-bottom: 7px; }
#company-profile #experience-graph-wrapper .experience-values > div:last-of-type {
margin-top: 7px; }
#company-profile #experience-graph-wrapper #experience-graph {
width: 100%;
max-width: 960px;
height: 240px;
margin: auto;
position: relative; }
#company-profile #experience-graph-wrapper #experience-graph #orange-line-wrapper {
position: absolute;
top: 0;
height: 100%;
z-index: 12; }
#company-profile #experience-graph-wrapper #experience-graph #orange-line-wrapper #orange-line {
position: absolute;
top: 0;
width: 4px;
height: 100%;
background: #FFB81A; }
#company-profile #experience-graph-wrapper #experience-graph.animate .chart__bar {
animation: 1s anim-lightspeed-in ease forwards; }
#company-profile #experience-graph-wrapper #experience-graph ul .experience {
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .lines {
height: 100%;
position: relative; }
#company-profile #experience-graph-wrapper #experience-graph .line {
height: inherit;
width: 0px;
border: 0;
border-right: 1px;
border-color: #CACACA;
border-style: dashed;
position: absolute; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--0 {
list-style-type: none;
left: 0;
z-index: 11;
width: 2px;
border: none;
background: #CBCBCB; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--10 {
left: 10%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--20 {
left: 20%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--30 {
left: 30%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--40 {
left: 40%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--50 {
left: 50%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--60 {
left: 60%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--70 {
left: 70%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--80 {
left: 80%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--90 {
left: 90%;
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line.l--100 {
left: calc(100% - 1px);
list-style-type: none; }
#company-profile #experience-graph-wrapper #experience-graph .line__label {
display: block;
width: 100px;
text-align: center;
position: absolute;
bottom: -20px;
right: -50px; }
#company-profile #experience-graph-wrapper #experience-graph .line__label.title {
text-transform: uppercase; }
#company-profile #experience-graph-wrapper #experience-graph .charts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
overflow: hidden; }
#company-profile #experience-graph-wrapper #experience-graph .chart {
margin: 30px 0 0; }
#company-profile #experience-graph-wrapper #experience-graph .chart:first-child {
margin: 0; }
#company-profile #experience-graph-wrapper #experience-graph .chart__title {
display: block;
margin: 0 0 10px;
opacity: 0;
animation: 1s anim-lightspeed-in ease forwards; }
#company-profile #experience-graph-wrapper #experience-graph .chart--horiz {
padding-top: 5px;
padding-left: 0;
margin: 0;
padding-inline-start: 0px;
list-style: none; }
#company-profile #experience-graph-wrapper #experience-graph .chart--horiz .bar-wrapper {
position: relative;
background: #F5F5F5;
overflow: visible; }
#company-profile #experience-graph-wrapper #experience-graph .chart--horiz .bar-wrapper .bar-percentage {
position: absolute;
top: 0; }
#company-profile #experience-graph-wrapper #experience-graph .tigptwscore_light {
background: #ff1628; }
#company-profile #experience-graph-wrapper #experience-graph .tigptwscore_dark {
background: #5c6066; }
#company-profile #experience-graph-wrapper #experience-graph .chart__bar {
height: 100px;
margin-bottom: 10px;
opacity: 0;
margin-top: 10px;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center;
align-items: flex-start; }
#company-profile #experience-graph-wrapper #experience-graph .chart-label {
padding-left: 20px;
padding-right: 20px;
margin: 0;
color: white;
line-height: 30px;
overflow: hidden; }
#company-profile #experience-graph-wrapper #experience-graph .bar-percentage {
line-height: 100px; }
@keyframes anim-lightspeed-in {
0% {
transform: translateX(-200%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
#company-profile span.chartist-tooltip-value {
display: none; }
#company-profile #profile-demographics .ct-series-a {
transform: translateX(-18px); }
#company-profile #profile-demographics .ct-series-b {
transform: translateX(-15px); }
#company-profile #profile-demographics .ct-series-c {
transform: translateX(-12px); }
#company-profile #profile-demographics .ct-series-d {
transform: translateX(-9px); }
#company-profile #profile-demographics .ct-series-e {
transform: translateX(-6px); }
#company-profile #profile-demographics .ct-series-f {
transform: translateX(-3px); }
#megan-t #hero {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/meghan-t-hero-background.svg");
background-size: cover;
background-position: center center;
background-color: #F5B3BF; }
#megan-t #hero .image {
margin-top: 30px; }
#megan-t #hero .text {
text-align: center; }
#megan-t #hero h1 {
margin-bottom: 28px; }
#megan-t #about-meghan {
background-color: #E3F7FF;
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/meghan-t-long-background.svg");
background-size: cover;
background-position: center center; }
#list-marketing-page #hero #list-logo {
width: auto;
height: 150px; }
#list-marketing-page #hero .marketo-form {
padding: 30px;
border-radius: 5px; }
#list-marketing-page #how-it-works img {
height: 90px;
width: auto; }
#list-marketing-page #how-it-works h3 {
margin-bottom: 20px; }
#list-marketing-page .marketo-form-thanks {
display: none; }
#list-marketing-page .hide {
display: none; }
#list-marketing-page #form-promo {
background: #1F7EFB; }
#list-marketing-page #form-promo .marketo-form {
background: none; }
#list-marketing-page #form-promo .marketo-form label, #list-marketing-page #form-promo .marketo-form .mktoAsterix {
color: white; }
#list-marketing-page #form-promo .marketo-form input, #list-marketing-page #form-promo .marketo-form select, #list-marketing-page #form-promo .marketo-form textarea {
color: #5c6066; }
#list-marketing-page #faqs .h6.font-grey {
font-family: "Gilroy-Regular";
font-weight: normal; }
#list-marketing-page #faqs .h6.font-grey.italic {
font-family: "Gilroy-RegularItalic"; }
#certification-v2 #how-it-works img {
height: 100px;
width: auto; }
@media (min-width: 1200px) {
#certification-v2 #what-you-get {
/* p {
padding-left: 120px;
padding-right: 120px;
} */ } }
#certification-v2 #what-you-get img {
padding: 20px;
height: 200px; }
#certification-v2 #ready img {
height: 200px; }
#summit-in-progress #video-stream {
background: black; }
#summit-in-progress #video-stream-text {
padding-top: 30px; }
#summit-in-progress #video-stream-text .col {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
#summit-in-progress #video-stream-text #circle {
border-radius: 50%;
width: 20px;
height: 20px;
background: red;
display: inline-block;
margin-right: 20px;
flex-shrink: 0; }
#summit-in-progress #video-stream-text p {
letter-spacing: 1.26px;
color: #FF1628;
display: inline-block; }
#summit-in-progress #promo-2020 {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/summit/2020-promo-background.png"); }
#recognition #hero img {
min-width: 100%;
padding-left: 20px;
padding-right: 20px; }
#recognition #logos .logos img {
width: 100%;
height: auto;
max-width: 300px;
max-height: 50px;
object-fit: contain;
font-family: 'object-fit: contain;'; }
@media (min-width: 992px) {
#recognition #logos .badges img {
padding: 30px;
padding-bottom: 0; } }
#recognition #recognition-lists .vertical-logos img {
height: 200px; }
#recognition #why-gptw-lists .bullet {
margin-right: 15px; }
#recognition #badges img {
height: 100px;
margin-bottom: 0;
margin: 15px; }
@media (min-width: 992px) {
#recognition #badges img {
height: 190px;
margin-bottom: 0;
margin: 25px; }
#recognition #badges img.small {
height: 150px; } }
#consulting #consulting-hero {
background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/consulting/consulting-hero-bg.svg");
background-size: cover;
background-position: center center; }
#consulting #consulting-hero .row-equal-height > div {
align-content: flex-start; }
#consulting #consulting-hero .image {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-end;
align-items: center; }
.juicer-feed, .juicer-feed .j-message, .juicer-feed * {
font-family: 'Gilroy-Regular' !important; }
#editorial-list-layout-b .photo {
height: 200px;
width: auto; }
#editorial-list-layout-b .logo {
max-height: 100px; }
#editorial-list-layout-b p {
margin-bottom: 0; }
#editorial-list-layout-b i {
margin-right: 10px; }
#category-page td {
border-bottom: 1px solid #979797;
padding-bottom: 20px;
padding-top: 20px; }
#category-page .table-wrapper {
margin-top: 80px; }
#category-page .pagination {
margin-top: 80px; }
#gptw-page-filter select {
display: none; }
#data-vis-report .double-component-spacing-top, #full-width-hero .double-component-spacing-top {
padding-top: 120px; }
@media (min-width: 992px) {
#data-vis-report .double-component-spacing-top, #full-width-hero .double-component-spacing-top {
padding-top: 130px; } }
#data-vis-report .double-component-spacing-bottom, #full-width-hero .double-component-spacing-bottom {
padding-bottom: 120px; }
@media (min-width: 992px) {
#data-vis-report .double-component-spacing-bottom, #full-width-hero .double-component-spacing-bottom {
padding-bottom: 130px; } }
#data-vis-report .main-section-heading, #full-width-hero .main-section-heading {
margin-bottom: 0; }
#data-vis-report .section-hr, #full-width-hero .section-hr {
margin-top: 40px; }
#data-vis-report .section-title-bottom-spacing, #full-width-hero .section-title-bottom-spacing {
margin-bottom: 60px; }
@media (min-width: 992px) {
#data-vis-report .section-title-bottom-spacing, #full-width-hero .section-title-bottom-spacing {
margin-bottom: 60px; } }
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0); }
20%, 80% {
transform: translate3d(2px, 0, 0); }
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0); }
40%, 60% {
transform: translate3d(4px, 0, 0); } }
#data-vis-report hr, #full-width-hero hr {
margin-bottom: 0; }
#data-vis-report #social-share .custom_images > a, #data-vis-report #social-share-bottom .custom_images > a, #full-width-hero #social-share .custom_images > a, #full-width-hero #social-share-bottom .custom_images > a {
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 50%;
text-align: center;
margin-bottom: 20px;
background: white;
border: 2px solid #FF1628; }
#data-vis-report #social-share .custom_images > a:hover, #data-vis-report #social-share-bottom .custom_images > a:hover, #full-width-hero #social-share .custom_images > a:hover, #full-width-hero #social-share-bottom .custom_images > a:hover {
text-decoration: none; }
#data-vis-report #social-share .custom_images > a:focus, #data-vis-report #social-share-bottom .custom_images > a:focus, #full-width-hero #social-share .custom_images > a:focus, #full-width-hero #social-share-bottom .custom_images > a:focus {
background: none; }
#data-vis-report #social-share .custom_images > a i, #data-vis-report #social-share-bottom .custom_images > a i, #full-width-hero #social-share .custom_images > a i, #full-width-hero #social-share-bottom .custom_images > a i {
color: #FF1628;
font-size: 18px; }
#data-vis-report #social-share, #full-width-hero #social-share {
display: none;
position: fixed;
top: 50%;
right: 20px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5; }
@media (min-width: 805px) {
#data-vis-report #social-share, #full-width-hero #social-share {
display: block; } }
#data-vis-report #social-share .custom_images, #full-width-hero #social-share .custom_images {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; }
#data-vis-report #social-share .custom_images > a, #full-width-hero #social-share .custom_images > a {
display: block; }
#data-vis-report #social-share-bottom, #full-width-hero #social-share-bottom {
text-align: center; }
#data-vis-report #social-share-bottom .custom_images > a, #full-width-hero #social-share-bottom .custom_images > a {
margin-right: 24px; }
#data-vis-report #social-share-bottom .custom_images > a:last-of-type, #full-width-hero #social-share-bottom .custom_images > a:last-of-type {
margin-right: 0; }
#data-vis-report #section-indicator, #full-width-hero #section-indicator {
display: none;
user-select: none;
margin: 0;
position: fixed;
top: 50%;
left: 20px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
overflow-x: visible;
white-space: nowrap;
z-index: 2; }
@media (min-width: 805px) {
#data-vis-report #section-indicator, #full-width-hero #section-indicator {
display: block; } }
#data-vis-report #section-indicator > div, #full-width-hero #section-indicator > div {
height: 12px;
width: 12px;
line-height: 12px;
position: relative;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px; }
#data-vis-report #section-indicator > div.show .title, #full-width-hero #section-indicator > div.show .title {
opacity: 1;
width: auto; }
#data-vis-report #section-indicator > div.show .marker, #full-width-hero #section-indicator > div.show .marker {
background: #FF1628; }
#data-vis-report #section-indicator > div.current .marker, #full-width-hero #section-indicator > div.current .marker {
background-color: #FF1628; }
#data-vis-report #section-indicator .marker, #full-width-hero #section-indicator .marker {
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: lightgray; }
#data-vis-report #section-indicator .title, #full-width-hero #section-indicator .title {
position: absolute;
width: 0;
display: inline-block;
left: 12px;
top: -1px;
opacity: 0;
font-size: 10px;
line-height: 10px;
color: #FF1628;
border-radius: 5px;
padding: 2px 5px;
margin-left: 5px;
pointer-events: none;
background-color: none; }
#data-vis-report .chart-column, #full-width-hero .chart-column {
margin-bottom: 0; }
#data-vis-report text, #full-width-hero text {
letter-spacing: 0; }
#data-vis-report .lottie-player, #full-width-hero .lottie-player {
display: block;
margin-left: auto;
margin-right: auto; }
#data-vis-report .lottie-player.animation-1, #full-width-hero .lottie-player.animation-1 {
max-width: 330px; }
#data-vis-report .lottie-player.animation-2, #full-width-hero .lottie-player.animation-2 {
max-width: 300px; }
#data-vis-report .lottie-player.animation-4, #full-width-hero .lottie-player.animation-4 {
max-width: 288px; }
#data-vis-report #tooltip-text, #full-width-hero #tooltip-text {
line-height: 1.2;
letter-spacing: 0;
font-size: 15px; }
#data-vis-report p.highlight, #data-vis-report span.highlight, #full-width-hero p.highlight, #full-width-hero span.highlight {
color: #FF1628; }
#data-vis-report p.list-title, #data-vis-report p.diagram-title, #data-vis-report span.list-title, #data-vis-report span.diagram-title, #full-width-hero p.list-title, #full-width-hero p.diagram-title, #full-width-hero span.list-title, #full-width-hero span.diagram-title {
color: #FF1628;
text-align: center;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#data-vis-report p.list-title.italic, #data-vis-report p.diagram-title.italic, #data-vis-report span.list-title.italic, #data-vis-report span.diagram-title.italic, #full-width-hero p.list-title.italic, #full-width-hero p.diagram-title.italic, #full-width-hero span.list-title.italic, #full-width-hero span.diagram-title.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report .light, #full-width-hero .light {
background: #002171; }
#data-vis-report .light p, #data-vis-report .light span, #full-width-hero .light p, #full-width-hero .light span {
color: white; }
#data-vis-report .light p.highlight, #data-vis-report .light span.highlight, #full-width-hero .light p.highlight, #full-width-hero .light span.highlight {
color: #ffd800; }
#data-vis-report .light hr, #full-width-hero .light hr {
border-color: white; }
#data-vis-report .diagram-title, #full-width-hero .diagram-title {
color: #FF1628;
text-align: center;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#data-vis-report .diagram-title.italic, #full-width-hero .diagram-title.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report ul, #full-width-hero ul {
list-style: none;
line-height: 1.6;
padding-left: 30px; }
#data-vis-report ul li, #full-width-hero ul li {
margin-bottom: 10px; }
#data-vis-report ul li:before, #full-width-hero ul li:before {
content: "\26AC";
color: red;
display: inline-block;
width: 1.5em;
margin-left: -1.5em; }
#data-vis-report .footnote, #full-width-hero .footnote {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px; }
#data-vis-report .footnote p, #full-width-hero .footnote p {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px; }
#data-vis-report .section-heading, #full-width-hero .section-heading {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: normal;
font-family: "Gilroy-Bold";
color: #FF1628;
text-align: center;
margin-bottom: 40px; }
#data-vis-report .section-heading.italic, #full-width-hero .section-heading.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report .loading, #full-width-hero .loading {
display: none; }
#data-vis-report .box, #full-width-hero .box {
border: 2px solid #FF1628;
padding: 50px;
text-align: center; }
#data-vis-report .btn.btn-primary, #full-width-hero .btn.btn-primary {
background: #FF1628; }
#data-vis-report .btn.download, #full-width-hero .btn.download {
border: 2px solid #FF1628;
background: none;
color: #FF1628; }
#data-vis-report .ghost-button, #full-width-hero .ghost-button {
background: #174bd6;
opacity: 0;
position: absolute;
top: 0; }
#data-vis-report .chart-title, #full-width-hero .chart-title {
text-transform: uppercase;
margin-bottom: 20px; }
@media (min-width: 992px) {
#data-vis-report .chart-title, #full-width-hero .chart-title {
margin-bottom: 20px; } }
#data-vis-report .download-wrapper, #full-width-hero .download-wrapper {
text-align: center; }
@media (min-width: 992px) {
#data-vis-report .download-wrapper > a, #full-width-hero .download-wrapper > a {
margin-top: 30px; } }
#data-vis-report .legend, #full-width-hero .legend {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -20px;
font-weight: normal;
font-family: "Gilroy-Bold";
font-size: 12px; }
#data-vis-report .legend.italic, #full-width-hero .legend.italic {
font-family: "Gilroy-BoldItalic"; }
@media (min-width: 992px) {
#data-vis-report .legend, #full-width-hero .legend {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -10px; } }
#data-vis-report .legend.mobile, #full-width-hero .legend.mobile {
width: 100%;
font-size: 14px;
margin-top: 20px; }
#data-vis-report .legend.mobile > div > div:first-of-type, #full-width-hero .legend.mobile > div > div:first-of-type {
margin-right: 10px; }
@media (min-width: 800px) {
#data-vis-report .legend.mobile, #full-width-hero .legend.mobile {
display: none; } }
#data-vis-report .legend > div, #full-width-hero .legend > div {
background: none;
display: inline-flex;
align-items: center; }
@media (min-width: 992px) {
#data-vis-report .legend > div, #full-width-hero .legend > div {
margin-right: 20px; } }
#data-vis-report .legend > div:last-of-type, #full-width-hero .legend > div:last-of-type {
margin-right: 0; }
@media (min-width: 992px) {
#data-vis-report .legend > div, #full-width-hero .legend > div {
margin-bottom: 10px; } }
#data-vis-report .legend#chart-c-legend-mobile, #data-vis-report .legend#chart-b-legend-mobile, #full-width-hero .legend#chart-c-legend-mobile, #full-width-hero .legend#chart-b-legend-mobile {
align-items: flex-start; }
#data-vis-report .legend#chart-c-legend-mobile > div, #data-vis-report .legend#chart-b-legend-mobile > div, #full-width-hero .legend#chart-c-legend-mobile > div, #full-width-hero .legend#chart-b-legend-mobile > div {
align-items: flex-start;
text-align: left; }
#data-vis-report .legend .legend-line, #full-width-hero .legend .legend-line {
width: 60px;
height: 0; }
#data-vis-report .legend .legend-line.yellow, #full-width-hero .legend .legend-line.yellow {
border-top: 2px solid #ffd800; }
#data-vis-report .legend .legend-line.blue, #full-width-hero .legend .legend-line.blue {
border-top: 2px solid #3d4a96; }
#data-vis-report .legend .legend-line.red, #full-width-hero .legend .legend-line.red {
border-top: 2px solid #FF1628; }
#data-vis-report .legend .legend-text, #full-width-hero .legend .legend-text {
padding-left: 10px;
text-transform: uppercase;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#data-vis-report .legend .legend-text.italic, #full-width-hero .legend .legend-text.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report .legend .legend-dot, #full-width-hero .legend .legend-dot {
border-radius: 50%;
background: none;
width: 10px;
height: 10px; }
#data-vis-report .legend .legend-dot.white, #full-width-hero .legend .legend-dot.white {
background: white; }
#data-vis-report .legend .legend-dot.blue, #full-width-hero .legend .legend-dot.blue {
background: #30acea; }
#data-vis-report .legend .legend-dot.red, #full-width-hero .legend .legend-dot.red {
background: #FF1628; }
#data-vis-report .legend .legend-dot.hollow, #full-width-hero .legend .legend-dot.hollow {
border: 3px solid white;
background: none; }
#data-vis-report #hero, #full-width-hero #hero {
background: #002171; }
#data-vis-report #hero .btn, #full-width-hero #hero .btn {
margin-top: 30px; }
#data-vis-report #hero p, #full-width-hero #hero p {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#data-vis-report #hero p, #full-width-hero #hero p {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#data-vis-report #hero > div, #full-width-hero #hero > div {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-direction: column-reverse; }
@media (min-width: 768px) {
#data-vis-report #hero > div, #full-width-hero #hero > div {
width: 750px;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 991px) {
#data-vis-report #hero > div, #full-width-hero #hero > div {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: center;
align-items: center;
align-items: stretch;
width: 100%;
/* >div {
width: 50%;
} */ } }
#data-vis-report #hero > div > div, #full-width-hero #hero > div > div {
width: 100%; }
@media (min-width: 991px) {
#data-vis-report #hero > div > div.left, #full-width-hero #hero > div > div.left {
width: 60%; }
#data-vis-report #hero > div > div.right, #full-width-hero #hero > div > div.right {
width: 40%; } }
#data-vis-report #hero > div > div.text, #full-width-hero #hero > div > div.text {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 60px;
padding-bottom: 60px; }
#data-vis-report #hero > div > div.text > div, #full-width-hero #hero > div > div.text > div {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box; }
@media (min-width: 991px) {
#data-vis-report #hero > div > div.text > div, #full-width-hero #hero > div > div.text > div {
margin-right: 0;
margin-left: auto;
padding-right: 100px;
padding-left: calc(((100vw - 970px) / 2)); } }
@media (min-width: 1200px) {
#data-vis-report #hero > div > div.text > div, #full-width-hero #hero > div > div.text > div {
padding-left: calc(((100vw - 1170px) / 2)); } }
@media (min-width: 992px) {
#data-vis-report #hero > div > div.text, #full-width-hero #hero > div > div.text {
margin-top: 65px;
margin-bottom: 65px; } }
#data-vis-report #hero > div > div.image img, #full-width-hero #hero > div > div.image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
height: 350px; }
@media (min-width: 992px) {
#data-vis-report #hero > div > div.image img, #full-width-hero #hero > div > div.image img {
height: 940px; } }
#data-vis-report #introduction .box, #full-width-hero #introduction .box {
font-size: 28px;
line-height: 36px;
letter-spacing: -0.65px; }
@media (min-width: 992px) {
#data-vis-report #introduction .box, #full-width-hero #introduction .box {
font-size: 36px;
line-height: 43px;
letter-spacing: -0.72px; } }
#data-vis-report #introduction .box.a, #full-width-hero #introduction .box.a {
padding-bottom: 80px; }
#data-vis-report #introduction .box.b, #full-width-hero #introduction .box.b {
margin-top: -40px;
width: 80%;
margin-left: auto;
margin-right: auto;
background: white;
padding-top: 20px;
padding-bottom: 20px;
color: #FF1628; }
#data-vis-report #we-analyzed .figure, #full-width-hero #we-analyzed .figure {
font-size: 66px;
line-height: 66px;
color: #FF1628;
margin-bottom: 10px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#data-vis-report #we-analyzed .figure.italic, #full-width-hero #we-analyzed .figure.italic {
font-family: "Gilroy-BoldItalic"; }
@supports (-webkit-text-stroke: 2px #FF1628) {
#data-vis-report #we-analyzed .figure, #full-width-hero #we-analyzed .figure {
-webkit-text-stroke: 2px #FF1628;
-webkit-text-fill-color: white; } }
#data-vis-report #we-analyzed .figure.b, #full-width-hero #we-analyzed .figure.b {
margin-top: 30px; }
#data-vis-report #we-analyzed .figure-text, #full-width-hero #we-analyzed .figure-text {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; }
@media (min-width: 992px) {
#data-vis-report #we-analyzed .figure-text, #full-width-hero #we-analyzed .figure-text {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#data-vis-report #we-analyzed hr, #full-width-hero #we-analyzed hr {
width: 70%;
max-width: 377px;
border-color: #002171; }
@media (min-width: 992px) {
#data-vis-report #we-analyzed hr, #full-width-hero #we-analyzed hr {
margin-left: 0; } }
#data-vis-report #what-did-we-find .image, #full-width-hero #what-did-we-find .image {
text-align: center; }
#data-vis-report #what-did-we-find .image img, #full-width-hero #what-did-we-find .image img {
width: 100%; }
#data-vis-report #chart-a-container, #data-vis-report #chart-b-container, #data-vis-report #chart-c-container, #full-width-hero #chart-a-container, #full-width-hero #chart-b-container, #full-width-hero #chart-c-container {
overflow: hidden; }
#data-vis-report #chart-a-container #chart-b, #data-vis-report #chart-a-container #chart-c, #data-vis-report #chart-b-container #chart-b, #data-vis-report #chart-b-container #chart-c, #data-vis-report #chart-c-container #chart-b, #data-vis-report #chart-c-container #chart-c, #full-width-hero #chart-a-container #chart-b, #full-width-hero #chart-a-container #chart-c, #full-width-hero #chart-b-container #chart-b, #full-width-hero #chart-b-container #chart-c, #full-width-hero #chart-c-container #chart-b, #full-width-hero #chart-c-container #chart-c {
transform: translateX(-30px); }
#data-vis-report #chart-a-container #chart-a-y-axis-label, #data-vis-report #chart-a-container #chart-a-recession-label, #full-width-hero #chart-a-container #chart-a-y-axis-label, #full-width-hero #chart-a-container #chart-a-recession-label {
font-weight: normal;
font-family: "Gilroy-Bold";
fill: white;
font-size: 11px; }
#data-vis-report #chart-a-container #chart-a-y-axis-label.italic, #data-vis-report #chart-a-container #chart-a-recession-label.italic, #full-width-hero #chart-a-container #chart-a-y-axis-label.italic, #full-width-hero #chart-a-container #chart-a-recession-label.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report #chart-a-button-wrapper, #full-width-hero #chart-a-button-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; }
@media (min-width: 992px) {
#data-vis-report #chart-a-button-wrapper, #full-width-hero #chart-a-button-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-end;
align-items: center; } }
#data-vis-report #chart-a-button-wrapper > div, #full-width-hero #chart-a-button-wrapper > div {
margin-bottom: 0px;
background: none;
padding: 10px 14px;
letter-spacing: 0;
font-size: 16px !important; }
@media (min-width: 992px) {
#data-vis-report #chart-a-button-wrapper > div, #full-width-hero #chart-a-button-wrapper > div {
margin-left: 10px;
font-size: 18px !important; } }
@media (min-width: 1200px) {
#data-vis-report #chart-a-button-wrapper > div, #full-width-hero #chart-a-button-wrapper > div {
margin-left: 30px; } }
#data-vis-report #chart-a-button-wrapper > div.selected, #full-width-hero #chart-a-button-wrapper > div.selected {
background: #0045ff; }
#data-vis-report #chart-a-button-wrapper > div.shake, #full-width-hero #chart-a-button-wrapper > div.shake {
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px; }
#data-vis-report #section-1 h2, #data-vis-report #section-2 h2, #data-vis-report #section-3 h2, #data-vis-report #section-4 h2, #data-vis-report #chart-c-section h2, #data-vis-report #conclusion h2, #full-width-hero #section-1 h2, #full-width-hero #section-2 h2, #full-width-hero #section-3 h2, #full-width-hero #section-4 h2, #full-width-hero #chart-c-section h2, #full-width-hero #conclusion h2 {
text-align: center; }
#data-vis-report #section-1 hr, #data-vis-report #section-2 hr, #data-vis-report #section-3 hr, #data-vis-report #section-4 hr, #data-vis-report #chart-c-section hr, #data-vis-report #conclusion hr, #full-width-hero #section-1 hr, #full-width-hero #section-2 hr, #full-width-hero #section-3 hr, #full-width-hero #section-4 hr, #full-width-hero #chart-c-section hr, #full-width-hero #conclusion hr {
max-width: 110px;
border-width: 2px; }
#data-vis-report #section-1 .chart-title, #data-vis-report #section-2 .chart-title, #data-vis-report #section-3 .chart-title, #data-vis-report #section-4 .chart-title, #data-vis-report #chart-c-section .chart-title, #data-vis-report #conclusion .chart-title, #full-width-hero #section-1 .chart-title, #full-width-hero #section-2 .chart-title, #full-width-hero #section-3 .chart-title, #full-width-hero #section-4 .chart-title, #full-width-hero #chart-c-section .chart-title, #full-width-hero #conclusion .chart-title {
text-align: center; }
#data-vis-report #section-1 .chart, #full-width-hero #section-1 .chart {
margin-bottom: 0; }
#data-vis-report #section-1 .legend-wrapper, #full-width-hero #section-1 .legend-wrapper {
text-align: right; }
#data-vis-report #section-1 .legend-wrapper .legend, #full-width-hero #section-1 .legend-wrapper .legend {
margin-top: 10px; }
#data-vis-report #section-1 .legend-wrapper .legend .legend-text, #full-width-hero #section-1 .legend-wrapper .legend .legend-text {
width: 90px;
text-align: left; }
@media (min-width: 992px) {
#data-vis-report #section-1 .legend-wrapper .legend, #full-width-hero #section-1 .legend-wrapper .legend {
display: inline-flex;
flex-direction: column;
align-items: flex-start; }
#data-vis-report #section-1 .legend-wrapper .legend .legend-text, #full-width-hero #section-1 .legend-wrapper .legend .legend-text {
width: auto; } }
#data-vis-report #section-1 .legend-wrapper .footnote, #full-width-hero #section-1 .legend-wrapper .footnote {
font-size: 10px;
text-align: center; }
@media (min-width: 992px) {
#data-vis-report #section-1 .legend-wrapper .footnote, #full-width-hero #section-1 .legend-wrapper .footnote {
text-align: right;
margin-left: -100px; } }
#data-vis-report #section-3, #full-width-hero #section-3 {
text-align: center; }
#data-vis-report #section-3 p, #full-width-hero #section-3 p {
max-width: 600px;
margin-left: auto;
margin-right: auto; }
#data-vis-report #companies-that-did-well, #full-width-hero #companies-that-did-well {
text-align: left; }
#data-vis-report #companies-that-did-well .lottie-player, #full-width-hero #companies-that-did-well .lottie-player {
margin-top: 30px; }
#data-vis-report #key-groups, #full-width-hero #key-groups {
text-align: left; }
#data-vis-report #our-research .box, #full-width-hero #our-research .box {
color: white; }
#data-vis-report #our-research .box.a, #full-width-hero #our-research .box.a {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px;
max-width: 672px;
margin-left: auto;
margin-right: auto;
padding: 20px 50px;
background: #002171;
position: relative;
z-index: 2;
width: 80%; }
@media (min-width: 992px) {
#data-vis-report #our-research .box.a, #full-width-hero #our-research .box.a {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#data-vis-report #our-research .box.b, #full-width-hero #our-research .box.b {
padding-top: 0;
padding-bottom: 0; }
@media (max-width: 991px) {
#data-vis-report #our-research .box.b, #full-width-hero #our-research .box.b {
border: 0; } }
@media (min-width: 992px) {
#data-vis-report #our-research .box.b, #full-width-hero #our-research .box.b {
margin-top: -56px;
padding-top: 100px;
padding-bottom: 80px;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap; } }
#data-vis-report #our-research .equation, #full-width-hero #our-research .equation {
margin-bottom: 40px; }
#data-vis-report #our-research .equation .diagram-title, #full-width-hero #our-research .equation .diagram-title {
margin-bottom: 20px; }
@media (min-width: 992px) {
#data-vis-report #our-research .equation, #full-width-hero #our-research .equation {
margin-bottom: 0; }
#data-vis-report #our-research .equation.b, #data-vis-report #our-research .equation.d, #full-width-hero #our-research .equation.b, #full-width-hero #our-research .equation.d {
width: 10%; } }
@media (min-width: 992px) and (min-width: 1200px) {
#data-vis-report #our-research .equation.b, #full-width-hero #our-research .equation.b {
position: relative;
left: 22px; } }
@media (min-width: 992px) {
#data-vis-report #our-research .equation.a, #data-vis-report #our-research .equation.e, #full-width-hero #our-research .equation.a, #full-width-hero #our-research .equation.e {
width: 20%; }
#data-vis-report #our-research .equation.c, #full-width-hero #our-research .equation.c {
width: 40%; }
#data-vis-report #our-research .equation.a, #data-vis-report #our-research .equation.c, #full-width-hero #our-research .equation.a, #full-width-hero #our-research .equation.c {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center; }
#data-vis-report #our-research .equation.b, #data-vis-report #our-research .equation.d, #data-vis-report #our-research .equation.e, #full-width-hero #our-research .equation.b, #full-width-hero #our-research .equation.d, #full-width-hero #our-research .equation.e {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; } }
#data-vis-report #our-research .equation.a .lottie-player, #full-width-hero #our-research .equation.a .lottie-player {
max-width: 220px; }
#data-vis-report #our-research .equation.b, #data-vis-report #our-research .equation.d, #full-width-hero #our-research .equation.b, #full-width-hero #our-research .equation.d {
font-size: 80px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
#data-vis-report #our-research .equation.b.italic, #data-vis-report #our-research .equation.d.italic, #full-width-hero #our-research .equation.b.italic, #full-width-hero #our-research .equation.d.italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report #our-research .equation.c p, #full-width-hero #our-research .equation.c p {
font-size: 20px;
margin-bottom: 10px; }
#data-vis-report #our-research .equation.e, #full-width-hero #our-research .equation.e {
font-size: 40px;
font-size: 28px;
line-height: 36px;
letter-spacing: -0.65px;
color: #FF1628; }
@media (min-width: 992px) {
#data-vis-report #our-research .equation.e, #full-width-hero #our-research .equation.e {
font-size: 36px;
line-height: 43px;
letter-spacing: -0.72px; } }
#data-vis-report #why-employess-important, #full-width-hero #why-employess-important {
text-align: left; }
#data-vis-report #chart-c-section .legend-text.a, #full-width-hero #chart-c-section .legend-text.a {
color: #ffd800; }
#data-vis-report #chart-c-section .legend-text.b, #full-width-hero #chart-c-section .legend-text.b {
color: #30acea; }
#data-vis-report #chart-c-section .text-only > div, #full-width-hero #chart-c-section .text-only > div {
padding: 0; }
#data-vis-report #critical-experiences h3, #full-width-hero #critical-experiences h3 {
margin-bottom: 40px; }
@media (min-width: 1200px) {
#data-vis-report #critical-experiences #experience-table-slider, #full-width-hero #critical-experiences #experience-table-slider {
width: 65%; } }
#data-vis-report #critical-experiences #experience-table-slider .slick-slide, #data-vis-report #critical-experiences #experience-table-slider .slick-list, #data-vis-report #critical-experiences #experience-table-slider .slick-track, #full-width-hero #critical-experiences #experience-table-slider .slick-slide, #full-width-hero #critical-experiences #experience-table-slider .slick-list, #full-width-hero #critical-experiences #experience-table-slider .slick-track {
height: auto; }
@media (min-width: 1200px) {
#data-vis-report #critical-experiences .table-wrapper, #full-width-hero #critical-experiences .table-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-items: flex-start; } }
#data-vis-report #critical-experiences .table-wrapper .table-nav, #full-width-hero #critical-experiences .table-wrapper .table-nav {
position: relative;
margin-bottom: 30px;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-grow: 0;
text-align: left; }
@media (min-width: 1200px) {
#data-vis-report #critical-experiences .table-wrapper .table-nav, #full-width-hero #critical-experiences .table-wrapper .table-nav {
align-items: flex-start;
width: 35%;
margin-bottom: 0;
font-size: 16px; } }
#data-vis-report #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button), #full-width-hero #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button) {
display: inline-block;
text-align: center;
opacity: 0.5;
font-weight: normal;
font-family: "Gilroy-Bold";
z-index: 2;
position: relative; }
#data-vis-report #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button).italic, #full-width-hero #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button).italic {
font-family: "Gilroy-BoldItalic"; }
#data-vis-report #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button).active, #full-width-hero #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button).active {
opacity: 1; }
#data-vis-report #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button):last-of-type, #full-width-hero #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button):last-of-type {
margin-bottom: 0; }
@media (min-width: 1200px) {
#data-vis-report #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button), #full-width-hero #critical-experiences .table-wrapper .table-nav > div:not(.ghost-button) {
margin-bottom: 20px;
text-align: left; } }
#data-vis-report #critical-experiences .table-wrapper .table-nav > div, #full-width-hero #critical-experiences .table-wrapper .table-nav > div {
border-radius: 20px;
padding: 5px 15px;
user-select: none;
cursor: pointer; }
@media (min-width: 992px) {
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-items: flex-start; } }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row > div, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row > div {
text-align: left;
padding: 20px; }
@media (min-width: 992px) {
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row > div, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row > div {
width: 50%; }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row > div.cell-a-1, #data-vis-report #critical-experiences .table-wrapper .experience-table .table-row > div.cell-a-2, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row > div.cell-a-1, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row > div.cell-a-2 {
padding-top: 0; } }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .title, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .title {
font-size: 20px;
color: #FF1628;
text-transform: uppercase;
margin-bottom: 10px; }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-items: flex-start; }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper img, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper img {
margin-right: 20px; }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote {
font-family: "Gilroy-RegularItalic"; }
#data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote:before, #data-vis-report #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote:after, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote:before, #full-width-hero #critical-experiences .table-wrapper .experience-table .table-row .quote-wrapper .quote:after {
content: '"'; }
#data-vis-report #critical-experiences .table-nav-bottom, #full-width-hero #critical-experiences .table-nav-bottom {
margin-left: 0;
text-align: center;
font-size: 35px; }
#data-vis-report #critical-experiences .table-nav-bottom > i, #full-width-hero #critical-experiences .table-nav-bottom > i {
cursor: pointer; }
#data-vis-report #critical-experiences .table-nav-bottom > i:first-of-type, #full-width-hero #critical-experiences .table-nav-bottom > i:first-of-type {
margin-right: 30px; }
#data-vis-report #conclusion-table .table, #full-width-hero #conclusion-table .table {
border: 2px solid #FF1628;
text-align: center; }
#data-vis-report #conclusion-table .table .top > div, #data-vis-report #conclusion-table .table .bottom > div, #full-width-hero #conclusion-table .table .top > div, #full-width-hero #conclusion-table .table .bottom > div {
padding: 30px; }
#data-vis-report #conclusion-table .table .top, #full-width-hero #conclusion-table .table .top {
font-size: 24px;
line-height: 32px;
letter-spacing: -0.56px;
color: #FF1628;
border-bottom: 2px solid #FF1628; }
@media (min-width: 992px) {
#data-vis-report #conclusion-table .table .top, #full-width-hero #conclusion-table .table .top {
font-size: 28px;
line-height: 33px;
letter-spacing: -0.56px; } }
#data-vis-report #conclusion-table .table > div:first-of-type, #full-width-hero #conclusion-table .table > div:first-of-type {
border-right: none; }
#data-vis-report #conclusion-table .table > div:last-of-type, #full-width-hero #conclusion-table .table > div:last-of-type {
border-left: none; }
#data-vis-report #conclusion-table .table .bottom, #full-width-hero #conclusion-table .table .bottom {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
@media (min-width: 992px) {
#data-vis-report #conclusion-table .table .bottom, #full-width-hero #conclusion-table .table .bottom {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
align-items: stretch; } }
#data-vis-report #conclusion-table .table .bottom > div, #full-width-hero #conclusion-table .table .bottom > div {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-top: 0;
border-bottom: 2px solid #FF1628; }
#data-vis-report #conclusion-table .table .bottom > div:last-of-type, #full-width-hero #conclusion-table .table .bottom > div:last-of-type {
border-bottom: 0; }
@media (min-width: 992px) {
#data-vis-report #conclusion-table .table .bottom > div, #full-width-hero #conclusion-table .table .bottom > div {
border-bottom: 0;
width: 33.3%; }
#data-vis-report #conclusion-table .table .bottom > div:first-of-type, #full-width-hero #conclusion-table .table .bottom > div:first-of-type {
border-right: 2px solid #FF1628; }
#data-vis-report #conclusion-table .table .bottom > div:last-of-type, #full-width-hero #conclusion-table .table .bottom > div:last-of-type {
border-left: 2px solid #FF1628; } }
#data-vis-report #conclusion-table .table .bottom > div > div, #full-width-hero #conclusion-table .table .bottom > div > div {
height: 100%;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center; }
#data-vis-report #conclusion-table .table .bottom > div > div p:last-of-type, #full-width-hero #conclusion-table .table .bottom > div > div p:last-of-type {
margin-bottom: 0; }
#contact-page {
text-align: center;
/* .social-links {
img {
width: 40px;
height: 40px;
display: inline-block;
margin-right: 5px;
}
} */ }
#contact-page #map {
width: 100%; }
#contact-page p {
font-weight: normal;
font-family: "Gilroy-Medium"; }
#contact-page p.italic {
font-family: "Gilroy-MediumItalic"; }
#contact-page #contact-details {
background: #f7f7f7; }
#contact-page .social-link ul li a {
display: inline-block;
width: 40px;
font-size: 40px;
line-height: 40px;
text-decoration: none; }
#contact-page .social-link ul li a:hover {
text-decoration: none; }
#contact-page .social-link ul li a i, #contact-page .social-link ul li a em, #contact-page .social-link ul li a img {
width: 40px;
margin: 0; }
#contact-page .social-link ul li a i:before, #contact-page .social-link ul li a em:before, #contact-page .social-link ul li a img:before {
font-family: "SSSocialCircle"; }
.social-link ul li a {
text-decoration: none !important; }
.social-link ul li a:hover {
text-decoration: none; }
table.winner-table {
width: 100%;
color: #11131C;
margin-top: 30px; }
table.winner-table thead tr th {
font-size: 14px;
text-align: left;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px; }
table.winner-table thead tr th:first-of-type {
padding: 0;
width: 70px; }
table.winner-table tbody tr {
border: 1px solid #e7e7e7; }
table.winner-table tbody tr:hover {
background: #f8f8f8; }
table.winner-table tbody tr:hover td:first-of-type {
background: #ebebeb; }
table.winner-table tbody tr td {
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
height: 60px;
font-weight: normal;
font-family: "Gilroy-SemiBold"; }
table.winner-table tbody tr td.italic {
font-family: "Gilroy-SemiBoldItalic"; }
table.winner-table tbody tr td:first-of-type {
font-weight: normal;
font-family: "Gilroy-Bold";
text-align: center;
padding: 0;
font-size: 30px;
border-right: 1px solid #e7e7e7; }
table.winner-table tbody tr td:first-of-type.italic {
font-family: "Gilroy-BoldItalic"; }
.mod-gptw-column-content {
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.mod-gptw-column-content .spacer {
height: 0;
width: 100%;
display: block; }
.mod-gptw-column-content [class*='col-'].background-color-applied {
padding-top: 60px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.mod-gptw-column-content [class*='col-'].background-color-applied {
padding-top: 65px;
padding-bottom: 65px; } }
.mod-gptw-column-content .row.row-vertical-center > div.equal-height {
display: flex;
flex-direction: column;
justify-content: center; }
.mod-gptw-square-promos > div > div > a {
padding: 30px;
cursor: pointer;
color: #FF1628;
overflow: hidden; }
.mod-gptw-square-promos > div > div > a .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: transform 600ms ease;
background-size: 40% 40%;
background-position: center 80%;
background-repeat: no-repeat !important; }
@media (min-width: 992px) {
.mod-gptw-square-promos > div > div > a .background-image {
background-size: 45% 45%; } }
@media (min-width: 1200px) {
.mod-gptw-square-promos > div > div > a .background-image {
background-size: 55% 55%;
background-position: center 70%; } }
.mod-gptw-square-promos > div > div > a .background-image.full-bleed {
background-size: cover; }
.mod-gptw-square-promos > div > div > a .background-image.full-bleed.contain {
background-size: contain !important; }
.mod-gptw-square-promos > div > div > a:hover {
text-decoration: none; }
.mod-gptw-square-promos > div > div > a:hover .background-image {
transform: scale(1.05); }
.mod-gptw-square-promos > div > div > a .content {
position: relative;
z-index: 1; }
.mod-gptw-square-promos > div > div > a .content .heading {
font-weight: normal;
font-family: "Gilroy-Bold";
margin-top: 20px;
margin-bottom: 0; }
.mod-gptw-square-promos > div > div > a .content .heading.italic {
font-family: "Gilroy-BoldItalic"; }
@media (max-width: 350px) {
.mod-gptw-square-promos > div > div > a .content .heading {
font-size: 22px; } }
.mod-gptw-square-promos > div > div > a .content .heading > a {
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px; }
.mod-gptw-square-promos > div > div > a .content .subheading {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold"; }
.mod-gptw-square-promos > div > div > a .content .subheading.italic {
font-family: "Gilroy-BoldItalic"; }
.mod-gptw-square-promos > div > div > a .content .logo {
width: 66%;
min-width: 200px;
margin-top: 20px; }
#yearly-list-header {
padding-bottom: 30px;
background: #0045ff; }
#yearly-list-header .row {
align-items: flex-start; }
#yearly-list-header .right {
padding-top: 0; }
@media (min-width: 992px) {
#yearly-list-header .right {
padding-top: 65px; } }
#yearly-list-header #list-logo,
#yearly-list-header #list-logo-mobile {
margin-left: auto;
margin-right: auto; }
@media (min-width: 992px) {
#yearly-list-header #list-logo,
#yearly-list-header #list-logo-mobile {
margin-bottom: 0; } }
#yearly-list-header #list-logo.square,
#yearly-list-header #list-logo-mobile.square {
width: 188px; }
#yearly-list-header #list-logo.landscape,
#yearly-list-header #list-logo-mobile.landscape {
width: 300px; }
#yearly-list-header #list-logo.portrait,
#yearly-list-header #list-logo-mobile.portrait {
height: 200px; }
@media (min-width: 992px) {
#yearly-list-header #list-logo.portrait,
#yearly-list-header #list-logo-mobile.portrait {
height: 240px; } }
#yearly-list-header #list-logo {
display: none; }
@media (min-width: 992px) {
#yearly-list-header #list-logo {
display: block; } }
#yearly-list-header #list-logo-mobile {
display: block; }
@media (min-width: 992px) {
#yearly-list-header #list-logo-mobile {
display: none; } }
#yearly-list-header #list-main-image-wrapper {
display: none; }
@media (min-width: 992px) {
#yearly-list-header #list-main-image-wrapper {
display: block; } }
#yearly-list-header #list-main-image-wrapper-mobile {
display: block; }
@media (min-width: 992px) {
#yearly-list-header #list-main-image-wrapper-mobile {
display: none; } }
#yearly-list-header #list-main-image,
#yearly-list-header #list-main-image-mobile {
margin-bottom: 40px; }
#yearly-list-header #list-main-image.non-letterbox,
#yearly-list-header #list-main-image-mobile.non-letterbox {
width: 100%; }
#yearly-list-header #learn-more {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
text-align: left;
align-items: flex-start;
justify-content: center; }
@media (min-width: 992px) {
#yearly-list-header #learn-more {
justify-content: flex-start; } }
#yearly-list-header #learn-more img {
width: 40px;
margin-bottom: 0;
position: relative;
top: 5px;
padding-right: 12px;
box-sizing: content-box; }
@media (min-width: 992px) {
#yearly-list-header #learn-more img {
top: 6px;
width: 50px; } }
@media (min-width: 992px) {
#yearly-list-header #learn-more img {
margin: 0; } }
#yearly-list-header #learn-more > div {
position: relative;
line-height: 22px; }
#yearly-list-header #learn-more > div #methodology-intro {
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
display: inline;
font-weight: normal;
font-family: "Gilroy-Medium"; }
#yearly-list-header #learn-more > div #methodology-intro.italic {
font-family: "Gilroy-MediumItalic"; }
@media (min-width: 992px) {
#yearly-list-header #learn-more > div #methodology-intro {
margin-right: 20px;
display: inline;
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
@media (min-width: 992px) and (min-width: 992px) {
#yearly-list-header #learn-more > div #methodology-intro {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.47px; } }
#yearly-list-header #learn-more > div #methodology-mobile {
display: inline; }
#yearly-list-header #learn-more > div #methodology-mobile i {
font-family: 'fontawesome';
font-weight: normal;
font-style: normal;
display: inline-block;
transform: rotate(-45deg);
position: relative;
top: -2px;
left: 10px; }
@media (min-width: 992px) {
#yearly-list-header #learn-more > div #methodology-mobile {
display: none; } }
#yearly-list-header #learn-more > div #methodology {
font-size: 12px;
line-height: 20px;
letter-spacing: 1.88px;
font-weight: normal;
font-family: "Gilroy-Bold";
cursor: pointer;
text-transform: uppercase;
display: none; }
#yearly-list-header #learn-more > div #methodology.italic {
font-family: "Gilroy-BoldItalic"; }
@media (min-width: 992px) {
#yearly-list-header #learn-more > div #methodology {
display: inline; } }
#yearly-list-header .social-wrapper {
justify-content: center;
margin-top: 30px; }
#why-get-certified img {
max-width: 180px; }
#why-be-certified {
text-align: left; }
#why-be-certified .image-title {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
@media (min-width: 1200px) {
#why-be-certified .image-title h4 {
padding-right: 250px; } }
#why-be-certified .image-title img {
height: 80px;
margin-bottom: 0;
margin-right: 25px; }
.mod-gptw-logos .images img {
width: 180px;
padding: 10px 15px;
object-fit: contain;
font-family: 'object-fit: contain;'; }
.mod-gptw-logos .images img:last-of-type {
margin-bottom: 20px; }
.mod-gptw-headshots img {
max-width: 200px; }
.mod-gptw-testimonials img {
height: 200px;
width: auto;
display: inline-block;
object-fit: contain;
font-family: 'object-fit: contain;'; }
.mod-gptw-mailing-signup,
.mod-gptw-mailing-signup-bar {
color: #11131C; }
.mod-gptw-mailing-signup .wrapper,
.mod-gptw-mailing-signup-bar .wrapper {
padding: 54px;
border: 4px solid #11131C; }
.mod-gptw-mailing-signup .h3,
.mod-gptw-mailing-signup .h4,
.mod-gptw-mailing-signup-bar .h3,
.mod-gptw-mailing-signup-bar .h4 {
color: #11131C; }
.mod-gptw-mailing-signup .marketo-newsletter-validation-message,
.mod-gptw-mailing-signup .newsletter-signup-submitted-state,
.mod-gptw-mailing-signup .newsletter-signup-form,
.mod-gptw-mailing-signup-bar .marketo-newsletter-validation-message,
.mod-gptw-mailing-signup-bar .newsletter-signup-submitted-state,
.mod-gptw-mailing-signup-bar .newsletter-signup-form {
display: none; }
.mod-gptw-mailing-signup .marketo-newsletter-validation-message.show,
.mod-gptw-mailing-signup .newsletter-signup-submitted-state.show,
.mod-gptw-mailing-signup .newsletter-signup-form.show,
.mod-gptw-mailing-signup-bar .marketo-newsletter-validation-message.show,
.mod-gptw-mailing-signup-bar .newsletter-signup-submitted-state.show,
.mod-gptw-mailing-signup-bar .newsletter-signup-form.show {
display: block; }
.mod-gptw-mailing-signup .marketo-newsletter-validation-message,
.mod-gptw-mailing-signup-bar .marketo-newsletter-validation-message {
margin-top: 10px;
color: #FF1628; }
.mod-gptw-mailing-signup .marketo-newsletter-input,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input {
height: 40px;
box-sizing: content-box;
border: 2px solid #11131C;
display: block;
max-width: 100%;
width: 260px;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup .marketo-newsletter-input,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input {
width: 320px; } }
.mod-gptw-mailing-signup .marketo-newsletter-input input,
.mod-gptw-mailing-signup .marketo-newsletter-input button,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input button {
height: 39px;
border-radius: 0;
border: 0; }
.mod-gptw-mailing-signup .marketo-newsletter-input input:focus,
.mod-gptw-mailing-signup .marketo-newsletter-input button:focus,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input:focus,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input button:focus {
outline: none; }
.mod-gptw-mailing-signup .marketo-newsletter-input input,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input {
width: 220px;
padding-left: 10px;
padding-right: 10px;
height: 39px;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
color: #11131C; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup .marketo-newsletter-input input,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input {
width: 280px; } }
.mod-gptw-mailing-signup .marketo-newsletter-input input.italic,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input.italic {
font-family: "Gilroy-BoldItalic"; }
.mod-gptw-mailing-signup .marketo-newsletter-input input::placeholder,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input::placeholder {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
font-weight: normal;
font-family: "Gilroy-Bold";
color: #11131C; }
.mod-gptw-mailing-signup .marketo-newsletter-input input::placeholder.italic,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input::placeholder.italic {
font-family: "Gilroy-BoldItalic"; }
.mod-gptw-mailing-signup .marketo-newsletter-input button,
.mod-gptw-mailing-signup-bar .marketo-newsletter-input button {
background: #11131C;
width: 40px;
color: white; }
.mod-gptw-mailing-signup-bar {
padding-top: 10px !important;
padding-bottom: 10px !important;
text-align: center; }
.mod-gptw-mailing-signup-bar .marketo-newsletter-input {
border-color: transparent !important; }
.mod-gptw-mailing-signup-bar .marketo-newsletter-input input {
border-color: #ff1628 !important; }
.mod-gptw-mailing-signup-bar .marketo-newsletter-submit {
background: #ff1628 !important; }
.mod-gptw-mailing-signup-bar .marketo-newsletter-submit i {
color: black; }
.mod-gptw-mailing-signup-bar .signup-text {
margin-bottom: 10px !important; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .signup-text {
margin-bottom: 0 !important; } }
.mod-gptw-mailing-signup-bar .left {
display: block;
margin-bottom: 20px; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .left {
margin-bottom: 0; } }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar {
text-align: left; }
.mod-gptw-mailing-signup-bar .right {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center; } }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .newsletter-signup-initial-state {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
align-self: center; } }
.mod-gptw-mailing-signup-bar .marketo-newsletter-input {
margin-left: auto;
margin-right: auto;
flex-grow: 0; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .marketo-newsletter-input {
margin-left: 0;
margin-bottom: 0;
margin-right: unset; } }
.mod-gptw-mailing-signup-bar .signup-text {
font-size: 16px;
line-height: 20px;
letter-spacing: -0.37px; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .signup-text {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.3px; } }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .signup-text {
margin-right: 20px;
align-self: center; } }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .marketo-newsletter-validation-message {
text-align: center; } }
.mod-gptw-mailing-signup-bar .newsletter-signup-initial-state p {
margin-bottom: 0; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .social-links {
margin-left: auto;
margin-right: auto;
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; } }
.mod-gptw-mailing-signup-bar .social-links p,
.mod-gptw-mailing-signup-bar .social-links a {
align-self: center; }
.mod-gptw-mailing-signup-bar .social-links a {
margin-right: 20px; }
.mod-gptw-mailing-signup-bar .social-links a:hover {
text-decoration: none; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .social-links a {
display: block; } }
.mod-gptw-mailing-signup-bar .social-links a:last-of-type {
margin-right: 0; }
.mod-gptw-mailing-signup-bar .social-links i {
font-size: 22px; }
@media (min-width: 992px) {
.mod-gptw-mailing-signup-bar .social-links i {
display: block; } }
.mod_gptw_list_index #lists-component .list-item-thumb {
object-fit: contain;
font-family: 'object-fit: contain;'; }
.custom-sticky,
.gptw-sticky {
position: sticky;
background: white;
top: 100px;
z-index: 10; }
.banneritem {
margin-bottom: 15px !important; }
.mod-gptw-hero-image {
padding-bottom: 0;
position: relative; }
@media (min-width: 992px) {
.mod-gptw-hero-image {
padding-bottom: 65px; } }
@media (min-width: 2000px) {
.mod-gptw-hero-image .container {
width: 1600px; } }
.mod-gptw-hero-image .title {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px; }
.mod-gptw-hero-image .title img {
margin-bottom: 0; }
.mod-gptw-hero-image .button-wrapper {
margin-top: 30px;
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-items: center; }
.mod-gptw-hero-image .button-wrapper > a {
margin-bottom: 20px; }
.mod-gptw-hero-image .button-wrapper > a:last-of-type {
margin-bottom: 0; }
@media (min-width: 992px) {
.mod-gptw-hero-image .button-wrapper {
display: flex;
flex: 1 0 auto;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
.mod-gptw-hero-image .button-wrapper > a {
margin-bottom: 0;
margin-right: 20px; }
.mod-gptw-hero-image .button-wrapper > a:last-of-type {
margin-right: 0; } }
.mod-gptw-hero-image .hero-image {
width: 100%; }
@media (min-width: 992px) {
.mod-gptw-hero-image .hero-image {
position: absolute;
top: 0;
height: 100%;
object-fit: cover;
z-index: 1; }
.mod-gptw-hero-image .hero-image.image-padding-top {
padding-top: 65px; } }
.mod-gptw-hero-image .text {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 60px; }
@media (min-width: 992px) {
.mod-gptw-hero-image .text {
min-height: 700px; } }
@media (min-width: 1200px) {
.mod-gptw-hero-image .text {
min-height: 800px; } }
@media (min-width: 992px) {
.mod-gptw-hero-image .text {
padding-bottom: 65px; } }
@media (min-width: 1630px) {
.mod-gptw-hero-image .text {
padding-bottom: 115px; } }
@media (min-width: 992px) {
.mod-gptw-hero-image.right .hero-image {
right: 0;
object-position: bottom left;
font-family: 'object-fit: cover; object-position: bottom left;'; } }
@media (min-width: 1630px) {
.mod-gptw-hero-image.right .hero-image {
object-position: center left;
font-family: 'object-fit: cover; object-position: center left;'; } }
@media (min-width: 992px) {
.mod-gptw-hero-image.left .hero-image {
left: 0;
object-position: bottom right;
font-family: 'object-fit: cover; object-position: bottom right;'; } }
@media (min-width: 1630px) {
.mod-gptw-hero-image.left .hero-image {
object-position: center right;
font-family: 'object-fit: cover; object-position: center right;'; } }
.mod-gptw-hero-image .container {
position: relative;
z-index: 2; }
.mod-gptw-hero-image .text img {
width: 100%; }
@media (min-width: 992px) {
.mod-gptw-hero-image .text {
padding-top: 65px; } }
.mod-gptw-featured-articles .left,
.mod-gptw-featured-articles .right {
text-align: left; }
@media (min-width: 992px) {
.mod-gptw-featured-articles .mobile-title {
display: none; } }
.mod-gptw-featured-articles .left .list-item {
margin-bottom: 40px !important;
cursor: pointer;
text-decoration: none; }
.mod-gptw-featured-articles .left .list-item:hover, .mod-gptw-featured-articles .left .list-item.selected {
text-decoration: underline; }
.mod-gptw-featured-articles .left .items {
display: none; }
@media (min-width: 992px) {
.mod-gptw-featured-articles .left .items {
display: block; } }
@media (min-width: 992px) {
.mod-gptw-featured-articles .right .list .item {
display: none; } }
.mod-gptw-featured-articles .right .list .item.show {
display: block; }
.mod-gptw-featured-articles .right .list .item a {
text-transform: uppercase;
font-weight: bold;
display: block;
width: 100%; }
.mod-gptw-featured-articles .right .list .item a img {
margin-bottom: 30px;
max-height: 400px;
width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;'; }
.mod-gptw-featured-articles .right .list .item .category-wrapper img {
margin-bottom: 0; }
#gptw-email-modal {
display: none;
/* &.micromodal-slide[aria-hidden='false'] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
} */
/* &.micromodal-slide[aria-hidden='true'] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
} */ }
#gptw-email-modal.is-open {
display: block; }
#gptw-email-modal .marketo-form {
font-size: 12px;
text-align: center; }
#gptw-email-modal .modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(241, 241, 241, 0.8);
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: blur(3px); }
#gptw-email-modal .modal__container {
background-color: #fff;
max-width: 500px;
max-height: 100vh;
border-radius: 30px;
overflow-y: auto;
box-sizing: border-box;
margin-left: 20px;
margin-right: 20px; }
#gptw-email-modal .modal__header {
text-align: center;
background: #FF1628;
color: white;
padding: 10px; }
#gptw-email-modal .modal__header .h2 {
color: white; }
#gptw-email-modal .modal__header .modal__close {
position: absolute;
top: 15px;
right: 15px; }
#gptw-email-modal .modal__title {
font-weight: 600; }
#gptw-email-modal .modal__close {
background: transparent;
border: 0; }
#gptw-email-modal .modal__header .modal__close:before {
content: '\2715'; }
#gptw-email-modal .modal__content {
margin-top: 20px;
margin-bottom: 40px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8); }
#gptw-email-modal .modal__footer {
background: none; }
@keyframes mmfadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes mmfadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes mmslideIn {
from {
transform: translateY(15%); }
to {
transform: translateY(0); } }
@keyframes mmslideOut {
from {
transform: translateY(0); }
to {
transform: translateY(-10%); } }
#gptw-email-modal.micromodal-slide[aria-hidden='false'] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }
#gptw-email-modal.micromodal-slide[aria-hidden='true'] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }
#gptw-email-modal.micromodal-slide .modal__container, #gptw-email-modal.micromodal-slide .modal__overlay {
will-change: transform; }
/*# sourceMappingURL=gptw-components.css.map */