/*   
Theme Name: JudoBio24
Theme URI: http://www.judobio.com
Description: Theme template -- WordPress v6.0
Author: GS-I
Author URI: http://www.gs-interactive.com
Version: 1.01
*/

@font-face {
    font-family: 'Brandon';
    src: url('fonts/BrandonText-Regular.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon';
    src: url('fonts/BrandonText-MediumItalic.otf');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Brandon';
    src: url('fonts/BrandonText-Bold.otf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon';
    src: url('fonts/BrandonText-Black.otf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonGross';
    src: url('fonts/Brandon_Grotesque_black.otf');
    font-weight: 900;
    font-style: normal;
  }

html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
body {
	margin:0;
	padding:0;
	font-family: "Brandon", Helvetica, Arial, "sans-serif";
	font-weight:400;
	font-size:20px;
	line-height:1.4;
}
@media only screen and (max-width : 750px) {
	body {
		font-size:18px;
	}
}
@media only screen and (max-width : 450px) {
	body {
		font-size:16px;
	}
}
.wrapper {
	width:100%;
	overflow-x:hidden;
}

.szd img,
.szd svg {
	width:100%;
	height:auto;
	display: block;
}

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120px;
	z-index:100;
	transition:all .3s;
}

header.shrink {
	background-color:#F8B407;
	height:70px;
}

header .logo {
	position:absolute;
	top: 40px;
  	left: 50px;
  	width: 15vw;
	min-width:175px;
	transition:all .3s;
}
@media only screen and (max-width : 750px) {
	header .logo {
		top:16px;
		left: 10px;
	}
}
header.shrink .logo {
  	top:16px;
	width: 12vw;
}
.home header .logo {
  	animation: fadeIt1 1s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	opacity:0;
}


@keyframes fadeIt1 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}


.navigation {
	position:absolute;

	text-align:left;
	margin:0;
	transition:all .4s;
	 display:none;
	 top:100px;
	 max-height: calc(100vh - 100px);
	 left:auto;
	 right:20px;
	 width:300px;
	 z-index:1000;
	 background-color:#fff;
	 box-shadow:0 3px 5px #999;
	
}
@media(max-width: 450px) {
	.navigation {
		 width:90%;
	}
}
@media(max-width: 950px) {
	.shrink .navigation {
		top:70px;
		max-height: calc(100vh - 70px);
	}
}
.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
 @media(max-width: 950px) {
	 .navigation ul {
		 margin:0 3%;
		 width:94%;
	}
}
.navigation li {
	position:relative;
	margin:0;
	padding:0;
	display:block;
	
}

.navigation li a {
	display:block;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	font-weight:900;
	font-size:21px;
	text-transform: uppercase;
	text-decoration:none;
	padding:20px 0;
	margin:0 25px;
	color:#1d3b99;
	height: auto;
	border-bottom:1px solid #e7e7e7;
}


.navigation li.current_page_item a, 
.navigation li.current-page-parent a, 
.navigation li.current-page-ancestor a,
.navigation li a:hover {
		color:#f8b407;

}
.navigation li .sub-menu {
	display:none;
	background-color: #fff;
	z-index:999;
	left:auto;
	position:relative;
	width:auto;
	padding:0 0 15px 15px;
}
.navigation li.locations > .sub-menu {
	margin:-10px 0 0 0;
} 

.navigation .sub-menu li {
	height:auto;	
	display:block;
	border-bottom: none;
	
}
.navigation .sub-menu li a {
	color:#035;
	height:auto;
	padding: 7px 10px 7px 10px;
  	font-size: 17px;
	text-transform:none;
	
}
.navigation .sub-menu li.current_page_item a, 
.navigation .sub-menu li a:hover {
	color:#f0975b;
}
.navigation li .sub-menu .sub-menu {
	position:relative;
	padding:0;
	left:auto;
	width:auto;
	display:none;
	margin:-5px 0 0 0;
	 
}
.navigation .sub-menu .sub-menu li {
	
}

.navigation .sub-menu .sub-menu li a {
	padding: 8px 15px 8px 25px;
  	font-size: 15px;
	text-transform:none;
}


 #hamburger {
	 display: block;
	 position:absolute;
	 top:44px;
	 right:40px;
	 width:40px;
	 height:40px;
	 transition:all .4s;
}
@media only screen and (max-width : 750px) {
	 #hamburger {
		 top:17px;
		 right:25px;
	}
}
.shrink  #hamburger {
	 top:17px;
}



#hamburger:hover {
	cursor:pointer;
}


#hamburger .bar {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:8px;
	fill:#000;
	transition:all .3s;
}

#hamburger.on .bar {
	fill:#1d3b99;
}
#hamburger:hover .bar {
	fill:#1d3b99;
}
#hamburger.on:hover .bar {
	fill:#1d3b99;
}
#hamburger #bar1 {
	top:0;
}
#hamburger.on #bar1 {
	opacity:0;
}
#hamburger #bar2 {
	top:14px;
	left:5px;
}
#hamburger.on #bar2 {
	transform: rotate(-45deg);
}
#hamburger #bar3 {
	top:14px;
	left:5px;
}
#hamburger.on #bar3 {
	transform: rotate(45deg);
}
#hamburger #bar4 {
	top:27px;
}
#hamburger.on #bar4 {
	opacity:0;
}

.btn a {
	display:inline-block;
	padding:10px 25px 11px;
	color:#000;
	line-height:1;
	text-decoration: none;
	background-color: #F8B407;
	font-weight:900;
	border-radius:25px;
	min-width: 130px;
  text-align: center;
	transition:all .3s;
}
@media only screen and (max-width : 750px) {
	.btn a {
		padding:8px 20px 9px;
		border-radius:25px;
		min-width: 100px;
	}
}
.btn a:hover {
	color:#fff;
}

.orange {
	color:#F8B407;
}



section.copy h2 {
	color:#000;
	font-size:42px;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:25px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
@media only screen and (max-width : 750px) {
	section.copy h2 {
		font-size:32px;
		margin-bottom:15px;
	}
}
@media only screen and (max-width : 450px) {
	section.copy h2 {
		font-size:25px;
		margin-bottom:10px;
	}
}
section.copy h3 {
	color:#000;
	font-size:30px;
	line-height:1.2;
	margin-bottom:0;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
@media only screen and (max-width : 750px) {
	section.copy h3 {
		font-size:22px;
	}
}
section.copy h3 + h2 {
	margin-top:0;
}

/* ======== HOME PAGE +++++++++ */

#home .hero {
	position:relative;
	background-color: #fff;
	height:80vw;
}
@media(max-width: 750px) {
	#home .hero {
		height:auto;
		padding:0 0 25px 0;
		overflow:hidden;
	}
}
#home .charcoal {
	position:absolute;
	top: 0;
  	left: 0;
  	width: 100%;
	height:80vw;
	background-color:#1a1a19;
	overflow: hidden;
}


#home .claw1 {
	position:absolute;
	top: 3vw;
  	left: 0;
  	width: 45%;
  	animation: drawIt1 1.25s;
	animation-delay: .3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
	transform: rotate(0); 
    transform-origin: left bottom;
}

@keyframes drawIt1 {
 	0% {
		top: 3vw;
  		left: 0;
  		width: 45%;
		transform: rotate(0);
	  
	}
	100% {
		top: 8vw;
		left: -15%;
		width: 70%;
		transform: rotate(-40deg);
	}
}


#home .claw2 {
	position:absolute;
	top: 12vw;
  	left: 40%;
  	width: 45%;
  	animation: drawIt2 1.25s;
	animation-delay: .3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
	transform: rotate(0); 
    transform-origin: left bottom;
}

