@charset "utf-8";
/*   

Theme Name: ZagBio25
Theme URI: http://www.theyatesnetwork.com
Description: Theme template -- WordPress v5.2
Author: GS-I
Author URI: http://www.gs-interactive.com
Version: 1.1

*/



@font-face {
   font-family: 'Acumin';
    src: url('fonts/Acumin-RPro.otf');
    font-style: normal;
	font-weight:400;
}
@font-face {
   font-family: 'Acumin';
    src: url('fonts/Acumin-ItPro.otf');
    font-style: italic;
	font-weight:400;
}
@font-face {
   font-family: 'Acumin';
    src: url('fonts/Acumin_Pro_Semibold.otf');
    font-style: normal;
	font-weight:600;
}
@font-face {
   font-family: 'Acumin';
    src: url('fonts/Acumin-BdPro.otf');
    font-style: normal;
	font-weight:700;
}
@font-face {
   font-family: 'Acumin';
    src: url('fonts/Acumin-BdItPro.otf');
    font-style: italic;
	font-weight:700;
}
@font-face {
   font-family: 'AcuminExCnBd';
    src: url('fonts/Acumin_Pro_ExtraCondensed_Bold.otf');
    font-style: normal;
	font-weight:400;
}

.semi { 
	font-weight:600;
}


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

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

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

html.lockScroll {
	overflow: hidden;
}

body {
    padding: 0;
    margin: 0;
	font-family: 'Acumin', sans-serif;
	font-size:17px; 
	line-height:1.4;
	width: 100%;
  	overflow: hidden;
	background-color: #a3a3a3;
	background-image:url("images/bg-tile.png");
}

@media(max-width: 1100px) {
	body{
		font-size:16px;
	}
}

@media only screen and (max-width : 650px) {
	body {-webkit-text-size-adjust: none;}
}

.fullpagewrap {
	padding:0;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	max-width:2500px;
	background-color:#fff;

}

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

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

table {
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}




#header {
	width:100%;
}

.navbar {
	position: fixed;
	/*top: 60px;*/
	top:0;
	left: calc(50% - 1250px);
	width:100%;
	max-width:2500px;
	height:150px;
	z-index: 999;
	transition: all .3s;
}
@media(max-width: 2500px) {
	.navbar {
		left: 0;
	}
}

.navbar.scrolled,
#header.inner .navbar {
	top: 0;
	height:60px;
	background-color: #000;
}

.navbar-brand {
	position:absolute;
	top:25px;
	left:50px;
	width:230px;
	transition: all .3s;
}
@media(max-width: 1200px) {
	.navbar-brand {
		width:200px;
		left:25px;
	}
}
@media(max-width: 850px) {
	.navbar-brand {
		width:180px;
		top:20px;
		
	}
}

.navbar.scrolled .navbar-brand,
#header.inner .navbar .navbar-brand {
	width:150px;
	top:20px;
	left:20px;
}

.navbar-brand img {
	width:100%;
	height:auto;
	margin:0;
	transition: all .3s;
}

.navwrap {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width: 1100px;
}

@media(max-width: 1100px) {
	.navwrap {

	}
}

@media(max-width: 1000px) {
	.navwrap {
		display:none;
		background-color: #1a0b0d;
		width: 100%;
    	top: 60px;
		max-width: 500px;
    	overflow-y: scroll;
	}

	.navwrap .inner {
		display:flex;
		flex-wrap: wrap;
    	flex-direction: column-reverse;
	}

}

.nav {
	position:absolute;
    list-style: none;
	top:37px;
	right:50px;
	margin:0;
	padding:0;
	z-index:9999;
	transition: all .3s;
}

@media(max-width: 1100px) {
	 .nav {
		right:20px;
	}
}

@media(max-width: 1000px) {
	 .nav {
		position:relative;
		top:auto;
		right:auto;
		margin:0;
		padding:20px 40px;
	}
}

#header .navbar.scrolled .nav,
#header.inner .navbar .nav {
	top:20px;
}

@media(max-width: 1000px) {
	#header .navbar.scrolled .nav,
	#header.inner .navbar .nav {
		top:auto;
	}
}

#header .nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

@media(max-width: 1000px) {
	#header .nav ul {
		list-style:none;
		margin:0;
		padding:20px 0;
	}
}

#header .nav ul li {
	display:inline-block;
	margin:0;
	padding:0;
}

@media(max-width: 1000px) {
	#header .nav ul li {
		display:block;
	}
}

#header .nav ul li a {
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
	line-height:1;
    display: block;
	padding: 5px 15px;
	height:22px;
}
@media(max-width: 1200px) {
	#header .nav ul li a {
		font-size:15px;
		padding: 5px 8px;
	}
}

@media(max-width: 1000px) {
	#header .nav ul li a {
		font-size:26px;
		line-height:1.2;
		padding: 15px 0 5px;
		height:auto;
	}
}



#header .nav ul li.current-menu-ancestor > a  {
	font-weight:600;
    color:#6eabff;
}

#header .nav ul li.current-menu-item > a  {
	font-weight:600;
    color:#6eabff;
}

#header .nav ul li a:hover {
	color:#6eabff;
    text-decoration: none;
}

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

@media(max-width: 1000px) {
	#header .nav ul li ul {
		display:none;
		position:relative;
		left:auto;
		width:auto;
		background-color:transparent;
		padding:8px 0;
		z-index:2;
	}
}

#header .nav ul li:hover ul {
	left:auto;
}

#header .nav ul ul li {

    display: block;
}

#header .nav ul ul li a {
	font-size:18px;
    display: block;
    padding: 10px 15px;
	line-height:1.2;
	height: auto;
    font-weight: 400;
}

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






#hamburger {
	position:absolute;
	display:none;
	top:25px;
	right:25px;
	width:40px;
	height:40px;
	z-index:9999;
	transition: all .3s;
}
.scrolled #hamburger,
.inner #hamburger {
	top:18px;
}

@media(max-width: 1000px) {
	#hamburger {
		display:block;
	}
}

#hamburger:hover {
	cursor:pointer;
}

#hamburger .bar {
	position:absolute;
	left:0;
	top:0;
	fill:#e5e5e4;
	transition:all .4s;
	transform-origin: center;
}

#hamburger.on .bar {
	fill:#ffffff;
}

#hamburger:hover .bar {
	fill:#ffffff;
}

#hamburger #bar1 {
	top:0;
}

#hamburger.on #bar1 {
	top:10px;
	transform: rotate(-45deg);
}

#hamburger #bar2 {
	top:10px;
}

#hamburger.on #bar2 {
	opacity:0;
}

#hamburger #bar3 {
	top:20px;
}

#hamburger.on #bar3 {
	top:10px;
	transform: rotate(45deg);
}


.inner-space {
	width:100%;
	height:60px;
}
.inner-space-subs {
	width:100%;
	height:100px;
}

@media(max-width: 1000px) {
	.inner-space-subs {
		height:60px;
	}
}




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



h1 {
	font-size:36px;
	line-height:1.1;
	font-weight:400;
	font-style: italic;
}

h1 span {
	font-size:48px;
	font-weight:600;
	font-style: normal;
	text-transform: uppercase;
}


@media only screen and (max-width : 850px) {
	h1 {
		font-size:24px;
	}
	h1 span {
		font-size:36px;
	}
}

h2 {
	font-size:28px;
	font-weight:400;
	text-transform: none;
	margin:0;
	line-height: 1.1;
}
@media only screen and (max-width : 850px) {
	h2 {
		font-size:23px;
	}
}
h3 {
	font-size:22px;
	font-weight:600;
	margin-bottom:0;
	line-height: 1.1;
}

@media(max-width: 850px) {
	h3 {
		font-size:19px;
	}
}


.btn {
	margin:20px 0 0 0;
}

.btn a {
	position:relative;
	display:inline-block;
	padding:2px 0 0 15px;
	transition:all .3s;
}
.btn a:hover {
	padding:2px 0 0 17px;
}

.btn a::before {
	content:"|";
	position:absolute;
	top:-6px;
	left:0;
	font-size:24px;
	transform: rotate(25deg);
	transform-origin: 0 40%;
	transition:all .2s;
}

.btn a:hover::before {
	top:-4px;
	transform: rotate(0deg);
}

.btn-lg {
	margin:20px 0;
}

.btn-lg a {
	position:relative;
	font-size:22px;
	display:inline-block;
	padding:2px 0 0 15px;
	transition:all .3s;
}
.btn-lg a:hover {
	padding:2px 0 0 17px;
}

.btn-lg a::before {
	content:"|";
	position:absolute;
	top:-6px;
	left:0;
	font-size:30px;
	transform: rotate(25deg);
	transform-origin: 0 40%;
	transition:all .2s;
}

.btn-lg a:hover::before {
	top:-4px;
	transform: rotate(0deg);
}



.wrap {
	overflow:hidden;
}



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


.texture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url('images/noise.png'); 
  pointer-events: none; /* This is key: allows clicks to pass through */
  opacity:.5;
  mix-blend-mode: multiply;
  z-index: 1000;
}



