@charset "utf-8";
/*   
Theme Name: lunar
Theme URI: http://www.theyatesnetwork.com
Description: Theme template -- WordPress v5.2
Author: GS-I
Author URI: http://www.gs-interactive.com
Version: 1.231129
*/

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.ttf');
    font-style: normal;
	font-weight:400;
}
@font-face {
    font-family: 'ArchivoSmExp';
    src: url('fonts/Archivo_SemiExpanded-Light.ttf');
    font-style: normal;
	font-weight:300;
}
@font-face {
    font-family: 'ArchivoExp';
    src: url('fonts/Archivo_Expanded-Light.ttf');
    font-style: normal;
	font-weight:300;
}
@font-face {
    font-family: 'ArchivoSmExp';
    src: url('fonts/Archivo_SemiExpanded-Medium.ttf');
    font-style: normal;
	font-weight:500;
}
@font-face {
    font-family: 'ArchivoSC';
    src: url('fonts/Archivo_SemiCondensed-Light.ttf');
    font-style: normal;
	font-weight:300;
}
@font-face {
    font-family: 'ArchivoSC';
    src: url('fonts/Archivo_SemiCondensed-Medium.ttf');
    font-style: normal;
	font-weight:500;
}
@font-face {
    font-family: 'ArchivoSC';
    src: url('fonts/Archivo_SemiCondensed-SemiBold.ttf');
    font-style: normal;
	font-weight:600;
}

.compensate-for-scrollbar {
  margin-right: 0 !important;
}

html.wf-loading * {
     opacity: 0;
}

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

body {
    padding: 0;
    margin: 0;
	font-family: 'Barlow', sans-serif;
	font-size:18px; 
	color:#000229;
	line-height:1.6;
	background-color:#EAEAEE;
	width:100%;
	overflow:hidden;

}

@media(max-width: 1350px) {
	body{
		font-size:18px;
	}
}
@media(max-width: 1100px) {
	body{
		font-size:17px;
	}
}
@media(max-width: 950px) {
	body{
		font-size:16px;
	}
}
@media(max-width: 750px) {
	body{
		font-size:15px;
	}
}
@media only screen and (max-width : 650px) {
	body {-webkit-text-size-adjust: none;}
}

a {
	text-decoration:none;
	color: #0C1748;
	transition: all .3s;
}

a:hover {
	text-decoration:none;
	color:#F7931E;
}

table {
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

#header {
	width:100%;
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:150px;
	z-index: 999;
	background:none;
	transition: all .3s;
}

.navbar.scrolled {
	height:75px;
	background-color: #00000030;
}
.navbar-brand {
	position:absolute;
	top:55px;
	left:50px;
	transition: all .3s;
}
@media(max-width: 950px) {
	.navbar-brand {
		top:15px;
		left:20px;
	}
}
@media(max-width: 650px) {
	.navbar-brand {
		top:15px;
		left:15px;
	}
}
.navbar.scrolled .navbar-brand {
	top:0;
	left:20px;
}

.navbar-brand img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	transition: all .3s;
}
.navbar-brand img.logosymbol {
	top:0;
	left:0;
	width:125px;
}
@media(max-width: 650px) {
	.navbar-brand img.logosymbol {
		width:95px;
	}
}
@media(max-width: 450px) {
	.navbar-brand img.logosymbol {
		width:62px;
	}
}
.navbar.scrolled .navbar-brand img.logosymbol {
	opacity:0;
	left:-125px;
}
@media(max-width: 650px) {
	.navbar.scrolled .navbar-brand img.logosymbol {
		width:-95px;
	}
}
@media(max-width: 450px) {
	.navbar.scrolled .navbar-brand img.logosymbol {
		width:-65px;
	}
}
.navbar-brand img.logotext {
	top:0;
	left:125px;
	width:200px;
}
@media(max-width: 650px) {
	.navbar-brand img.logotext {
		top:3px;
		left:97px;
		width:156px;
	}
}
@media(max-width: 450px) {
	.navbar-brand img.logotext {
		top:0;
		left:60px;
		width:125px;
	}
}
.navbar.scrolled .navbar-brand img.logotext {
	left:0;
	width:177px;
}
@media(max-width: 650px) {
	.navbar.scrolled .navbar-brand img.logotext {
		left:-10px;
		width:156px;
	}
}
@media(max-width: 450px) {
	.navbar.scrolled .navbar-brand img.logotext {
		top:10px;
		left:-10px;
		width:145px;
	}
}
.nav {
	position:absolute;
    list-style: none;
	top:0;
	right:0;
	margin:0;
	width:400px;
	padding:0;
	z-index:9998;
	background-color: #f7f7f7;
	display:none;
}
@media(max-width: 950px) {
	.nav {
		width:300px;
	}
}
#header .navbar.scrolled .nav {
	top:0;
}

#header .nav ul {
	list-style:none;
	padding:120px 50px 50px;
	margin:0;
}
@media(max-width: 950px) {
	#header .nav ul {
		padding:90px 50px 50px;
	}
}
#header .nav ul li {
	display:block;
	margin:0;
	padding:0;
	
}
#header .nav ul li a {
	font-size:40px;
	line-height:1.1;
    display: block;
	padding: 15px 10px;
}
@media(max-width: 950px) {
	#header .nav ul li a {
		font-size:30px;
		padding: 10px 10px;
	}
}
#header .nav ul li.current-page-ancestor > a  {
    color:#F7931E;
}
#header .nav ul li.current_page_item > a  {
    color:#F7931E
}
#header .nav ul li a:hover {
	color:#F7931E;
    text-decoration: none;
}

#header .nav ul li ul {
	position:relative;
	margin: 0 0 0 15px;
	display:none;
}

#header .nav ul li:hover ul {
	position:relative;
}

#header .nav ul ul li a {
	font-size:15px;
    display: block;
    padding: 10px 25px;
	line-height:1.2;
	height: auto;
    font-weight: 700;
	color:#1f1f5b;
}

#header .nav ul li ul ul {
	display: none;
}


#hamburger {
	position:absolute;
	top:60px;
	right:40px;
	width:10px;
	height:50px;
	z-index:9999;
	transition: all .3s;
}
@media(max-width: 950px) {
	#hamburger {
		top:15px;
	}
}
@media(max-width: 650px) {
	#hamburger {
		right:20px;
	}
}
.navbar.scrolled #hamburger {
	top:15px;
}

#hamburger:hover {
	cursor:pointer;
}
#hamburger .bar {
	position:absolute;
	left:0;
	width:10px;
	height:10px;
	fill:#fff;
	transition:all .3s;
}
#hamburger.on .bar {
	fill:#4035EF;
}

#hamburger:hover .bar {
	fill:#ff991b;
}
#hamburger #bar1 {
	left:0;
	top:5px;
}
#hamburger:hover #bar1 {
	top:0;
	transform: scale(1.3);
}
#hamburger.on #bar1 {
	left:-12px;
	top:5px;
}
#hamburger:hover #bar1 {
	top:0;
	transform: scale(1.3);
}

#hamburger #bar1b {
	left:0;
	top:5px;
}
#hamburger.on #bar1b {
	left:12px;
	top:5px;
}
#hamburger:hover #bar1b {
	top:0;
	transform: scale(1.3);
}




#hamburger #bar2 {
	left:0;
	top:20px;
}
#hamburger:hover #bar2 {
	transform: scale(1.3);
}
#hamburger #bar3 {
	left:0;
	top:35px
}
#hamburger.on #bar3 {
	left:-12px;
	top:35px
}
#hamburger:hover #bar3 {
	top:40px;
	transform: scale(1.3);
}

#hamburger #bar3b {
	left:0;
	top:35px;
}
#hamburger.on #bar3b {
	left:12px;
	top:35px;
}
#hamburger:hover #bar3b {
	top:40px;
	transform: scale(1.3);
}





/* ====================================== Text Style defaults ============================= */

.inner-space {
	width:100%;
	height:90px;
}
.red1 {
	color:#E10000;
}
.orange1 {
	color:#F7931E;
}
.orange2 {
	color:#E8653E;
}
.blue1 {
	color:#0C1748;
}
.blue2 {
	color:#0D24F4;
}
.blue3 {
	color:#4035EF;
}
.green {
	color:#379F85;
}
.violet1 {
	color:#4035EF;
}
.violet2 {
	color:#8C8EEE;
}
.teal {
	color:#039AA0;
}
.upperc {
	text-transform: uppercase;
}

h1 {
	font-family: 'ArchivoSmExp', sans-serif;
	color:#fff;
	font-size:45px;
	line-height:1.1;
	font-weight:300;
}
h1 strong {
	font-family: 'ArchivoSmExp', sans-serif;
	font-size:85px;
	font-weight:300;
}
@media only screen and (max-width : 1350px) {
	h1 {
		font-size:35px;
	}
	h1 strong {
		font-size:70px;
	}
}
@media only screen and (max-width : 1100px) {
	h1 {
		font-size:28px;
	}
	h1 strong {
		font-size:60px;
	}
}
@media only screen and (max-width : 950px) {
	h1 {
		font-size:20px;
	}
	h1 strong {
		font-size:50px;
	}
}
@media only screen and (max-width : 750px) {
	h1 {
		font-size:15px;
	}
	h1 strong {
		font-size:42px;
	}
}
h2 {
	font-family: 'ArchivoExp', sans-serif;
	font-weight:300;
	font-size:38px;
	margin:0;
	line-height: 1.2;
}
h2 strong {
	font-weight:300;
	font-size:60px;
	line-height: 1.1;
}
@media only screen and (max-width : 1350px) {
	h2 {
		font-size:31px;
	}
	h2 strong {
		font-size:50px;
	}
}
@media only screen and (max-width : 1100px) {
	h2 {
		font-size:27px;
	}
	h2 strong {
		font-size:42px;
	}
}
@media only screen and (max-width : 950px) {
	h2 {
		font-size:22px;
	}
	h2 strong {
		font-size:34px;
	}
}
@media only screen and (max-width : 750px) {
	h2 {
		font-size:18px;
	}
	h2 strong {
		font-size:28px;
	}
}
@media only screen and (max-width : 450px) {
	h2 {
		font-size:17px;
	}
	h2 strong {
		font-size:24px;
	}
}
h3 {
	font-weight:400;
	font-style:italic;
	text-transform: none;
	margin:0;
	line-height: 1.2;
}
h3 strong {
	font-weight:700;
	font-style:normal;
	font-size:32px;
	text-transform: uppercase;
}