@keyframes drawIt2 {
  	0% {
		top: 12vw;
  		left: 40%;
  		width: 45%;
		transform: rotate(0);
	  
  	}
  	100% {
		top: -31vw;
  		left: 50%;
  		width: 65%;
		transform: rotate(35deg);
  	}
}


#home .white {
	position:absolute;
	top: -280vw;
  	left: 56%;
  	width: 65%;
	transform: rotate(-15deg); 
    transform-origin: center;
  	animation: drawIt3 2s;
	animation-delay: .85s;
	animation-fill-mode: forwards;
}

@keyframes drawIt3 {
  	0% {
		top: -280vw;
  		left: 56%;
  		width: 65%;
		transform: rotate(-15deg); 
  	}
  	100% {
		top: -10vw;
  		left: 40%;
  		width: 75%;
	  	transform: rotate(0deg);
  	}
}


#home .yellow {
	position:absolute;
    top: -280vw;
  	left: -230%;
	width: 100%;
	transform: rotate(5deg); 
    transform-origin: center;
  	animation: drawIt4 2s;
	animation-delay: .85s;
	animation-fill-mode: forwards;
}

@keyframes drawIt4 {
  	0% {
    	top: -280vw;
  		left: -230%;
	  	width: 100%;
	  	transform: rotate(5deg); 
  	}
  	100% {
		top: -55vw;
  		left: -5%;
  		width: 135%;
	  	transform: rotate(0deg); 
  	}
}



#home .wisker {
	position:absolute;
	top: 120vw;
  	left: -70%;
  	width: 80%;
  	animation: drawIt5 2s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}

@keyframes drawIt5 {
  	0% {
    	top: 120vw;
  		left: -70%;
	  	width: 80%;
  	}
  	50% {
    	top: 20vw;
  		left: -2%;
	  	width: 105%;
  	}
  	100% {
    	top: 20vw;
  		left: -2%;
	  	width: 105%;
  	}
}


#home .text {
	position:absolute;
	top: 18vw;
  	left: 17vw;
}
@media(max-width: 1150px) {
	#home .text {
		top: 14vw;
	}
}
@media(max-width: 750px) {
	#home .text {
		position:relative;;
		top: auto;
		left: auto;
		padding: 25vw 0 0 0;
	}
}
#home .text .breaking {
	position:relative;
	width:45vw;
  	animation: fadeIt2a 1s;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
	opacity:0;
}
@media(max-width: 750px) {
	#home .text .breaking {
		width:60vw;
		margin-left:15vw;
	}
}

@keyframes fadeIt2a {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}

#home .text .line-1 {
	position:absolute;
	top:0;
	left:0;
	width:45vw;
}
@media(max-width: 750px) {
	#home .text .line-1 {
		top:25vw;
		left:15vw;
		width:60vw;
	}
}
#home .text .line-1 .cls-1 {
	fill:none;
	stroke:#63635f;
	stroke-width:3px;
	stroke-dasharray: 2000; 
	stroke-dashoffset: 2000; 
	animation: dash1 2s linear forwards; 
	animation-delay: 1s;
} 

@keyframes dash1 { 
	to { 
		stroke-dashoffset: 4000; 
	} 
} 

#home .text .line-1 .cls-2 {
	fill:#63635f;
  	animation: capper1 .5s;
	animation-delay: 2.75s;
	animation-fill-mode: forwards;
	opacity:0;
}

@keyframes capper1 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}


#home .text .through {
	position:absolute;
	top:0;
	left:0;
	width:45vw;
  	animation: fadeIt2b 1s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	opacity:0;
}
@media(max-width: 750px) {
	#home .text .through {
		top:25vw;
		left:15vw;
		width:60vw;
	}
}

@keyframes fadeIt2b {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}

#home .text .line-2 {
	position:absolute;
	top:0;
	left:0;
	width:45vw;
}
@media(max-width: 750px) {
	#home .text .line-2 {
		top:25vw;
		left:15vw;
		width:60vw;
	}
}
#home .text .line-2 .cls-1 {
	fill:none;
	stroke:#63635f;
	stroke-width:3px;
	stroke-dasharray: 2000; 
	stroke-dashoffset: 2000; 
	animation: dash2 2.1s linear forwards; 
	animation-delay: 3.5s;
} 

@keyframes dash2 { 
	to { 
		stroke-dashoffset: 0; 
	} 
} 

#home .text .line-2 .cls-2 {
	fill:#63635f;
  	animation: capper2 .5s;
	animation-delay: 3.8s;
	animation-fill-mode: forwards;
	opacity:0;
}

@keyframes capper2 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}


#home .text .ttk {
	position:absolute;
	top:0;
	left:0;
	width:45vw;
  	animation: fadeIt3 1.5s;
	animation-delay: 3.8s;
	animation-fill-mode: forwards;
	opacity:0;
}
@media(max-width: 750px) {
	#home .text .ttk {
		top:25vw;
		left:15vw;
		width:60vw;
	}
}
@keyframes fadeIt3 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}

#home .text .copy {
	position:relative;
	padding:20px 0 0 6vw;
	width:48vw;
  	animation: fadeIt5 1.3s;
	animation-delay: 5s;
	animation-fill-mode: forwards;
	opacity:0;
}
@media(max-width: 750px) {
	#home .text .copy {
		padding: 30vw 0 0 25px;
    	width: 60vw;
    	margin: 0 0 25px 0;
	}
}
@keyframes fadeIt5 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}

#home .access {
	position:absolute;
	top: 50vw;
  	left: 62vw;
	width:29vw;
  	animation: fadeIt1 1s;
	animation-delay: 6s;
	animation-fill-mode: forwards;
	opacity:0;
}
@media(max-width: 750px) {
	#home .access {
		top: 53vw;
	}
}

@keyframes fadeIt1 {
  	0% {
    	opacity:0;
  	}
  	100% {
    	opacity:1;
  	}
}




#home .section-1 {
	position:relative;
	color:#000;
}
#home .section-1 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:50px 150px 50px 50px;
}
@media(max-width: 750px) {
	#home .section-1 .boxed {
		padding:50px 25px 50px;
	}
}
#home .section-1 .boxed h1 {
	font-size:50px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	margin:0 0 10px;
	max-width: 800px;
}
#home .section-1 .boxed h1 span {
	color:#f8b407;
}
@media(max-width: 1250px) {
	#home .section-1 .boxed h1 {
		font-size:42px;
	}
}
@media(max-width: 750px) {
	#home .section-1 .boxed h1 {
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#home .section-1 .boxed h1 {
		font-size:27px;
	}
}
#home .section-1 .topper {
	margin:0 0 -10px -5px;
	width: 105vw;
}
#home .section-1 .topper img {
	width:100%;
	height:auto;
}

#home .section-2 {
	position:relative;
	background-color:#000;
	color:#fff;
}
#home .section-2 .boxed {
	position:relative;
	max-width:1100px;
	margin:-50px auto 0;
	padding:0 150px 50px 50px;
	font-size:24px;
	line-height:1.4;
}
@media(max-width: 1250px) {
	#home .section-2 .boxed {
		margin:0 auto 0;
		padding:0 50px 50px 50px;
		font-size:20px;
	}
}
@media(max-width: 750px) {
	#home .section-2 .boxed {
		padding:0 25px 50px;
		font-size:18px;
	}
}
@media(max-width: 450px) {
	#home .section-2 .boxed {
		font-size:16px;
	}
}
.section-2 .boxed .text {
	position:absolute;
	top:200px;
	left:50px;
	width:25%;
	color:#f8b407;
}