/* ------  HOME PAGE ------ */


#hp-1 {
	position:relative;
	width:100%;
	height:1375px;
	margin:0;
	background-color:#5f021c;
	background-image:url("images/hp-1-bg-wide-1.jpg");
	background-position:center top;
	background-repeat: no-repeat;
}

@media only screen and (max-width : 850px) {
	#hp-1 {
		background-image:url("images/hp-1-bg-mobile.jpg?r=3");
		background-size:cover;
		height:auto;
	}
}

#hp-1 .fixed {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}

#hp-1 .fixed .heading {
	position:absolute;
	top:130px;
	left:50px;
	color:#fff;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .heading {
		position:relative;
		top:auto;
		left:auto;
		padding:110px 0 0 25px;
	}
}
@media only screen and (max-width : 550px) {
	#hp-1 .fixed .heading {
		padding:85px 0 0 25px;
	}
}
#hp-1 .fixed .heading h1{
	font-size:50px;
}
#hp-1 .fixed .heading h1 span {
	font-family: 'AcuminExCnBd', sans-serif;
	font-size:95px;
	text-transform:uppercase;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .heading h1{
		font-size:26px;
	}
	#hp-1 .fixed .heading h1 span {
		font-size:65px;
	}
}
@media only screen and (max-width : 550px) {
	#hp-1 .fixed .heading h1{
		line-height: .9;
		font-size:21px;
	}
	#hp-1 .fixed .heading h1 span {
		font-size:50px;
	}
}

#hp-1 .fixed .text-1 {
	position:absolute;
	width:425px;
	top:400px;
	left:90px;
	color:#fff;
	font-size:24px;
}

@media only screen and (max-width : 850px) {
	#hp-1 .fixed .text-1 {
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		max-width:310px;
		padding:45px 25px 0;
		font-size:16px;
	}
}
@media only screen and (max-width : 550px) {
	#hp-1 .fixed .text-1 {
		padding:15px 25px 0;
		font-size:15px;
	}
}
#hp-1 .fixed .text-2 {
	position:absolute;
	width:400px;
	top:950px;
	left:865px;
	color:#fff;
	z-index:4;
}

@media only screen and (max-width : 1400px) {
	#hp-1 .fixed .text-2 {
		left: 69%;
    	width: 29%;
		max-width:300px;
	}
}
@media only screen and (max-width : 950px) {
	#hp-1 .fixed .text-2 {
		top:900px;
	}
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .text-2 {
		position:relative;
		top:auto;
		left:auto;
		padding:75px 25px 0;
		width:auto;
		max-width:600px;
	}
}
#hp-1 .fixed .text-2 .orange {
	color:#f26049;
}
#hp-1 .fixed .text-2 a {
	color:#f26049;
}
#hp-1 .fixed .text-2 a:hover {
	color: #ff6633;
}
#hp-1 .fixed .thymus-mobile {
	display: none;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .thymus-mobile {
		display: block;
		max-width:600px;
		margin:-100px auto;
	}
}
@media only screen and (max-width : 550px) {
	#hp-1 .fixed .thymus-mobile {
		margin:-70px auto -50px;
	}
}
#hp-1 .fixed .line-1 {
	position:absolute;
	top:220px;
	left:545px;
	width:500px;
	height:600px;
	z-index:3;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .line-1 {
		display:none;
	}
}
#hp-1 .fixed .line-2 {
	position:absolute;
	top:720px;
	left:-410px;
	width:720px;
	height:490px;
	z-index:2;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .line-2 {
		display:none;
	}
}
#hp-1 .fixed .line-3 {
	position:absolute;
	top:1535px;
	left:calc(50% + 45px);
	width:150px;
	height:460px;
	z-index:2;
}
@media only screen and (max-width : 850px) {
	#hp-1 .fixed .line-3 {
		display:none;
	}
}
.thymii {
	position:absolute;	
	width:700px;
	top:725px;
	left:calc(50% - 350px);
	z-index:3;
}
@media only screen and (max-width : 850px) {
	.thymii {
		display:none;
	}
}
.thymus {
	position:absolute;
}
.thymus-blue {
	position:absolute;
	opacity:0;
	transition:all .3s;
}


#hp-2 {
	position:relative;
	width:100%;
	height:875px;
	margin:0;
	z-index: 1;
	background-color:#fff;
	background-image:url("images/hp-2-bg-wide.jpg");
	background-position:center top;
	overflow:hidden;
}

@media(max-width: 850px) {
	#hp-2 {
		background-image:url("images/hp-2-bg-mobile.jpg");
		background-repeat:no-repeat;
		height:auto;
	}
}
@media(max-width: 550px) {
	#hp-2 {
		background-size: 600px auto;
	}
}
#hp-2 .fixed {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}


#hp-2 .fixed .text-1 {
	position:relative;
	width:375px;
	font-size:15px;
	line-height:1.2;
	background-color:#fff;
	box-shadow:0 0 25px #00000020;
	margin:50px 0 50px 0;
}
@media(max-width: 1200px) {
	#hp-2 .fixed .text-1 {
		margin:50px 0 50px 50px;
	}
}
@media(max-width: 950px) {
	#hp-2 .fixed .text-1 {
		width:300px;
		margin:25px 0 50px 10px;
	}
	#hp-2 .fixed .text-1 h2 {
		font-size:24px;
	}
}
@media(max-width: 850px) {
	#hp-2 .fixed .text-1 {
		margin:600px 0 0 0;
		width:100%;
	}
}
@media(max-width: 550px) {
	#hp-2 .fixed .text-1 {
		margin:400px 0 0 0;
	}
}
#hp-2 .fixed .text-1 .inner {
	padding:30px;
}
#hp-2 .fixed .text-1 .inner .blue {
	color:#0065ff;
}
#hp-2 .fixed .text-1 .inner a {
	display:block;
	margin:5px 0 0 0;
	color:#0065ff;
	transition:all .3s;
}
#hp-2 .fixed .text-1 .inner a:hover {
	color:#5da4f0;
}


#hp-2 .fixed .text-1 .inner h3 + p {
	margin-top:0;
}

#hp-3 {
	position:relative;
	width:100%;
	margin:0;
	z-index: 1;
	background-image:url("images/hp-3-shadow.jpg");
	background-position:center bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}
@media(max-width: 1000px) {
	#hp-3 {
		background-image:none;
	}
}
#hp-3 .blue {
	color:#0071ff;
}
#hp-3 a {
	color:#0071ff;
}
#hp-3 a:hover {
	color: #5da4f0;
}

#hp-3 .top {
	position:relative;
	margin:0;
	height:260px;
	background-image:url("images/hp-3-gradient.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
@media(max-width: 1000px) {
	#hp-3 .top {
		height:auto;
		background-size: cover;
	}
}
#hp-3 .top .fixed {
	position: relative;
  	width: 600px;
  	margin: 0 auto;
  	padding: 50px 400px 0 50px;
}
@media(max-width: 1000px) {
	#hp-3 .top .fixed {
		width: 60%;
		padding: 50px 0 50px 50px;
    	margin: 0;
	}
}
#hp-3 .top .fixed .line3-1 {
	position: absolute;
  	top:110px;
	left:-180px;
	width:228px;
}
@media(max-width: 550px) {
	#hp-3 .top .fixed .line3-1 {
		top:200px;
	}
}
#hp-3 .middle {
	position:relative;
	margin:0;
	height:260px;
}
@media(max-width: 1000px) {
	#hp-3 .middle {
		height:auto;
	}
}
#hp-3 .middle .fixed {
	position: relative;
  	width: 500px;
  	margin: 0 auto;
  	padding: 50px 500px 0 50px;
}
@media(max-width: 1000px) {
	#hp-3 .middle .fixed {
		width: 40%;
		margin: 0;
		padding: 50px 0 50px 50px;
	}
}
@media(max-width: 550px) {
	#hp-3 .middle .fixed {
		width: 70%;
		padding: 60px 0 50px 50px;
	}
}
#hp-3 .middle .fixed .line3-2 {
	position: absolute;
  	top:105px;
	left:500px;
	width:137px;
}
@media(max-width: 1000px) {
	#hp-3 .middle .fixed .line3-2 {
		left:90%;
	}
}
#hp-3 .bottom {
	position:relative;
	margin:0;
	height:155px;
}
#hp-3 .bottom .fixed {
	position: relative;
  	max-width: 400px;
  	margin: 0 auto;
  	padding: 35px 0 0 0;
}
@media(max-width: 550px) {
	#hp-3 .bottom .fixed {
		text-align: center;
	}
}
#hp-3 .image {
	position:absolute;
	width:780px;
	height:510px;
	left:calc(50% + 65px);
	top:0;
	clip-path: polygon(390px 0, 780px 0, 385px 510px, 0 510px);
}
@media(max-width: 1000px) {
	#hp-3 .image {
		left:50%;
	}
}
@media(max-width: 550px) {
	#hp-3 .image {
		width:360px;
		height:240px;
		top:120px;
		clip-path: polygon(180px 0, 360px 0, 180px 240px, 0 240px);
	}
}
@media(max-width: 350px) {
	#hp-3 .image {
		display:none;
	}
}
#hp-3 .purple {
	position:absolute;
	width:calc(50% - 350px);
	height:675px;
	left:calc(50% + 350px);
	top:0;	
}
@media(max-width: 1000px) {
	#hp-3 .purple {
		width:15%;
		height:auto;
		left:85%;
	}
}


