/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
/* CSS for "Home" page
/* 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.home .mast {
	overflow: hidden;
	background-image: none !important;
	background-color: transparent;
}
.mast .scroll {
	position: absolute;
	left: 50%;
    margin-left: -540px;
    top: 200px;
    height: calc(100vh - 240px);
}
/* Full screen video */
@media (min-aspect-ratio: 16/9) {
	.mast video {
		height: 600%;
		/* top: -200%; */
	}
}
@media (max-aspect-ratio: 16/9) {
	.mast video {
		width: 600%;
		/* left: -200%; */
	}
}
.scroll p {
	color: white;
	font-size: 10px;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	left: -73px;
	top: 24vh;
	width: 110px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	max-width: none !important;
}
.scroll img {
	animation-duration: 1.2s;
	animation-name: bounce;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-name: bounce;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in;
}
.home .mast {
	height: 850px;
}
.touchevents .home video {
	display: none;
}
.touchevents .home .mast {
	background: url(../../images/Homepage_GlobeImage.jpg) no-repeat center !important;
	background-size: cover;
}
.home .mast .content,
.mast.video_asset .content {
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.home .mast .content {
	box-sizing: border-box;
	padding-top: 0;
    padding-left: 125px;
    padding-right: 400px;
    max-width: 1150px;
}
.home section.quote:before {
	content: " ";
	position: absolute;
	width: 2px;
	height: 164px;
	background: #47ABE1;
	position: absolute;
	left: calc(50% - 1px);
	top: 0;
	z-index: 1;
}

.data-arrows {
	background: #D97506;
	padding-top: 122px;
	padding-bottom: 50px;
}
.data-arrows h2 {
	font-size: 86px;
}
.data-arrows .sub-head {
	max-width: 520px;
	text-align: left;
	margin-right: 0;
	margin-left: auto;
}
.data-arrows .full .sub-head {
    text-align: right;
    max-width: 100%;
}
.data-arrows h3 {
	font-size: 82px;
}
.data-arrows h2,
.data-arrows h3 {
	letter-spacing: 0.02em;
	margin-bottom: 6px;
}
.data-arrows *:not(.sub-head) {
	color: white;
}
.data-arrows .wrap {
	width: 1160px;
	max-width: calc(100% - 80px);
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
}
.data-arrows .wrap > div {
	position: relative;
}
.data-arrows .wrap svg.right {
	position: absolute;
    bottom: 142px;
    left: 100px;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.data-arrows .wrap .arrow-container {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100px;
    height: 220px;
    width: 32px;
    overflow: hidden;
}
.data-arrows .wrap .arrow-container svg {
	position: absolute;
	bottom: 0px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.data-arrows .wrap > div.full {
	border-top: 1px solid #253752;
	padding-top: 60px;
	text-align: right;
	margin-bottom: 86px;
}
.data-arrows .wrap > .half + .half {
	padding-left: 74px;
}
.data-arrows .wrap .half h3 {
	width: 348px;
}
.data-arrows .wrap .half h4 {
	width: 156px;
}
.data-arrows .wrap .half + .half h3 {
	width: 238px;
}
.data-arrows .wrap .half + .half h4 {
	width: 154px;
}
.data-arrows .wrap .half h3,
.data-arrows .wrap .half h4 {
	display: inline-block;
	vertical-align: middle;
}
.data-arrows .wrap > div.half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-top: 52px;
    padding-bottom: 141px;
}

/*.home .text-generic .company-logos {
	position: absolute;
	width: 44vw;
	height: 100%;
	right: 0;
	top: 0;
	opacity: 0.35;
	display: -webkit-flex;
	display: flex;
}
.home .text-generic .company-logos > div {
	width: 32%;
	display: inline-block;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    height: 120%;
    padding: 24px 0;
	transform: translate3d(0px, 0px, 0px);
	transition: transform 0.4s cubic-bezier(0, 0, 0, 1) 0s;
	will-change: transform;
}
.home .text-generic .company-logos .col-1 {
	margin-top: -30px;
}
.home .text-generic .company-logos .col-2 {
	margin-top: -10px;
}
.home .text-generic .company-logos .col-3 {
	margin-top: -50px;
}
.home .text-generic .company-logos > div svg {
	max-height: 130px;
    max-width: 80%;
	margin: auto;
}
.home .text-generic .company-logos > div svg:nth-last-child(2),
.home .text-generic .company-logos > div svg:last-child {
	display: none;
	display: none;
}*/
/*.logo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}*/
.logo-bgs {
	background: #070B31;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
	text-align: center;
}
.logo-bgs div {
    display: inline-block;
    margin: 20px 22px;
    vertical-align: middle;
}
.logo-bgs svg {
	max-height: 130px;
	max-width: 200px;
	opacity: 0.32;
}
.logo-bgs svg path,
.logo-bgs svg rect {
    fill: #9F9E9F;
}

.inline-logo-bg:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: -5;
}
.inline-logo-bg .logo-bgs {
	background: white;
	z-index: 0;
}
.inline-logo-bg {
	padding: 120px 0;
	text-align: center;
	position: relative;
}
.inline-logo-bg .logo-gradient {
	z-index: 5;
	display: none;
}
.inline-logo-bg .logo-gradient.radial {
	display: block;
    background-image: radial-gradient(closest-side at center, white, transparent);
    width: 1600px;
    height: 540px;
}
.inline-logo-bg .cta:not(:hover) {
	background: white;
}
.inline-logo-bg .wrap {
    max-width: 850px;
	z-index: 5;
}