.section-2 .boxed h1 {
	display:inline-block;
	font-size:30px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";

}
#home .section-2 .boxed h1 span {
	color:#f8b407;
	font-size:42px;
	text-transform:uppercase;
}
@media(max-width: 1250px) {
	.section-2 .boxed h1 {
		font-size:27px;
	}
	#home .section-2 .boxed h1 span {
		font-size:35px;
	}
}
@media(max-width: 750px) {
	.section-2 .boxed h1 {
		font-size:24px;
	}
	#home .section-2 .boxed h1 span {
		font-size:27px;
	}
}
#home .section-2 .boxed .columns {
	width:100%;
	display:flex;
	margin:-80px 0 0 0;
}
@media(max-width: 750px) {
	#home .section-2 .boxed .columns {
		flex-wrap:wrap;
		margin:0;
	}
}
#home .section-2 .boxed .columns .col-1 {
	position:relative;
	width:50%;
	margin:0 5% 0 0;
	padding:120px 0 0 0;
}
@media(max-width: 750px) {
	#home .section-2 .boxed .columns .col-1 {
		width:100%;
		margin:0;
		padding:25px 0 0 0;
	}
}
#home .section-2 .boxed .columns .col-1 .chunks {
	position:relative;
}
@media(max-width: 750px) {
	#home .section-2 .boxed .columns .col-1 .chunks {
		padding:0 50px;
	}
}
@media(max-width: 450px) {
	#home .section-2 .boxed .columns .col-1 .chunks {
		padding:0 10px;
		line-height:1.2;
	}
}
#home .section-2 .boxed .columns .col-1 .chunks .chunk {
	position:relative;
	padding:0 0 35px 50px;
	background-image: url("images/hp-list-1.svg");
	background-repeat: no-repeat;
	background-position: top left;
}
@media(max-width: 450px) {
	#home .section-2 .boxed .columns .col-1 .chunks .chunk {
		position:relative;
		padding:0 0 20px 40px;
	}
}

#home .section-2 .boxed .columns .col-1 .chunks .chunk.second {
	background-image: url("images/hp-list-2.svg");
}
#home .section-2 .boxed .columns .col-1 .chunks .chunk.third {
	background-image: url("images/hp-list-3.svg");
}
#home .section-2 .boxed .columns .col-1 .chunks .chunk.fourth {
	background-image: url("images/hp-list-4.svg");
	padding-bottom:0;
}

#home .section-2 .boxed .columns .col-1 .chunks .chunk strong {
	color:#F8B407;
}



#home .section-2 .boxed .columns .col-2 {
	width:40%;
	margin:0 5% 0 0;
	padding:200px 0 0 0;
	background-image:url("images/section-2-line.svg");
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top right;
}
@media(max-width: 750px) {
	#home .section-2 .boxed .columns .col-2 {
		width:100%;
		max-width:400px;
		margin:0 auto;
		padding:50px 0 0 0;
		background-image:none;
	}
}
#home .section-3 {
	position:relative;
}
#home .section-3 .topper {
	position:absolute;
	top:-2px;
	left:0;
	width:100%;
}
#home .section-3 .columns {
	position:relative;
	display:flex;
	margin: 0;
	padding:10vw 0 0 0;
}
@media(max-width: 750px) {
	#home .section-3 .columns {
		flex-wrap:wrap;
		flex-direction: column-reverse;
		margin: 0;
		padding:10vw 0 0 0;
	}
}
#home .section-3 .columns .col-1 {
	width:50%;
}
@media(max-width: 750px) {
	#home .section-3 .columns .col-1 {
		width:100%;
	}
}
#home .section-3 .columns .col-1 .inner {
	padding: 11vw 50px 50px;
	text-align: center;
}
@media(max-width: 750px) {
	#home .section-3 .columns .col-1 .inner {
		padding: 25px 25px 0;
	}
}
#home .section-3 .columns .col-1 h2 {
	font-size:30px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
#home .section-3 .columns .col-1 h2 span {
	color:#f8b407;
	font-size:42px;
	text-transform:uppercase;
}
@media(max-width: 1250px) {
	#home .section-3 .columns .col-1 h2 {
		font-size:27px;
	}
	#home .section-3 .columns .col-1 h2 span {
		font-size:35px;
	}
}
@media(max-width: 750px) {
	#home .section-3 .columns .col-1 h2 {
		font-size:24px;
	}
	#home .section-3 .columns .col-1 h2 span {
		font-size:27px;
	}
}
@media(max-width: 450px) {
	#home .section-3 .columns .col-1 h2 {
		font-size:20px;
	}
	#home .section-3 .columns .col-1 h2 span {
		font-size:24px;
	}
}
#home .section-3 .columns .col-2 {
	width:50%;
}
@media(max-width: 750px) {
	#home .section-3 .columns .col-2 {
		width:75%;
		margin:0 0 0 25%;
	}
}
#home .section-3 .columns .col-2 .image {
	border-radius:0 0 0 20vw;
	overflow:hidden;
}

#home .section-4 {
	position:relative;
	margin: 0;
}
#home .section-4 .topper {
	position:relative;
	width:26.5%;
	margin:0 0 0 24.5%;
}
@media(max-width: 750px) {
	#home .section-4 .topper {
		width:30%;
		margin:0 0 0 35%;
	}
}
#home .section-4 .boxed {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 50px;
	text-align: center;
}
@media(max-width: 750px) {
	#home .section-4 .boxed {
		padding:0 25px;
	}
}
#home .section-4 .boxed h2 {
	font-size:30px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
#home .section-4 .boxed h2 span {
	color:#f8b407;
	font-size:42px;
	text-transform:uppercase;
}
@media(max-width: 1250px) {
	#home .section-4 .boxed h2 {
		font-size:27px;
	}
	#home .section-4 .boxed h2 span {
		font-size:35px;
	}
}
@media(max-width: 750px) {
	#home .section-4 .boxed h2 {
		font-size:24px;
	}
	#home .section-4 .boxed h2 span {
		font-size:27px;
	}
}
@media(max-width: 450px) {
	#home .section-4 .boxed h2 {
		font-size:20px;
	}
	#home .section-4 .boxed h2 span {
		font-size:24px;
	}
}

#home .section-5 {
	position:relative;
}
#home .section-5 .topper {
	position:relative;
	width:26.5%;
	margin:0 0 0 49.5%;
}
@media(max-width: 750px) {
	#home .section-5 .topper {
		width:30%;
		margin:0 0 0 35%;
	}
}
#home .section-5 .columns {
	position:relative;
	display:flex;
	margin: -8vw 0 0 0;
}
@media(max-width: 750px) {
	#home .section-5 .columns {
		flex-wrap:wrap;
		flex-direction: column-reverse;
		margin: 0;
	}
}
#home .section-5 .columns .col-1 {
	width:50%;
	display: flex;
  	align-items: flex-end;
}
@media(max-width: 750px) {
	#home .section-5 .columns .col-1 {
		width:75%;
	}
}
#home .section-5 .columns .col-1 .image {
	border-radius:0 20vw 0 0;
	overflow:hidden;
}

#home .section-5 .columns .col-2 {
	position:relative;
	width:50%;
	z-index:1;
}
@media(max-width: 750px) {
	#home .section-5 .columns .col-2 {
		width:100%;
	}
}
#home .section-5 .columns .col-2 .inner {
	padding: 10vw 50px 0;
	text-align: center;
}
@media(max-width: 750px) {
	#home .section-5 .columns .col-2 .inner {
		padding: 0 25px 25px;
	}
}
#home .section-5 .columns .col-2 h2 {
	font-size:30px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
