/*
Stylesheet
Author: Ian Spangler
Description: Static Media Corporate Site
Version: 3.5
*/

@import url('https://fonts.googleapis.com/css?family=Inter:regular,semibold,black&display=swap');

/*** GLOBAL VARIABLES START ***/
:root {
	--white: #FFF;
	--off-white: #F9FDFF;
  	--off-off-white: #E7F3F9;
	--light-gradient: linear-gradient(180deg, #F9FDFF, #E7F3F9 100%);
  	--blue: #008CCC;
	--alt-blue: #58b6e2;
	--light-blue: #E9F5FA; 
	--dark-blue: #003352;
  	--medium-grey: #556D74;
	--lighter-grey: #91a7b0;
  	--light-grey: #E2EDF2;
	--bolder-grey: #C8D8E0;
  	--headline-font: 'Inter', sans-serif;
  	--body-font: 'Inter', sans-serif;
	--regular: 400;
	--semi-bold: 600;
	--black: 800;
	--small-caps-spacing: 0.04rem;
	--big-shadow: 5px 10px 40px rgba(0,51,82,0.2);
	--small-shadow: 2px 4px 15px rgba(0,51,82,0.1);
	--blue-shadow: 2px 2px 7px rgba(0,140,204,0.7);
}
/*** GLOBAL VARIABLES END ***/


/*** GLOBAL ELEMENTS START ***/

html, body {
	font-size: 10px;
	overflow-x: hidden;
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--off-white);
	font-family: var(--body-font);
}

a {
  	color: var(--blue);
  	font-size: 2rem;
	font-weight: var(--semi-bold);
}

a, a:hover, a:focus {
  	text-decoration: none;
}

a:hover, a:active {
	color: var(--dark-blue);
}
.button {
	padding: 1.8rem 2.5rem;
	background-color: var(--blue);
	color: var(--white);
	font-size: 1.8rem;
	font-weight: var(--black);
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	box-shadow: var(--small-shadow);
	transition: all 0.25s;
	border-radius: 0.3rem;
}
.button:hover {
	box-shadow: var(--big-shadow);
	transform: scale(1.03);
	color: var(--white);
}

p {
	font-family: var(--body-font);
	font-size: 2rem;
	font-style: normal;
	font-weight: var(--regular);
  	line-height: 165%;
  	letter-spacing: normal;
  	color: var(--dark-blue);
  	max-width: 800px;
}

small {
	font-size: 1.5rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--medium-grey);
}

em {
	font-weight: var(--semi-bold);
}

h1 {
	font-family: var(--headline-font);
	font-size: 5.2rem;
	font-weight: var(--black);
	line-height: 125%;
	text-transform: uppercase;
	color: var(--white);
}

h2 {
	font-family: var(--body-font);
	font-size: 3.4rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--dark-blue, #003352);
	color: #003352;
	padding-bottom: 3rem;
}

h3 {
	font-family: var(--headline-font);
	font-size: 1.8rem;
	line-height: 135%;
	letter-spacing: var(--small-caps-spacing);
	text-transform: uppercase;
	font-weight: var(--black);
	color: var(--dark-blue);
}

h4 {
	font-family: var(--body-font);
	font-weight: var(--semibold);
	font-size: 1.5rem;
	line-height: 135%;
	color: var(--dark-blue);
}

sup {
	vertical-align: top;
}

::selection {
	background: var(--alt-blue);
	color: #fff;
}
::moz-selection {
	background: var(--alt-blue);
	color: #fff;
}

.site-wrap {
	display: flex;
  	flex-direction: column;
	height: 100%;
}
.content-area-wrap {
	flex: 1;
}
section {
	position: relative;
	padding: 5rem 0;
	background: var(--light-gradient);
}

.description p {
	margin: 0 auto;
}

/** What is this for? **/
#ot-sdk-btn.ot-sdk-show-settings {
	font-size: 18px;
}


@media (max-width: 991px) {
	
	html, body {
		font-size: 9.5px;
	}
	h1 {
		font-size: 4.8rem;
	}
}

@media (max-width: 767px) {

	html, body {
		font-size: 9px;
	}
	
	h1 {
		font-size: 4.4rem;
	}
}

@media (max-width: 640px) {
	
	h1 {
		font-size: 4rem;
	}
}

