/*   
Theme Name: normunitytx
Theme URI: http://www.normunitytx.com
Author: GS-I
Author URI: http://www.normunitytx.com
Version: 2
*/

@font-face {
    font-family: 'archia';
    src: url('fonts/archia-regular-webfont.eot');
    src: url('fonts/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archia-regular-webfont.woff2') format('woff2'),
         url('fonts/archia-regular-webfont.woff') format('woff'),
         url('fonts/archia-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'archia';
    src: url('fonts/archia-semibold-webfont.eot');
    src: url('fonts/archia-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archia-semibold-webfont.woff2') format('woff2'),
         url('fonts/archia-semibold-webfont.woff') format('woff'),
         url('fonts/archia-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'archia';
    src: url('fonts/archia-bold-webfont.eot');
    src: url('fonts/archia-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archia-bold-webfont.woff2') format('woff2'),
         url('fonts/archia-bold-webfont.woff') format('woff'),
         url('fonts/archia-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'rocgrotesk';
    src: url('fonts/rocgrotesk-bold-webfont.woff2') format('woff2'),
         url('fonts/rocgrotesk-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}







html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	
}

body {
    padding: 0;
    margin: 0;
	font-family: 'archia', sans-serif;
	font-size:21px;
	font-weight:400;
	line-height:1.5;
	color: #000;
}
@media only screen and (max-width : 1250px) {
	body {
		font-size:18px;
	}
}
@media only screen and (max-width : 950px) {
	body {
		-webkit-text-size-adjust: none;	
		font-size:16px;
	}
}
@media only screen and (max-width : 650px) {
	body {
		-webkit-text-size-adjust: none;	
		font-size:14px;
	}
}
a {
	color:#386EF6;
	font-weight:500;
	text-decoration: none;
	transition:all .3s;
}
a:hover {
	color:#2047EA;
	text-decoration: none;
}
a:focus { outline: none; }

header {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:78px;
	z-index: 1000;
	background:#2B2362;
	border-bottom:2px solid #fff;
	transition: all .3s;
}
@media only screen and (max-width : 950px) {
	header {
		height:56px;
	}
}
.logged_in header {
	top: 32px;
}
header.sticky {
	height:56px;
}

header .logo {
	position:absolute;
	top: 20px;
	left: 50px;
	width: 235px;
	height: auto;
	transition: all .3s;
}
@media only screen and (max-width : 950px) {
	header .logo {
		top: 15px;
		width: 185px;
	}
}
@media only screen and (max-width : 650px) {
	header .logo {
		left: 20px;
	}
}
header.sticky .logo {
	top: 15px;
	width: 150px;
}
header .logo svg {
	width:100%;
	height:auto;
}
header #logo .cls-1 {
	fill:#ffffff;
	transition:all .3s;
}
header #logo:hover .cls-1 {
	fill:#DEE2EC;
}
header .hamburger {
	position:absolute;
	top: 0;
	right: 0;
	width: 102px;
	height: auto;
	transition: all .3s;
}
@media only screen and (max-width : 950px) {
	header .hamburger {
		width: 74px;
	}
}

header.sticky .hamburger {
	width: 74px;
}
header .hamburger svg {
	width:100%;
	height:auto;;
	transition:all .3s;
}
header .hamburger:hover svg {
	cursor:pointer;
}


/*------------------ MAIN NAV --------------------- */
nav {
	position:fixed;
	background-color:#fff;
	top: 0;
	right: -421px;
	width: 400px;
	min-height:100vh;
	z-index: 1500;
	border-left: 20px solid;
	border-image: linear-gradient(#FFFFFF, #F5F5F9, #CCCEE3,#5E66A6) 1;
	transition:all .5s;
}
@media only screen and (max-width : 650px) {
	nav {
		right: -291px;
		width: 270px;
	}
}
.logged_in nav {
	top: 32px;
}
nav.open {
	right: 0;
}
nav .navclose {
	position:absolute;
	top: 40px;
	left: 40px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}
nav .navclose svg {
	width:100%;
	height:auto;
	fill:#303466;
	transition:all .3s;
}
nav .navclose:hover {
	cursor:pointer;
}
nav .navclose:hover svg {
	fill:#2ccefd;
}

nav .menu {
	position:relative;
	padding: 100px 60px 50px;
	margin:0;
	list-style:none;
	overflow:hidden;
}

nav .menu li {
	position:relative;
}
nav .menu li a {
	display:block;
	padding:0 0 20px;
	color:#303466;
	text-decoration: none;
	transition:all .3s;
	font-size: 1.25rem;
}
nav .menu li a:hover {
	color:#2ccefd;
}
nav .menu li.current_page_item > a {
	color:#2ccefd;
}
/*.menu-item-has-children > a::after {
  content: " +";
}*/

nav .menu ul {
	/*display:none;*/
	list-style:none;
	position:relative;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}
nav .menu ul li {
	position:relative;
	
}
nav .menu ul li a {
	display:block;
	height:auto;
	padding:0 0 15px 0;
	font-size:1.1rem;
}

main {
	position:relative;
	width: 100%;
	min-height:90vh;
	overflow-x: hidden;
}






/*------------------ ##### FRONT PAGE ##### --------------------- */
#home .video-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	z-index:10;
	background-color:#fff;
	background-image:url("images/hero-still.jpg");
	background-size:cover;
	background-position:center;
}
@media only screen and (max-width : 950px) {
	#home .video-wrapper {
		margin:58px 0 0 0;
	}
}
@media only screen and (max-width : 750px) {
	#home .video-wrapper {
		height: 100vw;
	}
}
@media only screen and (max-width : 500px) {
	#home .video-wrapper {
		height: 650px;
		background-position:center top -50px;	
	}
}
#home .video-wrapper img {
	width:100%;
	height:100%;
	padding:40px 0 0 0;
}

#home .video-wrapper video {
	position: relative;
	width: 100%;
	height: auto;
}

::-webkit-media-controls {
  display:none !important;
}

#home .video-wrapper iframe {
	background-color:#CCC;
    box-sizing: border-box;
    height: 56.25vw;
    left:0;
    width: 100%;
    position: absolute;
    top: 0;
	opacity:0;
}

#home .video-wrapper .video-heading {
	position:absolute;
	top:42%;
	left:0;
	width:80%;
	padding: 5px 10% 70px;
	font-family: 'rocgrotesk',sans-serif;
	font-size:3.25rem;
	text-transform: uppercase;
	color:#fff;
	line-height:1.0;
	text-align: center;
	opacity:0;
	animation: headingIn 2.75s ease forwards;
	animation-delay: .5s;
}
@media only screen and (max-width : 950px) {
	#home .video-wrapper .video-heading  {
		font-size:2.75rem;

	}
}
@media only screen and (max-width : 750px) {
	#home .video-wrapper .video-heading  {
		font-size:2rem;
	}
}
@media only screen and (max-width : 500px) {
	#home .video-wrapper .video-heading  {
		top:200px;
		width:90%;
		padding: 5px 5% 40px;
		font-size:1.75rem;
	}
}

#home .video-wrapper .video-heading span {
	font-size:165%;
}
@keyframes headingIn {
	0% {
		opacity:0;
	}
	100% {
    	opacity:1;
	}
}

#home .video-wrapper .video-text {
	position:absolute;
	bottom:0;
	left:0;
	width:80%;
	padding: 5px 10% 20px;
	font-family: 'rocgrotesk',sans-serif;
	font-size:1.5rem;
	color:#fff;
	line-height:1.25;
	text-align: center;
	background-color:rgba(0,0,0,.3);
	opacity:0;
	animation: textIn 1.5s ease forwards;
	animation-delay: 1.75s;
}
@media only screen and (max-width : 950px) {
	#home .video-wrapper .video-text {
		font-size:1.2rem;
		width:90%;
		padding: 5px 5% 15px;
	}
}
@media only screen and (max-width : 650px) {
	#home .video-wrapper .video-text {
		font-size:1rem;
		width:80%;
		padding: 5px 10% 10px;
		background-color: #000;
	}
}
@keyframes textIn {
	0% {
		opacity:0;
	}
	100% {
    	opacity:1;
	}
}

#loader {
	position:absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	margin:0;
	opacity:1;
}


.spinner{
	width: 50px;
	height: 50px;
	border: 8px solid;
	border-color: #fff transparent #fff transparent;
	border-radius: 50%;
	animation: spin 1.2s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*----- HOME - intro -----*/
#home .intro {
	color:#373842;
	font-size:1.6rem;
	line-height:1.3;
	background-color:#fff;
	padding:0;
}
@media only screen and (max-width : 650px) {
	#home .intro {
		font-size:1.25rem;
	}
}
#home .intro .boxed {
	max-width:1000px;
	padding:0 50px;
	margin:0 auto;
	text-align:center;
}
@media only screen and (max-width : 650px) {
	#home .intro .boxed {
		padding:0 20px;
	}
}
#home .intro .boxed h2 {
	color:#412985;
	font-size:2.5rem;
	line-height:1.15;
	padding:0;
	font-weight:600;
	margin:0 0 40px 0;
}
@media only screen and (max-width : 650px) {
	#home .intro .boxed h2 {
		font-size:2rem;
	}
}	

/*----- HOME - barn -----*/
#home .barn {
	color:#412985;
	background-color:#fff;
	position:relative;
}