#home .section-5 .columns .col-2 h2 span {
	color:#f8b407;
	font-size:42px;
	text-transform:uppercase;
}
@media(max-width: 1250px) {
	#home .section-5 .columns .col-2 h2 {
		font-size:27px;
	}
	#home .section-5 .columns .col-2 h2 span {
		font-size:35px;
	}
}
@media(max-width: 750px) {
	#home .section-5 .columns .col-2 h2 {
		font-size:24px;
	}
	#home .section-5 .columns .col-2 h2 span {
		font-size:27px;
	}
}
@media(max-width: 450px) {
	#home .section-5 .columns .col-2 h2 {
		font-size:20px;
	}
	#home .section-5 .columns .col-2 h2 span {
		font-size:24px;
	}
}
#home .footer-topper {
	position:relative;
	margin:-20vw 0 0 0;
}



/* ======== BANNER +++++++++ */
.banner {
	position:relative;
	width:100%;
	height:45vw;
	background-image:url("images/banner-platform.svg?r=1");
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
	display: flex;
  	align-items: center;
}
@media only screen and (max-width : 1250px) {
	.banner {
		height:55vw;
	}
}
@media only screen and (max-width : 750px) {
	.banner {
		height:65vw;
	}
}
#about .banner {
	background-image:url("images/banner-about-1.svg?r=1");
}
#news .banner {
	background-image:url("images/banner-news-1.svg?r=1");
}
#platform .banner {
	background-image:url("images/banner-platform.svg?r=1");
}
#pipeline .banner {
	background-image:url("images/banner-pipeline.svg?r=1");
}
#contact .banner {
	background-image:url("images/banner-contact.svg?r=1");
	z-index:2;
}

.banner .boxed {
	position:relative;
	width:1100px;
	margin:0 auto;
  	padding: 0 50px 8vw;	
}

@media only screen and (max-width : 1250px) {
	.banner .boxed {
		padding: 0 25px 4vw;	
	}
}
@media only screen and (max-width : 750px) {
	.banner .boxed {
		padding: 0 25px 0;	
	}
}















/* ======== ABOUT PAGE +++++++++ */

#about .section-1 {
	position:relative;
	color:#000;
}
#about .section-1 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:0 50px 50px 50px;
}
@media(max-width: 750px) {
	#about .section-1 .boxed {
		padding:0 25px 50px 25px;
	}
}

#about .section-1 h2.curled {
	margin:75px 0 20px -70px;
	padding:0 0 0 70px;
	background-image:url("images/about-h2-curl.svg");
	background-size:100px auto;
	background-repeat:no-repeat;
	background-position:top 20px left;
	color:#f8b407;
}
#about .section-1 h2.curled span {
	padding:0 0 0 40px;
	color:#000;
}
@media(max-width: 1250px) {
	#about .section-1 h2.curled {
		margin:75px 0 20px -25px;
	}
}
@media(max-width: 750px) {
	#about .section-1 h2.curled {
		margin:75px 0 20px -15px;
		padding:0 0 0 50px;
		background-size:75px auto;
		background-position:top 15px left;
	}
	#about .section-1 h2.curled span {
		padding:0 0  0 30px;
	}
}
@media(max-width: 450px) {
	#about .section-1 h2.curled {
		margin:75px 0 20px -15px;
		padding:0 0 0 40px;
		background-size:60px auto;
		background-position:top 10px left;
	}
	#about .section-1 h2.curled span {
		padding:0 0  0 20px;
	}
}

#about .section-2 #lt {
	background-image:url("images/about-lt-topper.svg");
	background-size:100%  auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#f2f2f2;
}
#about .section-2 #bod {
	background-image:url("images/about-bod-topper.svg");
	background-size:100%  auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#ffffff;
}
#about .section-2 #sa {

}

#about .section-2 .boxed {
	position:relative;
	padding:75px 50px 0 50px;
	max-width:1200px;
	margin:0 auto;
}

@media(max-width: 750px) {
	#about .section-2 .boxed {
		padding:50px 25px 0 25px;
	}
}
#about .section-2 .boxed h2 {
	font-size:50px;
	padding:0 50px;
}
@media only screen and (max-width : 750px) {
	#about .section-2 .boxed h2 {
		font-size:35px;
		padding:0;
	}
}
@media only screen and (max-width : 450px) {
	#about .section-2 .boxed h2 {
		font-size:27px;
	}
}
#about .section-2 .boxed h3 {
	font-size:40px;
	color: #f8b407;
	font-weight: 300;
	padding:0 50px;
	margin: -15px 0 50px 0;
}
@media only screen and (max-width : 750px) {
	#about .section-2 .boxed h3 {
		font-size:25px;
		padding:0;
		margin: -5px 0 30px 0;
	}
}
@media only screen and (max-width : 450px) {
	#about .section-2 .boxed h3 {
		font-size:21px;
	}
}
#about .section-2 .boxed .members {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	width:900px;
	margin:30px auto 0;
}
@media(max-width: 950px) {
	#about .section-2 .boxed .members {
		width:600px;
	}
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members {
		width:100%;
		gap:30px;
	}
}
@media(max-width: 450px) {
	#about .section-2 .boxed .members {
		width:100%;
		gap:16px;
	}
}
#about .section-2 .boxed .members.wide {
	width:1200px;
}
@media(max-width: 1250px) {
	#about .section-2 .boxed .members.wide {
		width:900px;
	}
}
@media(max-width: 950px) {
	#about .section-2 .boxed .members.wide {
		width:600px;
	}
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members.wide {
		width:100%;
	}
}
#about .section-2 .boxed .members.thin {
	width:600px;
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members.thin {
		width:100%;
	}
}
#about .section-2 .boxed .members .person {
	width:300px;
	margin:0 0 30px 0;
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members .person {
		width:calc(50% - 15px);
		margin:0 0 20px 0;
	}
}
@media(max-width: 450px) {
	#about .section-2 .boxed .members .person {
		width:calc(50% - 8px);
	}
}
#about .section-2 .boxed .members .person:hover {
	cursor:pointer;
}

#about .section-2 .boxed .members .person a {
	text-decoration:none;
	color:#000;
}
#about .section-2 .boxed .members .person:hover a {
	color:#f8b407;
}

#about .section-2 .boxed .members .person .member-image {
	margin:0 15px 15px;
	width:270px;
	height:390px;
	background-color:#707070;
	overflow:hidden;
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members .person .member-image {
		width:100%;
		height:auto;
		margin:0 auto 15px;
	}
}
#about .section-2 .boxed .members .person .member-image img {
	width:100%;
	height:auto;
	transition:all .3s;
}
#about .section-2 .boxed .members .person:hover .member-image img {
	transform:scale(1.03);
}
#about .section-2 .boxed .members .person .member-name {
	width:270px;
	margin:0 15px;
	line-height:1.2;
	font-size:22px;
	font-weight:900;
	transition:all .3s;
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members .person .member-name {
		width:100%;
		margin:0;
		font-size:19px;
	}
}
@media(max-width: 450px) {
	#about .section-2 .boxed .members .person .member-name {
		font-size:17px;
	}
}
#about .section-2 .boxed .members .person:hover .member-name {
	color: #f8b407;
}
#about .section-2 .boxed .members .person .member-title {
	width:270px;
	margin:0 15px;
	font-size:18px;
	font-weight: 400;
	line-height:1.2;
	transition:all .3s;
}
@media(max-width: 750px) {
	#about .section-2 .boxed .members .person .member-title {
		width:100%;
		margin:0;
		font-size:16px;
	}
}
@media(max-width: 450px) {
	#about .section-2 .boxed .members .person .member-title {
		font-size:15px;
	}
}
#about .section-2 .boxed .members .person:hover .member-title {
	color: #f8b407;
}

.person-bio-layer {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color: #00000090;
	z-index:1000;
}
.person-bio-layer .bio-stage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.person-bio-layer .bio-content {
	position:relative;
	width:1000px;
	height:600px;
	padding:0;
	background: #fff;
	overflow: hidden;
}
@media(max-width: 1150px) {
	.person-bio-layer .bio-content {
		width:90vw;
		height:90vh;
	}
}