/*** GLOBAL ELEMENTS END ***/


/*** HEADER & NAV START ***/

.navbar-default {
	border: 0;
	background: transparent;
}

.navbar-brand {
	background-color: var(--blue);
	position: relative;
	padding: 0;
	height: 6.5rem;
}

.navbar-brand a {
	display: block;
	margin: 0;
	padding: 1.5rem 1.8rem;
	padding-left: 3.5rem;
}

.site-logo a:hover {
	background-color: var(--blue);
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	background-color: var(--blue);
	color: var(--alt-blue);
}

.navbar-brand:after {
	content: '';
	border-top: 6.5rem solid var(--blue);
    border-right: 4.5rem solid transparent;
	position: absolute;
    top: 0; right: -4.5rem;
	z-index: 1000;
}


.navbar-brand a img {
	width: 10rem;
	height: auto;
	display: block;
}

.navbar-nav {
	padding-left: 4rem;
	padding-right: 4rem;
    position: relative;
}

.navbar-nav:after {
	content: '';
	border-top: 6.4rem solid rgba(0,51,82,0.9);
    border-right: 4.5rem solid transparent;
    height: 0;
    width: 80rem;
    position: absolute;
    top: 0; left: 0;
}

.navbar-header {
	background-color: rgba(0,51,82,0.9);
}

.nav > li > a {
	padding: 1rem 2rem;
	font-size: 1.6rem;
	font-weight: var(--black);
}

.navbar-nav > li {
  	font-family: var(--headline-font);
  	letter-spacing: var(--small-caps-spacing);
  	text-transform: uppercase;
  	z-index: 500;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited {
	padding-top: 2.2rem;
	padding-bottom: 2.2rem;
	color: var(--white);
}
.navbar-default .navbar-nav > li > a.selected {
	color: var(--alt-blue);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--alt-blue);
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: var(--white);
	width: 3.2rem;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 0.7rem;
}
.navbar-toggle:focus, .navbar-toggle:hover {
	background: none !important;
}
/* border between header and dropdown */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-top: 1px solid #095684;
}

@media (max-width: 991px) {
    
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.collapse.in {
		display: block !important;
	}

	.navbar-nav {
		background-color: rgba(0,51,82,0.9);
		margin-top: 0;
		text-align: center;
	}
	.navbar-toggle {
		margin-top: 1rem;
		margin-bottom: 1rem;
		margin-right: 1.5rem;
		border: 0;
	}
	.navbar-nav:after {
		border: 0;
	}
	.nav > li > a {
		padding: 1rem 2rem;
		font-size: 2rem;
	}
}

/*** HEADER & NAV END ***/



/*** TOP FEATURED SECTION START ***/

#featured {
	background-size: cover;
	height: calc(100vw * 0.52);
	overflow: hidden;
	background-image: url('https://img.static.com/images/woman-reading-tablet-feature-2-opt.jpg');
	background-color:#003352;
}
#featured #background-shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(90deg, rgba(0,32,52,0.4) 0%, rgba(0,51,82,0.25) 55%, rgba(0,51,82,0.1) 100%);
}
#featured .headline {
	padding: 0 6rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#featured h1 {
	text-shadow: 2px 2px 20px rgba(0,51,82,0.3);
}
#featured h1 span {
	color: var(--alt-blue);
}

@media (max-width: 1200px) {

	#featured {
		height: calc(100vw * 0.7);
	}

}
@media (max-width: 991px) {

	#featured {
		background-position-x: -7rem;
	}

	#featured #background-shade {
		background-color: rgba(0,51,82,0.3);
	}
	
}
@media (max-width: 767px) {

	#featured {
		background-position: top center;
		height: calc(100vw * 1);
	}

}
@media (max-width: 640px) {

	#featured {
		height: calc(100vw * 1.25);
	}
	
	#featured .headline {
		padding: 1rem 3.2rem;
	}

}

/*** TOP FEATURED SECTION END ***/



/*** ABOUT SECTION START ***/