#home .barn .doors {
	position:relative;
	width:100%;
	height:85vh;
	min-height:675px;
	display:flex;
}
@media only screen and (max-width : 650px) {
	#home .barn .doors {
		height:600px;
		min-height:600px;
		display:block;
	}
}
#home .barn .doors .door-left {
	width:50%;
	height:100%;
	background-color: #2B2362;
	background-image: url("images/bg-door-left1.jpg");
	background-size:cover;	
	display: flex;
	align-items: center;
	justify-content: flex-end;
	clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 90%);
}
@media only screen and (max-width : 650px) {
	#home .barn .doors .door-left {
		width:100%;
		height:50%;
		text-align:center;
		clip-path: polygon(0 0, 50% 10%, 100% 0, 100% 100%, 0% 100%);
	}
}
#home .barn .doors .door-left h2 {
	display: inline-block;
	text-align:left;
	padding:50px 80px 0 50px;
	max-width:550px;
	color:#fff;
	margin: 0;
	font-family: 'rocgrotesk',sans-serif;
	font-size:2.8rem;
	line-height:1.2;
	
	font-weight:700;
}
@media only screen and (max-width : 1050px) {
	#home .barn .doors .door-left h2 {
		font-size:2.3rem;
	}
}
@media only screen and (max-width : 850px) {
	#home .barn .doors .door-left h2 {
		font-size:2rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .barn .doors .door-left h2 {
		display: block;
		text-align:center;
		padding:20px 20px 0 20px;
		font-size:2rem;
		width:calc(100% - 40px);
		max-width:650px;
	}
}
@media only screen and (max-width : 400px) {
	#home .barn .doors .door-left h2 {
		font-size:1.8rem;
	}
}
@media only screen and (max-width : 350px) {
	#home .barn .doors .door-left h2 {
		font-size:1.6rem;
	}
}
#home .barn .doors .door-left h2 span {
	text-transform: uppercase;
	font-size:120%;
}
#home .barn .doors .door-right {
	width:50%;
	height:100%;
	background-color: #2b2362;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}
@media only screen and (max-width : 650px) {
	#home .barn .doors .door-right {
		width:100%;
		height:50%;
		align-items:flex-start;
		text-align:center;
		clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0% 90%);
	}
}
#home .barn .doors .door-right p {
	display: inline-block;
	text-align:left;
	padding:50px 50px 0 50px;
	max-width:550px;
	color:#fff;
	font-size:1.65rem;
	line-height:1.3;
	margin: 0;
}
@media only screen and (max-width : 1150px) {
	#home .barn .doors .door-right p {
		font-size:1.45rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .barn .doors .door-right p {
		font-size:1.25rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .barn .doors .door-right p {
		font-size:1rem;
		display: block;
		text-align:center;
		padding:20px 20px 20px 20px;
		max-width:650px;
	}
}
@media only screen and (max-width : 400px) {
	#home .barn .doors .door-right p {
		font-size:.9rem;
	}
}
@media only screen and (max-width : 350px) {
	#home .barn .doors .door-right p {
		font-size:.8rem;
	}
}
#home .inside {
	position:relative;
	width:100%;
	background-color:#fff;
	padding:150px 0 20px;
	height:550px;
}
@media only screen and (max-width : 650px) {
	#home .inside {
		padding:50px 0 20px;
		height:auto;
	}
}
#home .inside .boxed {
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
	position:relative;
	display:flex;
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed {
		padding:25px 20px 0;
		display:block;
	}
}
#home .inside .boxed .left {
	width:45%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed .left {
		width:100%;
	}
}
#home .inside .boxed .left h2 {
	color:#412985;
	font-family: 'rocgrotesk',sans-serif;
	font-size:5.0rem;
	font-weight:700;
	line-height:1;
	text-transform: uppercase;
	margin:0;
}
@media only screen and (max-width : 1050px) {
	#home .inside .boxed .left h2 {
		font-size:4.25rem;
	}
}
@media only screen and (max-width : 850px) {
	#home .inside .boxed .left h2 {
		font-size:3rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed .left h2 {
		text-align:center;
		font-size:3rem;
	}
}
#home .inside .boxed .center {
	height:0;
	border-right:#3FCFFB 10px solid;
	margin:0;
	top:-50px;
	left:calc(50% - 10px);
	position:absolute;
	transition: all 2s;
	transition-delay: 1s;
}
@media only screen and (max-width : 950px) {
	#home .inside .boxed .center {
		border-right:#3FCFFB 6px solid;
		left:calc(50% - 6px);
	}
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed .center {
		margin:0;
		top:-100px;
	}
}
#home .inside.active .boxed .center {
	height:550px;
}
@media only screen and (max-width : 650px) {
	#home .inside.active .boxed .center {
		height:100px;
	}
}
#home .inside .boxed .right {
	width:50%;
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed .right {
		width:100%;
	}
}
#home .inside .boxed .right p {
	display: inline-block;
	text-align:left;
	padding:10px 50px;
	color:#373842;
	font-size:1.5rem;
	line-height:1.3;
	margin: 0;
}
@media only screen and (max-width : 1150px) {
	#home .inside .boxed .right p {
		font-size:1.25rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .inside .boxed .right p {
		padding: 10px 0 10px 50px;
	}
}
@media only screen and (max-width : 650px) {
	#home .inside .boxed .right p {
		display: block;
		text-align:center;
		padding:10px 20px;
		font-size:1.1rem;
	}
}
#home .inside .bingle1 {
	position: absolute;
	top: 30px;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle1.png");
	background-repeat:no-repeat;
	background-position:left top;
}

#home .inside .bingle2 {
	position:absolute;
	bottom:80px;
	right:55%;
	width:45%;
	height:22vw;
	background-image: url("images/bingle2.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#home .doorspacer {
	position:relative;
	width:100%;
	height:700px;	
}
#home .doortrigger {
	position:relative;
	width:100%;
	height:700px;	
}


/*----- HOME - about -----*/
#home .about {
	position:relative;
	color:#412985;
	background-color:#fff;
	
}

#home .about .aboutZoom {
	background-color: #000;
	transform: scale(.04, .1);
}
#home .about.active .aboutZoom {
	animation: aboutZoom 1.25s ease forwards;
	animation-delay: .2s;
}

@keyframes aboutZoom {
	0% {
		transform: scale(.04, .1);
	}
	100% {
    	transform: scale(1, 1);
		
	}
}
#home .about .wrapper {
	width:100%;
	background-image: url("images/bg-hp-about.jpg");
	background-size:100% 100%;
	padding:150px 0 150px;
	margin:0 auto;
	opacity:0;
	transition: all 2s;
	transition-delay: .5s;
}
@media only screen and (max-width : 650px) {
	#home .about .wrapper {
		padding:50px 0 80px;
	}
}
#home .about.active .wrapper {
	opacity:1;
}
#home .about .boxed {
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
	transition: all 2s;
	transition-delay: 1.5s;
}
@media only screen and (max-width : 650px) {
	#home .about .boxed {
		padding:0 20px;
	}
}
#home .about .boxed h2 {
	color:#2CCEFD;
	font-size:2.5rem;
	line-height:1.3;
	font-weight:600;
	margin:0;
}
@media only screen and (max-width : 950px) {
	#home .about .boxed h2 {
		font-size:2rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .about .boxed h2 {
		font-size:1.2rem;
	}
}
#home .about .boxed h2 span {
	display:block;
	color:#fff;
	font-size:4.2rem;
	line-height:1.2;
	font-family: 'rocgrotesk',sans-serif;
	font-weight:700;	
}
@media only screen and (max-width : 1250px) {
	#home .about .boxed h2 span {
		font-size:4rem;
	}
}
@media only screen and (max-width : 1150px) {
	#home .about .boxed h2 span {
		font-size:3.5rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .about .boxed h2 span {
		font-size:3rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .about .boxed h2 span {
		font-size:2.25rem;
	}
}
#home .about .boxed h2 span.upper {
	text-transform: uppercase;
	font-size:120%;
}
#home .about .abtbtn {
	position:absolute;
	bottom:100px;
	left:0;
	width:100%;
	opacity:0;
	transition:all 1s;
	transition-delay: 2s;
}
@media only screen and (max-width : 650px) {
	#home .about .abtbtn {
		bottom:40px;
	}
}
#home .about.active .abtbtn {
	opacity:1;
}
#home .about .btn {
	position:relative;
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
}
@media only screen and (max-width : 650px) {
	#home .about .btn {
		padding:0 20px;
	}
}
#home .about .btn a {
	font-size:18px;
	line-height:1;
	text-transform: uppercase;
	font-weight:600;
	color:#2CCEFD;
	transition:all .3s;
}
#home .about  .btn:hover a {
	color:#fff;
}
#home .about .btn span {
	background-color:#2CCEFD;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	transition:all .3s;
}
#home .about .btn:hover span {
	background-color:#fff;
	margin: 0 12px 0 0;
	transition:all .3s;
}
#home .about .bingle1b {
	position:absolute;
	top:-8vw;
	right:-15vw;
	width:15vw;
	max-width:240px;
	opacity:0;
	transition:all 1s;
	transition-delay: 1s;
}
#home .about.active .bingle1b {
	right:0;
	opacity:1;
}
#home .about .bingle1b img {
	width:100%;
	height:auto;
}
#home .about .bingle1a {
	position:absolute;
	bottom:-8vw;
	left:-20vw;
	width:20vw;
	max-width:330px;
	opacity:0;
	transition:all 1s;
	transition-delay: 1s;
}
#home .about.active .bingle1a {
	left:0;
	opacity:1;
}
#home .about .bingle1a img {
	width:100%;
	height:auto;
}