.person-bio-layer .bio-content .wrap {
	position:relative;
	margin:0;
	height:100%;
	padding:0;
	display:flex;
	align-items: center;
}
@media(max-width: 550px) {
	.person-bio-layer .bio-content .wrap {
		flex-wrap:wrap;
	}
}
.person-bio-layer .wrap .bio-image {
	width:42%;
	height:100%;
	margin: 0;
	overflow:hidden;
}
@media(max-width: 550px) {
	.person-bio-layer .wrap .bio-image {
		display:none;
	}
}

.person-bio-layer .wrap .bio-image img {
	width:100%;
	height:auto;
}
.person-bio-layer .wrap .bio-text {
	width: calc(58% - 50px);
	height: calc(100% - 50px);
  	text-align: left;
  	margin: 50px 0 0 50px;
	overflow-y:scroll;
}
@media(max-width: 850px) {
	.person-bio-layer .wrap .bio-text {
		width: calc(58% - 25px);
		margin: 50px 0 0 25px;
	}
}
@media(max-width: 550px) {
	.person-bio-layer .wrap .bio-text {
		width:100%;
		height: calc(100% - 50px);
		margin: 25px 0;
	}
}

.person-bio-layer .wrap .bio-text .bio-name {
	font-size: 38px;
  	color: #f8b407;
  	line-height: 1.1;
  	margin: 0;
  	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	padding: 0 50px 0 0;
}
@media(max-width: 850px) {
	.person-bio-layer .wrap .bio-text .bio-name {
		font-size: 32px;
	}
}
@media(max-width: 550px) {
	.person-bio-layer .wrap .bio-text .bio-name {
		font-size: 28px;
		padding: 0 25px 0;
	}
}
@media(max-width: 350px) {
	.person-bio-layer .wrap .bio-text .bio-name {
		font-size: 28px;
		padding: 0 15px 0;
	}
}
.person-bio-layer .wrap .bio-text .bio-title {
	font-size:17px;
	line-height: 1.2;
	margin:5px 50px 25px 0;
}
@media(max-width: 550px) {
	.person-bio-layer .wrap .bio-text .bio-title {
		font-size:16px;
		margin:5px 25px 25px;
	}
}
@media(max-width: 350px) {
	.person-bio-layer .wrap .bio-text .bio-title {
		margin:5px 15px 25px;
	}
}

.person-bio-layer .wrap .bio-text .bio-bio {
	padding:0 50px 50px 0;
	font-size:18px;
	line-height: 1.4;
}
@media(max-width: 550px) {
	.person-bio-layer .wrap .bio-text .bio-bio {
		padding:0 25px 0;
		font-size:16px;
	}
}
@media(max-width: 350px) {
	.person-bio-layer .wrap .bio-text .bio-bio {
		padding:0 15px 0;
	}
}
.person-bio-layer .bio-close {
	position:absolute;
	top:25px;
	right:25px;
	width:25px;
}

.person-bio-layer .bio-close svg {
	fill:#000;
	transition:all .3s;
}

.person-bio-layer .bio-close:hover svg {
	cursor:pointer;
	fill:#1d3b99;
}



#about .footer-topper {
	margin-top:-6vw;
}






/* ======== PLATFORM PAGE +++++++++ */

#platform .section-1 {
	position:relative;
	color:#000;
}
#platform .section-1 .boxed {
	max-width:1000px;
	margin:0 auto;
	padding:0 50px 50px 50px;
}
@media(max-width: 750px) {
	#platform .section-1 .boxed {
		padding:0 25px 50px;
	}
}
#platform .section-1 .boxed h2 {
	font-weight:900;
	font-size:50px;
	line-height:1.1;
	text-transform:uppercase;
	color:#F8B407;
	margin-bottom:5px;
}
@media(max-width: 750px) {
	#platform .section-1 .boxed h2 {
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#platform .section-1 .boxed h2 {
		font-size:27px;
	}
}
#platform .section-1 .boxed h2 + p {
	margin-top:5px;
}

#platform .section-1 .boxed .rna-thing {
	max-width:600px;
	margin:50px auto 0;
}


#platform .section-2 {
	position:relative;
	margin: -14vw 0 0 0;
	color:#000;
}

#platform .section-2 .columns {
	max-width:1100px;
	margin:-6vw auto 0;
	padding:0 50px 50px 50px;
	font-size:22px;
	line-height:1.4;
	display:flex;
}
@media(max-width: 750px) {
	#platform .section-2 .columns {
		margin:-6vw auto 0;
		padding:0 25px 50px;
		font-size:18px;
		flex-wrap:wrap;
		flex-direction: column-reverse;
	}
}
@media(max-width: 450px) {
	#platform .section-2 .columns {
		margin:-3vw auto 0;
		font-size:16px;
	}
}
#platform .section-2 .columns .col-1 {
	width:65%;
	margin:0 5% 0 0;
}
@media(max-width: 750px) {
	#platform .section-2 .columns .col-1 {
		width:100%;
		margin:25px 0 0;
	}
}
#platform .section-2 .columns .col-2 {
	width:30%;
}
@media(max-width: 750px) {
	#platform .section-2 .columns .col-2 {
		width:100%;
		max-width: 325px;
    	margin: 0 auto;
	}
}
#platform .section-2 .columns .col-2 .image {
	position:relative;
}
#platform .section-2 .columns .col-2 .image .overlay {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all .5s;
}
#platform .section-2 .columns .col-2.on .image .overlay {
	opacity:1;
}

#platform .section-2 .columns .col-2 .switch {
	display:flex;
	align-items:center;
	justify-content:space-between;
	text-transform: uppercase;
	font-size:16px;
	font-weight:700;
	margin:20px 0 0 0;
}
@media(max-width: 1050px) {
	#platform .section-2 .columns .col-2 .switch {
		font-size:9px;
	}
}
#platform .section-2 .columns .col-2 .switch .track {
	position:relative;
	width:70px;
	height:27px;
	background-color:#e4e4e4;
	border-radius:15px;
	margin:0 5px 0;
}
#platform .section-2 .columns .col-2 .switch .track:hover {
	cursor:pointer;
}
#platform .section-2 .columns .col-2 .switch .track .ball {
	position:absolute;
	top:3px;
	left:4px;
	width:21px;
	height:21px;
	background-color:#F8B407;
	border-radius:15px;
	transition:all .5s;
}
#platform .section-2 .columns .col-2.on .switch .track .ball {
	left:45px;
}
#platform .section-2 .columns .col-2 .switch .track:hover .ball {
	background-color:#1d3b99;
}

#platform .section-2 .columns h1 {
	font-size:36px;
	text-transform:uppercase;
	line-height:1.1;
	margin:0 0 0 -50px;
	padding:0 0 0 50px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	background-image:url("images/platf-line-2.svg");
	background-size:135px auto;
	background-repeat:no-repeat;
	background-position:top 20px left;
}
@media(max-width: 1250px) {
	#platform .section-2 .columns h1 {
		margin:0 0 0 -25px;
	}
}
#platform .section-2 .columns h1 span {
	padding:0 0 0 90px;
	color:#f8b407;
	font-size:50px;
}
@media(max-width: 750px) {
	#platform .section-2 .columns h1 {
		font-size:27px;
		margin:0 0 0 -15px;
		padding:0 0 0 45px;
		background-size:110px auto;
		background-position:top 10px left;
	}
	#platform .section-2 .columns h1 span {
		padding:0 0 0 70px;
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#platform .section-2 .columns h1 {
		font-size:24px;
		margin:0 0 0 -15px;
		padding:0 0 0 35px;
		background-size:80px auto;
	}
	#platform .section-2 .columns h1 span {
		padding:0 0 0 50px;
		font-size:27px;
	}
}