.btns {
	margin:20px 0 0 0;
}
a.btnlinkdots {
	position:relative;
	padding:0 0 0 55px;
	color:#000229;
}
span.btnlinkdots {
	position:relative;
	padding:0 0 0 55px;
	color:#E8653E;
}
span.btnlinkdots:hover {
	color:#E8653E;
}

.linkdots {
	position:absolute;
	top:9px;
	left:0;
	width:50px;
	height:10px;
	transition: all .3s;
}
@media(max-width: 1350px) {
	.linkdots {
		top:9px;
	}
}
@media(max-width: 950px) {
	.linkdots {
		top:7px;
	}
}
.linkdots .dot {
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	fill:#F7931E;
	transition:all .2s;
}
.btnlinkdots:hover {
	color:#ff991b;
}
.btnlinkdots .dot1 {
	left:5px;
	top:0;
}
.btnlinkdots .dot2 {
	left:20px;
	top:0;
}
.btnlinkdots .dot3 {
	left:35px;
	top:0;
}
.btnlinkdots .dot1 {
	transition-delay:.1s;
}
.btnlinkdots .dot2 {
	transition-delay:.2s;
}
.btnlinkdots .dot3 {
	transition-delay:.3s;
}
a.btnlinkdots:hover .dot1 {
	transform: scale(1.2);
	fill:#e10000;
}
a.btnlinkdots:hover .dot2 {
	transform: scale(1.2);
	fill:#e10000;
}
a.btnlinkdots:hover .dot3 {
	transform: scale(1.2);
	fill:#e10000;
}



a.btn2 {
	display:inline-block;
	padding:15px 45px 15px 65px;
	color:#ADCF3B;
	font-size:22px;
	line-height:1.1;
	font-weight:700;
	text-align: left;
	text-transform: uppercase;
	background-color:#ADCF3B;
	background-image: url("images/btn2-swipe.png");
	background-repeat: no-repeat;
	background-position:left 0 top 0;
	transition: all .3s;
}
a.btn2:hover {
	color:#094167;
	background-position:left 400px top 0;
}



#fullpagewrap {
	padding:0;
	position:relative;
	margin:0;
	overflow:hidden;
	max-width:2500px;

}
.wrap {
	overflow:hidden;
}

@keyframes barshine {
  0% {
    left: -50vw;
  }

  50% {
    left: 150vw;
  }
  100% {
    left: 150vw;
  }
}
.flare {
  animation-name: barshine;
  animation-duration: 5s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  left: 0;
  top: 0;
  height: 100%;
  width: 15vw;
  position: absolute;
  background: rgb(79,47,36);
  background: linear-gradient(90deg, rgba(234,234,238,.05) 0%, rgba(234,234,238,.35) 40%, rgba(234,234,238,.65) 60%, rgba(234,234,238,.05) 100%);
  z-index: 1;
}


.threedots {
	position:relative;
	font-family: 'ArchivoSmExp', sans-serif;
	color:#0C1748;
	font-size:21px;
	line-height:1.1;
	font-weight:300;
	padding:0 0 5px 50px;
}
.threedots .dot {
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	fill:#F7931E;
}

.threedots .dot1 {
	left:0;
	top:8px;
}
.threedots .dot2 {
	left:15px;
	top:8px;
}
.threedots .dot3 {
	left:30px;
	top:8px;
}

.swirlyL {
	position:absolute;
	top:0;
	left:0;
	width:10vw;
	opacity:.6;
}
.swirlyL img {
	width:100%;
	height:auto;
}
.swirlyR {
	position: absolute;
  	top: 0vw;
  	right: 0vw;
  	width: 10vw;
	opacity:.6;
}
.swirlyR img {
	width:100%;
	height:auto;
}

/* ------  HOME PAGE ------ */
	
#hp-1 {
	position:relative;
	width:100vw;
	height:56.25vw;
	margin:0;
	padding:0;
	z-index: 2;
	overflow:hidden;
}
@media(max-width: 550px) {
	#hp-1 {
		height:95vw;
	}
}

#hp-1 .bg {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
}

#hp-1 .bg img {
	width:100%;
	height:auto;
}
#hp-1 .bg {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 56.25vw;
	z-index:1;
	background-color:#fff;
}

#hp-1 .bg video {
	position: relative;
	width: 100%;
	height: auto;
}

#hp-1 .bg video ::-webkit-media-controls {
  display:none !important;
}

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




#hp-1 .mask1 {
	position:absolute;
	width:100%;
	height:auto;
	bottom:-3px;
	left:0;
	z-index:3;
}
@media(max-width: 550px) {
	#hp-1 .mask1 {
		bottom:36vw;
	}
}
#hp-1 .mask1 img {
	width:100%;
	height:auto;
}


#hp-1 .fixed {
	position:absolute;
	top:17vw;
	left:0;
	width:100vw;
	text-align: center;
	color:#fff;
	z-index:2;
	animation-name: hp1fx;
  	animation-duration: 10s;
	animation-fill-mode: forwards;
	transform-origin: center bottom;
	opacity:0;
}
@media only screen and (max-width : 950px) {
	#hp-1 .fixed {
		animation-name: hp1fx-950;
		top:20vw;
	}
}
@media(max-width: 550px) {
	#hp-1 .fixed {
		top:20vw;
		animation-name: none;
		opacity:1;
		letter-spacing:4px;
	}
}
/* The animation code */
@keyframes hp1fx {
  0%   {
	  letter-spacing:0;
	  opacity:0;
	}
  38% {  
	  letter-spacing:0;
	  opacity:0;
	}
  45%   {
	  opacity:1;
	}
  100% {
	  letter-spacing:10px;
	  opacity:1;
	}
}
		/* The animation code 950 */
		@keyframes hp1fx-950 {
		  0%   {
			  letter-spacing:0;
			  opacity:0;
			}
		  38% {  
			  letter-spacing:0;
			  opacity:0;
			}
		  45%   {
			  opacity:1;
			}
		  100% {
			  letter-spacing:6px;
			  opacity:1;
			}
		}
#hp-1 .fixed2 {
	position:absolute;
	top:24vw;
	left:0;
	width:100vw;
	text-align: center;
	color:#fff;
	z-index:2;
	animation-name: hp1fx2;
  	animation-duration: 10s;
	animation-fill-mode: forwards;
	transform-origin: center bottom;
	opacity:0;
}
@media only screen and (max-width : 950px) {
	#hp-1 .fixed2 {
		top:26vw;
		animation-name: hp1fx2-950;
	}
}
@media(max-width: 550px) {
	#hp-1 .fixed2 {
		top:31vw;
		animation-name: none;
		opacity:1;
	}
	#hp-1 .fixed2 h1 strong {
		font-size: 27px;
	}
}
/* The animation code */
@keyframes hp1fx2 {
  0%   {
	  opacity:0;
	  top:24vw;
	}
  48%   {
	  opacity:0;
	  top:24vw;
	}
  58%   {
	  opacity:1;
	  top:20vw;
	}
  100% {
	  opacity:1;
	  top:20vw;
	}
}

		/* The animation code 950 */
		@keyframes hp1fx2-950 {
		  0%   {
			  opacity:0;
			  top:26vw;
			}
		  48%   {
			  opacity:0;
			  top:26vw;
			}
		  58%   {
			  opacity:1;
			  top:23vw;
			}
		  100% {
			  opacity:1;
			  top:23vw;
			}
		}

#hp-1 .text {
	font-size:25px;
	width:600px;
	line-height:1.3;
	position:absolute;
	top:30vw;
	left:calc(50% - 300px);
	text-align: center;
	color:#fff;
	z-index:2;
	animation-name: hp1fx3;
  	animation-duration: 10s;
	animation-fill-mode: forwards;
	transform-origin: center bottom;
	opacity:0;
}
@media only screen and (max-width : 1350px) {
	#hp-1 .text {
		font-size:21px;
	}
}
@media only screen and (max-width : 1100px) {
	#hp-1 .text {
		font-size:19px;
	}
}
@media only screen and (max-width : 950px) {
	#hp-1 .text {
		font-size:17px;
		top:33vw;
		animation-name: hp1fx3-950;
	}
}
@media only screen and (max-width : 750px) {
	#hp-1 .text {
		font-size:15px;
		width: 90%;
    	left: 5%;
		padding-top:10px;
	}
}
@media only screen and (max-width: 550px) {
	#hp-1 .text { 
		width:auto;
		padding:0 20px;
		left:auto;
		top:65vw;
		color: #000229;
		animation-name: none;
		opacity:1;
	}
}
/* The animation code */
@keyframes hp1fx3 {
  0%   {
	  opacity:0;
	  top:30vw;
	}
  55%   {
	  opacity:0;
	  top:30vw;
	}
  63%   {
	  opacity:1;
	  top:29vw;
	}
  100% {
	  opacity:1;
	  top:29vw;
	}
}

			/* The animation code - 950 */
			@keyframes hp1fx3-950 {
			  0%   {
				  opacity:0;
				  top:33vw;
				}
			  55%   {
				  opacity:0;
				  top:33vw;
				}
			  63%   {
				  opacity:1;
				  top:32vw;
				}
			  100% {
				  opacity:1;
				  top:32vw;
				}
			}