/* ------  BANNER ------ */

.banner {
	position:relative;
	width:100%;
	min-height:510px;
	margin:0;
	padding:0;
	background-image:url("images/banner-default.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
@media(max-width: 850px) {
	.banner {
		min-height:385px;
		background-size:1250px auto;
	}
}

.banner .heading {
	padding:80px 50px 0;
	height:180px;
	margin:0 auto;
	max-width:1200px;
}
@media(max-width: 850px) {
	.banner .heading {
		padding:50px 25px 0;
		height:140px;
	}
}

.banner .heading h1 {
	color:#fff;
	margin:0;
	line-height:1;
}
.banner .heading p {
	color:#d7d7d7;
	font-size:24px;
	font-style: italic;
	margin:0;
	line-height:1;
}
@media(max-width: 850px) {
	.banner .heading p {
		font-size:20px;
	}
}
.banner .heading h1 span {
	font-family: 'AcuminExCnBd', sans-serif;
	font-size:70px;
	text-transform:uppercase;
	color:#5da4f4;
	font-weight:normal;
}
@media(max-width: 850px) {
	.banner .heading h1 span {
		font-size:45px;
	}
}
.banner .heading {
	padding:80px 50px 0;
	height:180px;
	margin:0 auto;
	max-width:1200px;
}

.banner .fixed {
	position: relative;
	margin:0 auto;
	max-width:1200px;
	padding: 0 50px;
}

@media(max-width: 850px) {
  	.banner .fixed {
		padding: 0 25px;
  	}
}

.banner .fixed .narrow {
    max-width:625px;
}
@media(max-width: 1200px) {
	.banner .fixed .narrow {
		max-width:55%;
	}
}
@media(max-width: 350px) {
	.banner .fixed .narrow {
		max-width:75%;
	}
}


/*----------------- SUB NAV  ----------- */

.subnav {
	width:100%;
	max-width:2500px;
	background-color:#fff;
	position: fixed;
  	top: 60px;
  	z-index: 998;
	transition:all .3s;
}
@media(max-width: 1000px) {
	.subnav {
		display:none;
	}
}
.subnav ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
}
.subnav ul li {
	display:inline-block;
	margin:0;
	padding:0;
}
.subnav ul li a {
	display:block;
	margin:0;
	color:#000;
	padding:14px 20px 0;
	height:26px;
	line-height:1;
	text-transform: uppercase;
	transition:all .3s;
}
.subnav ul li.on a {
	background-color:#5da4f4;
	color:#fff;
}
.subnav ul li a:hover {
	background-color:#7fb2ff;
	color:#fff;
}



/*----------------- SCIENCE PAGE  ----------- */
#sci-1.banner {
	background-image:url("images/banner-science.jpg?r=1");
}

@media(max-width: 850px) {
	#sci-1 .heading {
		padding: 30px 25px 0;
		height:105px;
	}
}
#sci-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 97px);
	top:46px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 123px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#sci-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}
@media only screen and (max-width : 500px) {
	#sci-1 .image {
		display:none;
	}
}

#sci-1 .narrow {
	padding:0 0 65px;
}
#sci-1 .fixed .wide {
	position:relative;
	width:66%;
}
@media only screen and (max-width : 850px) {
	#sci-1 .fixed .wide {
		width:100%;
	}
}
#sci-2 .fixed {
	position: relative;
	margin:0 auto;
	width:1000px;
	padding:0;
}
@media only screen and (max-width : 1000px) {
	#sci-2 .fixed {
		width:850px;
	}
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed {
		width:auto;
	}
}
#sci-2 .fixed .title {
	padding:25px;
	text-align: center;
}
#sci-2 .fixed .title h2 {
	font-style:italic;
}
#sci-2 .fixed .infog {
	display:block;
}
#sci-2 .fixed .infog-mobile {
	display:none;
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .infog {
		display:none;
	}
	#sci-2 .fixed .infog-mobile {
		display:block;
	}
}

#sci-2 .fixed .caption {
	position: absolute;
	top:0;
	left:0;
	font-size:15px;
	width:300px;
}
@media only screen and (max-width : 1000px) {
	#sci-2 .fixed .caption {
		width:250px;
	}
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption {
		font-size:14px;
		width:220px;
	}
}
@media only screen and (max-width : 600px) {
	#sci-2 .fixed .caption {
		font-size:13px;
		width:37%;
	}
}
@media only screen and (max-width : 500px) {
	#sci-2 .fixed .caption {
		font-size:12px;
		line-height:1.2;
	}
}
@media only screen and (max-width : 400px) {
	#sci-2 .fixed .caption {
		font-size:10px;
	}
}
#sci-2 .fixed .caption h2 {
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 44px;
	line-height:1;
  	text-transform: uppercase;
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption h2 {
		font-size: 28px;
	}
}
#sci-2 .fixed .caption h2 span {
	color:#fff;
	display:inline-block;
	background-color:#000;
	width: 50px;
  	text-align: center;
  	padding: 8px 0 0 0;
  	margin: 0 8px 0 0;
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption h2 span {
		width: 30px;
		padding: 5px 0 0 0;
		margin: 0 5px 0 0;
	}
}
#sci-2 .fixed .caption.text-1 {
	position: absolute;
	top:370px;
	left:625px;
}
@media only screen and (max-width : 1000px) {
	#sci-2 .fixed .caption.text-1 {
		top:300px;
		left:515px;
	}
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption.text-1 {
		top:20vw;
		left:60vw;
	}
}
@media only screen and (max-width : 600px) {
	#sci-2 .fixed .caption.text-1 {
		top:30vw;
	}
}
#sci-2 .fixed .caption.text-2 {
	position: absolute;
	top:625px;
	left:625px;
}
@media only screen and (max-width : 1000px) {
	#sci-2 .fixed .caption.text-2 {
		top:555px;
		left:515px;
	}
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption.text-2 {
		top:65vw;
		left:60vw;
	}
}
@media only screen and (max-width : 600px) {
	#sci-2 .fixed .caption.text-2 {
		top:85vw;
	}
}
#sci-2 .fixed .caption.text-3 {
	position: absolute;
	top:1050px;
	left:250px;
	width:500px;
}
@media only screen and (max-width : 1000px) {
	#sci-2 .fixed .caption.text-3 {
		top:910px;
		left:175px;
	}
}
@media only screen and (max-width : 850px) {
	#sci-2 .fixed .caption.text-3 {
		top:138vw;
		left:5vw;
	}
}
@media only screen and (max-width : 600px) {
	#sci-2 .fixed .caption.text-3 {
		top:148vw;
		width:90vw;
	}
}
#sci-2 .fixed .caption.text-3 h2 {
	text-align: center;
}

#sci-3  {
	position: relative;
	background-image:url("images/sci-3-bg.jpg?r=1");
	background-position:center top;
	background-size:cover;
}
#sci-3 .corner-1 {
	position: absolute;
	top:0;
	right:0;
	width:30%;
}
#sci-3 .corner-2 {
	position: absolute;
	bottom:0;
	left:0;
	width:70px;;
}

#sci-3 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px;
}
@media only screen and (max-width : 850px) {
	#sci-3 .fixed {
		padding:50px 25px;
	}
}
#sci-3 .fixed .title {
	color:#f26049;
  	font-size: 27px;
	margin:0 0 25px 0;
}
#sci-3 .fixed .title h2 {
	color:#f26049;
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 44px;
	line-height:1;
  	text-transform: uppercase;
	margin:0;
}
#sci-3 .fixed .title p {
	margin:0;
}

#sci-3 .fixed .cols {
	position: relative;
	display:flex;
	gap:10%;
}
@media only screen and (max-width : 850px) {
	#sci-3 .fixed .cols {
		display:block;
	}
}
#sci-3 .fixed .cols .infog {
	width:36%;
}
@media only screen and (max-width : 850px) {
	#sci-3 .fixed .cols .infog {
		width:100%;
		max-width:350px;
		margin:0 auto;
	}
}
#sci-3 .fixed .cols .caption {
	width:40%;
	padding:50px 0 0 0;
}
@media only screen and (max-width : 850px) {
	#sci-3 .fixed .cols .caption {
		width:100%;
		padding:25px 0 0 0;
	}
}
#sci-3 .fixed .cols .caption .red {
	color:#f26049;
	font-weight:700;
}




#sci-4  {
	position: relative;

}
#sci-4 .top {
	position: relative;	
	background-image:url("images/sci-4-bg.jpg?r=1");
	background-position:center top;
	background-size:cover;
}
#sci-4 .top .corner-1 {
	position: absolute;
	bottom:0;
	right:0;
	width:30%;
}