#platform .section-3 {
	position:relative;
	background-color:#fff;
	color:#000;
}

#platform .section-3 .boxed {
	max-width:1100px;
	margin:0 auto 0;
	padding:0 50px 50px 50px;
	font-size:22px;
	line-height:1.4;
}
@media(max-width: 750px) {
	#platform .section-3 .boxed {
		padding:0 25px 50px;
		font-size:18px;
	}
}
@media(max-width: 450px) {
	#platform .section-3 .boxed {
		font-size:16px;
	}
}

#platform .section-3 .boxed strong {
	font-weight:900;
	text-transform:uppercase;
}

#platform .section-3 .boxed h1 {
	font-size:36px;
	text-transform:uppercase;
	line-height:1.1;
	margin:0 0 0 -50px;
	padding:0 0 0 50px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	background-image:url("images/platf-line-2.svg");
	background-size:135px auto;
	background-repeat:no-repeat;
	background-position:top 20px left;
}
@media(max-width: 1250px) {
	#platform .section-3 .boxed h1 {
		margin:0 0 0 -25px;
	}
}
#platform .section-3 .boxed h1 span {
	padding:0 0  0 90px;
	color:#f8b407;
	font-size:50px;
}
@media(max-width: 750px) {
	#platform .section-3 .boxed h1 {
		font-size:27px;
		margin:0 0 0 -15px;
		padding:0 0 0 45px;
		background-size:110px auto;
		background-position:top 10px left;
	}
	#platform .section-3 .boxed h1 span {
		padding:0 0 0 70px;
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#platform .section-3 .boxed h1 {
		font-size:24px;
		margin:0 0 0 -15px;
		padding:0 0 0 35px;
		background-size:80px auto;
	}
	#platform .section-3 .boxed h1 span {
		padding:0 0 0 50px;
		font-size:27px;
	}
}

#platform .section-3 .columns {
	position:relative;
	max-width:1200px;
	margin:0 auto 0;
	padding:0 50px 0;
}
@media(max-width: 750px) {
	#platform .section-3 .columns {
		padding:0 25px 0;
	}
}
#platform .section-3 .columns .col-1 {
	width:108%;
	padding:0;
}
@media(max-width: 1250px) {
	#platform .section-3 .columns .col-1 {
		padding:50px 0 0 0;
	}
}
@media(max-width: 1050px) {
	#platform .section-3 .columns .col-1 {
		padding:75px 0 0 0;
	}
}
@media(max-width: 750px) {
	#platform .section-3 .columns .col-1 {
		padding:100px 0 0 0;
	}
}
@media(max-width: 450px) {
	#platform .section-3 .columns .col-1 {
		padding:0;
	}
}
#platform .section-3 .columns .caption {
	position:absolute;
	top:0;
	right:5%;
	width:55%;
	font-size:18px;
}
@media(max-width: 750px) {
	#platform .section-3 .columns .caption {
		font-size:16px;
	}
}
@media(max-width: 450px) {
	#platform .section-3 .columns .caption {
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		padding:25px;
	}
}

#platform .section-4 {
	position:relative;
	color:#000;
	margin:0;
}

#platform .section-4 .boxed {
	max-width:1250px;
	margin:0 auto 0;
	padding:0 50px 0 50px;
	font-size:18px;
	line-height:1.3;
}
@media(max-width: 750px) {
	#platform .section-4 .boxed {
		padding:0 25px 0;
		font-size:16px;
	}
}
#platform .section-4 .boxed .slide {
	display:flex;
	position:relative;
	border-radius:8vw;
	background-color:#f2f2f2;
	overflow:hidden;
}
@media(max-width: 750px) {
	#platform .section-4 .boxed .slide {
		flex-wrap:wrap;
		border-radius:30px;
	}
}

#platform .section-4 .boxed .slide .col-1 {
	width:50%;
}
@media(max-width: 750px) {
	#platform .section-4 .boxed .slide .col-1 {
		width:100%;
	}
}
#platform .section-4 .boxed .slide .col-1 .inner {
	padding:50px 75px;
}
@media(max-width: 1250px) {
	#platform .section-4 .boxed .slide .col-1 .inner {
		padding:25px 35px;
	}
}
@media(max-width: 750px) {
	#platform .section-4 .boxed .slide .col-1 .inner {
		padding:25px 25px;
	}
}
@media(max-width: 450px) {
	#platform .section-4 .boxed .slide .col-1 .inner {
		padding:15px 15px;
	}
}
#platform .section-4 .boxed .slide .col-1 .inner .label {
	padding:10px 0;
	display:flex;
}
@media(max-width: 1250px) {
	#platform .section-4 .boxed .slide .col-1 .inner .label {
		padding:0;
	}
}
#platform .section-4 .boxed .slide .col-1 .inner .label .number {
	width:15%;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	font-size:100px;
	line-height: 1;
}
@media(max-width: 1250px) {
	#platform .section-4 .boxed .slide .col-1 .inner .label .number {
		width:60px;
		font-size:80px;
	}
}
@media(max-width: 450px) {
	#platform .section-4 .boxed .slide .col-1 .inner .label .number {
		width:40px;
		font-size:60px;
	}
}
#platform .section-4 .boxed .slide .col-1 .inner .label .title {
	width:85%;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	font-size:30px;
	line-height: 1.1;
	margin:12px 0 0 0;
}
@media(max-width: 1250px) {
	#platform .section-4 .boxed .slide .col-1 .inner .label .title {
		width:auto;
		font-size:24px;
		margin:8px 0 0 0;
	}
}
@media(max-width: 450px) {
	#platform .section-4 .boxed .slide .col-1 .inner .label .title {
		font-size:20px;
		margin:4px 0 0 0;
	}
}
#platform .section-4 .boxed .slide .col-2 {
	width:50%;
	background-color:#fff;
	border:2px solid #b3b3b3;
	border-radius:8vw;
}
@media(max-width: 750px) {
	#platform .section-4 .boxed .slide .col-2 {
		width:100%;
		border-radius:30px;
	}
}
#platform .section-4 .boxed .slide .col-2 .inner {
	padding:50px 50px;
}
@media(max-width: 750px) {
	#platform .section-4 .boxed .slide .col-2 .inner {
		padding:25px 25px;
	}
}
#platform .section-4 .boxed h1 {
	font-size:42px;
	text-transform:uppercase;
	line-height:1.1;
	padding:0 0 0 55px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	background-image:url("images/section-3-line.svg");
	background-repeat:no-repeat;
	background-position:top 15px left;
}
#platform .section-4 .boxed h1 span {
	color:#f8b407;
	padding:0 0  0 100px;
}

.slick-pagination {
	position:relative;
	text-align:center;
	margin:25px 0 0 0;
	z-index:3;
}
.slick-pagination .line {
	position:absolute;
	top:calc(50% - 2px);
	left:calc(50% - 75px);
	width:150px;
	border-top:4px solid #63635f;
}
.slick-pagination ul {
	list-style: none;
	width:165px;
	margin:0 auto;
	padding:0;
	display:flex;
	gap:30px;
}
.slick-pagination ul button {
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	color:#000;
	text-align: center;
	padding:3px;
	width:35px;
	height:35px;
	background-color: #000;
	border:0;
	font-size:20px;
	line-height:1;
	transition:all .3s;
	transform: scale(.6);
}
.slick-pagination ul button:hover {
	cursor:pointer;
	color:#fff;
	background-color: #F8B407;
	transform: scale(1);
}
.slick-pagination ul .slick-active button {
	cursor:pointer;
	color:#fff;
	background-color: #F8B407;
	transform: scale(1);
}
.slick-note {
	padding:15px 50px 0;
	font-size:17px;
	text-align: center;
}