#hp-2 {
	position:relative;
	width:100%;
}
#hp-2 .swirlyL {
	top: -1vw;
  	left: -41vw;
  	width: 73vw;
	transform: rotate(-25deg);
}
#hp-2 .swirlyR {
  	top: -10vw;
  	right: -31vw;
    width: 45vw;
  	transform: rotate(-25deg);
}
#hp-2 .arc {
	position:relative;
	max-width:1000px;
	margin:75px auto 0;
	padding: 0 70px;
	overflow:hidden;
}
@media(max-width: 650px) {
	#hp-2 .arc {
		margin:50px auto 0;
		padding: 0 20px;
	}
}
#hp-2 .arc img {
	width:100%;
	height:auto;
}

#hp-2 .fixed {
	position:relative;
	max-width:1100px;
	padding:30px 50px 75px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#hp-2 .fixed {
		padding:30px 20px 25px 20px;
	}
}
#hp-2 .fixed .text {
	max-width:600px;
	margin:20px auto;
	line-height:1.3;
}

#hp-3 {
	position:relative;
	width:100%;
	overflow: hidden;
}

#hp-3 .fixed {
	position:relative;
	max-width:1200px;
	padding:25px 50px 75px 50px;
	margin:0 auto;
	display:flex;
	flex-direction: row-reverse;
}
@media(max-width: 650px) {
	#hp-3 .fixed {
		padding:25px 20px 25px 20px;
		flex-wrap:wrap;
		flex-direction:row;
	}
}
#hp-3 .fixed .half1 {
	width:50%;
	margin:0 10% 0 0;
	display:flex;
	align-items: center;
}
@media(max-width: 650px) {
	#hp-3 .fixed .half1 {
		width:100%;
		margin:0;
	}
}
#hp-3 .fixed .text {
	margin:20px 0;
	line-height:1.3;
}


#hp-3 .fixed .half2 {
	width:40%;
}
@media(max-width: 650px) {
	#hp-3 .fixed .half2 {
		width:100%;
	}
}
#hp-3 .graphic {
	position:relative;
	max-width:550px;
	padding:0;
	margin:0 auto;
	text-align: center;
}
@media only screen and (max-width : 950px) {
	#hp-3 .graphic {
		max-width:350px;
	}
}


#hp-3 .triforce {
	position:relative;
	margin:0;
}
#hp-3 .triforce img {
	width:100%;
	height:auto;
}
#hp-3 .dots1 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
#hp-3 .dots1 img {
	width:100%;
	height:auto;
}
#hp-3 .dots2 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	transition:all 25s;
	transform:rotate(75deg);
}
#hp-3.animate .dots2 {
	transform:rotate(0);
}
#hp-3 .dots2 img {
	width:100%;
	height:auto;
}
#hp-3 .dots3 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	transform:rotate(-95deg);
	transition:all 35s;
}
#hp-3.animate .dots3 {
	transform:rotate(0);
}
#hp-3 img {
	width:100%;
	height:auto;
}

#hp-3 .meteor {
	position: absolute;
	top: 90%;
	left: 120%;
	width: 220px;
	opacity:0;
	tansition-delay:2s;
	transition:all 2s;
}
@media only screen and (max-width : 950px) {
	#hp-3 .meteor {
		width: 150px;
	}
}
@media(max-width: 650px) {
	#hp-3 .meteor {
		top: 40%;
	}
}
#hp-3.animate .meteor {
	top: 50%;
	left: 85%;
	opacity:1;
}
@media(max-width: 650px) {
	#hp-3.animate .meteor {
		top: 25%;
		left: 75%;
	}
}
#hp-3.animate .meteor img {
	width:100%;
	height:auto;
}


#hp-4 {
	position:relative;
	width:100%;
	display:flex;
	align-items: center;
}
@media(max-width: 650px) {
	#hp-4 {
		flex-wrap:wrap;
	}
}
#hp-4 .swirlyR {
  top: -3vw;
  right: -26vw;
  width: 70vw;
  transform: rotate(-5deg);
}

#hp-4 .half {
	position:relative;
	width:50%;
}
@media(max-width: 650px) {
	#hp-4 .half {
		width:100%;
	}
}
#hp-4 .half .image {
	position:relative;
	width:100%;
	height:auto;
}
#hp-4 .half .image img {
	width:100%;
	height:auto;
}
#hp-4 .half .blob1 {
	position: absolute;
	top: -30px;
	left: 0;
	width:100%;
	height:auto;
	transition:all 10s;
}
#hp-4.animate .half .blob1 {
	top: 30px;
}
#hp-4 .half .blob1 img {
	width:100%;
	height:auto;
}
#hp-4 .half .blob2 {
	position: absolute;
	top: 30px;
	left: 0;
	width:100%;
	height:auto;
	transition:all 12s;
}
#hp-4.animate .half .blob2 {
	top: -20px;
}
#hp-4 .half .blob2 img {
	width:100%;
	height:auto;
}
#hp-4 .fixed {
	position:relative;
	max-width:550px;
	padding:50px;
	margin:0;
	text-align: left;
}
@media(max-width: 650px) {
	#hp-4 .fixed {
		padding:20px;
	}
}
#hp-4 .fixed .text {
	max-width:550px;
	margin:20px 0;
	line-height:1.3;
}

#hp-5 {
	position:relative;
	width:100%;
}
#hp-5 .arc {
	position:relative;
	max-width:1000px;
	padding:100px 70px 50px 70px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#hp-5 .arc {
		padding:30px 20px 20px 20px;
	}
}
#hp-5 .arc.usd img {
	width:100%;
	height:auto;
	transform: scaleY(-1);
}
#hp-5 .fixed {
	position:relative;
	max-width:1100px;
	padding:30px 50px 70px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#hp-5 .fixed {
		padding:30px 20px 50px 20px;
	}
}
#hp-5 .fixed .text {
	max-width:600px;
	margin:20px auto;
	line-height:1.3;
}


#hp-6 {
	position:relative;
	width:100%;
}
#hp-6 .fixed {
	position:relative;
	max-width:1100px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	text-align: center;

}
#hp-6 .image {
	position:relative;
	margin:0 0 50px 0;
	z-index:1;
}
#hp-6 .image img {
	width:100%;
	height:auto;
}

#hp-7 {
	position:relative;
	width:100%;
}
#hp-7 .swirlyL {
  top: -60vw;
  left: -35vw;
  width: 107vw;
  transform: rotate(-50deg);
}


#hp-7 .arc {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	padding:75px 70px 0 70px;
	overflow:hidden;
}
@media(max-width: 650px) {
	#hp-7 .arc {
		padding:25px 20px 0 20px;
	}
}
#hp-7 .arc img {
	width:100%;
	height:auto;
}
#hp-7 .fixed {
	position:relative;
	max-width:1100px;
	padding:30px 50px 75px 50px;
	margin:0 auto;
	text-align: center;

}
@media(max-width: 650px) {
	#hp-7 .fixed {
		padding:30px 20px 25px 20px;
	}
}

#hp-7 .cols {
	position:relative;
	display:flex;
	gap:10%;
	max-width: 800px;
  	margin: 50px auto;
  	text-align: left;
}
@media(max-width: 650px) {
	#hp-7 .cols {
		flex-wrap:wrap;
	}
}
#hp-7 .cols .half {
	position:relative;
	width:45%;
	padding:0;
}
@media(max-width: 650px) {
	#hp-7 .cols .half {
		width:100%;
		margin:0 0 20px 0;
	}
}
#hp-7 .date {
	position:relative;
	font-family: 'ArchivoSmExp', sans-serif;
	color:#0C1748;
	font-size:21px;
	line-height:1.1;
	font-weight:300;
	padding:0 0 5px 50px;
}
@media(max-width: 650px) {
	#hp-7 .date {
		font-size:17px;
	}
}
#hp-7 .date .dot {
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	fill:#F7931E;
}

#hp-7 .date .dot1 {
	left:0;
	top:8px;
}
#hp-7 .date .dot2 {
	left:15px;
	top:8px;
}
#hp-7 .date .dot3 {
	left:30px;
	top:8px;
}
#hp-7 .hl {
	position:relative;
	font-weight:600;
	padding:0;
}
#hp-7 .hl a {
	color:#0C1748;
	transition:all .3s;
}
#hp-7 .hl a:hover {
	color:#000;
}
#hp-7 .hl a .more {
	display:block;
	padding:5px 0 0 0;
	color:#F7931E;
	transition:all .3s;
}
#hp-7 .hl a:hover .more {
	color:#E8653E;
}

/* ------  BANNER ANIMATION ------ */
	
.banner {
	position:relative;
	width:100vw;
	height:60vw;
	margin:0;
	padding:0;
	z-index: 2;
	overflow:hidden;
}


.banner .bg {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
}

.banner .bg img {
	width:100%;
	height:auto;
}
.banner .orbits {
	position:absolute;
	width:150vw;
	height:auto;
	opacity:.5;
	top:-50vw;
	left:-25vw;
	transition:all .3s ease-out;
}
.banner .orbits img {
	width:100%;
	height:auto;
}
.banner .orbits2 {
  position: absolute;
  width: 150vw;
  height: auto;
  opacity: .5;
  top: -65vw;
  left: -55vw;
  transition: all .3s ease-out;
}
.banner .orbits2 img {
	width:100%;
	height:auto;
}
.banner .floats {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
	transition:all .3s ease-out;
}
.banner .floats img {
	width:100%;
	height:auto;
}
.banner .floats2 {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
	transition:all .3s ease-out;
}
.banner .floats2 img {
	width:100%;
	height:auto;
}
.banner .mask1 {
	position:absolute;
	width:100%;
	height:auto;
	bottom:-3px;
	left:0;
}
.banner .mask1 img {
	width:100%;
	height:auto;
}