/*----- HOME - fusion -----*/
#home .fusion {
	color:#2E2E2E;
	background-color:#fff;
	padding:0 0 25px;
}
#home .fusion .boxed {
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
	font-size:1.75rem;
}
@media only screen and (max-width : 950px) {
	#home .fusion .boxed {
		font-size:1.5rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .fusion .boxed {
		font-size:1rem;
		padding:0 20px;
	}
}
#home .fusion .top {
	position:relative;
}
#home .fusion .column-in {
	position:relative;
	max-width:1200px;
	min-height:calc(45vw - 70px);
	padding:0 50px;
	margin:0 auto;
}
@media only screen and (max-width : 650px) {
	#home .fusion .column-in {
		min-height:0;
		padding:70px 0 30px;
		margin:0 auto;
	}
}
#home .fusion .column-in .boxed {
	width:45%;
	bottom:15px;
	left:0;
	position:absolute;
}
@media only screen and (max-width : 650px) {
	#home .fusion .column-in .boxed {
		width:100%;
		bottom:auto;
		left:auto;
		position:relative;
	}
}
#home .fusion .column-in h2 {
	color:#412985;
	font-size:6.5rem;
	line-height:.95;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	margin:0 0 -25px 0;
}
@media only screen and (max-width : 1250px) {
	#home .fusion .column-in h2 {
		font-size:5.5rem;
	}
}
@media only screen and (max-width : 1150px) {
	#home .fusion .column-in h2 {
		font-size:4.25rem;
	}
}
@media only screen and (max-width : 1050px) {
	#home .fusion .column-in h2 {
		font-size:3.75rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .fusion .column-in h2 {
		font-size:3.5rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .fusion .column-in h2 {
		font-size:3rem;
	}
}
#home .fusion .column-out {
	width:45vw;
	bottom:0;
	right:0;
	position:absolute;
}
@media only screen and (max-width : 650px) {
	#home .fusion .column-out {
		width:100%;
		bottom:auto;
		right:auto;
		position:relative;
	}
}
#home .fusion .column-out img {
	width:100%;
	height:auto;
}


#home .fusion .boxed  h3 {
	color:#412985;
	font-size:2.5rem;
	line-height:1.1;
	font-weight:700;
}
@media only screen and (max-width : 950px) {
	#home .fusion .boxed  h3 {
		font-size:2rem;
	}
}	
@media only screen and (max-width : 650px) {
	#home .fusion .boxed  h3 {
		font-size:1.75rem;
	}
}

/*----- HOME - platforms -----*/
#home .platforms {
	position:relative;
	color:#412985;
	background-color:#fff;
	padding:0 0 120px;
	overflow:hidden;
	background-image:url(images/hp-platform-lines.png);
	background-position:top center;
	background-size:auto 400px;
	background-repeat: no-repeat;
}
@media only screen and (max-width : 1250px) {
	#home .platforms {
		background-size:auto 300px;
		padding:0 0 70px;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms {
		background-size:auto 200px;
		padding:0 0 50px;
	}
}	
#home .platforms.platZoom {
	width:448px;
	height:400px;
	margin:0 auto;
	transition: all 1.3s;
	transition-delay: .3s;
}
@media only screen and (max-width : 1250px) {
	#home .platforms.platZoom {
		width:336px;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms.platZoom {
		width:100%;
		height:auto;
	}
}	
#home .platforms.platZoom.active {
    width:100%;
}
#home .platforms .diagram {
	position:absolute;
	top:0;
	left:calc(50% - 650px);
	width:1300px;
	height: 400px;
	
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram {
		width:900px;
		left:calc(50% - 450px);
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms .diagram {
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		height: auto;
	}
}
#home .platforms .diagram .center {
	position:relative;
	width:448px;
	height: auto;
	margin:0 auto;
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram .center {
		width:336px;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms .diagram .center {
		width:224px;
	}
}

#home .platforms .diagram .center img {
	position:relative;
	width:100%;
	height: auto;
}
#home .platforms.platZoom .bingle1 {
	position:absolute;
	width:448px;
	height: auto;
	top:0;
	left:426px;
	opacity: 0;
	transform: scale(.1);
	transition: all 2s ease 1s;
}
@media only screen and (max-width : 1250px) {
	#home .platforms.platZoom .bingle1 {
		width:336px;
		left:282px;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms.platZoom .bingle1 {
		width:224px;
		left:calc(50% - 112px);
	}
}
#home .platforms.platZoom .bingle1 img {
	width:100%;
	height: auto;
}
#home .platforms.platZoom.active .bingle1 {
	opacity: 1;
    transform: scale(1);
}

#home .platforms .diagram .left {
	position:absolute;
	width:320px;
	top:23px;
	left:calc(50% - 550px);
	font-size:1.2rem;
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram .left {
		width:270px;
		top:20px;
		left:calc(50% - 400px);
		font-size:1rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms .diagram .left {
		position:relative;
		width:auto;
		top:auto;
		left:auto;
		padding:30px 50px 0;
		font-size:1rem;
	}
}
@media only screen and (max-width : 650px) {
	#home .platforms .diagram .left {
		padding:30px 20px 0;

	}
}
#home .platforms .diagram .left h3 {
	font-size:2rem;
	color:#2CCEFD;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:1;
	margin:0 0 60px 0;
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram .left h3 {
		margin:0 0 30px 0;
		font-size:1.5rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms .diagram .left h3 {
		margin:0 0 10px 0;
		font-size:1.5rem;
	}
}
#home .platforms .diagram .right {
	position:absolute;
	width:300px;
	bottom:-73px;
	right:calc(50% - 550px);
	font-size:1.2rem;
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram .right {
		width:270px;
		bottom:25px;
		right:calc(50% - 440px);
		font-size:1rem;
	}
}
@media only screen and (max-width : 950px) {
	#home .platforms .diagram .right {
		position:relative;
		width:auto;
		bottom:auto;
		right:auto;
		padding:30px 50px 0;
		font-size:1rem;

	}
}
@media only screen and (max-width : 650px) {
	#home .platforms .diagram .right {
		padding:30px 20px 0;
	}
}
#home .platforms .diagram .right h3 {
	font-size:2rem;
	color:#2CCEFD;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:1;
	margin:60px 0 0;
}
@media only screen and (max-width : 1250px) {
	#home .platforms .diagram .right h3 {
		font-size:1.5rem;
		margin:30px 0 0;
	}
}
#home .platforms .diagram .right h3.mb {
	display:none;
}	
@media only screen and (max-width : 950px) {
	#home .platforms .diagram .right h3 {
		margin:0 0 10px 0;
		font-size:1.5rem;
	}
	#home .platforms .diagram .right h3.dt {
		display:none;
	}	
	#home .platforms .diagram .right h3.mb {
		display:block;
	}	
}	

#home .platforms .btn {
	margin:45px 0 25px;
}
@media only screen and (max-width : 950px) {
	#home .platforms .btn {
		margin:25px 0 20px;
	}	
}	
#home .platforms .btn a {
	font-size:18px;
	line-height:1;
	text-transform: uppercase;
	font-weight:600;
	color:#2CCEFD;
	transition:all .3s;
}
#home .platforms .btn:hover a {
	color:#412985;
}

#home .platforms .btn span {
	background-color:#2CCEFD;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	transition:all .3s;
}
#home .platforms .btn:hover span {
	background-color:#412985;
	margin: 0 12px 0 0;
}

/*----- HOME - help -----*/
#home .help {
	position:relative;
	color:#fff;
	background-color:#412985;
	padding:120px 0;
	background-image: url("images/bg-hp-help1.jpg");
	background-size:cover;
	background-position: center;
}
@media only screen and (max-width : 650px) {
	#home .help {
		padding:50px 0;
	}
}		
#home .help .boxed {
	width:700px;
	padding:0 450px 0 50px;
	margin:0 auto;
	font-size: 1.75rem;
	line-height:1.2;
}
@media only screen and (max-width : 750px) {
	#home .help .boxed {
		width:auto;
		padding:0 20px 0;
		font-size: 1.25rem;
	}
}	
#home .help .boxed h2 {
	color:#fff;
	font-size: 2.75rem;
	font-weight:600;
	line-height:1.1;
	margin:0 120px 10px 0;
}
@media only screen and (max-width : 650px) {
	#home .help .boxed h2 {
		font-size: 1.5rem;
		margin:0 0 10px 0;
	}
}		
#home .help .boxed h3 {
	display:block;
	color:#fff;
	font-size:6.5rem;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:.9;
	margin:0;
}
@media only screen and (max-width : 650px) {
	#home .help .boxed h3 {
		font-size:3.5rem;
	}
}	
#home .help .boxed p {
	margin:0;
}
#home .help .bingle1 {
	position:absolute;
	bottom:-105px;
	left:0;
	width:20px;
	opacity:0;
	transition:all 1s;
	transition-delay: 2s;
	z-index:10;
}
#home .help.active .bingle1 {
	left:calc(50% - 550px);
	opacity:1;
}
#home .help .bingle1 img {
	width:100%;
	height:auto;
}

/*----- HOME - careers -----*/
#home .careers {
	position:relative;
	color:#412985;
	background-color:#fff;
	background-size:cover;
	background-position:center;
	padding:120px 0;
}
@media only screen and (max-width : 650px) {
	#home .careers {
		padding:50px 0;
	}
}
#home .careers .bingle1 {
	position:absolute;
	bottom:50px;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle3.png");
	background-repeat:no-repeat;
	background-position:left top;
}