/* ======== PIPELINE PAGE +++++++++ */

#pipeline .section-1 {
	position:relative;
	color:#000;
}
#pipeline .section-1 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:0 50px 0;
}
@media(max-width: 750px) {
	#pipeline .section-1 .boxed {
		padding:0 25px 0;
	}
}

#pipeline .section-1 .columns {
	position:relative;
	display:flex;
	margin: 50px 0 0 0;
}
@media(max-width: 750px) {
	#pipeline .section-1 .columns {
		flex-wrap:wrap;
	}
}

#pipeline .section-1 .columns .col-1 {
	position:relative;
	width:60%;
	z-index:1;
}
@media(max-width: 750px) {
	#pipeline .section-1 .columns .col-1 {
		width:100%;
		margin:0 0 25px 0;
	}
}

#pipeline .section-1 .col-1 .list {
	padding-left:calc(50vw - 500px);
	width:500px;
}
@media(max-width: 1250px) {
	#pipeline .section-1 .col-1 .list {
		padding-left:50px;
		padding-bottom:20vw;
		width:calc(100% - 100px);
	}
}
@media(max-width: 750px) {
	#pipeline .section-1 .col-1 .list {
		padding:0 50px;
		width:auto;
	}
}
#pipeline .section-1 .col-1 .list > div {
	padding:0 0 15px 30px;
	background-image:url("images/list-item-middle.svg");
	background-repeat: no-repeat;
	background-position:top left;
}
#pipeline .section-1 .col-1 .list > div.first {
	background-image:url("images/list-item-first.svg");
}
#pipeline .section-1 .col-1 .list > div.last {
	background-image:url("images/list-item-last.svg");
	color:#f8b407;
	text-transform: uppercase;
	font-weight:900;
}

#pipeline .section-1 .columns .col-2 {
	width:40%;
	display: flex;
  	align-items: flex-end;
}
@media(max-width: 750px) {
	#pipeline .section-1 .columns .col-2 {
		width:100%;
	}
}
#pipeline .section-1 .columns .col-2 .image {
	border-radius:20vw 0 0 0;
	overflow:hidden;
}
@media(max-width: 750px) {
	#pipeline .section-1 .columns .col-2 .image {
		border-radius:200px 0 0 0;
		margin:0 0 0 25%;
	}
}

#pipeline .section-1 .topper {
	position:relative;
	margin:-21vw 0 0 0;
}

#pipeline .section-2 {
	position:relative;
	color:#000;
	margin:0;
	background-color:#f2f2f2;

}
#pipeline .section-2 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:0 50px 50px 50px;
}
@media(max-width: 750px) {
	#pipeline .section-2 .boxed {
		padding:0 25px 50px;
	}
}

#pipeline .section-2 h2.curled {
	margin:0 0 20px -70px;
	padding:0 0 0 70px;
	background-image:url("images/about-h2-curl.svg");
	background-size:100px auto;
	background-repeat:no-repeat;
	background-position:top 30px left;
	color:#000;
}
#pipeline .section-2 h2.curled .first {
	padding:0 0  0 40px;
}
#pipeline .section-2 h2.curled .yellow {
	color:#f8b407;
}
@media(max-width: 1250px) {
	#pipeline .section-2 h2.curled {
		margin:0 0 20px -25px;
	}
}
@media(max-width: 750px) {
	#pipeline .section-2 h2.curled {
		margin:0 0 20px -15px;
		padding:0 0 0 50px;
		background-size:75px auto;
		background-position:top 15px left;
	}
	#pipeline .section-2 h2.curled .first {
		padding:0 0 0 30px;
	}
}
@media(max-width: 450px) {
	#pipeline .section-2 h2.curled {
		margin:0 0 20px -15px;
		padding:0 0 0 40px;
		background-size:60px auto;
		background-position:top 10px left;
	}
	#pipeline .section-2 h2.curled .first {
		padding:0 0 0 25px;
	}
}
#pipeline .section-2 .columns {
	position:relative;
	display:flex;

}
#pipeline .section-2 .columns .col-1 {
	width:50%;
}
#pipeline .section-2 .columns .col-1 .image {
	border-radius:0 20vw 0 0;
	overflow:hidden;
}

#pipeline .section-2 .columns .col-2 {
	position:relative;
	width:50%;
	z-index:1;
}
#pipeline .section-2 .columns .col-2 .inner {
	padding: 50px 50px 0;
}

#pipeline .section-2 .topper {
	position:relative;
	margin:0;
}


#pipeline .section-3 {
	position:relative;
	color:#000;
	margin:0;
	background-color:#fff;

}
#pipeline .section-3 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:0 50px 50px;
}
@media(max-width: 750px) {
	#pipeline .section-3 .boxed {
		max-width:1100px;
		margin:0 auto;
		padding:0 25px 50px;
	}
}

#pipeline .section-3 h2.curled {
	margin:0 0 20px -70px;
	padding:0 0 0 70px;
	background-image:url("images/about-h2-curl.svg");
	background-size:100px auto;
	background-repeat:no-repeat;
	background-position:top 30px left;
	color:#000;
}
#pipeline .section-3 h2.curled .first {
	padding:0 0  0 40px;
}
#pipeline .section-3 h2.curled .yellow {
	color:#f8b407;
}
@media(max-width: 1250px) {
	#pipeline .section-3 h2.curled {
		margin:0 0 20px -25px;
	}
}
@media(max-width: 750px) {
	#pipeline .section-3 h2.curled {
		margin:0 0 20px -15px;
		padding:0 0 0 50px;
		background-size:75px auto;
		background-position:top 15px left;
	}
	#pipeline .section-2 h3.curled .first {
		padding:0 0  0 30px;
	}
}
@media(max-width: 450px) {
	#pipeline .section-3 h2.curled {
		margin:0 0 20px -15px;
		padding:0 0 0 40px;
		background-size:60px auto;
		background-position:top 10px left;
	}
	#pipeline .section-3 h2.curled .first {
		padding:0 0 0 25px;
	}
}
#pipeline .footer-topper {
	position:relative;
	margin:-5vw 0 0 0;
}


/* ======== NEWS PAGE +++++++++ */

#news .section-1 {
	position:relative;
	color:#000;
}
#news .section-1 .image {
	position:relative;
		margin: -20vw 0 0 0;
	z-index:-1;
}

#news .backto {
	position:relative;
	margin:-50px auto;
	font-size:16px;
	max-width:1100px;
	padding:0 50px;
	z-index:3;
}
@media only screen and (max-width : 750px) {
	#news .backto {
		margin:0 auto -25px;
		padding:0 25px;
	}
}
#news .backto a {
	text-decoration: none;
}

#news .section-1 .boxed {
	max-width:1100px;
	margin:0 auto;
	padding:50px 50px 50px 50px;
}
@media only screen and (max-width : 750px) {
	#news .section-1 .boxed {
		padding:50px 25px;
	}
}

#news .section-1 .boxed h1 {
	color: #000;
	font-size: 42px;
	line-height: 1.2;
	margin-bottom: 25px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
}
@media only screen and (max-width : 750px) {
	#news .section-1 .boxed h1 {
		font-size:32px;
	}
}
@media only screen and (max-width : 450px) {
	#news .section-1 .boxed h1 {
		font-size:25px;
	}
}