.banner .fixed {
	position:absolute;
	top:23vw;
	left:5vw;
	width:50vw;
	text-align: left;
	color:#fff;
}
@media(max-width: 650px) {
	.banner .fixed {
		left:25px;
		width:55vw;
	}
}
@media only screen and (max-width : 450px) {
		.banner .fixed {
			top:26vw;
			left:25px;
			width:65vw;
		}

}
.banner .fixed.center {
	left:10vw;
	width:80vw;
	text-align: center;
}
.banner .fixed h2 {
	font-family: 'ArchivoSmExp', sans-serif;
	font-size:38px;
	font-weight:300;
	line-height:1;
}
.banner .fixed h2 strong {
	font-family: 'ArchivoExp', sans-serif;
	font-size:75px;
}
.banner .fixed.center h2 strong {
	font-size:65px;
}
@media(max-width: 450px) {
	.banner .fixed.center h2 strong {
		font-size:23px;
	}
}




@media only screen and (max-width : 1500px) {
	.banner .fixed h2 {
		font-size:32px;
	}
	.banner .fixed h2 strong {
		font-size:70px;
	}
}
@media only screen and (max-width : 1350px) {
	.banner .fixed h2 {
		font-size:26px;
	}
	.banner .fixed h2 strong {
		font-size:63px;
	}
}
@media only screen and (max-width : 1100px) {
	.banner .fixed h2 {
		font-size:22px;
	}
	.banner .fixed h2 strong {
		font-size:55px;
	}
}
@media only screen and (max-width : 950px) {
	.banner .fixed h2 {
		font-size:19px;
	}
	.banner .fixed h2 strong {
		font-size:46px;
	}
}
@media only screen and (max-width : 650px) {
	.banner .fixed h2 {
		font-size:17px;
	}
	.banner .fixed h2 strong {
		font-size:34px;
	}
}
@media only screen and (max-width : 450px) {
	.banner .fixed h2 {
		font-size:12px;
	}
	.banner .fixed h2 strong {
		font-size:18px;
	}
}
.banner .circ {
	position:absolute;
	top:8vw;
	left:57vw;
	width:43vw;
	text-align: center;
	color:#fff;
	overflow:hidden;

}
@media only screen and (max-width : 650px) {
	.banner .circ {
		top:13vw;
		left:61vw;
		width:39vw;
	}
}
@media only screen and (max-width : 450px) {
	.banner .circ {
		top:24vw;
		left:70vw;
		width:30vw;
	}
}
.banner .circ img {
	position:relative;
	width:120%;
	height:auto;
	border-radius: 50%;
}

.fadeUpIn {
	opacity:0;
	padding:50px 0 0 0;
	animation-name: fadeUI;
  	animation-duration: 1s;
	animation-fill-mode: forwards;
}
/* The animation code */
@keyframes fadeUI {
  0%   {
	  opacity:0;
	  padding:70px 0 0 0;
	}
  100% {
	  opacity:1;
	  padding: 0 0 70px 0;
	}
}




/* ------  SUB BANNER ANIMATION ------ */
	
.subbanner {
	position:relative;
	width:100vw;
	height:20vw;
	margin:0;
	padding:0;
	z-index: 2;
	overflow:hidden;
}


.subbanner .bg {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
}

.subbanner .bg img {
	width:100%;
	height:auto;
}
.subbanner .orbits {
	position:absolute;
	width:150vw;
	height:auto;
	opacity:.5;
	top:-50vw;
	left:-25vw;
	transition:all .3s ease-out;
}
.subbanner .orbits img {
	width:100%;
	height:auto;
}

.subbanner .mask1 {
	position:absolute;
	width:100%;
	height:auto;
	bottom:-3px;
	left:0;
}
.subbanner .mask1 img {
	width:100%;
	height:30vw;
}

.subbanner .fixed {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	padding:9vw 50px 0;
	text-align: left;
	color:#fff;
}

.subbanner .fixed h2 {
	font-family: 'ArchivoSmExp', sans-serif;
	font-size:50px;
	font-weight:300;
	line-height:1;
}


/*----------------- ABOUT / TEAM PAGE  ----------- */

#abt-2 {
	position:relative;
	width:100%;
}
#abt-2 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
#abt-2 .arc img {
	width:100%;
	height:auto;
}
#abt-2 .fixed {
	position:relative;
	max-width:1250px;
	padding:30px 50px 0 50px;
	margin:0 auto;
	text-align: center;

}
@media(max-width: 650px) {
	#abt-2 .fixed {
		padding:30px 20px 0 20px;

	}
}
#abt-2 .fixed .text {
	position:relative;
	max-width:650px;
	margin:0 auto;
	text-align: center;

}

#abt-3 {
	position:relative;
	width:100%;
	padding:100px 0 75px;
}
@media(max-width: 750px) {
	#abt-3 {
		padding:100px 0 0;
	}
}
#abt-3 .swirlyL {
  top: -5vw;
  left: -5vw;
  width: 46vw;
  transform: rotate(-10deg);
}
#abt-3 .swirlyR {
  top: -6vw;
  right: -3vw;
  width: 44vw;
  transform: rotate(150deg);
}
#abt-3 .fixed {
	max-width:1200px;
	padding:0 50px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
@media(max-width: 750px) {
	#abt-3 .fixed {
		flex-wrap:wrap;
		padding:0;
	}
}
#abt-3 .fixed .col {
	position:relative;
	width:29%;
	padding:0 0 60px;
	text-align: center;
}
@media(max-width: 750px) {
	#abt-3 .fixed .col {
		width:260px;
		margin:0 auto 35px;
		padding:0 30px 20px;
	}
}
#abt-3 .fixed .col strong {
	color:#4035EF;
}
#abt-3 .fixed .col .btns {
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	text-align: center;
	width:100%;
}

#abt-4 .fixed {
	position:relative;
	max-width:630px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#abt-4 .fixed {
		padding:25px 20px 0 20px;
		margin:0 auto;
		text-align: center;
	}
}
#abt-5 .fixed {
	position:relative;
	max-width:1100px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#abt-5 .fixed {
		padding:25px 10px 0 10px;
	}
}
#abt-5 .fixed h2 {
	font-size:50px;
	font-weight: 300;
	font-family: 'ArchivoSC', sans-serif;
}
@media only screen and (max-width : 950px) {
	#abt-5 .fixed h2 {
		font-size:35px;
	}
}


#abt-5 .fixed .members {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	width:900px;
	margin:30px auto 0;
}
@media(max-width: 950px) {
	#abt-5 .fixed .members {
		width:600px;
	}
}
@media(max-width: 650px) {
	#abt-5 .fixed .members {
		width:100%;
	}
}
#abt-5 .fixed .members.wide {
	width:1200px;
}
@media(max-width: 1250px) {
	#abt-5 .fixed .members.wide {
		width:900px;
	}
}
@media(max-width: 950px) {
	#abt-5 .fixed .members.wide {
		width:600px;
	}
}
@media(max-width: 650px) {
	#abt-5 .fixed .members.wide {
		width:100%;
	}
}
#abt-5 .fixed .members.thin {
	width:600px;
}
@media(max-width: 650px) {
	#abt-5 .fixed .members.thin {
		width:100%;
	}
}
#abt-5 .fixed .members .person {
	font-family: 'ArchivoSC', sans-serif;
	width:300px;
	margin:0 0 30px 0;
}
@media(max-width: 650px) {
	#abt-5 .fixed .members .person {
		width:50%;
		margin:0 0 20px 0;
	}
}
#abt-5 .fixed .members .person:hover {
	cursor:pointer;
}
#abt-5 .fixed .members .person .member-image {
	margin:0 25px 15px;
	width:250px;
	height:250px;
	border-radius:125px;
	background-color:#707070;
	overflow:hidden;
}
@media(max-width: 650px) {
	#abt-5 .fixed .members .person .member-image {
		margin:0 auto 15px;
		width:130px;
		height:130px;
		border-radius:65px;
	}
}
#abt-5 .fixed .members .person .member-image img {
	width:100%;
	height:auto;
	transition:all .3s;
}
#abt-5 .fixed .members .person:hover .member-image img {
	transform:scale(1.03);
}
#abt-5 .fixed .members .person .member-name {
	width:270px;
	margin:0 15px;
	line-height:1.2;
	font-weight:500;
	transition:all .3s;
}
@media(max-width: 650px) {
	#abt-5 .fixed .members .person .member-name {
		width:auto;
	}
}
#abt-5 .fixed .members .person:hover .member-name {
	color: #F7931E;
}
#abt-5 .fixed .members .person .member-title {
	width:270px;
	margin:0 15px;
	font-size:90%;
	font-weight: 300;
	line-height:1.2;
	transition:all .3s;
}
@media(max-width: 650px) {
	#abt-5 .fixed .members .person .member-title {
		width:auto;
		margin:0 15px;
	}
}
#abt-5 .fixed .members .person:hover .member-title {
	color: #F7931E;
}