#sci-4 .top .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed {
		padding:50px 25px;
	}
}
#sci-4 .top .fixed .cols1 {
	position: relative;
	display:flex;
	gap:5%;
	margin:0 0 50px;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols1 {
		display:block;
		margin:0 0 50px;
	}
}
#sci-4 .top .fixed .cols1 .title {
	color:#00276e;
  	font-size: 27px;
	margin:0 0 25px 0;
	width:30%;
	line-height: 1.1;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols1 .title {
		font-size: 27px;
		width:100%;
	}
}
#sci-4 .top .fixed .cols1 .title h2 {
	color:#0067ff;
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 44px;
	line-height:1;
  	text-transform: uppercase;
	margin:0;
}
#sci-4 .top .fixed .cols1 .title p {
	margin:0;
}
#sci-4 .top .fixed .cols1 .action {
	position: relative;
	display:flex;
	gap:10%;
	width:65%;
	align-items: center;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols1 .action {
		width:100%;
	}
}
#sci-4 .top .fixed .cols1 .action .infog {
	width:40%;
}
#sci-4 .top .fixed .cols1 .action .caption {
	width:40%;
}

#sci-4 .top .fixed .cols1 .action .caption h3 {
	font-weight:400;
}
#sci-4 .top .fixed .cols2 {
	position: relative;
	display:flex;
	gap:10%;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols2 {
		display:block;
	}
}
#sci-4 .top .fixed .cols2 .infog {
	width:36%;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols2 .infog {
		width:100%;
		max-width:350px;
		margin:0 auto;
	}
}
#sci-4 .top .fixed .cols2 .caption {
	width:40%;
	padding:50px 0 0 0;
}
@media only screen and (max-width : 850px) {
	#sci-4 .top .fixed .cols2 .caption {
		width:100%;
		padding:25px 0 0 0;
	}
}
#sci-4 .top .fixed .cols2 .caption .blue {
	color:#0067ff;
	font-weight:700;
}
#sci-4 .bottom {
	position: relative;
}
#sci-4 .bottom .corner-2 {
	position: absolute;
	bottom:0;
	left:0;
	width:25%;
}
#sci-4 .bottom .corner-3 {
	position: absolute;
	bottom:0;
	right:0;
	width:70px;
}
#sci-4 .bottom .fixed {
	position: relative;
	margin:0 auto;
	max-width:500px;
	padding:55px 25px;
}
#sci-4 .bottom .fixed .blue {
	color:#0067ff;
}




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

#plat-1.banner {
	background-image:url("images/banner-plaform.jpg");
}
#plat-1 .heading {
	padding: 70px 50px 0;
	height:190px;
}
@media(max-width: 850px) {
	#plat-1 .heading {
		padding: 30px 25px 0;
		height:105px;
	}
}
#plat-1 .fixed {
	position: relative;
	margin:0 auto 50px;
}
#plat-1 .fixed .narrow {
	padding:0 0 65px;
}
#plat-1 .fixed .wide {
	position:relative;
	width:55%;
}
@media only screen and (max-width : 850px) {
	#plat-1 .fixed .wide {
		width:100%;
	}
}

#plat-1 .image {
	position:absolute;
	width:768px;
	height:393px;
	left:calc(50% + 50px);
	top:416px;
	clip-path: polygon(335px 0, 768px 0, 453px 413px, 0px 413px);
	z-index:2;
}
@media only screen and (max-width : 850px) {
	#plat-1 .image {
		width:560px;
		height:250px;
		left:calc(50% - 50px );
		top:208px;
		clip-path: polygon(255px 0, 768px 0, 533px 250px, 60px 250px);
	}
}
#plat-2  {
	position: relative;
	background-image:url("images/plat-2-bg.png");
	background-position:center top;
	background-size:cover;
}
#plat-2 .corner-1 {
	position: absolute;
	top:0;
	right:55%;
	width:auto;
	height:100%;
}
@media only screen and (max-width : 850px) {
	#plat-2 .corner-1 {
		top:auto;
		bottom:0;
		right:75%;
		height:300px;
	}
}
#plat-2 .corner-1 img {
	width:auto;
	height:100%;
}
#plat-2 .corner-2 {
	position: absolute;
	top:0;
	right:0;
	width:auto;
	height:100%;
}
@media only screen and (max-width : 850px) {
	#plat-2 .corner-2 {
		top:0;
		right:0;
		height:170px;
	}
}
#plat-2 .corner-2 img {
	width:auto;
	height:100%;
}
#plat-2 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:0 50px;
	display:flex;
	align-items:center;
	gap:10%;
}
@media only screen and (max-width : 850px) {
	#plat-2 .fixed {
		padding:0 25px;
		display:block;
	}
}
#plat-2 .fixed .infog {
	position: relative;
	width:40%;
}
@media only screen and (max-width : 850px) {
	#plat-2 .fixed .infog {
		width:100%;
		max-width:250px;
		margin:0 auto;
	}
}
#plat-2 .fixed .points {
	position: relative;
	width:50%;
	padding:50px 0;
}
@media only screen and (max-width : 850px) {
	#plat-2 .fixed .points {
		width:80%;
		padding:0  0 50px 20%;
	}
}
#plat-2 .fixed .points h3 {
	font-weight:400;
	line-height:1.3;
}
#plat-2 .fixed .points .blue {
	color:#0064ff;
}
#plat-2 .fixed .points .dkblue {
	color:#00276d;
}
#plat-2 .fixed .points .purps {
	color:#6d0a73;
}

#plat-3  {
	position: relative;
	background-image:url("images/plat-3-bg.jpg?r=1");
	background-position:center top;
	background-size:cover
}
#plat-3 .corner-1 {
	position: absolute;
	top:0;
	left:0;
	width:17%;
}

#plat-3 .corner-2 {
	position: absolute;
	bottom:0;
	right:0;
	width:15%;
}
#plat-3 .fixed {
	position: relative;
	margin:0 auto;
	max-width:850px;
	padding:50px 0 0;
}
#plat-3 .fixed .title {
	position: relative;
	max-width:650px;
	padding:0 0 0 20px;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .title {
		padding:0 100px;
	}
}
@media(max-width: 500px) {
	#plat-3 .fixed .title {
		padding:0 40px;
	}
}

#plat-3 .fixed .infog {
	position: relative;
	width:818px;
	margin:-50px 0 0 -50px;
	padding:0 0 50px 0;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .infog {
		width:600px;
		margin:0 auto 50px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .infog {
		width:auto;
		max-width:650px;
		padding:0 100px;
		text-align: center;
	}
	#plat-3 .fixed .infog img {
		max-width:320px;
		margin:0 auto;
	}
}
@media(max-width: 500px) {
	#plat-3 .fixed .infog {
		padding:0 40px;
	}
}
#plat-3 .fixed .caption {
	position: absolute;
	top:0;
	left:0;
	font-size:15px;
	width:400px;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .caption {
		font-size:14px;
		line-height:1.2;
		width:275px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .caption {
		position:relative;
		width:100%;
		margin:0 0 15px 0;
		text-align: left;
	}
}
#plat-3 .fixed .caption h2 {
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 32px;
	margin-bottom:0;
	line-height:1;
  	text-transform: uppercase;
}
#plat-3 .fixed .caption h2 +p {
	margin-top:5px;
}
#plat-3 .fixed .caption.text-1 {
	top:100px;
	left:70px;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .caption.text-1 {
		top:35px;
		left:30px;
		width:320px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .caption.text-1 {
		top:auto;
		left:auto;
		width:auto;
	}
}
#plat-3 .fixed .caption.text-2 {
	top:275px;
	left:565px;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .caption.text-2 {
		top:140px;
		left:440px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .caption.text-2 {
		top:auto;
		left:auto;
		width:auto;
	}
}
#plat-3 .fixed .caption.text-3 {
	top:350px;
	left:70px;
	width:240px
}
@media(max-width: 1000px) {
	#plat-3 .fixed .caption.text-3 {
		top:270px;
		left:-25px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .caption.text-3 {
		top:auto;
		left:auto;
		width:auto;
	}
}
#plat-3 .fixed .caption.text-4 {
	top:520px;
	left:370px;
}
@media(max-width: 1000px) {
	#plat-3 .fixed .caption.text-4 {
		top:385px;
		left:275px;
		width:350px;
	}
}
@media(max-width: 850px) {
	#plat-3 .fixed .caption.text-4 {
		top:auto;
		left:auto;
		width:auto;
	}
}


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

#abt-1.banner {
	background-image:url("images/banner-about.jpg?r=1");
}
#abt-1 .heading {
	padding: 100px 50px 0;
	height:160px;
}
@media(max-width: 850px) {
	#abt-1 .heading {
		padding: 45px 25px 0;
		height:90px;
	}
}
#abt-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 97px);
	top:45px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 122px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#abt-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}