#home .careers .boxed {
	max-width:1000px;
	padding:0 50px;
	margin:0 auto;
	font-size: 1.75rem;
	line-height:1.3;
}
@media only screen and (max-width : 650px) {
	#home .careers .boxed {
		font-size: 1.25rem;
		padding:0 20px;
	}
}
#home .careers .boxed h2 {
	color:#412985;
	font-size:3.25rem;
	font-weight:600;
	line-height:1.2;
	margin:0;
}
@media only screen and (max-width : 650px) {
	#home .careers .boxed h2 {
		font-size:1.5rem;
	}
}
#home .careers .boxed h2 span {
	display:block;
	color:#2CCEFD;
	font-size:6.5rem;
	line-height: .9;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	margin: 10px 0 0 0;
}
@media only screen and (max-width : 650px) {
	#home .careers .boxed h2 span {
		font-size:2.75rem;
	}
}
#home .careers .boxed p {
	margin:0;
}
#home .careers .boxed .btn {
	margin:45px 0 25px;
}
#home .careers .btn a {
	font-size:18px;
	line-height:1;
	text-transform: uppercase;
	font-weight:600;
	color:#2CCEFD;
	transition:all .3s;
}
#home .careers .btn:hover a {
	color:#412985;
}
#home .careers .boxed .btn span {
	background-color:#2CCEFD;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	transition:all .3s;
}
#home .careers .boxed .btn:hover span {
	background-color:#412985;
	margin: 0 12px 0 0;
}

/*----- HOME - news -----*/
#home .news {
	color:#fff;
	background-color:#412985;
	padding:120px 0;
	font-size:1.75rem;
	line-height:1.25;
	min-height:200px;
}
@media only screen and (max-width : 650px) {
	#home .news {
		padding:50px 0;
		font-size:1.1rem;
	}	
}
#home .news .bingle1 {
	position:absolute;
	bottom:0;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle5.png");
	background-repeat:no-repeat;
	background-position:left top;
}

#home .news .bingle2 {
	position:absolute;
	bottom:0;
	right: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle4.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
#home .news .bingle2 img {
	width:100%;
	height:auto;
}

#home .news .boxed {
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
}
@media only screen and (max-width : 650px) {
	#home .news .boxed {
		padding:0 20px;
	}	
}
#home .news .boxed h2 {
	color:#fff;
	font-size:4.75rem;
	line-height:1;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	margin: 0 0 10px 0;
}
@media only screen and (max-width : 650px) {
	#home .news .boxed h2 {
		font-size:2.25rem;
	}	
}
#home .news .boxed .date {
	margin:5px 0 0 0;
	font-size:1.1rem;
}
#home .news .boxed a {
	color:#fff;
	text-decoration: none;
	transition:all .3s;
}
#home .news .boxed a:hover {
	color:#2CCEFD;;
	text-decoration: none;
}
#home .news .dot-nav {
	width:100%;
	position:relative;;
	text-align: center;
}
#home .news .dot-nav div {
	display:inline-block;
	width:1vw;
	height:1vw;
	background-color:#fff;
	overflow: hidden;
	margin:0 10px;
}
#home .news .dot-nav div:hover {
	background-color:#2ABFEE;
	cursor:pointer;
}
#home .news .dot-nav div.active {
	background-color:#2ABFEE;
}

/*------------------ // END FRONT PAGE --------------------- */


/*------------------ INSIDE BANNERS --------------------- */

main .banner {
	display:flex;
	align-items: center;
	position:relative;
	width: 100%;
	height:50vw;
	min-height:200px;
	overflow:hidden;
	background-image: url("images/banner-about-new.jpg");
	background-size:cover;
	background-position:center;
	background-color:#412985;
	margin:50px 0 0 0;
}
@media only screen and (max-width : 450px) {
	main .banner {
		height:100vw;
	}
}
main#about .banner {
	background-image: url("images/banner-about-new.jpg");

}
main#platforms .banner {
	background-image: url("images/banner-platforms.jpg");

}
main#pipeline .banner {
	background-image: url("images/banner-pipeline.jpg");

}
main#careers .banner {
	background-image: url("images/banner-careers.jpg");

}
main#news .banner {
	background-image: url("images/banner-news.jpg");

}
main#contact .banner {
	background-image: url("images/banner-contact.jpg");

}

.bannerZoom {
	transform: scale(.05, .1);
	opacity: 0;
	animation: bannerZoom .7s ease forwards;
	animation-delay: .4s;
}

@keyframes bannerZoom {
	0% {
		opacity: 0;
		transform: scale(.05, .1);
	}
	100% {
		opacity: 1;
    	transform: scale(1, 1);
	}
}

main .banner .heading {
	max-width:1400px;
	padding:0 50px;
	margin:0;
	text-align:left;
	transform: translateY(50px);
	opacity: 0;
	animation: bFadeUp 1s ease forwards;
	animation-delay: .7s;
}
@media only screen and (max-width : 1250px) {
	main .banner .heading {

	}
}
@media only screen and (max-width : 650px) {
	main .banner .heading {
		padding:0 20px;
	}
}
@keyframes bFadeUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
    	transform: translateY(0);
	}
}

main .banner .heading h3 {
	font-size:1.75rem;
	color:#2CCEFD;
	font-weight:400;
	margin:0 0 25px 0;
}
main .banner .heading h1 {
	font-size:4.25rem;
	line-height:1;
	color:#fff;
	font-weight:400;
	margin:0;
}
main .banner .heading h1 span {
	display:inline-block;
	font-size:8.5rem;
	margin:15px 0 0 0;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
}
@media only screen and (max-width : 1250px) {
	main .banner .heading h3 {
		font-size:1.5rem;
		margin:0 0 15px 0;
	}
	main .banner .heading h1 {
		font-size:3.5rem;
	}
	main .banner .heading h1 span {
		margin: 5px 0 0 0;
		font-size:7rem;
	}
}
@media only screen and (max-width : 950px) {
	main .banner .heading h3 {
		font-size:1.35rem;
		margin:0 0 15px 0;
	}
	main .banner .heading h1 {
		font-size:2.5rem;
	}
	main .banner .heading h1 span {
		margin: 5px 0 0 0;
		font-size:5.25rem;
	}
}
@media only screen and (max-width : 650px) {
	main .banner .heading h3 {
		font-size:1rem;
		margin:0 0 15px 0;
	}
	main .banner .heading h1 {
		font-size:1.5rem;
	}
	main .banner .heading h1 span {
		margin: 5px 0 0 0;
		font-size:3.25rem;
	}
}

/*------------------ INSIDE CONTENT --------------------- */

main .content {
	position:relative;
	width:100%;
	margin:100px 0;
}
@media only screen and (max-width : 750px) {
	main .content {
		margin:60px 0;
	}
}
main .content .boxed {
	position:relative;
	max-width:1250px;
	padding:0 50px;
	margin:0 auto;
	box-sizing: border-box;
}
@media only screen and (max-width : 650px) {
	main .content .boxed {
		padding:0 20px;
	}
}

main .content h2 {
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-size:5.5rem;
	line-height:1;
	font-weight:700;
	color:#412985;
	margin:0 0 30px 0;
}
@media only screen and (max-width : 950px) {
	main .content h2 {
		font-size:4rem;
	}
}
@media only screen and (max-width : 650px) {
	main .content h2 {
		font-size:2.75rem;
	}
}
main .content h3 {
	font-size:2.25rem;
	line-height:1.2;
	font-weight:600;
	color:#2E2E2E;
	margin:15px 0;
}
@media only screen and (max-width : 950px) {
	main .content h3 {
		font-size:1.75rem;
	}
}
@media only screen and (max-width : 650px) {
	main .content h3 {
		font-size:1.5rem;
	}
}
.blue {
	color:#2CCEFD;
	font-weight:600;
}
.purps {
	color:#412985;
	font-weight:700;
}

/*------------------ Scroll animation  --------------------- */

.goUp {
	opacity: 0;
	transform: translateY(30px);
}
.goRight {
	opacity: 0;
	transform: translateX(30px);
}	
.goLeft {
	opacity: 0;
	transform: translateX(-30px);
}

	
.scrollanim.active .goUp {
	animation: goUp .8s ease .2s forwards;
}
.scrollanim.active .goRight {
	animation: goRight .8s ease .2s  forwards;
}	
.scrollanim.active .goLeft {
	animation: goLeft .8s ease .2s  forwards;
}	
.scrollanim.active .goUp.delay1,
.scrollanim.active .goDown.delay1,
.scrollanim.active .goLeft.delay1 {
	animation-delay: .5s;
}
.scrollanim.active .goUp.delay2,
.scrollanim.active .goDown.delay2,
.scrollanim.active .goLeft.delay2 {
	animation-delay: 1s;
}
.scrollanim.active .goUp.delay3,
.scrollanim.active .goDown.delay3,
.scrollanim.active .goLeft.delay3 {
	animation-delay: 1.5s;
}	

@keyframes goRight {
	0% {
		opacity: 0;
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
    	transform: none;
	}
}	
@keyframes goLeft {
	0% {
		opacity: 0;
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
    	transform: none;
	}
}
@keyframes goUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
    	transform: none;
	}
}	



.next__arrow {
	-webkit-animation: 1s infinite alternate arrowBounce;
	animation: 1s infinite alternate arrowBounce;
	padding: 20px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -33px;
}
@keyframes arrowBounce { 
	0% { 
		-webkit-transform: translateY(0);
		transform: translateY(0);
	} 
	100% { 
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

.next__arrow span {
	display: block;
	width: 25px;
	height: 25px;
	border-right: 3px solid;
	border-bottom: 3px solid;
	border-color: #fefefe;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

	

/*------------------ // About / Team --------------------- */	
#about h2 {

}
#about .content h3 {
	color: #412985;
}

#about .normu {
	position:relative;
	padding:0 0 150px;
}
@media only screen and (max-width : 650px) {
	#about .normu {
		position:relative;
		padding:0 0 100px;
	}
}
#about .normu .bingle1 {
	position:absolute;
	bottom:50px;
	right: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle6.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