.person-bio-layer {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color: #ffffff90;
	z-index:1000;
}
.person-bio-layer .bio-stage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.person-bio-layer .bio-content {
	position:relative;
	max-width:1200px;
	margin:5vh auto;
	height:calc(90vh - 100px);
	padding:50px 0;
	background: rgb(153,153,255);
	background: linear-gradient(180deg, rgba(153,153,255,1) 0%, rgba(13,24,75,1) 75%);
	border-radius:150px 0 0 0;
	box-shadow: 5px 5px 8px #000;
	overflow: hidden;
}
@media only screen and (max-width : 1350px) {
	.person-bio-layer .bio-content {
		margin:5vh 50px;
		padding:30px 0;
	}
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .bio-content {
		margin:20px 15px;
		padding:15px 0;
		border-radius:50px 0 0 0;
	}
}
#abt-5 .person-bio-layer .bio-content .swirlyL {
  top: -4vw;
  left: -25vw;
  width: 54vw;
  transform: rotate(60deg);
	opacity:.2;
}
.person-bio-layer .bio-content .wrap {
	position:relative;
	margin:0 0 0 50px;
	height:100%;
	padding:0;
	display:flex;
}
@media only screen and (max-width : 950px) {
	.person-bio-layer .bio-content .wrap {
		margin:0 0 0 20px;
	}
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .bio-content .wrap {
		display:block;
		overflow-y: scroll;
	}
}
.person-bio-layer .wrap .bio-image {
	width:250px;
	height:250px;
	margin: 0;
	border-radius:125px;
	background-color:#707070;
	overflow:hidden;
}
@media only screen and (max-width : 950px) {
	.person-bio-layer .wrap .bio-image {
		width:180px;
		height:180px;
		border-radius:90px;
	}
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .wrap .bio-image {
		width:150px;
		height:150px;
		border-radius:75px;
		margin:0 auto 15px;
	}
}
.person-bio-layer .wrap .bio-image img {
	width:100%;
	height:100%;
}
.person-bio-layer .wrap .bio-text {
	width: calc(100% - 300px);
  	text-align: left;
  	margin: 0 0 0 50px;
	overflow-y:scroll;
}
@media only screen and (max-width : 950px) {
	.person-bio-layer .wrap .bio-text {
		width: calc(100% - 200px);
		margin: 0 0 0 30px;
		font-size: 15px;
	}
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .wrap .bio-text {
		width: 100%;
		margin: 0;
	}
}
.person-bio-layer .wrap .bio-text .bio-name {
	font-family: 'ArchivoSC', sans-serif;
	font-weight:300;
	color:#fff;
	font-size:190%;
	line-height: 1.2;
	padding: 0 80px 0 0;
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .wrap .bio-text .bio-name {
		text-align:center;
		font-size:160%;
		padding: 0 50px;
	}
}
.person-bio-layer .wrap .bio-text .bio-title {
	font-family: 'ArchivoSC', sans-serif;
	font-weight:300;
	color:#0C1748;
	font-size:140%;
	line-height: 1.2;
	margin:0 80px 25px 0;
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .wrap .bio-text .bio-title {
		text-align:center;
		font-size:125%;
		margin:0 50px 25px;
	}
}
.person-bio-layer .wrap .bio-text .threedots .dot {
  fill: #fff;
}
.person-bio-layer .wrap .bio-text .bio-bio {
	color:#fff;
	padding:10px 150px 0 0;
}
@media only screen and (max-width : 1150px) {
	.person-bio-layer .wrap .bio-text .bio-bio {
		color:#fff;
		padding:10px 80px 0 0;
	}
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .wrap .bio-text .bio-bio {
		padding:10px 20px 0 0;
	}
}
.person-bio-layer .bio-close {
	position:absolute;
	top:0;
	right:25px;
	width:50px;
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .bio-close {
		position:absolute;
		right:10px;
		width:30px;
	}
}
.person-bio-layer .bio-close svg {
	fill:#fff;
	transition:all .3s;
}
@media only screen and (max-width : 650px) {
	.person-bio-layer .bio-close svg {
		width:20px;
	}
}
.person-bio-layer .bio-close:hover svg {
	cursor:pointer;
	fill:#0C1748;
}

/* ------  SCIENCE PAGE ------ */
	
#sci-1.banner .fixed h2 {
	line-height: 1.2;
}

#sci-2 {
	position:relative;
	width:100%;
}
#sci-2 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#sci-2 .arc {
		padding:25px 20px 0 20px;
	}
}
#sci-2 .arc img {
	width:100%;
	height:auto;
}
#sci-2 .fixed {
	position:relative;
	max-width:1250px;
	padding:30px 50px 0 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#sci-2 .fixed {
		padding:30px 20px 0 20px;
	}
}
#sci-2 .fixed h2 strong {
  font-size: 55px;
}
@media(max-width: 950px) {
	#sci-2 .fixed h2 strong  {
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#sci-2 .fixed h2 strong  {
		font-size:24px;
	}
}
#sci-2 .fixed .text {
	position:relative;
	max-width:650px;
	margin:25px auto;
	text-align: center;

}

#sci-3 {
	position:relative;
	width:100%;
}
#sci-3 .fixed {
	position:relative;
	max-width:1250px;
	padding:75px 50px 0 50px;
	margin:0 auto;
}
@media(max-width: 650px) {
	#sci-3 .fixed {
		padding:25px 20px 0 20px;
	}
}
#sci-3 .fixed .cols {
	position:relative;
	display:flex;
}
@media(max-width: 650px) {
	#sci-3 .fixed .cols {
		display:block;
	}
}
#sci-3 .fixed .half1 {
	width:47%;
	margin:100px 3% 0 0;
}
@media(max-width: 650px) {
	#sci-3 .fixed .half1 {
		width:100%;
		height: 95vw;
		margin:25px 0 0 0;
	}
}
#sci-3 .fixed .half2 {
	width:50%;
}
@media(max-width: 650px) {
	#sci-3 .fixed .half2 {
		width:100%;
	}
}
#sci-3 .fixed .half2 h2 {
	margin-bottom:0;
}
#sci-3 .fixed .half2 h2 strong {
	font-size:50px;
}
@media(max-width: 950px) {
	#sci-3 .fixed .half2 h2 strong  {
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#sci-3 .fixed .half2 h2 strong  {
		font-size:24px;
	}
}
#sci-3 .fixed .half2 h2 + p {
	margin-top:10px;
}

#sci-3 .fixed .half2 .indent {
	margin:20px 0 20px 50px;
	font-family: 'ArchivoSC';
	font-weight:300;
	line-height:1.4;
}
#sci-3 .fixed .half2 .buildit h2 {
	font-weight:300;
	padding:5px 0 0 0;
	transition:all .3s;
}
#sci-3 .fixed .half2 .buildit:hover h2 {
	padding:0 0 5px 0;
}
#sci-3 .fixed .half2 .indent strong {
	font-weight:600;
}

#sci-3 .fixed .half2 .buildit {
	width:calc(100% - 50px);
	opacity:0;
	margin:0 0 20px 50px;
}
#sci-3 .fixed .half2 .buildit:hover {
	cursor:pointer;
}


#sci-3 .triforce {
	position:relative;
	margin:0 0 50px 0;
}
#sci-3 .triforce img {
	width:100%;
	height:auto;
}
#sci-3 .triforce .part-1 {
	position:absolute;
	top:-50px;
	left:0;
	scale:1.1;
	width:100%;
	height:auto;
}

#sci-3 .triforce .part-2 {
	position:absolute;
	top:50px;
	left:50px;
	scale:1.1;
	width:100%;
	height:auto;
}

#sci-3 .triforce .part-3 {
	position:absolute;
	top:50px;
	left:-50px;
	scale:1.1;
	width:100%;
	height:auto;
}


#sci-3 .fixed .full {
	max-width:1000px;
	padding:30px 50px;
	margin:0 auto;
	font-family: 'ArchivoSmExp', sans-serif;
	font-size: 26px; 
	font-weight:300;
	line-height:1.4;
	text-align: center;
}
@media(max-width: 650px) {
	#sci-3 .fixed .full {
		padding:30px 0;
		font-size: 20px; 
	}
}

#sci-4 {
	position:relative;
	width:100%;
	margin:100px 0;
}
#sci-4 .swirlyL {
  top: 50vw;
  left: 0;
  width: 41vw;
}
#sci-4 .swirlyR {
  top: 15vw;
  right: -6vw;
  width: 55vw;
}
#sci-4 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#sci-4 .arc {
		padding:25px 20px 0;
	}
}
#sci-4 .arc img {
	width:100%;
	height:auto;
}
#sci-4 .arc.usd img {
	width:100%;
	height:auto;
	transform: scaleY(-1);
}
#sci-4 .fixed {
	position:relative;
	max-width:1000px;
	padding:50px 50px 0 50px;
	margin:0 auto;
}
@media(max-width: 1150px) {
	#sci-4 .fixed {
		max-width:800px;
	}
}
@media(max-width: 650px) {
	#sci-4 .fixed {
		padding:20px 20px 0 20px;
	}
}
#sci-4 .fixed .full {
	margin:0 0 2vw;
	text-align: center;
}
#sci-4 .fixed .full h2 {
	font-size: 42px; 
}
@media(max-width: 950px) {
	#sci-4 .fixed .full h2 {
		font-size: 33px; 
	}
}
@media(max-width: 450px) {
	#sci-4 .fixed .full h2 {
		font-size: 18px; 
	}
}
#sci-4 .fixed .full .text {
	max-width:550px;
	margin:25px auto 75px;
	text-align: center;
}