@media only screen and (max-width : 350px) {
	#abt-1 .image {
		display:none;
	}
}
#abt-1 .fixed {
	max-width:1200px;
	padding:0 50px 50px;
	margin:0 auto
}
@media(max-width: 850px) {
	#abt-1 .fixed {
		padding:0 25px 30px;
	}
}
#abt-1 .fixed .narrow {
	padding:0 0 50px;
}
#abt-1 .fixed .wide {
	position:relative;
	width:66%;
}
@media only screen and (max-width : 850px) {
	#abt-1 .fixed .wide {
		width:100%;
	}
}
#abt-1 .fixed .gap {
	padding:30px 0 0;
}

#abt-2  {
	position: relative;
	background-image:url("images/abt-2-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
}
#abt-2 .corner-1 {
	position: absolute;
	top:0;
	right:0;
	width:calc(50% - 350px);
	z-index:2;
}
#abt-2 .fixed {
 	position: relative;
  	margin: 0 auto;
  	max-width: 1220px;
  	padding: 25px 50px;
}
@media(max-width: 850px) {
	#abt-2 .fixed {
		padding: 25px 25px;
	}
}
@media(max-width: 450px) {
	#abt-2 .fixed {
		padding: 25px 0;
	}
}

/* ----- TABS ------ */

#abt-2 .tabs {
	position: relative;
	width:100%;
	background-color:#e5effe;
}
#abt-2 .tabs .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1250px;
  padding: 0 50px;
}
@media(max-width: 850px) {
	#abt-2 .tabs .inner {
	  padding: 0 25px;
	}
}
@media only screen and (max-width : 500px) {
	#abt-2 .tabs .inner {
	  padding: 0 0;
	}
}
#abt-2 .tabs .inner .tab {
	display:inline-block;
	margin:0;
	color:#000;
	font-size:24px;
	font-weight:600;
	padding:14px 20px 8px;
	line-height:1;
	transition:all .3s;
}
@media(max-width: 850px) {
	#abt-2 .tabs .inner .tab {
		font-size:18px;
		padding:14px 15px 8px;
	}
}
@media only screen and (max-width : 500px) {
	#abt-2 .tabs .inner .tab {
		font-size:12px;
		padding:12px 10px 6px;
	}
}
#abt-2 .tabs .inner .tab.on {
	background-color:#a8c9fc;
	color:#fff;
	
}
#abt-2 .tabs .inner .tab:hover {
	background-color:#a8c9fc;
	color:#fff;
	cursor:pointer;
}

#abt-2 .fixed .panels  {
	position:relative;
	width:100%;
}

#abt-2 .fixed .panels .panel  {
	position:relative;
	width:100%;
}
#abt-2 .fixed .panels .panel-1  {
	display:block;
}
#abt-2 .fixed .panels .panel-2  {
	display:none;
}


#abt-2 .fixed .first {
  	display:flex;
	max-width: 1220px;
	margin:0 auto;
  	padding: 0;
	gap:1%;
	justify-content: center;
	flex-wrap:wrap;
}
#abt-2 .fixed .next {
  	display:flex;
	max-width: 1220px;
	margin:0 auto;
  	padding: 0;
	gap:1%;
	justify-content: center;
	flex-wrap:wrap;
}
#abt-2 .fixed .panel-1 .member {
  	width:32%;
}
@media(max-width: 1000px) {
	#abt-2 .fixed .panel-1 .member {
		width:49%;
	}
}
@media(max-width: 350px) {
	#abt-2 .fixed .panel-1 .member {
		width:100%;
	}
}
#abt-2 .fixed .panel-1 .member a .image {
  	overflow:hidden;
}
#abt-2 .fixed .panel-1 .member a .image img {
  	transition:all .3s;
}
#abt-2 .fixed .panel-1 .member a:hover .image img {
  	transform: scale(1.1);
}
#abt-2 .fixed .panel-1 a .info {
  	padding:10px 25px 25px;
	color:#000;
	transition:all .3s;
}
#abt-2 .fixed .panel-1 a:hover .info {
  	color: #00266c;
}



#abt-2 .fixed .panel-1 .info h4 {
  	font-size:22px;
	font-weight:600;
	line-height:1.2;
	margin:0 0 2px 0;
}
#abt-2 .fixed .panel-1 .info .title {
  	font-size:14px;
	line-height:1.2;
	font-style:italic;
	margin:0;
}


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

.fancybox__footer {
	display:none;
}

.member-bio.fancybox__content {
	margin:0 auto;
	background-image: url('images/noise.png');
	max-width:900px;
	padding: 35px 70px;
	height:80%;
}

.member-bio .heading  {
	position: relative;
	display:flex;
	gap:20px;
}
@media(max-width: 650px) {
	.member-bio .heading  {
		position: relative;
		display:block;
	}
}
.member-bio .heading .bio-image  {
	position:relative;
	width:300px;
	padding:0;
}
@media(max-width: 650px) {
	.member-bio .heading .bio-image  {
		width:auto;
		max-width:300px;
		margin: 0 auto 25px;
	}
}
.member-bio .bio-info {
	position:relative;
	display:flex;
	text-align:left;
	align-items:center;
	width:calc( 100% - 320px);
}
@media(max-width: 650px) {
	.member-bio .bio-info {
		display:block;
		width:100%;
	}
}
.member-bio .bio-name  {
  	font-size:24px;
	font-weight:600;
	line-height:1.2;
	margin:0 0 2px 0;
}

.member-bio .bio-title  {
  	font-size:14px;
	line-height:1.2;
	font-style:italic;
	margin:0;
}
.member-bio-text  {
  	margin:25px 0 0 0;
	padding:0 15px 0 0;
	overflow:scroll;
}




#abt-2 .fixed .panel-2 .member {
	position: relative;
	background-image:url("images/z101-2-divider.png");
	background-position:center bottom;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin:0;
	padding:15px 50px 40px;
	max-width: 900px;
}
@media(max-width: 650px) {
#abt-2 .fixed .panel-2 .member {
		padding:15px 25px 30px;
	}
}
#abt-2 .fixed .panel-2 h4 {
  	font-size:22px;
	font-weight:600;
	line-height:1.2;
	margin:0 0 0 50px;
}
@media(max-width: 650px) {
	#abt-2 .fixed .panel-2 h4 {
		font-size:20px;
		margin:0;
	}
}
#abt-2 .fixed .panel-2 h4 a {
  	color:#000;
	transition:all .3s;
}
#abt-2 .fixed .panel-2 h4 a:hover {
  	color: #00266c;
}

#abt-2 .fixed .panel-2 .info {
  	font-size:14px;
	line-height:1.2;
	font-style:italic;
	margin:0 25px 0 50px;
}
@media(max-width: 550px) {
	#abt-2 .fixed .panel-2 .info {
		margin:0 25px 0 0;
	}
}
#abt-2 .fixed .panel-2 .info svg {
  	fill:#007eb8;
	vertical-align: middle;
}


#abt-3  {
	position: relative;
	background-image:url("images/abt-3-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
}

#abt-3 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px;
}
#abt-3 .fixed .title {
	position: relative;
}

#abt-3 .fixed .investors {
	position: relative;
	display:flex;
	flex-wrap:wrap;
	gap:0;
	justify-content: center;
	align-items: center;
	margin:0 0 20px 0;
}
#abt-3 .fixed .investors div {
	position: relative;
	width:32%;
	padding:20px 0%;
	mix-blend-mode: multiply;
}
@media(max-width: 850px) {
	#abt-3 .fixed .investors div {
		width:49%;
	}
}
@media(max-width: 450px) {
	#abt-3 .fixed .investors div {
		width:100%;
	}
}
#abt-3 .fixed .investors div.two {
	padding:20px 2%;
}
@media(max-width: 850px) {
	#abt-3 .fixed .investors div.two {
		padding:20px 0%;
	}
}
#abt-3 .fixed .investors div.four {
	width:25%;
}
@media(max-width: 850px) {
	#abt-3 .fixed .investors div.four {
		width:50%;
	}
}

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


#pl-1.banner {
	background-image:url("images/banner-pipeline.jpg");
}
#pl-1 .heading {
	padding: 100px 50px 0;
	height:160px;
}
@media(max-width: 850px) {
	#pl-1 .heading {
		padding: 45px 25px 0;
		height:90px;
	}
}
#pl-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 97px);
	top:45px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 121px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#pl-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}
@media only screen and (max-width : 350px) {
	#pl-1 .image {
		display:none;
	}
}

#pl-1 .fixed {
	max-width:1200px;
	padding:0 50px 50px;
	margin:0 auto
}
@media(max-width: 850px) {
	#pl-1 .fixed {
		padding:0 25px 30px;
	}
}
#pl-1 .fixed .narrow {
	padding:0 0 65px;
}
#pl-1 .fixed .wide {
	position:relative;
	width:66%;
}
@media only screen and (max-width : 850px) {
	#pl-1 .fixed .wide {
		width:100%;
	}
}
#pl-2  {
	position: relative;
	background-image:url("images/pl-2-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}

#pl-2 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:80px 50px;
}
@media(max-width: 850px) {
	#pl-2 .fixed {
		padding:50px 25px;
	}
}
#pl-3  {
	position: relative;
	background-image:url("images/pl-3-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}

#pl-3 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px;
	text-align:center;
}