@media only screen and (max-width : 750px) {
	#about .normu .bingle1 {
		bottom:0;
		background-size:750px auto;
	}
}		
.l-tabs {
	margin: 125px 0 50px;
	display:flex;
	justify-content: center;
}
.l-tabs .tab {
	position:relative;
	display:inline-block;
	font-size: 30px;
	font-weight:600;
	width:440px;
	padding:15px 5px;
	margin:0 5px;
	text-align: center;
	color: #fff;
	background-color:#b69df9;
	transition:all .3s;
}
@media only screen and (max-width : 781px) {
	.l-tabs .tab {
	}
}
.l-tabs .tab.active {
	background-color:#6E3DF4;
}
.l-tabs .tab:hover {
	cursor:pointer;
	background-color:#6E3DF4;
}		
.bios-top {
	position:relative;
	padding:0 0 100px 0;
}
.leaders {
	padding:0;
}
main .content .leaders h2 {
	font-size: 4.5rem;
	margin: 100px 0 30px 0;
}
@media only screen and (max-width : 1250px) {
	.leaders {
	}
}
@media only screen and (max-width : 650px) {
	main .content .leaders h2 {
		font-size: 2.5rem;
		margin: 50px 0 10px 0;
	}
}	
#about .bios-top .bingle1 {
	position:absolute;
	bottom:50px;
	right: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle6.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
@media only screen and (max-width : 750px) {
	#about .bios-top .bingle1 {
		bottom:0;
		background-size:750px auto;
	}
}
.leaders .panel {
	padding:0;
	/*display:none;*/
}	
.leaders .panel .panelwrap {
	padding:0;
	display:flex;
	overflow:hidden;
	flex-wrap:wrap;
	justify-content:center;
	gap:2%;
}		
@media only screen and (max-width : 750px) {
	.memberHalf {
		display:none;
	}
}	
.memberBox {
	display:block;
	width:32%;
	padding:0 0 50px 0;
}
@media only screen and (max-width : 750px) {
	.memberBox {
		width:48%;
	}
}
@media only screen and (max-width : 450px) {
	.memberBox {
		width:100%;
	}
}

.memberBox .memberImage {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}	
.memberBox .memberImage img {
	position:relative;
	width:100%;
	height:auto;
}	
.memberBox .memberName {
	color: #000;
	position:relative;
	font-size:1.5rem;
	line-height:1.25;
	font-weight:600;
	padding:0;
	margin:15px 0 0;	
}
a.memberBox:hover .memberName {
	color: #000;
	text-decoration:none;
}
.memberBox .memberTitle {
	color:#000;
	font-size:1rem;
	line-height:1.25;
	font-weight:400;
	font-style:italic;
	margin:0 0 25px;
}
@media only screen and (max-width : 750px) {
	.memberBox .memberName {
		font-size:1.15rem;
	}
	.memberBox .memberTitle {
		font-size:.85rem;
	}
}
.memberLayer {
	display:none;
}

.memberList {
	display:block;
	padding:16px 0 32px;
	margin:0 0 16px 0;
	border-bottom: 4px solid #e4e4e4;
}
.leaders .memberList:last-child {
	padding-bottom:0;
	margin:0;
	border-bottom: none;
}

.memberList .memberName {
	color: #000;
	position:relative;
	font-size:1.5rem;
	font-weight:600;
	padding:0;
	margin:0;	
}

.memberList .memberTitle {
	color:#000;
	font-size:1.25rem;
	font-weight:400;
	font-style:italic;
	margin:0;
}
@media only screen and (max-width : 750px) {
	.memberList .memberName {
		font-size:1.25rem;
	}
	.memberList .memberTitle {
		font-size:1rem;
	}
}
	

	
/*------------------ // Platforms --------------------- */	
#platforms h2 {

}
#platforms h3 {
	padding:0;
}

#platforms .approach {
	position:relative;
	padding:0 0 60px 0;
}
#platforms .approach h3 {
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  color: #412985;
  margin: 50px 0 10px 0;
}
#platforms .approach .bingle1 {
	position:absolute;
	top:-100px;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle8.png");
	background-repeat:no-repeat;
	background-position:left center;
}
@media only screen and (max-width : 750px) {
	#platforms .approach .bingle1 {
		top:-60px;
		background-size:750px auto;
	}
}

#platforms .approach-graphic {
	position:relative;
	background-image: url("images/Sci-A-bg.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:60px 0;
}
#platforms .approach-graphic .boxed img {
	width:100%;
	height:auto;
}

#platforms .achieve {
	position:relative;
	padding:60px 0;
}
#platforms .achieve .boxed .cols {
	position:relative;
	display:flex;
	gap:5%;
}
@media only screen and (max-width : 850px) {
	#platforms .achieve .boxed .cols {
		display:block;
	}
}
#platforms .achieve .boxed .cols .one :first-child {
	margin-top:0;
}

#platforms .achieve .boxed .cols .one {
	position:relative;
	width:50%;
}
@media only screen and (max-width : 850px) {
	#platforms .achieve .boxed .cols .one {
		width:100%;
	}
}
#platforms .achieve .boxed .cols .two {
	position:relative;
	width:45%;
}
@media only screen and (max-width : 850px) {
	#platforms .achieve .boxed .cols .two {
		width:100%;
		padding:0 0 50px 0;
	}
}
#platforms .achieve .boxed .cols .two img {
	width:100%;
	height:auto;
}

#platforms .pforms {
	position:relative;
	padding:0;
}
#platforms .pforms .bingle1 {
	position:absolute;
	top:0;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle10.png");
	background-repeat:no-repeat;
	background-position:left top;
}
@media only screen and (max-width : 750px) {
	#platforms .pforms .bingle1 {
		top:-60px;
		background-size:750px auto;
	}
}	
#platforms .chart img {
	max-width:100%;
	height:auto;
}

#platforms .chart {
	position:relative;
	color:#2E2E2E;
	background-color:#fff;
	overflow:hidden;
	height: 400px;
	margin:70px 0;
	background-image:url(images/hp-platform-lines.png);
	background-position:top center;
	background-size:auto 400px;
	background-repeat: no-repeat;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart {
		height: 300px;
		margin:70px 0;
		background-size:auto 300px;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart {
		height: 600px;
		margin:30px 0;
		background-size:auto 200px;
	}
}
@media only screen and (max-width : 550px) {
	#platforms .chart {
		height: auto;
	}
}
#platforms .chart .diagram {
	position:absolute;
	top:0;
	left:calc(50% - 575px);
	width:1150px;
	height: 400px;
	
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram {
		left:calc(50% - 400px);
		width:800px;
		height: 300px;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram {
		position:relative;
		left:0;
		width:100%;
		height: auto;
	}
}
#platforms .chart .diagram .center {
	position:relative;
	width:448px;
	height: auto;
	margin:0 auto;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram .center {
		width:336px;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram .center {
		width:224px;
	}
}
#platforms .chart .bingle1 {
	position:absolute;
	width:448px;
	height: auto;
	top:0;
	left:350px;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .bingle1 {
		width:336px;
		left:235px;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .bingle1 {
		width:224px;
		left:calc(50% - 112px);
	}
}
#platforms .chart .diagram .left {
	position:absolute;
	width:370px;
	top:18px;
	left:calc(50% - 575px);
	font-size:.9rem;
	line-height: 1.2;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram .left {
		width:250px;
		top:12px;
		left:calc(50% - 400px);
		line-height: 1;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram .left {
		width:250px;
		top:220px;
		text-align:right;
		left:auto;
		right:calc(50% + 25px);
	}
}
@media only screen and (max-width : 550px) {
	#platforms .chart .diagram .left {
		position:relative;
		margin:20px;
		width:auto;
		top:auto;
		text-align:left;
		left:auto;
		right:auto;
	}
}
#platforms .chart .diagram .left h3 {
	font-size:1.25rem;
	color:#2CCEFD;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:1;
	margin:0 0 50px 0;
	padding:0;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram .left h3 {
		margin:0 0 25px 0;
		font-size:1rem;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram .left h3 {
		margin:0;
	}
}
#platforms .chart .diagram .right {
	position:absolute;
	width:370px;
	bottom:22px;
	right:calc(50% - 600px);
	font-size:.9rem;
	line-height: 1.2;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram .right {
		width:265px;
		bottom:16px;
		right:calc(50% - 430px);
		line-height: 1;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram .right {
		width:250px;
		top:220px;
		bottom:auto;
		left:calc(50% + 25px);
		right:auto;
	}
}
@media only screen and (max-width : 550px) {
	#platforms .chart .diagram .right {
		position:relative;
		margin:50px 20px 20px;
		width:auto;
		top:auto;
		text-align:left;
		left:auto;
		right:auto;
	}
}
#platforms .chart .diagram .right h3 {
	font-size:1.25rem;
	color:#2CCEFD;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:1;
	margin:55px 0 0;
	padding:0;
}
#platforms .chart .diagram .right h3.mb {
	display:none;
}
@media only screen and (max-width : 1250px) {
	#platforms .chart .diagram .right h3 {
		margin:40px 0 0;
		font-size:1rem;
	}
}
@media only screen and (max-width : 850px) {
	#platforms .chart .diagram .right h3 {
		margin:0;
	}
	#platforms .chart .diagram .right h3.dt {
		display:none;
	}
	#platforms .chart .diagram .right h3.mb {
		display:block;
	}
}
#platforms .unique {
	position:relative;
	padding:0 0 70px 0;
}
	