#about {
	background: var(--off-white);
	padding-top: 2rem;
	padding-bottom: 5rem;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('https://img.static.com/images/about-us-section-background-opt.jpg');
}
#about .image {
	background-image: url('https://img.static.com/images/about-us-image-opt.png');
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
	min-height: 550px;
}
#about:before {
	content: '';
	width: 50%;
	height: 5.8rem;
	top: -5.8rem;
	right: 0;
	position: absolute;
	border-bottom: 7rem solid var(--off-white);
    border-left: 4.5rem solid transparent;
}
#about .description {
	padding: 5rem 4rem;
	padding-bottom: 3rem;
}

@media (max-width: 1200px) {

	
	#about .description {
		padding-left: 1rem;
	}

}
@media (max-width: 991px) {

	h2 {
		font-size: 3rem;
	}
	p {
		font-size: 1.8rem;
	}

	#about .image {
		min-height: 400px;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	#about .description {
		padding-left: 2rem;
		padding-right: 0;
	}

}
@media (max-width: 767px) {

	#about {
		background-size: 400%;
		background-position-y: bottom;
		padding-bottom: 0;
	}
	#about .image {
		background-repeat: no-repeat;
	}
	
	#about .description {
		padding: 2.4rem 3.2rem;
	}
	
}

@media (max-width: 640px) {

	#about {
		padding-bottom: 0;
	}
	#about .image {
		background-size: 120%;
		background-position: center top;
		background-size: 105%;
		background-repeat: no-repeat;
		min-height: 410px;
	}
}

/*** ABOUT SECTION END ***/



/*** BRANDS SECTION START ***/

#brands {
	background: var(--off-white);
	/*background: linear-gradient(0deg, #095684 0%, #DDEFF7 35%);*/
	
}
#brands h2 {
	text-align: center;
}
#brands:before {
	content: '';
	position: absolute;
	top: -2rem;
	left: 0;
	background: linear-gradient(0deg, #DDEFF7, rgba(221,239,247,0));
	width: 100%;
	height: 2rem;
}
.show {
	display: block;
}
  
/* Filter buttons */
#category-filters {
	padding: 0;
	padding-top: 0.8rem;
}
#category-filters #tabs {
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.6rem;
}
#category-filters .tab {
	font-family: var(--body-font);
	font-size: 1.6rem;
	font-weight: var(--semi-bold);
	border: none;
	outline: none;
	padding: 1.6rem 1.9rem;
	margin: 0 0.2rem;
	background-color: var(--light-blue);
	color: var(--blue);
	cursor: pointer;
	border-radius: 3px;
}
#category-filters .tab:not(.active):hover {
	/*background-color: var(--white);
	box-shadow: var(--small-shadow);*/
	opacity: 0.8;
}
#category-filters .tab.active {
	background-color: var(--blue);
	color: var(--white);
}
#brands .brands-container {
	padding: 0;
}
#brands .brands-wrapper {
	background: var(--white);
}
#brands .brands-wrap {
	padding: 3.2rem 0;
}
#brands .brand-list {
	position: relative;
	margin: 0;
}
#brands .brand-list > div {
	padding: 0.8rem;
	/*padding: 0;*/
}
#brands .brand-panel {
	background-color: var(--white);
	/*border-right: 1px solid var(--light-grey);
	border-bottom: 1px solid var(--light-grey);*/
	position: relative;
	transition: all 0.25s;
	box-shadow: var(--small-shadow);
}
#brands .brand-list > div:nth-child(3n) .brand-panel {
	/*border-right: 0;*/
}
#brands .oo-link:hover .brand-panel {
	transform: scale(1.03);
	box-shadow: var(--big-shadow);
	/*border-right: 1px solid var(--white);
	border-bottom: 1px solid var(--white);*/
	z-index: 1000;
}
#brands .brand-panel img {
	height: 100%;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.stats {
	padding: 3.2rem 0;
	margin: 0;
	position: relative;
}

.stats > div {
	margin: 0;
}
.stats .stat {
	border-right: 1px solid var(--bolder-grey);
}
.stats .stat:last-of-type {
	border: 0;
}
.stats .stat .number {
	display: flex;
	align-items: center;
	justify-content: center;
}
.stats .stat h3 {
	font-size: 4.4rem;
	text-align: center;
}
.stats .stat svg.icon {
	width: 3.2rem;
	height: 3.2rem;
	margin-right: 1.2rem;
}
.stats .stat small {
	font-size: 1.4rem;
	letter-spacing: var(--small-caps-spacing);
	font-weight: var(--semi-bold);
	text-transform: uppercase;
	text-align: center;
	display: block;
	
}
.stats small span {
	text-transform: lowercase;
	font-size: 1rem;
	display: block;
}