#sci-4 .cols {
	position:relative;
	display:flex;
	width: 900px;
  	margin: 50px auto;
  	text-align: left;
	flex-wrap:wrap;

}
@media(max-width: 1150px) {
	#sci-4 .cols {
		width: 700px;
	}
}
@media(max-width: 750px) {
	#sci-4 .cols {
		width: 100%;
		justify-content:center;

	}
}
#sci-4 .cols .tex {
	position:relative;
	width:400px;
	height:400px;
	padding:0;
	margin:0 25px 50px;
}
@media(max-width: 1150px) {
	#sci-4 .cols .tex {
		width:300px;
		height:300px;
	}
}
#sci-4 .cols .tex:hover {
	cursor:pointer;
}
#sci-4 .cols .tex .front {
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	border-radius:20px;
	color: #fff;
	background: rgb(64,53,239);
	background: radial-gradient(circle, rgba(64,53,239,1) 0%, rgba(12,23,72,1) 60%, rgba(12,23,72,1) 100%); 
	box-shadow: 2px 10px 2px #70707025;
	transition:all .3s;
}
#sci-4 .cols .tex .front:hover {
	background: radial-gradient(circle, rgba(64,53,239,1) 0%, rgba(12,23,72,1) 95%, rgba(12,23,72,1) 100%); 
	box-shadow: 2px 12px 2px #70707025;
}
#sci-4 .cols .tex .front-in {
	padding:25px;
	
}
#sci-4 .cols .tex .front-in .image  {
	width:70%;
	height:auto;
	margin:15px 15% 20px;
}
#sci-4 .cols .tex .front-in .image img  {
	width:100%;
	max-height:auto;
}
#sci-4 .cols .tex .front-in .hl  {
	font-size:150%;
	font-weight:700;
	text-align: center;
}
@media(max-width: 1150px) {
	#sci-4 .cols .tex .front-in .hl  {
		font-size:110%;
	}
}
#sci-4 .cols .tex .back {
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	border-radius:20px;
	color: #0C1748;
	background: #fff;
	box-shadow: 2px 10px 0 #70707025;
}
#sci-4 .cols .tex .back-in {
	padding:25px;
}
@media(max-width: 1150px) {
	#sci-4 .cols .tex .back-in {
		font-size:15px;
		line-height:1.3;
	}
}
#sci-4 .cols .tex .back-in .image  {
	width:22%;
	height:auto;
	margin:15px 39% 20px;
}
@media(max-width: 1150px) {
	#sci-4 .cols .tex .back-in .image  {
		margin:5px 39% 5px;
	}
}
#sci-4 .cols .tex .back-in .image img  {
	width:100%;
	max-height:auto;
}
#sci-4 .cols .tex .back-in .hl  {
	font-size:120%;
	font-weight:700;
}
#sci-4 .cols .tex .back-in .shl  {
	font-weight:700;
}


/*----------------- PUBLICATIONS PAGE  ----------- */




/*----------------- PLATFORM PAGE  ----------- */






















/*----------------- PIPELINE PAGE  ----------- */

#pl-2 {
	position:relative;
	width:100%;
}
#pl-2 .swirlyL {
  top: -10vw;
  left: -20vw;
  width: 140vw;
  transform: rotate(15deg);
}

#pl-2 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#pl-2 .arc {
		padding:25px 20px 0 20px;
	}
}
#pl-2 .arc img {
	width:100%;
	height:auto;
}
#pl-2 .fixed {
	position:relative;
	max-width:1250px;
	padding:30px 50px 75px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#pl-2 .fixed  {
		padding:30px 20px 50px 20px;
	}
}
#pl-2 .fixed h2 strong {
	font-size:45px;
}
@media(max-width: 950px) {
	#pl-2 .fixed h2 strong {
		font-size:35px;
	}
}
@media(max-width: 450px) {
	#pl-2 .fixed h2 strong {
		font-size:24px;
	}
}
#pl-2 .fixed .text {
	position:relative;
	max-width:650px;
	margin:30px auto 0;
	text-align: center;
}

#pl-3 {
	position:relative;
	width:100%;
	padding:0 0 75px;
}
#pl-3 .cols {
	position:relative;
	display:flex;
	max-width:750px;
	margin:0 auto;
	padding:0 0 50px;
}
@media(max-width: 650px) {
	#pl-3 .cols {
		display:block;
		padding:0 20px 25px;
	}
}
#pl-3 .half1 {
	width:190px;
}
@media(max-width: 650px) {
	#pl-3 .half1 {
		width:100%;
	}
}
#pl-3 .half2 {
	width:calc(100% - 240px);
	margin-left:50px;
}
@media(max-width: 650px) {
	#pl-3 .half2 {
		width:100%;
		margin:0;
	}
}
#pl-3 .fixed {
	position:relative;
	padding:15px 0 0 0;
	margin:0;
	line-height:1.3;
}
@media(max-width: 650px) {
	#pl-3 .fixed {
		text-align: center;
	}
}
#pl-3 .fixed h2 {
	font-family: 'ArchivoSC', sans-serif;
	font-weight:300;
}
#pl-3 .fixed .btns {
	margin: 0 0 15px 0;
}

#pl-3 .bar {
	position:relative;
	width:190px;
	height:190px;
	margin:0 0 0 -300px;
	border-radius:100px;
	overflow:hidden;
	transition:all .4s ease-in-out;
}
#pl-3.animate .bar {
	margin:0 0 0 0;
}
@media(max-width: 650px) {
	#pl-3.animate .bar {
		margin-left: calc(50% - 95px);
	}
}
#pl-3 .bar1 {
	transition-delay:0;
}
#pl-3 .bar2 {
	transition-delay:.2s;
}
#pl-3 .bar3 {
	transition-delay:.4s;
}
#pl-3 .bar img {
	width:100%;
	height:100%;
}
#pl-3 .foldtext {
	display:none;
	text-align: left;
	padding: 1px 0 20px;
}







/*----------------- CULTURE PAGE  ----------- */

#clt-2 {
	position:relative;
	width:100%;
}
#clt-2 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
}
@media(max-width: 650px) {
	#clt-2  .arc {
		padding:25px 20px 20px 20px;
	}
}
#clt-2 .arc img {
	width:100%;
	height:auto;
}
#clt-2 .fixed {
	position:relative;
	max-width:1100px;
	padding:30px 50px 0 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#clt-2 .fixed {
		padding:30px 20px 0;
	}
}
#clt-2 .fixed .text {
	position:relative;
	max-width:650px;
	margin:0 auto;
	text-align: center;
}

#clt-3 .full {
	position:relative;
	max-width:700px;
	padding:75px 50px 50px 50px;
	margin:0 auto;
	font-size:150%;
	line-height:1.1;
	font-weight:normal;
	text-align: center;
}
@media(max-width: 650px) {
	#clt-3 .full {
		padding:25px 20px 10px 20px;
		font-size:130%;
	}
}
@media(max-width: 450px) {
	#clt-3 .full {
		font-size:110%;
	}
}
#clt-3 .fixed {
	position:relative;
	max-width:1250px;
	padding:75px 50px 50px 50px;
	margin:0 auto;
}
@media(max-width: 650px) {
	#clt-3 .fixed {
		position:relative;
		max-width:1250px;
		padding:50px 0;
		margin:0 auto;
	}
}
#clt-3 .fixed .cols {
	position:relative;
	text-align: center;
	display:flex;
	justify-content: space-between;
}
@media(max-width: 650px) {
	#clt-3 .fixed .cols {
		flex-wrap:wrap;
		justify-content: center;
	}
}
#clt-3 .fixed .cols .column {
	width:28%;
	line-height:1.2;
}
@media(max-width: 650px) {
	#clt-3 .fixed .cols .column {
		width:100%;
	}
}
#clt-3 .fixed .cols .column .circ {
	width:200px;
	margin:0 auto 10px;	
}
@media(max-width: 750px) {
	#clt-3 .fixed .cols .column .circ {
		width:125px;
	}
}
#clt-3 .fixed .cols .column .circ img {
	width:100%;
	height:auto;	
}
#clt-3 .fixed .cols .column strong {
	font-size:150%;
	line-height:1.1;
	display:block;
	font-weight:normal;
}

#clt-4 .fixed {
	position:relative;
	max-width:1100px;
	padding:75px 50px 25px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 750px) {
	#clt-4 .fixed {
		padding:25px 20px 10px 20px;
	}
}
#clt-4 .fixed h2 {
	font-size: 44px;
}
@media(max-width: 750px) {
	#clt-4 .fixed h2 {
		font-size: 30px;
	}
}
@media(max-width: 450px) {
	#clt-4 .fixed h2 {
		font-size: 22px;
	}
}
#clt-4 .fixed .text {
	position:relative;
	max-width:650px;
	margin:30px auto 0;
	text-align: center;
}

#clt-5 {
	position:relative;
	background-color:#fff;
}
#clt-5 .image {
	position:relative;
	padding: 0 0 25px 0;
  	margin: 25px 0 0 0;
}
#clt-5 .image img {
	width:100%;
	height:auto;
}
#clt-5 .fixed {
	position:relative;
	max-width:650px;
	padding:25px 50px 25px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#clt-5 .fixed {
		padding:25px 20px 25px 20px;
	}
}
#clt-5 .awards {
	position:relative;
	padding:25px 50px 75px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 650px) {
	#clt-5 .awards {
		padding:10px 20px 50px;
	}
}
#clt-5 .awards img {
	width:22%;
	height:auto;
}
@media(max-width: 650px) {
	#clt-5 .awards img {
		width:44%;
	}
}