#platforms .attribs img {
	width: 100%;
	height: auto;
	max-width: 170px;
}	
#platforms .attribs  {
	background-image:url("images/bg-platforms-chart.jpg");
	background-size:cover;
	padding:100px 0;
	margin:100px 0;
	color:#fff;
}
@media only screen and (max-width : 750px) {
	#platforms .attribs  {
		padding:70px 0 50px;
		margin:70px 0;
	}
}
#platforms .attribs h3  {
	color:#fff;
}
#platforms .attribs .columns  {
	display:flex;
	text-align: center;
	column-gap: 50px;
	margin:50px 0;
	font-size:1.1rem;
}
@media only screen and (max-width : 950px) {
	#platforms .attribs .columns  {
		font-size:.9rem;
		column-gap: 30px;
	}
}
@media only screen and (max-width : 750px) {
	#platforms .attribs .columns  {
		flex-wrap:wrap;
		column-gap: 6%;
	}
}
#platforms .attribs .columns .col  {
	width:25%;
}
@media only screen and (max-width : 750px) {
	#platforms .attribs .columns .col  {
		width:47%;
		margin:0 0 20px 0;
	}
}
@media only screen and (max-width : 450px) {
	#platforms .attribs .columns .col  {
		width:80%;
		margin:0 auto;
	}
}
#platforms .attribs .columns .icon  {
	margin:0 8% 25px;
	height:180px;
}
@media only screen and (max-width : 450px) {
	#platforms .attribs .columns .icon  {
		margin:0;
		height:auto;
	}
}
#platforms .attribs .columns h4  {
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
	margin: 20px 0 0 0;
}
@media only screen and (max-width : 950px) {
	#platforms .attribs .columns h4  {
		font-size:1.25rem;
	}
}

/*------------------ // Pipilina --------------------- */	
#pipeline h2 {
	margin:0;
}
#pipeline .content h3 {
	color: #2CCEFD 
}

#pipeline .pipeline {
	position:relative;
	padding:0 0 100px 0;
}
#pipeline .pipeline .bingle1 {
	position:absolute;
	top:-100px;
	left: 55%;
	width: 45%;
	height:22vw;
	background-image: url("images/bingle10.png");
	background-repeat:no-repeat;
	background-position:left top;
}
@media only screen and (max-width : 750px) {
	#pipeline .pipeline .bingle1 {
		top:-60px;
		background-size:750px auto;
	}
}
#pipeline .chart img {
	width:100%;
	height:auto;
}
#pipeline .program {
	position:relative;
	padding:75px 0;
}

/*------------------ // Careers --------------------- */	
#careers h2 {
	color:#412985;
	margin:0;
}

#careers .content h1 {
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-size:6.5rem;
	font-weight:700;
	line-height:1;
	color:#412985;
	margin:0;
}
#careers .content h2 {
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-size:3.25rem;
	font-weight:700;
	line-height:1.1;
	color:#412985;
	margin:0;
}
@media only screen and (max-width : 1050px) {
	#careers .content h1 {
		font-size:5rem;
	}
	#careers .content h2 {
		font-size:2.75rem;
	}
}
@media only screen and (max-width : 850px) {
	#careers .content h1 {
		font-size:4.5rem;
	}
	#careers .content h2 {
		font-size:2.25rem;
	}
}
@media only screen and (max-width : 650px) {
	#careers .content h1 {
		font-size:3rem;
	}
	#careers .content h2 {
		font-size:1.75rem;
	}
}
#careers .content h3 {
	color: #2CCEFD 
}

#careers .content #intro {
	position:relative;
	font-size:2rem;
	padding:0 0 100px 0;
	z-index:5;
}
@media only screen and (max-width : 1050px) {
	#careers .content #intro {
		font-size:1.75rem;
		padding:0 0 60px 0;
	}
}
@media only screen and (max-width : 850px) {
	#careers .content #intro {
		font-size:1.5rem;
		padding:0 0 60px 0;
	}
}
@media only screen and (max-width : 650px) {
	#careers .content #intro {
		font-size:1.25rem;
		padding:0 0 60px 0;
	}
}
#careers .content #intro .wrap {
	position:relative;
	display:flex;
}
@media only screen and (max-width : 650px) {
	#careers .content #intro .wrap {
		display:block;
	}
}
#careers .content #intro .wrap .right {
	position:absolute;
	bottom:-130px;
	right:0;
	width:25vw;
	height:auto;
	z-index:10;
}
@media only screen and (max-width : 1250px) {
	#careers .content #intro .wrap .right {
		width:32vw;
	}
}
@media only screen and (max-width : 1050px) {
	#careers .content #intro .wrap .right {
		width:30vw;
	}
}
@media only screen and (max-width : 1050px) {
	#careers .content #intro .wrap .right {
		bottom:-100px;
		width:30vw;
	}
}
@media only screen and (max-width : 650px) {
	#careers .content #intro .wrap .right {
		position:relative;
		bottom:auto;
		right:auto;
		width:70%;
		height:auto;
		margin:20px 15%;
		z-index:10;
	}
}
#careers .content #intro .wrap .right img {
	width:100%;
	height:auto;
}

#careers .content #purple {
	position:relative;
	color:#fff;
	background-color: #412985;
	margin:0;
	padding:100px 0;
	z-index:1;
}
@media only screen and (max-width : 650px) {
	#careers .content #purple {
		padding:50px 0;
	}
}
#careers .content #purple h2 {
	color:#2CCEFD;
	margin:25px 0 0 0;
}
#careers .content #purple .btn {
	position:relative;
	margin:25px 0 0 0;
	z-index:12;
}
#careers .content #purple .btn a {
	font-size:18px;
	line-height:1;
	text-transform: uppercase;
	font-weight:600;
	color:#2CCEFD;
	transition:all .3s;
}

#careers .content #purple .btn:hover a {
	color:#fff;
}
#careers .content #purple .btn span {
	background-color:#2CCEFD;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	transition:all .3s;
}
#careers .content #purple .btn:hover span {
	background-color:#fff;
	margin: 0 12px 0 0;
	transition:all .3s;
}



#careers .content #purple .image {
	position:absolute;
	top:50%;
	right:0;
	width:30vw;
	max-width:500px;
	height:auto;
	z-index:10;
}
@media only screen and (max-width : 650px) {
	#careers .content #purple .image {
		position:relative;
		top:auto;
		right:auto;
		width:60%;
		margin:0 20% 20px;
		height:auto;
		z-index:10;
	}
}
#careers .content #purple .image  img {
	width:100%;
	height:auto;
}
#careers .content #define {
	margin:0;
	padding:80px 0 25px;
}

#careers .content #power {
	margin:0;
	padding:50px 0 0;
}
#careers .content #power .wrap {
	display:flex;
}
@media only screen and (max-width : 650px) {
	#careers .content #power .wrap {
		display:block;
		flex-direction: row;
		padding:0 20px;
	}
}
#careers .content #power .col {
	width:50%;
}
@media only screen and (max-width : 650px) {
	#careers .content #power .col {
		width:100%;
	}
}
#careers .content #power .image {
	width:95%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 650px) {
	#careers .content #power .image {
		width:100%;
		margin:0;
	}
}
#careers .content #power .image img {
	width:100%;
	height:auto;
}
#careers .content #power .halfboxed {
	width: 600px;
	padding: 25px 50px 25px 5%;
	margin: 0;
	box-sizing: border-box;
}
@media only screen and (max-width : 1250px) {
	#careers .content #power .halfboxed {
		width:auto;
		padding: 0 50px 25px 0;
	}
}
@media only screen and (max-width : 650px) {
	#careers .content #power .halfboxed {
		padding: 15px 0 25px 0;
	}
}
#careers .content #collab {
	margin:-20px 0 0 0;
	padding:0;
}
@media only screen and (max-width : 1250px) {
	#careers .content #collab {
		margin:20px 0 0 0;
	}
}
#careers .content #collab .wrap {
	display:flex;
	flex-direction: row-reverse;
}
@media only screen and (max-width : 650px) {
	#careers .content #collab .wrap {
		display:block;
		flex-direction: row;
		padding:0 20px;
	}
}
#careers .content #collab .col {
	width:50%;
}
@media only screen and (max-width : 650px) {
	#careers .content #collab .col {
		width:100%;
	}
}
#careers .content #collab .image {
	width:95%;
	margin:0 0 0 5%;
}
@media only screen and (max-width : 650px) {
	#careers .content #collab .image {
		width:100%;
		margin:0;
	}
}
#careers .content #collab .image img {
	width:100%;
	height:auto;
}
#careers .content #collab .halfboxed {
	width: 600px;
	padding: 80px 5% 25px 50px;
	margin-left:calc(100% - 600px);
	box-sizing: border-box;
}
@media only screen and (max-width : 1250px) {
	#careers .content #collab .halfboxed {
		width:auto;
		margin-left:0;
		padding: 0 0 25px 50px;
	}
}
@media only screen and (max-width : 650px) {
	#careers .content #collab .halfboxed {
		padding: 15px 0 25px;
	}
}