@media (max-width: 1200px) {

	#category-filters .tab {
		font-family: var(--body-font);
		font-size: 1.6rem;
		font-weight: var(--semi-bold);
		border: none;
		outline: none;
		padding: 1.6rem;
	}
}


@media (max-width: 991px) {

	#category-filters #tabs {
		padding: 0 2.4rem;
	}
	#brands .container {
		width: 100%;
	}
	#brands .brands-wrap {
		padding: 2.4rem 0;
	}
	.stats > div {
		margin: 0;
	}
	.stats .stat h3 {
		font-size: 3.8rem;
	}
	.stats .stat svg.icon {
		width: 2.8rem;
		height: 2.8rem;
	}

}

@media (max-width: 767px) {
	
	#category-filters .tab {
		font-size: 1.7rem;
	}
	.stats .stat {
		margin-bottom: 2.5rem;
		min-height: 9rem;
	}
	.stats .stat.col-xs-6:nth-child(even) {
		border: 0;
	}
	.stats .stats {
		padding-top: 3rem;
		padding-bottom: 0;
	}
}

@media (max-width: 640px) {

	#category-filters #tabs {
		padding: 0 2rem;
	}
	.stats h3:before {
		vertical-align: middle;
	}
	.stats .stat small {
		font-size: 1.2rem;
	}

}

/*** BRANDS SECTION END ***/



/*** TEAM SECTION START ***/

#team {
	background-color: var(--light-gradient);
}
#team h2 {
	text-align: center;
}
#team .team-list {
	padding-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}
#team .team-col {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
}
#team .editor-panel {
	background-color: var(--white);
	box-shadow: var(--small-shadow);
	position: relative;
	transition: all 0.25s;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}
#team .active:hover .editor-panel {
	transform: scale(1.02);
	box-shadow: var(--big-shadow);
}
#team .editor-panel h3 {
	padding-bottom: 0.6rem;
}
#team .editor-panel h4 {
	color: var(--blue);
}
#team .editor-panel small {
	font-size: 1.5rem;
	font-weight: var(--regular);
	color: var(--medium-grey);
}
#team .editor-panel .info {
	padding: 2rem 1.5rem;
	position: relative;
	flex: 1 0 auto;
}
#team .editor-panel img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	display: block;
}
#team a.link {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	margin-bottom: 3rem;
}
#team a > i {
	font-size: 1.6rem;
	margin-left: 0.6rem;
}

@media (max-width: 991px) {
	#team .container {
		width: 100%;
    	padding: 0 2rem;
	}
}

@media (max-width: 640px) {

	#team h2 {
		font-size: 3.2rem;
	}
	#team .editor-panel .info {
		padding: 1.5rem;
		/*height: 190px;*/
	}
	
	#team .team-col {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
}
/*** TEAM SECTION END ***/


/*** CAREERS SECTION START ***/

#careers {
	background: var(--off-off-white);
	padding-top: 0;
	position: relative;
}

#careers h2 {
	padding-top: 15px;
	padding-bottom: 40px;
	text-align: center;
}

#careers .description {
	text-align: center;	
}

#careers .job-openings {
	padding: 5rem 0;
	padding-bottom: 8rem;
}

#careers .perks-header {
	text-align: center;
	padding-bottom: 3.5rem;
	position: relative;
}

#careers .perks-header .header-text {
	margin-top: -1.6rem;
}

#careers .perks-header h3 {
	display: inline-block;
	font-size: 2.4rem;
	padding: 0 1rem;
	background-color: var(--off-off-white);
}

#careers .perks-header .divider {
	height: 0.3rem;
	width: 100%;
	border-top: 1px solid var(--blue);
}

#careers .perk-col {
	padding: 0 1rem;
	border-right: 1px solid var(--bolder-grey);
}

#careers .perk {
	padding: 2.4rem 0;
	text-align: center;
}

#careers .perk-col:last-child {
	border: 0;
}

#careers .perk .icon {
	display: block;
	width: 63px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 1.2rem;
}