#clt-6 {
	position:relative;
	width:100%;
	padding:0;
	z-index:2;
}
#clt-6 .swirlyR {
  top: 10vw;
  right: -26vw;
  width: 56vw;
  transform: rotate(110deg);
}
#clt-6 .cols {
	position:relative;
	display:flex;
	align-items: center;
	padding:75px 0 0 0;
}
@media(max-width: 650px) {
	#clt-6 .cols {
		flex-wrap:wrap;
	}
}
#clt-6 .half1 {
	width:50%;
}
@media(max-width: 650px) {
	#clt-6 .half1 {
		width:100%;
	}
}
#clt-6 .half1 .fixed {
	width:550px;
	margin-left:calc(50vw - 550px);
}
@media(max-width: 1250px) {
	#clt-6 .half1 .fixed {
		width:auto;
		margin-left:50px;
	}
}
@media(max-width: 650px) {
	#clt-6 .half1 .fixed {
		margin:0 20px 15px;
	}
}
#clt-6 .half2 {
	width:45%;
	margin:0 0 0 5%;
	overflow:hidden;
}
@media(max-width: 650px) {
	#clt-6 .half2 {
		width:100%;
		margin:0;
	}
}
#clt-6 .half2 .image {
	width: 140%;
  	border-radius: 300px 0 0 300px;
  	overflow: hidden;
  	height: 600px;
	
}
@media(max-width: 1250px) {
	#clt-6 .half2 .image {
		border-radius: 200px 0 0 200px;
		height: 400px;
	}
}
@media(max-width: 650px) {
	#clt-6 .half2 .image {
		border-radius: 0;
		width:100%;
		height: auto;
	}
}
#clt-6 .half2 .image img {
	width:auto;
	height:100%;
}
@media(max-width: 650px) {
	#clt-6 .half2 .image img {
		width:100%;
		height:auto;
	}
}

#clt-8 {
	position:relative;
	width:100%;
	padding:0;
}
#clt-8 .swirlyL {
  top: -9vw;
  left: -16vw;
  width: 59vw;
  transform: rotate(110deg);
}
#clt-8 .cols {
	position:relative;
	margin:0;
	display:flex;
	align-items: center;
	padding:75px 0 100px;
}
@media(max-width: 650px) {
	#clt-8 .cols {
		flex-wrap:wrap;
		padding:25px 0 50px;
	}
}
#clt-8 .half1 {
	width:45%;
	margin:0 5% 0 0;
	overflow:hidden;
}
@media(max-width: 650px) {
	#clt-8 .half1 {
		width:100%;
		margin:0 0 15px;
	}
}
#clt-8 .half1 .image {
	width: 125%;
	margin-left:-25%;
  	border-radius: 0 300px 300px 0;
  	overflow: hidden;
  	height: 550px;
}
@media(max-width: 1250px) {
	#clt-8 .half1 .image {
		border-radius: 0 250px 250px 0;
		height: 500px;
	}
}
@media(max-width: 650px) {
	#clt-8 .half1 .image {
		width: 100%;
		margin:0;
		border-radius: 0;
		height: auto;
	}
}
#clt-8 .half1 .image img {
	width:100%;
	height:auto;
}
@media(max-width: 1500px) {
	#clt-8 .half1 .image img {
		width:auto;
		height:100%;
	}
}
@media(max-width: 650px) {
	#clt-8 .half1 .image img {
		width:100%;
		height:auto;
	}
}

#clt-8 .half2 {
	width:50%;
	max-width:550px;
	padding:0 50px 0 0;
	overflow:hidden;
}
@media(max-width: 650px) {
	#clt-8 .half2 {
		width:260px;
		padding:0 20px;
		margin:0 auto;
	}
}

#clt-8 .half2 .post {
	padding:60px 0 20px 0;
	font-size:80%;
	line-height:1.2;
}


#clt-8 .half2 .li-head {
	width:260px;
}
#clt-8 .half2 .li-head img {
	width:100%;
	height:auto;
}
#clt-8 .half2 .li-follow {
	margin:40px 0 0 0;
	width:150px;
}
#clt-8 .half2 .li-follow img {
	width:100%;
	height:auto;
}



/*----------------- NEWS PAGE  ----------- */

#nwz-2 {
	position:relative;
	width:100%;
}

#nwz-2 .fixed {
	position:relative;
	max-width: 1200px;
	padding:5vw 50px 0 50px;
	margin:0 auto;
	font-size:24px;
	font-weight:700;
	text-align: center;
}

#nwz-2 .arc {
	position:relative;
	max-width:1000px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#nwz-2 .arc {
		padding:25px 20px 0 20px;
	}
}
#nwz-2 .arc img {
	width:100%;
	height:auto;
}

#nwz-3 {
	position:relative;
	width:100%;
}
#nwz-3 .fixed {
	position:relative;
	max-width:1100px;
	padding:30px 50px 75px 50px;
	margin:0 auto;
	text-align: center;

}
@media(max-width: 650px) {
	#nwz-3 .fixed {
		padding:10px 20px 35px 20px;
	}
}
#nwz-3 .fixed .hidewrap {
	display:none;

}

#nwz-3 .cols {
	position:relative;
	display:flex;
	gap:10%;
	max-width: 800px;
  	margin: 0 auto;
	padding:25px 0;
  	text-align: left;
}
@media(max-width: 650px) {
	#nwz-3 .cols {
		flex-wrap:wrap;
	}
}
#nwz-3 .cols .half {
	position:relative;
	width:45%;
	padding:0;
}
@media(max-width: 650px) {
	#nwz-3 .cols .half {
		width:100%;
		margin:0 0 20px 0;
	}
}
#nwz-3 .date {
	position:relative;
	font-family: 'ArchivoSmExp', sans-serif;
	color:#0C1748;
	font-size:21px;
	line-height:1.1;
	font-weight:300;
	padding:0 0 5px 50px;
}
@media(max-width: 650px) {
	#nwz-3 .date {
		font-size:17px;
	}
}
#nwz-3 .date .dot {
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	fill:#F7931E;
}

#nwz-3 .date .dot1 {
	left:0;
	top:8px;
}
#nwz-3 .date .dot2 {
	left:15px;
	top:8px;
}
#nwz-3 .date .dot3 {
	left:30px;
	top:8px;
}
#nwz-3 .hl {
	position:relative;
	font-weight:600;
	padding:0;
}
#nwz-3 .hl a {
	color:#0C1748;
	transition:all .3s;
}
#nwz-3 .hl a:hover {
	color:#000;
}
#nwz-3 .hl a .more {
	display:block;
	padding:5px 0 0 0;
	color:#F7931E;
	transition:all .3s;
}
#nwz-3 .hl a:hover .more {
	color:#E8653E;
}


#nwz-4 {
	position:relative;
	width:100%;
}
#nwz-4 .swirlyL {
  top: 28vw;
  left: -3vw;
  width: 44vw;
  transform: rotate(110deg);
	z-index:-1;
}
#nwz-4 .swirlyR {
  	top: -12vw;
  	right: -10vw;
  	width: 64vw;
  	transform: rotate(190deg);
	z-index:-1;
}

#nwz-4 .fixed {
	position:relative;
	-width:1000px;
	padding:30px 50px 75px 50px;
	margin:0 auto;
	text-align: center;
}
@media(max-width: 1150px) {
	#nwz-4 .fixed {
		max-width:600px;
		padding:30px 0 50px 0;
	}
}
#nwz-4 .cols {
	position:relative;
	display:flex;
	width: 900px;
  	margin: 50px auto;
  	text-align: left;
	flex-wrap:wrap;
}
@media(max-width: 1150px) {
	#nwz-4 .cols {
		width: 700px;
		margin: 50px auto;
	}
}
@media(max-width: 800px) {
	#nwz-4 .cols {
		width: auto;
		margin:20px 0;
		justify-content: center;
	}
}
#nwz-4 .cols .box {
	position:relative;
	width:400px;
	height:400px;
	padding:0;
	margin:0 25px 50px;
	border-radius:20px;
	background-color: #fff;
	box-shadow: 2px 10px 0 #70707025;
}
@media(max-width: 1150px) {
	#nwz-4 .cols .box {
		width:260px;
		height:260px;
		margin:0 20px 30px;
	}
}
#nwz-4 .cols .box-in {
	padding:25px;
	
}
@media(max-width: 1150px) {
	#nwz-4 .cols .box-in {
		padding:15px;

	}
}
#nwz-4 .cols .image  {
	width:90%;
	height:auto;
	margin:0 0 15px 5%;
}
#nwz-4 .cols .image img  {
	max-width:100%;
	height:auto;
}

#nwz-4 .date {
	position:relative;
	width: 40px;
  	margin: 0 auto 30px;
  	height: 25px;
}
@media(max-width: 1150px) {
	#nwz-4 .date {
		margin: 0 auto 10px;
		height: 20px;
	}
}
#nwz-4 .date .dot {
	width:9px;
	height:9px;
	position:absolute;
	left:0;
	top:8px;
	fill:#F7931E;
}
@media(max-width: 1150px) {
	#nwz-4 .date .dot {
		width:8px;
		height:8px;
		top:5px;
	}
}
#nwz-4 .date .dot1 {
	left:0;
}
#nwz-4 .date .dot2 {
	left:15px;
}
#nwz-4 .date .dot3 {
	left:30px;
}
#nwz-4 .hl {
	position:relative;
	font-weight:600;
	padding:0;
	text-align: center;
}
@media(max-width: 1150px) {
	#nwz-4 .hl {
		font-size:15px;
		line-height:1.3;
	}
}
#nwz-4 .hl a {
	color:#0C1748;
	transition:all .3s;
}
#nwz-4 .hl a:hover {
	color:#000;
}
#nwz-4 .hl a .more {
	display:block;
	padding:5px 0 0 0;
	color:#F7931E;
	transition:all .3s;
}
#nwz-4 .hl a:hover .more {
	color:#E8653E;
}



/*----------------- CONTACT US PAGE  ----------- */

#cu-2 {
	position:relative;
	width:100%;
}