#careers .content #amazing {
	margin:-20px 0 0 0;
	padding:0;
}
@media only screen and (max-width : 1250px) {
	#careers .content #amazing {
		margin:20px 0 0 0;
	}
}
#careers .content #amazing .wrap {
	display:flex;
}
@media only screen and (max-width : 650px) {
	#careers .content #amazing .wrap {
		display:block;
		flex-direction: row;
		padding:0 20px;
	}
}
#careers .content #amazing .col {
	width:50%;
}
@media only screen and (max-width : 650px) {
	#careers .content #amazing .col {
		width:100%;
	}
}
#careers .content #amazing .image {
	width:95%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 650px) {
	#careers .content #amazing .image {
		width:100%;
		margin:0;
	}
}
#careers .content #amazing .image img {
	width:100%;
	height:auto;
}
#careers .content #amazing .halfboxed {
	width: 600px;
	padding: 75px 50px 25px 5%;
	margin: 0;
	box-sizing: border-box;
}
@media only screen and (max-width : 1250px) {
	#careers .content #amazing .halfboxed {
		width:auto;
		padding: 15px 50px 25px 0;
	}
}
@media only screen and (max-width : 550px) {
	#careers .content #amazing .halfboxed {
		padding: 15px 0 25px 0;
	}
}
#careers .content #motivate {
	position:relative;
	margin:0;
	padding:80px 0;
}
#careers .content #motivate h2 {
	width:850px;
}
@media only screen and (max-width : 1250px) {
	#careers .content #motivate h2 {
		width:700px;
	}
}
@media only screen and (max-width : 750px) {
	#careers .content #motivate h2 {
		width:80%;
	}
}
#careers .scrollanim .crr-bingle {
	position:absolute;
	left:40%;
	top:20px;
	width:60%;
	overflow:hidden;
}
#careers .scrollanim .crr-bingle img {
	width:800px;
	height:auto;
}
@media only screen and (max-width : 650px) {
	#careers .scrollanim .crr-bingle img {
		width:500px;
	}
}


#cube-section {
	position: relative;
	width:100%;
	height:auto;
	background-color: #412985;
	margin:90px 0;
}

#careers .content #cube-section h3 {
	font-family: 'archia', sans-serif;
	font-size:2rem;
	font-weight:400;
	line-height:1.1;
	color:#ffffff;
	margin:0 auto;
	text-align: center;
	padding:60px 50px 0;
	max-width:1200px;
}
@media only screen and (max-width : 850px) {
	#careers .content #cube-section h3 {
		font-size:1.25rem;
		padding:60px 25px 0;
	}
}
@media only screen and (max-width : 450px) {
	#careers .content #cube-section h3 {
		font-size:1.1rem;
	}
}
#careers .content #cube-section h3 span {
	font-family: 'rocgrotesk',sans-serif;
	font-size:3.24rem;
	font-weight:700;
	text-transform: uppercase;
}
@media only screen and (max-width : 850px) {
	#careers .content #cube-section h3 span {
		font-size:1.75rem;
	}
}
@media only screen and (max-width : 450px) {
	#careers .content #cube-section h3 span {
		font-size:1.3rem;
	}
}
#cube-area {
	position: relative;
	width:100%;
	height:620px;
}
@media only screen and (max-width : 850px) {
	#cube-area {
		height:300px;
	}
}
#cube-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	perspective: 1500px;
	-webkit-perspective: 1500px;
}

.cube {
	position: relative;
	transform-style: preserve-3d;
	animation-name: rotit;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-delay: .2s;

	-webkit-transform-style: preserve-3d;
	-webkit-animation-name: rotit;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: .2s;
}
.cube.paused {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}	
	@-webkit-keyframes rotit {
	  0% {
		  	-webkit-transform: rotate3d(0, 0, 0, 0);
	  }
		50% {
		  -webkit-transform: rotate3d(0, 1, 0, 180deg);
		}
	  100% {
		  	-webkit-transform: rotate3d(0, 1, 0, 360deg); /*controls rotation amount on one axis) */
	  }
	}
	@keyframes rotit {
	  0% {
			transform: rotate3d(0, 0, 0, 0);
	  }
	  50% {
		  transform: rotate3d(0, 1, 0, 180deg);
	  }
	  100% {
			transform: rotate3d(0, 1, 0, 360deg); /*controls rotation amount on one axis) */
	  }
	}



/* Size and border color for each face */

.face {
  	position: absolute;
	display:flex;
	align-items: center;
	justify-content: center;
  	width: 380px;
  	height: 380px;
	border:10px solid #2B2362;
}
@media only screen and (max-width : 850px) {
	.face {
		width: 190px;
		height: 190px;
		border:5px solid #2B2362;
	}
}


/* Transforming every face into their correct positions */

#front_face {
  	transform: translateX(-200px) translateY(-200px) translateZ(200px);
	-webkit-transform: translateX(-200px) translateY(-200px) translateZ(200px);
  	background-color:rgba(51,204,255,.95);
}
@media only screen and (max-width : 850px) {
	#front_face {
		transform: translateX(-100px) translateY(-100px) translateZ(100px);
		-webkit-transform: translateX(-100px) translateY(-100px) translateZ(100px);
	}
}

#back_face {
  	transform: translateX(-200px) translateY(-200px) translateZ(-200px);
	-webkit-transform: translateX(-200px) translateY(-200px) translateZ(-200px);
  	background-color:rgba(51,204,255,.95);
}
@media only screen and (max-width : 850px) {
	#back_face {
		transform: translateX(-100px) translateY(-100px) translateZ(-100px);
		-webkit-transform: translateX(-100px) translateY(-100px) translateZ(-100px);
	}
}

#right_face {
  	transform: translateY(-200px) rotateY(90deg);
  	-webkit-transform: translateY(-200px) rotateY(90deg);
	background-color:rgba(51,204,255,.95);
}
@media only screen and (max-width : 850px) {
	#right_face {
		transform: translateY(-100px) rotateY(90deg);
		-webkit-transform: translateY(-100px) rotateY(90deg);
	}
}

#left_face {
  	transform: translateY(-200px) translateX(-400px) rotateY(90deg);
  	-webkit-transform: translateY(-200px) translateX(-400px) rotateY(90deg);
	background-color:rgba(51,204,255,.95);
}
@media only screen and (max-width : 850px) {
	#left_face {
		transform: translateY(-100px) translateX(-200px) rotateY(90deg);
		-webkit-transform: translateY(-100px) translateX(-200px) rotateY(90deg);
	}
}

.text {
	padding:20px;
	font-size:24px;
	text-align: center;
	color:#fff;
}	
@media only screen and (max-width : 850px) {
	.text {
		padding:0 10px;
		font-size:15px;
		line-height:1.2;
	}
	#careers .content #cube-section h2 {
	  	font-size: 1.5rem;
		margin:.8px 0;
	}
}
.flippit {
	width:100%;
	height:100%;
	transform: scaleX(-1);
	display:flex;
	align-items: center;
	justify-content: center;
}
.cube {
  	transform: rotateX(90deg) rotateY(90deg);
	-webkit-transform: rotateX(90deg) rotateY(90deg);
}

/*------------------ // NEWS --------------------- */
#news .pr {
	padding:30px 0 60px;
	margin:0 0 30px 0;
	border-bottom: 4px solid #e4e4e4;
}
#news .pr:last-child {
	padding-bottom:0;
	margin:0;
	border-bottom: none;
}

#news .pr .headline a {
	color:#373842;
	text-decoration: none;
	font-size:1.5rem;
	transition:all .3s;
}
#news .pr .headline a:hover {
	color:#2CCEFD;
	
}
#news .pr .date {
	color:#412985;
	font-weight:700;
	font-size:1rem;
}

@media only screen and (max-width : 850px) {
	#news .pr .headline a {
		font-size:1.1rem;
		
	}
	#news .pr .date {
		font-size:.8rem;
	}
}

#news h2 {
	font-size:3.5rem;
	text-transform: none;
	margin:40px 0 10px;
}
#news .content h3 {
	font-size:3.5rem;
	text-transform: none;
	margin:30px 0 10px; 
}
#news .content .backto  {
	font-size:1rem; 
}
@media only screen and (max-width : 850px) {
	#news h2 {
		font-size:2rem;
	}
	#news .content h3 {
		font-size:1.5rem;
	}
	#news .content .backto  {
		font-size:.8rem; 
	}
}

/*------------------ // CONTACT --------------------- */
#contact .columns {
	position:relative;
	display:flex;
}
@media only screen and (max-width : 950px) {
	#contact .columns {
		display:block;
	}
}
#contact .columns .left {
	width:40%;
}
@media only screen and (max-width : 950px) {
	#contact .columns .left {
		width:100%;
	}
}
#contact .columns .left .blueline {
	border-bottom:10px solid #3FCFFB;
}
#contact .columns .right {
	width:60%;
	display:flex;
	align-content: center;
}
@media only screen and (max-width : 950px) {
	#contact .columns .right {
		width:100%;
		display:block;
	}
}
#contact .columns .right .boxed {
	margin:125px 25px 125px 75px;
	width:450px;
	font-size:1.25rem;
	color:#373842;
}
@media only screen and (max-width : 950px) {
	#contact .columns .right .boxed {
		margin:75px 50px;
		width:auto;
	}
}
@media only screen and (max-width : 650px) {
	#contact .columns .right .boxed {
		margin:75px 20px;
		width:auto;
	}
}
#contact .columns .right .boxed h2 {
	font-size:1.75rem;
	color:#412985;
	font-family: 'rocgrotesk',sans-serif;
	text-transform: uppercase;
	font-weight:700;
	line-height:1;
	margin:10px 0 0;
	padding:0;
}


/*------------------ // Default --------------------- */	
#default h2 {
	font-size:3rem;
	text-transform: none;
	margin:40px 0 10px;
}
#default .content h3 {
	font-size:2.5rem;
	text-transform: none;
	margin:30px 0 10px; 
}
#default .scrollanim .bingle1 {
	position:absolute;
	left:50%;
	top:-100px;
	width:50vw;
}
#default .scrollanim .bingle1 img {
	width:100%;
	height:auto;
}
	
	
/*------------------ // Fancybox --------------------- */	
.fancybox__backdrop {
	background:rgba(0, 0, 0,.8)important;
}	
.fancybox__content {
	padding: 100px!important;
	max-width:900px;
	font-size:16px;
}
@media only screen and (max-width : 781px) {
	.fancybox__content {
		padding: 60px 15px 30px!important;
		font-size:14px;
	}
}
#mcmodal .fancybox__content {
	padding: 10px!important;
	max-width:800px;
	height:100%;
}	
.fancybox__content .memberName {
	text-align: center;
	font-weight:700;
	margin:0 0 10px;	
	font-size:125%;
}
.fancybox__content .memberTitle {
	text-align: center;
	font-weight:300;
	margin:0 0 25px;
	letter-spacing:2px;
	text-transform: uppercase;
}	
.fancybox__content > .carousel__button.is-close {
	top: 15px!important;
	right: 15px!important;
	color: #ccc!important;
	border: 1px solid #ccc;
}	