#careers .perk small {
	text-transform: uppercase;
	text-align: center;
	font-weight: var(--semi-bold);
	line-height: 140%;
	color: var(--dark-blue, #003352);
}

#careers .perk small span {
	text-transform: none;
	font-weight: var(--regular);
}

@media (max-width: 991px) {

	#careers .container {
		width: 100%;
		padding: 0 2rem;
	}

	#careers .description {
		padding: 0;	
	}

	#careers .perks-header {
		padding-bottom: 3rem;
	}
}

@media (max-width: 767px) {

	#careers .perk-col:nth-child(odd) {
		border-right: 1px solid var(--bolder-grey);
	}
	#careers .perk-col:nth-child(even) {
		border-right: 0;
	}

	#careers .perk-col:nth-child(1) .perk, #careers .perk-col:nth-child(2) .perk {
		border-bottom: 1px solid var(--bolder-grey);
	}

}

@media (max-width: 640px) {

	#careers .perks-header {
		text-align: center;
	}

	#careers .job-openings {
		padding: 6rem 0;
		padding-bottom: 10rem;
	}



}

/*** CAREERS SECTION END ***/


/*** ADVERTISE CALL-OUT SECTION START ***/
#advertise {
	background-size: cover;
	min-height: 200px;
	overflow: hidden;
	position: relative;
	background-color: #095684;
	background-image: url('https://img.static.com/images/advertise-background-small-opt.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
#advertise h2 {
	text-align: center;
	font-size: 4rem;
	color: #fff;
}
#advertise .description {
	text-align: center;
	color: #fff;
}
#advertise .description p {
	color: #fff;
}
#advertise .advertise-cta {
	text-align: center;
}
#advertise .advertise-cta .button {
	margin: 40px auto;
}

/*** ADVERTISE CALL-OUT SECTION END ***/


/*** PRESS SECTION START ***/
#press h2 {
	text-align: center;
}
#press .press-cards {
	display: flex;
	flex-wrap: wrap;
}
#press .press-cards > div {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#press .press-card {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	padding: 2rem;
	margin-bottom: 3rem;
	background: var(--white);
	box-shadow: var(--small-shadow);
}
#press .press-card small {
	color: var(--blue);
	font-weight: var(--semi-bold);
	margin-bottom: 1rem;
	display: block;
}
#press .press-card h3 {
	text-transform: none;
	margin-bottom: 3rem;
	font-size: 2rem;
	line-height: 145%;
}
#press .button {
	margin-top: auto;
	padding: 1.4rem 1.6rem;
	font-size: 1.4rem;
	display: block;
	text-align: center;
}

@media (max-width: 991px) {
	#press .container {
		width: 100%;
		padding: 0 2rem;
	}
}

/*** PRESS SECTION END ***/


/*** ADVERTISE PAGE TOP START ***/
#advertise-top {
	background-size: 110%;
	height: calc(100vw * 0.58);
	overflow: hidden;
	position: relative;
	background-color: #095684;
	background-image: url('https://img.static.com/images/advertise-background-opt-rev.jpg');
	background-position: 12rem 0;
	background-repeat: no-repeat;
}
#advertise-top h1 {
	margin-bottom: 1.5rem;
	text-shadow: 2px 2px 20px rgba(0,51,82,0.3);
	font-size: 4.8rem;
}
#advertise-top h1 span {
	display: block;
	max-height: 5.2rem;
	text-transform: uppercase;
	font-size: 2rem;
	color: var(--alt-blue);
}
#advertise-top p {
	margin-bottom: 3rem;
	color: var(--off-white);
}
#advertise-top #background-shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,51,82,0.1);
}
#advertise-top .headline {
	padding: 0 6rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#advertise-top .button {
	width: auto;
}