/*----------------- ZAG 101 PAGE  ----------- */

#z101-1.banner {
	background-image:url("images/banner-zag-101.jpg");
}
#z101-1 .heading {
	padding: 70px 50px 0;
	height:190px;
}
@media(max-width: 850px) {
	#z101-1 .heading {
		padding: 30px 25px 0;
		height:105px;
	}
}
#z101-1 .image {
	position:absolute;
	width:768px;
	height:310px;
	left:calc(50% + 130px);
	top:416px;
	clip-path: polygon(255px 0, 768px 0, 533px 310px, 0px 310px);
	z-index:3;
}
@media only screen and (max-width : 850px) {
	#z101-1 .image {
		width:560px;
		height:250px;
		left:calc(50% - 50px );
		top:208px;
		clip-path: polygon(255px 0, 768px 0, 533px 250px, 60px 250px);
	}
}
#z101-1 .fixed  {
	position: relative;
	margin:0 auto 30px;
}
#z101-1 .fixed .narrow {
	position: relative;
	padding:0 0 65px;
}
#z101-1 .fixed .wide {
	position:relative;
	width:55%;
}
@media only screen and (max-width : 850px) {
	#z101-1 .fixed .wide {
		width:100%;
	}
}

#z101-2  {
	position: relative;
	background-color:#f4f4f4;
}
#z101-2 .full-1  {
	position: relative;
	background-color:#f4f4f4;
}
#z101-2 .full-1 .corner-1 {
	position: absolute;
	top:0;
	right:0;
	width:calc(50% - 300px);
	z-index:2;
}
#z101-2 .full-2 .corner-2 {
	position: absolute;
	bottom:0;
	left:0;
	width:calc(6%);
}

#z101-2  .full-1 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1200px;
	padding:50px 50px;
}
@media(max-width: 850px) {
	#z101-2  .full-1 .fixed {
		padding:50px 25px;
	}
}
#z101-2  .full-1 .fixed .points {
	position: relative;
	width:60%;
}
@media(max-width: 850px) {
	#z101-2  .full-1 .fixed .points {
		position: relative;
		width:100%;
	}
}
#z101-2  .full-1 .fixed .points .item {
	position: relative;
	background-image:url("images/z101-2-divider.png");
	background-position:center bottom;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin:0 -50px;
	padding:5px 50px 35px;
	font-size:19px;
}
#z101-2  .full-1 .fixed .points .item strong {
	color:#f15f48;
}

#z101-2 .full-2  {
	position: relative;
	background-color:#fff;
}

#z101-2  .full-2 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1200px;
	padding:80px 50px;
}
#z101-2  .full-2 .fixed .narrow {
	position: relative;
	max-width:750px;
}
#z101-2  .full-2 .fixed .narrow h2 {
	line-height:1.3;
}
#z101-2 .box {
	position:absolute;
	background-color:#fff;
	top:170px;
	right:80px;
	width:360px;
	box-shadow: 0 0 25px #00000020;
	z-index:3;
}
@media(max-width: 850px) {
	#z101-2 .box {
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		margin:25px 0 0 0;
	}
}
#z101-2 .box .inner {
	padding:50px 25px;
}
@media(max-width: 850px) {
	#z101-2 .box .inner {
		padding:25px 25px;
	}
	
	#z101-2 .box .inner .facts {
		display:flex;
	}
	#z101-2 .box .inner .facts > div {
		width:50%;
	}
}
@media(max-width: 550px) {
	#z101-2 .box .inner .facts {
		display:block;
	}
	#z101-2 .box .inner .facts > div {
		width:auto;
		margin:0 0 25px;
	}
}
#z101-2 .box .inner h1 {
	font-family: 'AcuminExCnBd', sans-serif;
	font-size: 36px;
	font-style:normal;
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
}
#z101-2 .box .inner h2 {
	color:#0265ff;
	margin:15px 0 0 0;
}


#z101-3  {
	position: relative;
	background-image:url("images/z101-3-bg.jpg");
	background-position:center top;
	background-size:cover;
}
#z101-3 .corner-1 {
	position: absolute;
	top:0;
	left:0;
	width:16%;
}
#z101-3 .corner-2 {
	position: absolute;
	bottom:0;
	right:0;
	width:calc(20%);
	opacity:.5;
}
#z101-3 .text-1 {
	position: relative;
	margin:0 0 50px;
}
#z101-3 .line-1 {
	position: absolute;
	top: 15px;
  	left: -190px;
  	width: 180px;
}
#z101-3 .text-2 {
	position: relative;
}
#z101-3 .line-2 {
	position: absolute;
	top: 75px;
  	right: -80px;
  	width: 130px;
}

#z101-3 .fixed {
	position: relative;
	margin:0 auto;
	max-width:900px;
	padding:50px 120px;
}
@media(max-width: 1200px) {
	#z101-3 .fixed {
		max-width:700px;
	}
}
@media(max-width: 650px) {
	#z101-3 .fixed {
		padding:50px 50px;
	}
}
#z101-3 .fixed .title h2 {
	font-family: 'AcuminExCnBd', sans-serif;
	font-size: 44px;
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
	color:#0265ff;
}
#z101-3 .fixed .title p {
	font-size: 28px;
	font-weight:600;
	margin: 0 0 20px 0;
	line-height: 1.2;
}
@media(max-width: 1200px) {
	#z101-3 .fixed .title p {
		font-size: 24px;
	}
	#z101-3 .fixed .text-1 h2 {
		font-size: 24px;
	}
	#z101-3 .fixed .text-2 h2 {
		font-size: 24px;
	}
}
#z101-4 {
	position: relative;
	background-image:url("images/z101-4-bg-1.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
}

@media(max-width: 1200px) {
	#z101-4 {
		background-size: cover;
	}
}
@media(max-width: 850px) {
	#z101-4 {
		background-image:url("images/z101-4-bg-mobile.jpg");
		background-size: 100% auto;
		background-color: #f8f7f7;
	}
}
#z101-4 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px;
}
@media(max-width: 850px) {
	#z101-4 .fixed {
		padding:42vw 25px 50px;
	}
}
#z101-4 .fixed .text-1 {
	position: relative;
	max-width:450px;
}
@media(max-width: 850px) {
	#z101-4 .fixed .text-1 {
		max-width:100%;
	}
}
#z101-4 .fixed .text-1 h3 {
	color:#0064ff;
}

#z101-4 .fixed .text-1 h3 + p {
	margin-top:0;;
}

#z101-5 {
	position: relative;
}
#z101-5 .corner-1 {
	position: absolute;
	bottom:-30px;
	right:0;
	width:calc(50% - 200px);
	z-index:2;
}

#z101-5 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:50px 50px 0;
}
@media(max-width: 850px) {
	#z101-5 .fixed {
		padding:30px 25px 0;
	}
}
#z101-5 .fixed .text-1 {
	position: relative;
	max-width:650px;
}
@media(max-width: 850px) {
	#z101-5 .fixed .text-1 {
		max-width:80%;
	}
}
#z101-6 {
	position: relative;
}

#z101-6 .fixed {
	position: relative;
	margin:0 auto;
	max-width:1000px;
	padding:0 50px 50px;
}
@media(max-width: 850px) {
	#z101-6 .fixed {
		padding:0 25px 50px;
	}
}
#z101-6 .fixed h3 {
	margin-top:35px;
	font-size:24px;
	margin-bottom:15px;
}
#z101-6 .fixed .btn-lg {
	margin:10px 0 0 40px;
}




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

#cult-1.banner {
	background-image:url("images/banner-culture.jpg");
}
#cult-1 .heading {
	padding: 80px 50px 0;
	height:180px;
}
@media(max-width: 850px) {
	#cult-1 .heading {
		padding: 30px 25px 0;
		height:105px;
	}
}
@media(max-width: 450px) {
	#cult-1 .heading {
		padding: 35px 25px 0;
		height:100px;
	}
	#cult-1 .heading h1 span {
		font-size:35px;
	}
}
#cult-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 97px);
	top:44px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 121px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#cult-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}