/*------------------ // COOKIE BAR --------------------- */	
#cookie-law-info-bar {
	background-color: rgb(0, 0, 0,.8) !important;
}	
#cookie-law-info-bar .cli-bar-container {
	justify-content: center;
}	
#cookie-law-info-bar .cli-bar-container .cli-bar-message {
	width: auto;
	line-height: 1.2;
}	
#cookie-law-info-bar #wt-cli-accept-all-btn {
	color:#fff;
	font-size:12px;
	letter-spacing: .5px;
	text-decoration: none;
	 background: rgb(0,4,116);
background: transparent linear-gradient(90deg, var(--unnamed-color-0d1295) 0%, var(---2047ea-text-hyperlinks-lhover-active-) 49%, var(--unnamed-color-00bcf1) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(90deg, #0D1295 0%, #2047EA 49%, #00BCF1 100%) 0% 0% no-repeat padding-box;
	border-radius:30px;
	padding:10px 25px 8px;
}	
	
/*------------------ // Privacy Page --------------------- */	
	
.privacy {
	font-size: 85%;
}	
	
.privacy h2 {
	font-family: 'linotype-sabon', sans-serif;
	font-size: 36px;
	text-align: center;
}
.pptable tr td {
	vertical-align: top;
	padding:20px;
}	
.privacy li {
	padding:0 0 15px 0;
}	

/*------------------ // FOOTER --------------------- */
footer {
	position:relative;
	padding:0;
	background-color:#fff;
	border-top:10px solid #E4E4E4;
}

footer .boxed {
	position:relative;
	max-width:1400px;
	margin:0 auto;
	padding:150px 40px 100px;
}
@media only screen and (max-width : 650px) {
	footer .boxed {
		position:relative;
		max-width:1400px;
		margin:0 auto;
		padding:70px 20px 30px;
	}
}
footer img,
footer svg {
	max-width:100%;
	height:auto;
}
footer .boxed .left {
	position:relative;
	width:50%;
}
@media only screen and (max-width : 650px) {
	footer .boxed .left {
		width:100%;
		text-align:center;
		padding:0 0 10px;
	}
}	
footer .boxed .right {
	position:relative;
	width:50%;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
@media only screen and (max-width : 650px) {
	footer .boxed .right {
		width:100%;
		text-align:center;
		padding:0 0 5px;
		display:block;
	}
}
footer .boxed .right .col {
	line-height:1.4;
	margin:0 0 0 100px;
	font-size:1.1rem;
}	
@media only screen and (max-width : 650px) {
	footer .boxed .right .col {
		margin:0;
		font-size:.95rem;
	}	
}
footer .boxed .top {
	display:flex;
	padding:0 10px 40px;
}
@media only screen and (max-width : 650px) {
	footer .boxed .top {
		display:block;
	}
}
footer .boxed .top .logo {
	width:400px;
	max-width:80%;
}
@media only screen and (max-width : 650px) {
	footer .boxed .top .logo {
		margin:0 auto;
	}
}
footer .boxed .bottom {
	display:flex;
	border-top:6px solid #E4E4E4;
	padding: 20px 10px;
	color:#969696;
	font-size:1.1rem;
}
@media only screen and (max-width : 650px) {
	footer .boxed .bottom {
		display:block;
		font-size:.95rem;
	}
}



#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	display: block;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:800;
}
	
	
	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.btn-twitter {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='40px' height='30px' viewBox='-100 0 800 600' enable-background='new -100 0 800 600' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='%23969696' d='M300.09,0c165.617,0,300.09,134.293,300.09,300.09c0,165.617-134.293,300.09-300.09,300.09 C134.474,600.18,0,465.887,0,300.09C0,134.474,134.293,0,300.09,0z M462.106,199.46c-11.882,5.4-24.663,8.821-38.164,10.441 c13.682-8.281,24.303-21.242,29.163-36.724c-12.781,7.561-27.183,13.142-42.124,16.202c-12.241-12.961-29.343-20.882-48.605-20.882 c-36.724,0-66.426,29.703-66.426,66.426c0,5.221,0.54,10.261,1.62,15.122c-55.265-2.88-104.23-29.163-136.993-69.487 c-5.941,10.081-9.001,21.602-9.001,33.483c0,23.042,11.701,43.384,29.523,55.266c-10.981-0.36-21.062-3.42-30.063-8.281v0.9 c0,32.223,22.862,59.045,53.285,65.167c-5.581,1.44-11.521,2.34-17.461,2.34c-4.321,0-8.461-0.359-12.602-1.26 c8.461,26.463,32.943,45.545,62.106,46.265c-22.862,17.821-51.305,28.442-82.628,28.442c-5.4,0-10.621-0.359-15.842-0.899 c29.523,18.901,64.447,29.883,101.891,29.883c122.232,0,189.198-101.351,189.198-189.199c0-2.88,0-5.76-0.18-8.641 c12.962-9.361,24.303-21.062,33.123-34.383L462.106,199.46z'/%3E%3C/svg%3E%0A");
	width: 36px;
	height: 36px;
	background-size: 100% 100%;
	display:inline-block;
	margin:0;
}
.btn-twitter:hover {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='40px' height='30px' viewBox='-100 0 800 600' enable-background='new -100 0 800 600' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='%232ccefd' d='M300.09,0c165.617,0,300.09,134.293,300.09,300.09c0,165.617-134.293,300.09-300.09,300.09 C134.474,600.18,0,465.887,0,300.09C0,134.474,134.293,0,300.09,0z M462.106,199.46c-11.882,5.4-24.663,8.821-38.164,10.441 c13.682-8.281,24.303-21.242,29.163-36.724c-12.781,7.561-27.183,13.142-42.124,16.202c-12.241-12.961-29.343-20.882-48.605-20.882 c-36.724,0-66.426,29.703-66.426,66.426c0,5.221,0.54,10.261,1.62,15.122c-55.265-2.88-104.23-29.163-136.993-69.487 c-5.941,10.081-9.001,21.602-9.001,33.483c0,23.042,11.701,43.384,29.523,55.266c-10.981-0.36-21.062-3.42-30.063-8.281v0.9 c0,32.223,22.862,59.045,53.285,65.167c-5.581,1.44-11.521,2.34-17.461,2.34c-4.321,0-8.461-0.359-12.602-1.26 c8.461,26.463,32.943,45.545,62.106,46.265c-22.862,17.821-51.305,28.442-82.628,28.442c-5.4,0-10.621-0.359-15.842-0.899 c29.523,18.901,64.447,29.883,101.891,29.883c122.232,0,189.198-101.351,189.198-189.199c0-2.88,0-5.76-0.18-8.641 c12.962-9.361,24.303-21.062,33.123-34.383L462.106,199.46z'/%3E%3C/svg%3E%0A");

}
.btn-linkedin {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='40px' height='30px' viewBox='-100 0 800 600' enable-background='new -100 0 800 600' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='%23969696' d='M300.09,0C134.293,0,0,134.474,0,300.09c0,165.797,134.474,300.09,300.09,300.09 c165.797,0,300.09-134.473,300.09-300.09C600.18,134.293,465.707,0,300.09,0z M216.922,440.864h-66.787v-200.36h66.787V440.864z M183.438,218.362c-18.362,0-33.483-14.941-33.483-33.483c0-18.362,14.941-33.483,33.483-33.483 c18.362,0,33.483,14.941,33.483,33.483C216.922,203.24,201.98,218.362,183.438,218.362z M461.746,440.864h-64.267v-95.05 c0-22.682-0.54-51.845-33.483-51.845c-33.483,0-38.523,24.663-38.523,50.225v96.67h-64.267v-200.36h0.18h61.566v31.503h0.9 c8.641-15.481,29.522-31.503,60.846-31.503c64.986,0,77.048,40.504,77.048,93.069V440.864z'/%3E%3C/svg%3E%0A");
	width: 36px;
	height: 36px;
	background-size: 100% 100%;
	display:inline-block;
	margin:0;
}
.btn-linkedin:hover {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='40px' height='30px' viewBox='-100 0 800 600' enable-background='new -100 0 800 600' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='%232ccefd' d='M300.09,0C134.293,0,0,134.474,0,300.09c0,165.797,134.474,300.09,300.09,300.09 c165.797,0,300.09-134.473,300.09-300.09C600.18,134.293,465.707,0,300.09,0z M216.922,440.864h-66.787v-200.36h66.787V440.864z M183.438,218.362c-18.362,0-33.483-14.941-33.483-33.483c0-18.362,14.941-33.483,33.483-33.483 c18.362,0,33.483,14.941,33.483,33.483C216.922,203.24,201.98,218.362,183.438,218.362z M461.746,440.864h-64.267v-95.05 c0-22.682-0.54-51.845-33.483-51.845c-33.483,0-38.523,24.663-38.523,50.225v96.67h-64.267v-200.36h0.18h61.566v31.503h0.9 c8.641-15.481,29.522-31.503,60.846-31.503c64.986,0,77.048,40.504,77.048,93.069V440.864z'/%3E%3C/svg%3E%0A");
}