@media (max-width: 1200px) {
	#advertise-top {
		height: calc(100vw * 0.7);
		background-size: 140%;
		background-position: -4rem 0;
	}
	
}
@media (max-width: 991px) {

	#advertise-top #background-shade {
		background-color: rgba(0,51,82,0.6);
	}

}
@media (max-width: 767px) {
	
	#advertise-top {
		background-position: -30rem 0;
		background-size: 240%;
		height: calc(100vw * 1.6);
	}
	
	#advertise-top .headline {
		padding: 0 3rem;
	}
	

}
@media (max-width: 640px) {
	
	#advertise-top {
		background-position: -70rem 0;
		background-size: 320%;
		height: calc(100vw * 2.1);
	}

	#advertise-top .button {
		width: 100%;
	}

	#advertise-top .headline {
		top: auto;
		transform: none;
		bottom: 4rem;
		padding-bottom: 0;
	}

	#advertise-top #background-shade {
		background: linear-gradient(0deg, rgba(0,32,52,0.85) 55%, rgba(0,51,82,0.15) 85%, rgba(0,51,82,0.1) 100%);
	}
	
	#advertise-top h1 {
		font-size: 4.2rem;
	}

}

/*** ADVERTISE PAGE TOP END ***/


/*** ADVERTISE PAGE STATS START ***/
#advertise-stats {
	background-color: var(--light-gradient);
	padding-top: 5rem;
	padding-bottom: 4rem;
	position: relative;
}
#advertise-stats h2 {
	padding-bottom: 3rem;
	text-align: center;
}
#advertise-stats .description {
	text-align: center;	
}
#advertise-stats .stat-cards {
	padding-top: 1.6rem;
}
#advertise-stats .stat-card {
	background-color: var(--white);
	box-shadow: var(--small-shadow);
	position: relative;
	margin-bottom: 3rem;
	padding: 2rem;
	min-height: 145px;
}
#advertise-stats .stat-card h3 {
	padding-bottom: 0.3rem;
	text-transform: uppercase;
	font-size: 4.8rem;
	text-align: center;
}
#advertise-stats .stat-card small {
	padding-bottom: 0.2rem;
	font-size: 1.4rem;
	text-transform: uppercase;
	text-align: center;
	display: block;
	color: var(--blue);
	font-weight: var(--semi-bold);
}

@media (max-width: 991px) {
	#advertise-stats > div {
		width: 100%;
		padding: 0 2rem;
	}
	#advertise-stats .stat-card h3 {
		font-size: 3.4rem;
	}
	#advertise-stats .description {
		padding: 0;
	}
	#advertise-stats .stat-card {
		min-height: 120px;
	}
}

/*** ADVERTISE PAGE STATS END ***/



/*** ADVERTISE PAGE REQUEST FORM START ***/
#request-info {
	background-color: var(--light-gradient);
}
#request-info h2 {
	text-align: center;
}
#request-info .description {
	text-align: center;	
}
#request-info .zcwf_title {
	display: none;
}
#request-info #crmWebToEntityForm {
	padding-top: 0;
}
#request-info .zcwf_lblLeft .zcwf_row {
	margin: 2.5rem 0;
}
#request-info .zcwf_lblLeft .zcwf_col_fld {
	width: 66%;
}
#request-info .zcwf_lblLeft .zcwf_col_fld_slt {
	font-size: 2;
}
#request-info .zcwf_lblLeft .zcwf_col_fld input[type=text], 
#request-info .zcwf_lblLeft .zcwf_col_fld textarea,
#request-info .zcwf_lblLeft .zcwf_col_fld select {
	padding: 1.2rem;
	width: 100%;
	font-size: 2rem;
	border: 0 !important;
	border-bottom: 2px solid var(--blue) !important;
	border-radius: 0;
	box-shadow: var(--small-shadow);
}
#request-info .zcwf_lblLeft .zcwf_col_fld input:focus-visible, 
#request-info .zcwf_lblLeft .zcwf_col_fld textarea:focus-visible, 
#request-info .zcwf_lblLeft .zcwf_col_fld select:focus-visible {
	outline: none !important;
	box-shadow: var(--blue-shadow);
}
#request-info .zcwf_lblLeft .zcwf_col_fld select {
	min-height: 24rem;
}
#request-info .zcwf_lblLeft .zcwf_col_fld select option {
	margin-bottom: 0.5rem;
}
#request-info .zcwf_lblLeft .zcwf_col_fld select:focus option:checked {
	background: var(--blue);
	color: #fff;
}
#request-info .zcwf_lblLeft .zcwf_col_fld textarea {
	min-height: 10rem;
}
#request-info .zcwf_lblLeft .zcwf_col_lab {
	margin-top: 1.8rem;
	margin-right: 2rem;
}
#request-info .zcwf_lblLeft .zcwf_col_lab label {
	font-size: 2rem;
	line-height: 158%;
	font-family: var(--headline-font);
	font-weight: var(--black);
	color: var(--dark-blue);
}
#request-info .zcwf_lblLeft .zcwf_col_lab label span {
	margin-left: 0.8rem;
}
#request-info .zcwf_lblLeft .zcwf_col_lab label span.explainer {
	font-size: 1.6rem;
	font-weight: var(--regular);
	color: var(--medium-grey);
	margin-left: 0;
	display: block;
}
#request-info .zcwf_lblLeft .zcwf_button {
	padding: 1.8rem 2.5rem;
	font-size: 1.8rem;
	font-weight: var(--black);
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	box-shadow: var(--small-shadow);
	transition: all 0.25s;
	border-radius: 0.3rem;
	max-width: 200px;
	border: 0;
	margin-right: 1.6rem;
	background-color: var(--off-white);
	color: var(--blue);
}
#request-info .zcwf_lblLeft .zcwf_button.formsubmit {
	background-color: var(--blue);
	color: var(--white);
}
#request-info #crmWebToEntityForm.zcwf_lblLeft {
	padding: 0;
}
#request-info .success-msg {
	padding: 12rem 1.6rem;
}
#request-info .success-msg .media-link {
	padding-top: 2.4rem;
	display: block;
}
#request-info .success-msg a {
	text-decoration: underline;
	text-decoration-color: var(--alt-blue);
	text-underline-offset: 0.2rem;
	transition: text-decoration 0.2s ease-out;
	margin-right: 0.4rem;
}
#request-info .success-msg a:hover {
	text-decoration: none;
}
#request-info .wf_customMessageBox {
	font-size: 1.8rem;
	top: 12rem;
}