#news .section-1 .boxed .item {
	padding:0 0 35px 0;
	font-size:27px;
	font-weight:900;
}
@media only screen and (max-width : 750px) {
	#news .section-1 .boxed .item {
		padding:0 0 25px 0;
		font-size:22px;
	}
}
@media only screen and (max-width : 450px) {
	#news .section-1 .boxed .item {
		font-size:17px;
	}
}
#news .section-1 .boxed .item .date {
	position:relative;
	width:270px;
	font-size:20px;
	font-weight:900;
	padding:0 0 5px 0;
	color:#f8b407;
	border-bottom:4px solid #f8b407;
	margin:0 0 15px 0;
}
@media only screen and (max-width : 750px) {
	#news .section-1 .boxed .item .date {
		width:220px;
		font-size:17px;
		border-bottom:3px solid #f8b407;
		margin:0 0 10px 0;
	}
}
@media only screen and (max-width : 450px) {
	#news .section-1 .boxed .item .date {
		font-size:15px;
	}
}

#news .section-1 .boxed .item .title a {
	color:#000;
	text-decoration: none;
	transition: all .3s;
}
#news .section-1 .boxed .item .title a:hover {
	color:#1d3b99;
	text-decoration: none;
}

#news .section-1 .boxed .item .more {
	font-weight:500;
	font-style: italic;
}
#news .section-1 .boxed .item .more a {
	color:#7e81bc;
	font-weight:500;
	font-style: italic;
	transition: all .3s;
}
#news .section-1 .boxed .item .more a:hover {
	color:#1d3b99;
	font-weight:500;
	font-style: italic;
}

#news .footer-topper {
	position:relative;
	margin:-5vw 0 0 0;
}

/* ======== CONTACT PAGE +++++++++ */

#contact .section-1 {
	position:relative;
}

#contact .section-1 .columns {
	position:relative;
	display:flex;
	align-items: center;
	margin: -20vw 0 0 0;
}
@media only screen and (max-width : 450px) {
	#contact .section-1 .columns {
		flex-wrap:wrap;
		margin: -20vw 0 0 0;
		flex-direction: column-reverse;
	}
}
#contact .section-1 .columns .col-1 {
	width:50%;
}
@media only screen and (max-width : 450px) {
	#contact .section-1 .columns .col-1 {
		width:100%;
		align-items:flex-start;
	}
}
#contact .section-1 .columns .col-1 .map {
	background-color:#e7e7e7;
}
#contact .section-1 .columns .col-1 .image {
}
#contact .section-1 .columns .col-2 {
	position:relative;
	width:50%;
	z-index:1;
}
@media only screen and (max-width : 450px) {
	#contact .section-1 .columns .col-2 {
		width:100%;
	}
}
#contact .section-1 .columns .col-2 .inner {
	padding: 7vw 75px 10vw;
}
@media only screen and (max-width : 750px) {
	#contact .section-1 .columns .col-2 .inner {
		padding: 7vw 25px 10vw;
	}
}
@media only screen and (max-width : 450px) {
	#contact .section-1 .columns .col-2 .inner {
		padding: 25vw 25px 50px;
	}
}
#contact .section-1 .columns .col-2 h2 {
	font-size:42px;
	line-height:1.1;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	color: #f8b407;
	margin-bottom:10px;
}
@media only screen and (max-width : 750px) {
	#contact .section-1 .columns .col-2 h2 {
		font-size:32px;
	}
}
@media only screen and (max-width : 450px) {
	#contact .section-1 .columns .col-2 h2 {
		font-size:25px;
	}
}
#contact .section-1 .columns .col-2 h2 + p {
	margin-top:0;
	font-weight:700;
}


#contact .footer-topper {
	position:relative;
	margin:-30vw 0 0 0;
}



/* ======== PRE FOOTER +++++++++ */

.prefoot {
	position:relative;
	color:#fff;
	background-color:#000;
	margin:0;
	text-align: center;
}
.prefoot.line {
	border-bottom:2px solid #63635f;
}

.prefoot  .boxed {
	display:inline-block;
	text-align: left;
	margin:0;
	padding:0 50px 100px;
}


@media only screen and (max-width : 750px) {
	.prefoot  .boxed {
		padding:0 25px 75px;
	}

}
@media only screen and (max-width : 550px) {
	.prefoot  .boxed {
		padding:25px 25px 50px;
		text-align: center;
	}	

}

.prefoot  .boxed h1 {
	font-size:42px;
	color:#f8b407;
	text-transform:uppercase;
	line-height:1.1;
	margin:0;
	padding:0 0 0 55px;
	font-family: "BrandonGross", Helvetica, Arial, "sans-serif";
	background-image:url("images/section-3-line.svg");
	background-repeat:no-repeat;
	background-position:top 15px left;
}
.prefoot  .boxed h1 span {
	padding:0 0 0 100px;
}
@media only screen and (max-width : 750px) {
	.prefoot  .boxed h1 {
		font-size:30px;
		padding:0 0 0 45px;
		background-size:115px auto;
		background-position:top 10px left;
	}
	.prefoot  .boxed h1 span {
		padding:0 0 0 75px;
	}
}
@media only screen and (max-width : 550px) {
	.prefoot  .boxed h1 {
		font-size:20px;
		padding:0;
		background:none;
	}
	.prefoot  .boxed h1 span {
		padding:0;
	}
}
.prefoot  .boxed h3 {
	color:#fff;
	font-weight:900;
	font-size:30px;
	line-height:1.1;
	margin:0 0 8px;
	padding:0 0 0 55px;
}
@media only screen and (max-width : 750px) {
	.prefoot  .boxed h3 {
		font-size:20px;
		margin:0 0 8px;
		padding:0 0 0 45px;
	}
}
@media only screen and (max-width : 550px) {
	.prefoot  .boxed h3 {
		font-size:17px;
		margin:0 0 5px;
		padding:0;
	}
}
.prefoot .boxed .btn {
	margin:40px 0 0 0;
	text-align:center;
}
@media only screen and (max-width : 550px) {
	.prefoot .boxed .btn {
		margin:20px 0 0 0;
	}
}




/* ======== FOOTER +++++++++ */

footer.inside {
	background-color: #000;
	position:relative;
	font-size:20px;
}
@media(max-width: 1250px) {
	footer.inside {
		font-size:18px;
	}
}
@media(max-width: 950px) {
	footer.inside {
		font-size:16px;
	}
}
footer.inside  .columns {
	position:relative;
	display:flex;
	max-width:1100px;
	padding:50px 50px 100px;
	margin: 0 auto;
	color:#fff;
	font-weight:700;
}
@media only screen and (max-width : 750px) {
	footer.inside  .columns {
		flex-wrap:wrap;
		padding:50px 25px 70px;
	}
}
footer.inside   .columns .col-1 {
	width:26%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 750px) {
	footer.inside   .columns .col-1 {
		width:100%;
		margin:0 0 35px 0;
		text-align: center;
	}
}
footer.inside   .columns .col-1 .logo {
	max-width:200px;
}
@media only screen and (max-width : 750px) {
	footer.inside   .columns .col-1 .logo {
		margin:0 auto;
	}
}
footer.inside   .columns .col-2 {
	width:33%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 750px) {
	footer.inside   .columns .col-2 {
		width:100%;
		margin:0 0 15px 0;
		text-align: center;
	}
}
footer.inside   .columns .col-3 {
	width:22%;
	margin:0 5% 0 0;
}
@media only screen and (max-width : 750px) {
	footer.inside   .columns .col-3 {
		width:100%;
		margin:0 0 15px 0;
		text-align: center;
	}
}
footer.inside   .columns .col-4 {
	width:4%;
	margin:0;
}
@media only screen and (max-width : 750px) {
	footer.inside   .columns .col-4 {
		width:100%;
		margin:0;
		text-align: center;
	}
}
footer.inside .columns .col-4 svg {
	fill:#fff;
	width:30px;
	height:30px;
}



#return-to-top {
	position: fixed;
	bottom: 0;
	right: 50%;
	margin:0 -44px 0 0;
	width: 88px;
	height: 32px;
	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;
}