@media only screen and (max-width : 350px) {
	#cult-1 .image {
		display:none;
	}
}
#cult-1 .fixed {
	position:relative;
	max-width:1200px;
	padding:0 50px 50px;
	margin:0 auto
}
@media(max-width: 850px) {
	#cult-1 .fixed {
		padding:0 25px 30px;
	}
}
#cult-1 .fixed .narrow {
	position:relative;
	padding:0 0 50px;
}
#cult-1 .fixed .wide {
	position:relative;
	width:66%;
}
@media only screen and (max-width : 850px) {
	#cult-1 .fixed .wide {
		width:100%;
	}
}
#cult-2  {
	position:relative;
	background-color:#f4f4f4;
}
#cult-2 .fixed {
	position:relative;
	max-width:1200px;
	padding:50px 50px;
	margin:0 auto;
	font-size:24px;	
}
@media(max-width: 850px) {
	#cult-2 .fixed {
		padding:50px 25px;
		font-size:21px;	
	}
}
@media(max-width: 450px) {
	#cult-2 .fixed {
		padding:25px 25px;
		font-size:18px;	
	}
}
#cult-2 .fixed h2 {
	color: #000;
	font-family: 'AcuminExCnBd', sans-serif;
	font-size: 70px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
	padding:0;
	display:inline-block;
}
@media(max-width: 850px) {
	#cult-2 .fixed h2 {
		font-size: 45px;
	}
}
#cult-2 .fixed .heading {
	position:relative;
	max-width:800px;
}
#cult-2 .fixed h2 .zig {
	display:inline-block;
}
#cult-2 .fixed h2 .zag {
	display:inline-block;
	color:#0265ff;
	padding:0 0 0 10px;
	vertical-align: -25px;
}

#cult-2 .corner-1 {
	position: absolute;
	top:0;
	right:0;
	width: calc(50% - 265px);
	z-index:2;
}

#cult-2 .zagger {
	position:relative;
	margin: -45px auto 0;
	width:1200px;
}

@media(max-width: 1300px) {
	#cult-2 .zagger {
		width:900px;
	}
}
@media(max-width: 850px) {
	#cult-2 .zagger {
		width:600px;
		margin: 50px auto 0;
	}
}
@media(max-width: 600px) {
	#cult-2 .zagger {
		width:300px;
		margin: 50px auto 0;
	}
}
#cult-2 .zagger .zee {
	position:relative;
}
@media(max-width: 600px) {
	#cult-2 .zagger .zee {
		padding:60px 0;
	}
}
#cult-2 .zagger .ups {
	position:absolute;
	top:180px;
	left:150px;
	width:350px;
	height:120px;
	overflow:hidden;
	font-size:28px;
	line-height:1.3;
	font-weight:600;
	color:#0064ff;
}
@media(max-width: 1300px) {
	#cult-2 .zagger .ups {
		top:140px;
		left:85px;
		width:290px;
		font-size:22px;
	}
}
@media(max-width: 850px) {
	#cult-2 .zagger .ups {
		top:90px;
		left:45px;
		width:200px;
		height:100px;
		font-size:21px;
		line-height:1.1;
	}
}
@media(max-width: 600px) {
	#cult-2 .zagger .ups {
		top:0;
		left:25px;
		width:250px;
		height:75px;
		font-size:20px;
	}
}
#cult-2 .zagger .ups .item {
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	height:120px;
}

#cult-2 .zagger .downs {
	position:absolute;
	top:180px;
	left:750px;
	width:400px;
	height:120px;
	overflow:hidden;
	font-size:28px;
	line-height:1.3;
	font-weight:600;
	color:#00276d;
}
@media(max-width: 1300px) {
	#cult-2 .zagger .downs {
		top:140px;
		left:550px;
		width:290px;
		font-size:22px;
	}
}
@media(max-width: 850px) {
	#cult-2 .zagger .downs {
		top:90px;
		left:375px;
		width:220px;
		height:100px;
		font-size:21px;
		line-height:1.1;
	}
}
@media(max-width: 600px) {
	#cult-2 .zagger .downs {
		top:170px;
		left:25px;
		width:250px;
		height:75px;
		font-size:20px;
	}
}
#cult-2 .zagger .downs .item {
	position:absolute;
	top:-120px;
	left:0;
	width:100%;
	height:120px;
}

#cult-2 .zagger-dots {
	position:relative;
	padding:0;
	margin: -45px 0 25px;
	text-align: center;
}
@media(max-width: 850px) {
	#cult-2 .zagger-dots {
		margin: 0 0 25px;
	}
}
@media(max-width: 600px) {
	#cult-2 .zagger-dots {
		margin: 50px 0 25px;
	}
}
#cult-2 .zagger-dots .dot {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	margin:0 6px;
	background: #ccc;
	transform: skewX(-25deg);
}
#cult-2 .zagger-dots .dot.on {
	background-color:#0265ff;
}
#cult-2 .zagger-dots .dot:hover {
	background-color:#0265ff;
	cursor:pointer;
}

#cult-3 {
	position:relative;

}
#cult-3 .fixed {
	position:relative;
	max-width:1200px;
	padding:0 50px;
	margin:0 auto
}
#cult-3 .corner-1 {
	position: absolute;
	top:0;
	left:0;
	width:12%;
}
#cult-3 .corner-2 {
	position: absolute;
	bottom:0;
	right:0;
	width:15%;
}
#cult-3 .slick-slide img {
	height: 450px;
}
@media only screen and (max-width : 650px) {
	#cult-3 .slick-slide img {
		height: 250px;
	}
}
#cult-3 .slick-slider div { transition: none; }
#cult-3 .slick-track {
transition: fade 2000ms ease-out;  
infinite: true;  
}


#cult-4 {
	position:relative;
	background-image:url(images/cult-4-bg.jpg);
	background-size:cover;
}
#cult-4 .corner-1 {
	position: absolute;
	bottom:0;
	left:0;
	width:16%;
}
#cult-4 .fixed {
	position:relative;
	max-width:900px;
	padding:80px 50px;
	margin:0 auto;
	font-size:24px;
}
@media(max-width: 850px) {
	#cult-4 .fixed {
		padding:50px 25px;
		font-size:21px;
	}
}
#cult-4 .fixed h2 {
	color: #0064ff;
	font-family: 'AcuminExCnBd', sans-serif;
	font-size: 44px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
}
@media(max-width: 850px) {
	#cult-4 .fixed h2 {
		font-size: 33px;
	}
}
#cult-4 .fixed .btn-lg {
  margin: 10px 0 0 40px;
}


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

#nwz-1.banner {
	background-image:url("images/banner-news.jpg");
}
#nwz-1 .heading {
	padding: 100px 50px 0;
	height:160px;
}
@media(max-width: 850px) {
	#nwz-1 .heading {
		padding: 45px 25px 0;
		height:90px;
	}
}
#nwz-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 99px);
	top:44px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 121px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#nwz-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}

@media only screen and (max-width : 350px) {
	#nwz-1 .image {
		display:none;
	}
}
#nwz-1 .fixed {
	position:relative;
	max-width:1200px;
	padding:0 50px 50px;
	margin:0 auto;
	font-size:20px;
}
@media(max-width: 850px) {
	#nwz-1 .fixed {
		padding:0 25px 40px;
	}
}
#nwz-1 .fixed h2 {
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 44px;
  	line-height: 1;
  	text-transform: uppercase;
  	color: #0265ff;
}
@media only screen and (max-width : 350px) {
	#nwz-1 .fixed h2 {
		font-size: 33px;
	}
}
#nwz-1 .fixed .narrow {
	position:relative;
	padding:25px 0 50px 0;
	
}

#nwz-1 .fixed .wide {
	position:relative;
	width:62%;
	font-size:18px;
}
@media only screen and (max-width : 850px) {
	#nwz-1 .fixed .wide {
		width:100%;
	}
}
#nwz-1 .fixed .wide .title {
	font-size:24px;
	font-weight:400;
}
@media only screen and (max-width : 850px) {
	#nwz-1 .fixed .wide .title {
		font-size:21px;
	}
}
#nwz-2  {
	position:relative;
	margin:0 auto;
	background-image:url("images/nwz-2-bg.jpg");
	background-position:center top;
	background-size:cover;
}
#nwz-2 .corner-1 {
	position: absolute;
	top:0;
	left:0;
	width:12%;
}
#nwz-2 .corner-2 {
	position: absolute;
	bottom:0;
	right:0;
	width:16%;
}
#nwz-2 .fixed {
	position:relative;
	max-width:1200px;
	padding:80px 50px;
	margin:0 auto
}
@media(max-width: 850px) {
	#nwz-2 .fixed {
		padding:60px 25px;
	}
}
#nwz-2 .fixed h2 {
	font-family: 'AcuminExCnBd', sans-serif;
  	font-size: 44px;
  	line-height: 1;
  	text-transform: uppercase;
  	color: #0265ff;
}
@media only screen and (max-width : 350px) {
	#nwz-2 .fixed h2 {
		font-size: 33px;
	}
}
#nwz-2 .fixed h3 {
}
#nwz-2 .fixed .list {
	margin:15px 75px 50px;
}
@media(max-width: 850px) {
	#nwz-2 .fixed .list {
		margin:15px 25px 35px;
	}
}
@media(max-width: 450px) {
	#nwz-2 .fixed .list {
		margin:15px 10px 35px;
	}
}
#nwz-2 .fixed .pub {
	margin:0 0 35px;
	line-height:1.2;
}
#nwz-2 .fixed .pub .auth {
	font-weight:600;
}
#nwz-2 .fixed .pub h4 {
	font-weight:400;
	color: #0265ff;
	font-size:24px;
	margin:0 0 6px 0;
}
@media(max-width: 850px) {
	#nwz-2 .fixed .pub h4 {
		font-size:21px;
	}
}
#nwz-2 .fixed .pub .pbl {
	font-style:italic;
	color:#4d4d4d;
}
#nwz-2 .fixed .pub p {
	margin:6px 0;
}

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