@media (max-width: 991px) {
	#request-info .zcwf_lblLeft .zcwf_col_fld {
		width: 100%;
	}
	#request-info .description {
		padding: 0;
	}
}

/*** ADVERTISE PAGE REQUEST FORM END ***/


/*** ADVERTISE MEDIA PAGE START ***/
#advertise-media-top {
	overflow: hidden;
	position: relative;
	background-color: var(--light-gradient);
	background-image: url('https://img.static.com/images/static-bolt-graphic.png');
	background-size: auto 80%;
	background-position: 88% -2rem;
	background-repeat: no-repeat;
	/*min-height: calc(100vh - 11.45rem);*/
	padding-top: 10rem;
	height: 100%;
}
#advertise-media-top h1 {
	margin-bottom: 1.5rem;
	font-size: 4.8rem;
	color: var(--dark-blue);
}
#advertise-media-top h1 span {
	display: block;
	max-height: 5.2rem;
	text-transform: uppercase;
	font-size: 2rem;
	color: var(--blue);
}
#advertise-media-top h1 span a {
	font-weight: var(--black);
}
#advertise-media-top .headline {
	padding: 0 6rem;
}
#advertise-media-top ul.media-downloads {
	padding: 2.4rem 0;
	padding-inline-start: 1rem;
	position: relative;
}
#advertise-media-top ul.media-downloads li {
	color: var(--lighter-grey);
	font-weight: var(--semi-bold);
	font-size: 2rem;
	padding-left: 1rem;
	padding-bottom: 2.8rem;
}
#advertise-media-top ul.media-downloads li:before {
    content: '\25CF';
    position: absolute;
    left: 0;
    vertical-align: middle;
    color: var(--dark-blue);
    display: inline-block;
    font-size: 1.6rem;
}
#advertise-media-top ul.media-downloads li a {
	text-decoration: underline;
	text-decoration-color: var(--alt-blue);
	text-underline-offset: 0.2rem;
	transition: text-decoration 0.2s ease-out;
	margin-right: 0.4rem;
}
#advertise-media-top ul.media-downloads li a:hover {
	text-decoration: none;
}
@media (max-width: 991px) {
	#advertise-media-top {
		background-position: 120% 0;
	}
	#advertise-media-top #background-shade {
		content: '';
		background: var(--white);
		width: 100%;
		height: 100%;
		position: absolute;
		opacity: 0.5;
		top: 0;
	}

}
@media (max-width: 767px) {

		
	#advertise-media-top .headline {
		padding: 0 3rem;
	}

}
@media (max-width: 640px) {
	
	#advertise-media-top {
		background-position: 0 0;
		background-size: 120%;
	}
	#advertise-media-top #background-shade {
		opacity: 0.6;
	}
	#advertise-media-top h1 {
		font-size: 4.2rem;
	}

}