#cu-2 .fixed {
	position:relative;
	max-width: 1200px;
	padding:5vw 50px 0 50px;
	margin:0 auto;
	font-size:24px;
	font-weight:700;
	text-align: center;
}
@media(max-width: 950px) {
	#cu-2 .fixed {
		font-size:18px;
		font-weight:600;
	}
}
#cu-2 .fixed .emails {
	position:relative;
	display:flex;
	justify-content: space-between;
	padding:50px 0 0;
}
@media(max-width: 650px) {
	#cu-2 .fixed .emails {
		flex-wrap:wrap;
	}
}
#cu-2 .fixed .emails > div {
	width:30%;
	line-height:1.2;
}
@media(max-width: 650px) {
	#cu-2 .fixed .emails > div {
		width:100%;
		margin:0 0 15px;
	}
}
#cu-2 .fixed .emails > div a {
	color:#F7931E;
}
#cu-2 .fixed .emails > div a:hover {
	color:#E10000;
}

#cu-2 .arc {
	position:relative;
	max-width:900px;
	padding:75px 50px 0 50px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#cu-2  .arc {
		padding:25px 20px 0 20px;
	}
}
#cu-2 .arc img {
	width:100%;
	height:auto;
}

#cu-2 .fixed h2 + p {
	margin-top:5px;
}



#cu-3 {
	position:relative;
	width:100%;
	padding:0;
	z-index:2;
}
#cu-3 .cols {
	position:relative;
	display:flex;
	align-items: center;
	padding:75px 0 0 0;
}
@media(max-width: 650px) {
	#cu-3 .cols {
		flex-wrap:wrap;
	}
}
#cu-3 .half1 {
	width:55%;
	margin:0 5% 0 0;
	overflow:hidden;
}
@media(max-width: 650px) {
	#cu-3 .half1 {
		width:100%;
		margin:0 20px 15px;
	}
}
#cu-3 .half1 .map {
	width: 140%;
	margin-left:-40%;
  	border-radius: 0 300px 300px 0;
  	overflow: hidden;
  	height: 600px;
}
@media(max-width: 650px) {
	#cu-3 .half1 .map {
		width: 100%;
		margin-left:0;
		border-radius: 0;
		height: 450px;
	}
}
#cu-3 .half1 .map img {
	width:100%;
	height:auto;
}

#cu-3 .half2 {
	width:40%;
}
@media(max-width: 650px) {
	#cu-3 .half2 {
		width:260px;
		margin-left: calc(50% - 130px);
	}
}
#cu-3 .half2 .fixed {
	width:auto;
	padding:5px 50px 50px 95px;
	background-image: url(images/map-pin.svg);
	background-position: left top;
	background-repeat: no-repeat;
}
@media(max-width: 650px) {
	#cu-3 .half2 .fixed {
		padding:5px 0 50px 60px;
		background-position: left top 10px;
		background-size:50px auto;
	}
}
#cu-3 .half2 .fixed .li-follow {
	margin:40px 0 0 0;
	width:150px;
}
#cu-3 .half2 .fixed .li-follow img {
	width:100%;
	height:auto;
}

#cu-3  .arc {
	position:relative;
	max-width:900px;
	padding:75px 70px 50px 70px;
	margin:0 auto;
	overflow:hidden;
}
@media(max-width: 650px) {
	#cu-3  .arc {
		padding:25px 20px 20px 20px;
	}
}
#cu-3  .arc.usd img {
	width:100%;
	height:auto;
	transform: scaleY(-1);
}
#cu-4 {
	position:relative;

}
#cu-4 .swirlyL {
  top: -9vw;
  left: 5vw;
  width: 90vw;
  transform: rotate(90deg);
}
#cu-4 .fixed {
	position:relative;
	max-width:1100px;
	padding:75px 50px 25px 50px;
	margin:0 auto;
	text-align: center;

}
#cu-4 .fixed .text {
	position:relative;
	max-width:650px;
	margin:30px auto 0;
	text-align: center;
}


#cu-4 .image {
	position:relative;
	padding:25px 0 100px 0;
}
#cu-4 .image img {
	width:100%;
	height:auto;
}







/* ====================================== default page/post styles ============================= */

#default {
	padding:0;
	margin:0;
}
#default .fixed {
	max-width:1000px;
	margin:0 auto;
	padding:70px 0 70px;
	min-height:100vh;
	
}
@media(max-width: 1000px) {
	#default .fixed {
	}
}




/* ====================================== default page ============================= */


.backto {
	text-align:left;
	font-size:12px;
	margin:50px 0 0 0;
}

.backto a {
	text-decoration:none;
	color:#000229;
}

.backto a:hover {
	text-decoration:none;
	color: #F7931E;
}



/* ====================================== footer ============================= */

.footer {
	position:relative;
	width:100%;
	height:350px;
	overflow:hidden;
	background-color:#061c5e;
	color:#fff;
	padding:0;
	font-size:18px;
	background-image: url("images/footer-bg.jpg");
	background-size:cover;
	background-position:center top;
}
@media(max-width: 750px) {
	.footer {
		font-size:16px;
	}
}
.footer a {
	color:#fff;
}
.footer a:hover {
	color:#912319;
}

.footer video {
	position: absolute;
	width: auto;
	height: 100%;
	top:0;
	left:0;
}

.footer video ::-webkit-media-controls {
  display:none !important;
}
.footer .mask1 {
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
}
.footer .mask1 img {
	width:100%;
	height:auto;
}

.footer .logo {
	position:absolute;
	top:100px;
	left:50px;
	width:275px;
}
@media(max-width: 650px) {
	.footer .logo {
		position:absolute;
		top:50px;
		left:calc(50% - 110px);
		width:200px;
	}
}
.footer .logo img {
	width:100%;
	height:auto;
}
.footer .social {
	position:absolute;
	top:110px;
	right:50px;
}
@media(max-width: 650px) {
	.footer .social {
		top:235px;
		right:auto;
		left:calc(50% - 15px);
	}
}
.footer .social a svg {
	fill:#fff;
	transition:all .3s;
}
.footer .social a:hover svg {
	fill:#F7931E;
}

.footer .navi {
	position:absolute;
	top:150px;
	right:50px;
	width:300px;
}
@media(max-width: 650px) {
	.footer .navi {
		top:130px;
		width:260px;
		margin:0 0 15px;
		right:auto;
		left:calc(50% - 130px);
	}
}
.footer .navi ul {
	list-style: none;
	width:100%;
	margin:0;
	padding:0;
}
.footer .navi ul li {
	width:50%;
	display: block;
  	float: left;
}

.footer .navi a {
	display:block;
	text-align: right;
}
@media(max-width: 650px) {
	.footer .navi a {
		text-align: center;
	}
}
.footer .navi a:hover {
	color:#F7931E;
}
.footer .copyright {
	position:absolute;
	bottom:20px;
	left:50px;
	font-size:16px;
}
@media(max-width: 650px) {
	.footer .copyright {
		left:5%;
		width:90%;
		font-size:13px;
		text-align: center;
	}
}




#return-to-top {
    bottom: 25px;
    display: none;
    position: fixed;
    right:15px;
	margin:0;
    transition: all 0.3s ease 0s;
    width: 40px;
	height: 40px;
    z-index: 1000;
	overflow:hidden;
	background-image: url("data:image/svg+xml,%0A%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='100%' height='100%' viewBox='0 0 211 212' enable-background='new 0 0 211 212' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Ccircle fill='%23f15b3d' fill-opacity='70%25' cx='105.986' cy='105.986' r='105.986'/%3E%3Cpolygon fill='%231f1f5b' points='175.208,129.635 105.986,60.413 36.765,129.635 42.337,135.207 105.986,71.558 169.636,135.207 '/%3E%3C/svg%3E");
}
@media(max-width: 650px) {
	#return-to-top {
		width: 30px;
		height: 30px;
	}
}
#return-to-top:hover {
	cursor:pointer;
	background-image: url("data:image/svg+xml,%0A%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='100%' height='100%' viewBox='0 0 211 212' enable-background='new 0 0 211 212' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Ccircle fill='%231f1f5b' fill-opacity='70%25' cx='105.986' cy='105.986' r='105.986'/%3E%3Cpolygon fill='%23e9eaec' points='175.208,129.635 105.986,60.413 36.765,129.635 42.337,135.207 105.986,71.558 169.636,135.207 '/%3E%3C/svg%3E");
}











/* =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;
}










/*----- exit site pop-up ------*/

.exitpopupbg {
	display: none; 
	width:100%; 
	height:100vh;
	top:0;
	left:0;
	position:fixed; 
	background:rgba(0,0,0,0.6);
	z-index:999998;
}

.exitpopup {
	width:80%;
	max-width:500px; 
	height:auto; 
	margin:0px auto; 
	display:none; 
	position:fixed; 
	color:#fff; 
	padding:30px 3%; -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	z-index:999999; 
	background-color: #000;
}

#exitpopup{
		text-align:left;
}

	
#exitpopup p{
		text-align:left;
		font-size:18px;
}

#exitpopup a{
	margin:20px 0 0 0;
	display:inline-block;
	padding:8px 10px;
	color:#fff;
	background-color: #70ad47;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	text-decoration:none;
}
/*----- exit site pop-up ------*/

.ttB {
	position:absolute;
	display:none;
	font-size:14px;
	line-height:1.5;
	max-width:300px;
	background-color:#FFF;
	padding:15px;
	border:1px solid #999;
	box-shadow:1px 1px 5px #666;
	z-index:500;
}

.ttClose {
	position:absolute;
	top:5px;
	right:10px;
	font-weight:700;
}
.ttClose:hover {
	color:#6a2f47;
	cursor:pointer;
}