#cu-1.banner {
	background-image:url("images/banner-contact.jpg");
	margin:0 0 50px;
	height:auto;
}
#cu-1 .heading {
	padding: 100px 50px 0;
	height:160px;
}
@media(max-width: 850px) {
	#cu-1 .heading {
		padding: 45px 25px 0;
		height:90px;
	}
}
#cu-1 .image {
	position:absolute;
	width:535px;
	height:393px;
	left:calc(50% + 97px);
	top:44px;
	clip-path: polygon(180px 0, 535px 0, 235px 393px, 121px 393px, 0px 236px);
}
@media(max-width: 850px) {
	#cu-1 .image {
		width:325px;
		height:220px;
		top:0;
		left:calc(50% + 18px);
		clip-path: polygon(90px 0, 325px 0, 147px 220px, 92px 220px, 3px 106px);
	}
}
@media only screen and (max-width : 350px) {
	#cu-1 .image {
		display:none;
	}
}
#cu-1 .fixed {
	position:relative;
	
}
#cu-1 .fixed .narrow {
	position:relative;
	display:flex;
	gap:75px;
	padding:0 0 20px 0;
	
}
@media(max-width: 850px) {
	#cu-1 .fixed .narrow {
		display:block;
		padding:0;
	}
		#cu-1 .fixed .narrow > div {
		margin:0 0 35px 0;
	}
}
#cu-2 {
	position:relative;
	background-image:url("images/cu-2-bg.jpg");
	background-position:center top;
}
#cu-2 .map {
	position:absolute;
	top:0;
	left:calc(50% - 850px);
	height:335px;
	width:825px;
	clip-path: polygon(250px 0, 825px 0, 570px 335px, 0 335px);
	transition:all .3s;
	z-index:2;
}
#cu-2 .map:hover {
	left:calc(50% - 750px);
	width:750px;
	clip-path: polygon(0 0, 750px 0, 750px 335px, 0 335px);
}
@media only screen and (max-width : 1500px) {
	#cu-2 .map {
		left:calc(50% - 600px);
	}
	#cu-2 .map:hover {
		left:calc(50% - 600px);
	}
}
@media(max-width: 850px) {
	#cu-2 .map {
		left:0;
		width:100%;
		clip-path:none;
	}
	#cu-2 .map:hover {
		left:0;
		width:100%;
	}
}
#cu-2 .corner-1 {
	position: absolute;
	top:0;
	right:0;
	width: calc(50% - 265px);
}

#cu-2 .fixed {
	max-width:800px;
	margin:0 auto 0;
	text-align: center;
	padding:385px 50px 50px;
	height:auto;
	position:relative;
}


/*----------------- PARTNER PAGE  ----------- */


#part-1.banner {
	background-image:url("images/banner-partner.jpg");
	min-height: 715px;
}
@media only screen and (max-width : 850px) {
	#part-1.banner {
		min-height: 450px;
	}
}
#part-1 .heading {
	padding: 70px 50px 0;
	height:190px;
}
@media only screen and (max-width : 850px) {
	#part-1 .heading {
		padding: 30px 25px 0;
		height:105px;
	}
}
#part-1 .image {
	position:absolute;
	width:768px;
	height:310px;
	left:calc(50% + 130px);
	top:416px;
	clip-path: polygon(255px 0, 768px 0, 533px 310px, 0px 310px);
	z-index:3;
}
@media only screen and (max-width : 850px) {
	#part-1 .image {
		width:560px;
		height:250px;
		left:calc(50% - 50px );
		top:208px;
		clip-path: polygon(255px 0, 768px 0, 533px 250px, 60px 250px);
	}
}
@media only screen and (max-width : 350px) {
	#part-1 .image {
		display:none;
	}
}
#part-1 .fixed .narrow {
	padding:0 0 50px 0;
}
#part-1 .fixed .gap {
	margin:50px 0 0 0;
	font-size:24px;
}
@media only screen and (max-width : 850px) {
	#part-1 .fixed .gap{
		font-size:20px;
	}
}

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

#pg-1.banner {
	background-image:url("images/banner-default.jpg");
	margin:0 0 50px;
	height:auto;
}
#pg-1 .heading {
	padding: 70px 50px 0;
	height:180px;
}
@media(max-width: 850px) {
	#pg-1 .heading {
		padding: 30px 25px 0;
		height:90px;
	}
}

#pg-1 .fixed {
	position:relative;
	max-width:1200px;
	padding:20px 50px;
}
@media(max-width: 850px) {
	#pg-1 .fixed {
		padding: 20px 25px 0;
	}
}






/* ====================================== ============================= */





.backto {

	text-align:left;
	font-size:14px;
}









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



.footer {
	position:relative;
	width:100%;
	background-color:#160200;
	background-image: url("images/footer-bg.jpg");
	background-size:cover;
	background-position:center top;
	color:#fff;
	padding:0;
	font-size:17px;
}

@media(max-width: 1000px) {

	.footer {
		font-size:15px;
	}

}

.footer a svg {

	transition:all .3s;
}

.footer a:hover svg {

	fill: #ADCF3B;
}

.footer-in {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:40px 20px 20px; 
	overflow:hidden;
}

@media(max-width: 1000px) {
	.footer-in {
		padding:20px 20px 20px; 
	}
}

.footer-in .logo {
	position:relative;
	width:250px;
	margin:0 auto 60px;
}

@media(max-width: 1000px) {
	.footer-in .logo {
		width:200px;
		margin:20px auto 30px;
	}
}

.footer-in .logo img {
	width:100%;
	height:auto;
}

.footer-in .columns {

	position:relative;
	display:flex;
	margin:20px auto 60px;
	justify-content:center;
	gap:5%;
}

@media(max-width: 1000px) {

	.footer-in .columns {

		margin:20px auto 30px;
	}

}

@media(max-width: 850px) {

	.footer-in .columns {

		flex-wrap:wrap;
	}

}

.footer-in .columns > div {

	width:37%;
}

.footer-in .columns > div:last-child {

	width:16%;
}

@media(max-width: 850px) {

	.footer-in .columns > div {

		width:100%;
		text-align: center;
	}

	.footer-in .columns > div:last-child {

		width:100%;
	}

}

.footer-in .columns > div h2 {

	font-style:normal;
	font-weight:700;
	color:#ADCF3B;
	margin:0 0 12px 0;
	font-size:22px;
}

@media(max-width: 1000px) {

	.footer-in .columns > div h2 {

		margin:0 0 8px 0;
		font-size:18px;
	}

}

.footer-in .columns > div h2 a {

	color: #6eabff;
}

.footer-in .columns > div p {

	margin:6px 0;
}

@media(max-width: 1000px) {

	.footer-in .columns > div p {

		margin:0;
	}

}

.footer-in .columns > div p a {

	color:#fff;
	transition:all .3s;
}

.footer-in .columns > div p a:hover {

	color:#ADCF3B;
}

.footer-in .terms {

	font-size:13px;
	text-align:center;
	margin:0;
}

.footer-in .terms a {
	margin:0 7px;
	color: #6eabff;
	transition:all .3s;
}

.footer-in .terms a:hover {
	color:#0066ff;
}

.footer-in .copyright {
	font-size:13px;
	text-align:center;
	margin:0;
	color:#fff;
}





#return-to-top {
    bottom: 15px;
    display: none;
    position: fixed;
    right:15px;
	margin:0;
    transition: all 0.3s ease 0s;
    width: 30px;
	height: 30px;
    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='%236eabff' fill-opacity='70%25' cx='105.986' cy='105.986' r='105.986'/%3E%3Cpolygon fill='%23ffffff' 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");
}

#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='%230066ff' fill-opacity='70%25' cx='105.986' cy='105.986' r='105.986'/%3E%3Cpolygon fill='%23000000' 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");
}







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

.exitpopupbg .inner {

	display: flex; 

	width:100%; 

	height:100vh;
	justify-content: center;
	align-items: center;
}



.exitpopup {

	width:80%;
	max-width:500px; 

	height:auto; 

	margin:0px auto; 

	display:none; 

	color:#fff; 

	padding:30px 3%; -webkit-border-radius: 4px; 

	-moz-border-radius: 4px; 

	border-radius: 4px; 

	z-index:999999; 

	background-color: #000;
	text-align:left;
}

#external_site.exitpopup {

	background-color: #094167;
}

	

.exitpopup p {

		text-align:left;
		font-size:18px;
}



.exitpopup a {

	margin:20px 10px 0 0;
	display:inline-block;
	padding:8px 15px;
	color:#fff;
	background-color: #ADCF3B;
	-webkit-border-radius: 4px; 

	-moz-border-radius: 4px; 

	border-radius: 4px;
	text-decoration:none;
}



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















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