/*** ADVERTISE MEDIA PAGE END ***/



/*** INFO CONTENT START ***/

.info-content {
	padding: 6rem 2rem;
	margin: 0 auto;
	max-width: 85rem;
}
.info-content h1 {
	padding-bottom: 2rem;
}
.info-content p {
	font-size: 1.8rem;
	line-height: 150%;
}

.info-content ul {
	list-style: disc outside;
	font-size: 1.8rem;
	line-height: 160%;
	margin-left: 20px;
	margin-bottom: 30px;
}

.info-content ol {
	font-size: 1.8rem;
	line-height: 150%;
	list-style: decimal outside;
	margin-left: 20px;
	margin-bottom: 30px;
}

.info-content p.nopad {
	padding-bottom: 0;
}

.info-content li {
	padding-top: 12px;
}

.info-content ul ul {
	list-style: circle inside;
	margin-bottom: 1rem;
}

.info-content a {
	font-size: 1.7rem;
}


.info-content h3 {
	font-size: 1.8rem;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: inherit;
	font-weight: var(--black);
	text-transform: uppercase;
}

.info-content table tr:first-of-type td p {
	padding-bottom: 0;
	font-weight: var(--semi-bold);
}

.info-content table {
	background: none;
	border: 1px solid var(--bolder-grey);
	margin-bottom: 16px;
	width: auto;
}

.info-content table p, .info-content table li {
	font-size: 1.6rem;
}
.info-content table li {
	line-height: 145%;
}

.info-content table td {
	padding: 15px;
	border-right: 1px solid var(--bolder-grey);
	border-bottom: 1px solid var(--bolder-grey);
}

@media (max-width: 640px) {
	
	.info-content table {
		width: 80rem;
	}
}

/*** INFO CONTENT END ***/


/*** TEXT PAGE START ***/
/* Hide the navigation on legal pages */
.page .navbar-nav, .page .navbar-toggle {
	display: none;
}
.page .navbar-header {
	background: none;
}

.page .content {
	padding: 0 19rem;
	padding-bottom: 6rem;
}
.page h1 {
	color: var(--dark-blue);
	text-align: left;
	padding-top: 6rem;
	padding-bottom: 3rem;
}

.page h2 {
	text-align: left;
	padding-top: 2.5rem;
	padding-bottom: 2.2rem;
	padding-left: 0;
	padding-right: 0;
}

.page p {
	padding-bottom: 2.5rem;
	word-wrap: break-word;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none;
}

@media (max-width: 991px) {
	.page {
		padding: 0;
	}

	.page .content {
		padding: 2rem;
		padding-bottom: 5rem;
	}

}


/*** TEXT PAGE END ***/


/*** FOOTER START ***/
footer {
	background-color: var(--dark-blue);
	padding: 4rem 2rem;
	flex-shrink: 0;
}
footer .copyright p {
	color: var(--light-grey);
	font-size: 1.7rem;
	text-align: right;
	padding-bottom: 0;
}
footer .links p {
	text-align: left;
	padding-bottom: 0;
}
footer .links p > a {
	color: var(--off-white);
	font-size: 1.6rem;
	font-weight: var(--semi-bold);
}
footer .links p > a:hover {
	color: var(--alt-blue);
}
footer .links p > a::after {
	content: '|';
	font-weight: var(--regular);
	color: var(--medium-grey);
	margin: 0 1rem;
}
footer .links p > a:last-child::after {
	content: '';
}
footer sup {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: top;
	top: -0.2rem;
}

@media (max-width: 991px) {
	footer .links p, footer .copyright p {
		text-align: center;
	}
	footer .links p > a:last-child::after {
		margin-right: 0;
	}
} 
@media (max-width: 767px) {
	footer .copyright {
		padding-top: 1rem;
	}
}

/*** FOOTER END ***/



/*** EXTRA BOOTSTRAP FOR 5 COLUMNS START ***/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*** EXTRA BOOTSTRAP FOR 5 COLUMNS END ***/