@charset "utf-8";
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.BODY.BLOCK ----- */
.blockContainer{
	position: relative;
	width: 100%;

	display: -ms-flex;
	display: -webkit-flex;
	display: flex;

	border-top: 2px solid #000;
	border-bottom: 2px solid #000;

	background-color: #000;
}
.blockOverlay{
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.8)) center / cover;
}
.blockContainer .blockWrapper{ position: relative; width: 100%; height: 100%; padding: 10%; }
/* ----- HTML.BODY.BLOCK ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.BODY.BLOCK.BG ----- */
spy .bg-assessment{ background: url(/_core/_img/_spy/_bg/img.assessment.jpg) no-repeat right / cover; }
spy .bg-fortification{ background: url(/_core/_img/_spy/_bg/img.fortification.jpg) no-repeat left / cover; }
spy .bg-deterence{ background: url(/_core/_img/_spy/_bg/img.deterence.jpg) no-repeat right / cover; }
spy .bg-surveillance{ background: url(/_core/_img/_spy/_bg/img.surveillance.jpg) no-repeat left / cover; }
spy .bg-engagement{ background: url(/_core/_img/_spy/_bg/img.engagement.jpg) no-repeat right / cover; }
spy .bg-investigation{ background: url(/_core/_img/_spy/_bg/img.investigation.jpg) no-repeat left / cover; }
spy .bg-emergency{ background: url(/_core/_img/_spy/_bg/img.emergency.jpg) no-repeat right / cover; }
spy .bg-intelligence{ background: url(/_core/_img/_spy/_bg/img.intelligence.jpg) no-repeat left / cover; }
spy .bg-residence{ background: url(/_core/_img/_spy/_bg/img.residence.jpg) no-repeat right / cover; }
spy .bg-ourteam{ background: url(/_core/_img/_spy/_bg/img.ourteam.jpg) no-repeat top center / cover; }
spy .bg-form{ background: url(/_core/_img/_spy/_bg/img.form.jpg) no-repeat center / cover; }
/* ----- HTML.BODY.BLOCK.BG ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.BODY.BLOCK.BG ----- */
spk .bg-ident-signup{ background: url(/_core/_img/_spk/_bg/img.ident.signup.jpg) no-repeat center / cover; }
spk .bg-ident-login{ background: url(/_core/_img/_spk/_bg/img.ident.login.jpg) no-repeat center / cover; }

spk .bg-land-intro{ background: url(/_core/_img/_spk/_bg/img.land.intro.jpg) no-repeat center / cover; }
spk .bg-land-guide{ background: url(/_core/_img/_spk/_bg/img.land.guide.jpg) no-repeat center / cover; }
spk .bg-land-wash{ background: url(/_core/_img/_spk/_bg/img.land.wash.jpg) no-repeat center / cover; }
spk .bg-land-merch{ background: url(/_core/_img/_spk/_bg/img.land.merch.jpg) no-repeat center / cover; }
spk .bg-land-fence{ background: url(/_core/_img/_spk/_bg/img.land.fence.jpg) no-repeat center / cover; }
spk .bg-land-tunnel{ background: url(/_core/_img/_spk/_bg/img.land.tunnel.jpg) no-repeat top / cover; }
spk .bg-land-subscribe{ background: url(/_core/_img/_spk/_bg/img.land.subscribe.jpg) no-repeat center / cover; }

spk .bg-guide-intro{ background: url(/_core/_img/_spk/_bg/img.guide.intro.jpg) no-repeat center / cover; }
spk .bg-guide-ident{ background: url(/_core/_img/_spk/_bg/img.guide.ident.jpg) no-repeat center / cover; }
spk .bg-guide-cache{ background: url(/_core/_img/_spk/_bg/img.guide.cache.jpg) no-repeat center / cover; }
spk .bg-guide-brand{ background: url(/_core/_img/_spk/_bg/img.guide.brand.jpg) no-repeat center / cover; }
spk .bg-guide-boat{ background: url(/_core/_img/_spk/_bg/img.guide.boat.jpg) no-repeat center / cover; }
spk .bg-guide-plex{ background: url(/_core/_img/_spk/_bg/img.guide.plex.jpg) no-repeat center / cover; }
spk .bg-guide-crew{ background: url(/_core/_img/_spk/_bg/img.guide.crew.jpg) no-repeat center / cover; }
spk .bg-guide-job{ background: url(/_core/_img/_spk/_bg/img.guide.job.jpg) no-repeat center / cover; }
spk .bg-guide-cargo{ background: url(/_core/_img/_spk/_bg/img.guide.cargo.jpg) no-repeat center / cover; }
spk .bg-guide-take{ background: url(/_core/_img/_spk/_bg/img.guide.take.jpg) no-repeat center / cover; }
spk .bg-guide-black{ background: url(/_core/_img/_spk/_bg/img.guide.black.jpg) no-repeat center / cover; }
spk .bg-guide-ironup{ background: url(/_core/_img/_spk/_bg/img.guide.ironup.jpg) no-repeat center / cover; }

spk .bg-guide-ident-intro{ background: url(/_core/_img/_spk/_bg/img.guide.ident.intro.jpg) no-repeat center / cover; }
spk .bg-guide-ident-nic{ background: url(/_core/_img/_spk/_bg/img.guide.ident.nic.jpg) no-repeat center / cover; }
spk .bg-guide-ident-cut{ background: url(/_core/_img/_spk/_bg/img.guide.ident.cut.jpg) no-repeat center / cover; }
spk .bg-guide-ident-homeworld{ background: url(/_core/_img/_spk/_bg/img.guide.ident.homeworld.jpg) no-repeat center / cover; }
spk .bg-guide-ident-birth{ background: url(/_core/_img/_spk/_bg/img.guide.ident.birth.jpg) no-repeat center / cover; }
spk .bg-guide-ident-talent{ background: url(/_core/_img/_spk/_bg/img.guide.ident.talent.jpg) no-repeat center / cover; }
spk .bg-guide-ident-sizeemup{ background: url(/_core/_img/_spk/_bg/img.guide.ident.sizeemup.jpg) no-repeat center / cover; }

spk .bg-guide-cache-intro{ background: url(/_core/_img/_spk/_bg/img.guide.cache.intro.jpg) no-repeat center / cover; }
spk .bg-guide-cache-license{ background: url(/_core/_img/_spk/_bg/img.guide.cache.license.jpg) no-repeat center / cover; }
spk .bg-guide-cache-wallet{ background: url(/_core/_img/_spk/_bg/img.guide.cache.wallet.jpg) no-repeat center / cover; }
spk .bg-guide-cache-safe{ background: url(/_core/_img/_spk/_bg/img.guide.cache.safe.jpg) no-repeat center / cover; }
spk .bg-guide-cache-claim{ background: url(/_core/_img/_spk/_bg/img.guide.cache.claim.jpg) no-repeat center / cover; }

spk .bg-guide-brand-intro{ background: url(/_core/_img/_spk/_bg/img.guide.brand.intro.jpg) no-repeat center / cover; }
spk .bg-guide-brand-dirtside{ background: url(/_core/_img/_spk/_bg/img.guide.brand.dirtside.jpg) no-repeat center / cover; }
spk .bg-guide-brand-topo{ background: url(/_core/_img/_spk/_bg/img.guide.brand.topo.jpg) no-repeat center / cover; }
spk .bg-guide-brand-topo-1{ background: url(/_core/_img/_spk/_bg/img.guide.brand.topo.1.jpg) no-repeat center / cover; }
spk .bg-guide-brand-topo-2{ background: url(/_core/_img/_spk/_bg/img.guide.brand.topo.2.jpg) no-repeat center / cover; }
spk .bg-guide-brand-mount{ background: url(/_core/_img/_spk/_bg/img.guide.brand.mount.jpg) no-repeat center / cover; }
spk .bg-guide-brand-warstories{ background: url(/_core/_img/_spk/_bg/img.guide.brand.warstories.jpg) no-repeat center / cover; }

spk .bg-guide-crew-intro{ background: url(/_core/_img/_spk/_bg/img.guide.crew.intro.jpg) no-repeat center / cover; }
spk .bg-guide-crew-class{ background: url(/_core/_img/_spk/_bg/img.guide.crew.class.jpg) no-repeat center / cover; }
spk .bg-guide-crew-gut{ background: url(/_core/_img/_spk/_bg/img.guide.crew.gut.jpg) no-repeat center / cover; }
spk .bg-guide-crew-grip{ background: url(/_core/_img/_spk/_bg/img.guide.crew.grip.jpg) no-repeat center / cover; }
spk .bg-guide-crew-grit{}
spk .bg-guide-crew-cred{ background: url(/_core/_img/_spk/_bg/img.guide.crew.cred.jpg) no-repeat center / cover; }
spk .bg-guide-crew-lore{ background: url(/_core/_img/_spk/_bg/img.guide.crew.lore.jpg) no-repeat bottom center / cover; }

spk .bg-wash-intro{ background: url(/_core/_img/_spk/_bg/img.wash.intro.jpg) no-repeat center / cover; }
spk .bg-wash-exchange{ background: url(/_core/_img/_spk/_bg/img.wash.exchange.jpg) no-repeat center / cover; }
spk .bg-wash-patrons{ background: url(/_core/_img/_spk/_bg/img.wash.patrons.jpg) no-repeat center / cover; }

spk .bg-guide-cargo-intro{ background: url(/_core/_img/_spk/_bg/img.guide.cargo.intro.jpg) no-repeat bottom / cover; }
spk .bg-guide-cargo-class{ background: url(/_core/_img/_spk/_bg/img.guide.cargo.class.jpg) no-repeat center / cover; }
spk .bg-guide-cargo-contra{ background: url(/_core/_img/_spk/_bg/img.guide.cargo.contra.jpg) no-repeat bottom / cover; }
spk .bg-guide-cargo-sealed{ background: url(/_core/_img/_spk/_bg/img.guide.cargo.sealed.jpg) no-repeat center / cover; }

spk .bg-guide-take-intro{ background: url(/_core/_img/_spk/_bg/img.guide.take.intro.jpg) no-repeat center / cover; }
spk .bg-guide-take-coin{ background: url(/_core/_img/_spk/_bg/img.guide.take.coin.jpg) no-repeat center / cover; }
spk .bg-guide-take-loot{ background: url(/_core/_img/_spk/_bg/img.guide.take.loot.jpg) no-repeat center / cover; }
spk .bg-guide-take-rarity{ background: url(/_core/_img/_spk/_bg/img.guide.take.rarity.jpg) no-repeat center / cover; }

spk .bg-guide-black-intro{ background: url(/_core/_img/_spk/_bg/img.guide.black.intro.jpg) no-repeat center / cover; }
spk .bg-guide-black-earth{ background: url(/_core/_img/_spk/_bg/img.guide.black.earth.jpg) no-repeat center / cover; }
spk .bg-guide-black-quirk{ background: url(/_core/_img/_spk/_bg/img.guide.black.quirk.jpg) no-repeat center / cover; }
spk .bg-guide-black-fog{ background: url(/_core/_img/_spk/_bg/img.guide.black.fog.jpg) no-repeat center / cover; }
spk .bg-guide-black-vril{ background: url(/_core/_img/_spk/_bg/img.guide.black.vril.jpg) no-repeat center / cover; }

spk .bg-ident-intro{ background: url(/_core/_img/_spk/_bg/img.ident.intro.jpg) no-repeat center / cover; }
spk .bg-ident-wallet{ background: url(/_core/_img/_spk/_bg/img.ident.wallet.jpg) no-repeat center / cover; }
spk .bg-ident-wallet-intro{ background: url(/_core/_img/_spk/_bg/img.ident.wallet.intro.jpg) no-repeat center / cover; }
spk .bg-ident-wallet-ledger{ background: url(/_core/_img/_spk/_bg/img.ident.wallet.ledger.jpg) no-repeat center / cover; }
spk .bg-ident-license{ background: url(/_core/_img/_spk/_bg/img.ident.license.jpg) no-repeat center / cover; }
spk .bg-ident-license-intro{ background: url(/_core/_img/_spk/_bg/img.ident.license.intro.jpg) no-repeat center / cover; }

spk .bg-inside-pitch-intro{ background: url(/_core/_img/_spk/_bg/img.inside.pitch.intro.jpg) no-repeat center / cover; }
spk .bg-inside-founders{ background: url(/_core/_img/_spk/_bg/img.guide.ident.sizeemup.jpg) no-repeat center / cover; }
/* ----- HTML.BODY.BLOCK.BG ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.BODY.BLOCK.FG ----- */
spk .fg-guide-cargo-class-1{ background: url(/_core/_img/_spk/_image/img.guide.cargo.class.1.jpg) no-repeat top / cover; }
spk .fg-guide-cargo-class-2{ background: url(/_core/_img/_spk/_image/img.guide.cargo.class.2.jpg) no-repeat top / cover; }
spk .fg-guide-cargo-class-3{ background: url(/_core/_img/_spk/_image/img.guide.cargo.class.3.jpg) no-repeat top / cover; }
/* ----- HTML.BODY.BLOCK.FG ----- */
/* --------------------------------------------------------------------------------------------------------- */
.formBlock{
	position: relative;
	width: 80%;
	min-height: 70px;
	padding: 0 10%;
	text-align: center;
	margin: 0 auto;
}
.formBlock >div>div{
	font-size: 18px;
	text-align: right;
}
/* --------------------------------------------------------------------------------------------------------- */
.buttonBlock{ min-height: 90px; }
/* --------------------------------------------------------------------------------------------------------- */
.imageBlock{ min-height: 400px; }
/* --------------------------------------------------------------------------------------------------------- */
.narrateBlock{}
.narrateBlock >div:first-child{
	position: relative;
	top: 15px;
	padding: 0 .5%;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
}
/* --------------------------------------------------------------------------------------------------------- */
.c2aBlock{
	position: relative;
	top: 15px;
}
.c2aBlock >div:first-child{  }
.c2aBlock >div:last-child{ text-align: right; }
/* --------------------------------------------------------------------------------------------------------- */
.toggleBlock{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.toggleBlock >div:first-child >div:first-child{
	position: relative;
	top: 15px;
	padding: 0 .5%;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.toggleBlock >div:last-child{
	position: relative;
	width: 100%;
	height: 0%;
	min-height: 80px;
	margin: 0 auto;
}
.toggleBlock >div:last-child >div{ position: relative; width: 33.3%; height: 100%; }
/* --------------------------------------------------------------------------------------------------------- */
.countupBlock{ text-align: center; }
/* --------------------------------------------------------------------------------------------------------- */
.switchBlock{
	position: relative;
	width: 100%;
	height: 0%;
	min-height: 800px;
	margin: 0 auto;

	display: table;
}

/* Switch Buttons */
.switchBlock >div:first-child{ position: relative; width: 100%; display: table-row; }
.switchBlock >div>div{ position: relative; height: 100%; float: left; }

/* Switch Banner */
.switchBlock >div:last-child{ position: relative; width: 100%; height: 100%; display: table-row; }
.switchBlock >div:last-child >div:first-child{ position: relative; width: 100%; height: 100%; display: table; padding: 5%; }
.switchBlock >div:last-child >div>div:first-child{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }
.switchBlock >div:last-child >div>div:nth-child(2){ position: relative; width: 100%; height: 50px; display: table-row; }

.switchBlock .switchImg{ position: relative; width: 100%; height: 100%; }
.switchBlock .switchTxt{ position: relative; width: 100%;}
.switchBlock .switchTag{ position: relative; width: 75%; }
/* --------------------------------------------------------------------------------------------------------- */
.accordionBlock{
	position: relative;
	width: 100%;
	height: 0%;
	margin: 0 auto;
}
.accordionBlock >div{ }
.accordionBlock >div>div:first-child{ }
.accordionBlock >div>div:last-child{ padding: 2% 5%; }
/* --------------------------------------------------------------------------------------------------------- */
/*
.featureBlock{
	position: relative;
	width: 100%;
	height: 0%;
	min-height: 600px;
	margin: 0 auto;
}
.featureBlock >div:first-child{ position: relative; width: 100%; height: 100%; padding: 0 0 75px 50px; display: table; }
.featureBlock >div>div:first-child{ position: relative; width: 100%; height: 100%; display: table-row; }
.featureBlock >div>div:last-child{ position: absolute; width: 100%; height: 60px; bottom: 0; left: 0; }
.featureBlock >div>div:nth-child(2){ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }
.featureBlock >div>div:nth-child(3){ position: relative; height: auto; display: table-row; }
.featureBlock .featureImg{ position: relative; width: 100%; height: 100%; }
.featureBlock .featureTxt{ position: relative; width: 100%; font-family: 'PostApo1'; font-size: 60px; letter-spacing: 5px; line-height: 50px; }
.featureBlock .featureTag{ position: relative; width: 100%; font-family: 'PostApo3'; font-size: 40px; letter-spacing: 0px; line-height: 40px; margin-bottom: 40px; }

//Feature Buttons
.featureBlock >div>div:nth-child(4){ position: relative; width: 100%; height: 100%; display: table-row; }
.featureBlock >div>div:nth-child(4) >div{ position: relative; float: left; width: 30%; height: 100%; min-height: 80px; }

//Feature Progress
.featureBlock >div:last-child{ position: relative; width: 100%; height: 5%; text-align: center; padding: 10px 0; }
.featureBlock >div>a{ position: relative; width: 10%; height: 20px; cursor: pointer; display: inline-block; }
.featureBlock .featureBar >span:first-child{ position: absolute; width: 100%; height: 10px; top: 5px; left: 0; background-color: #faf8f3; }
.featureBlock .featureBar >span:first-child:hover{ background-color: #ff9900; }
.featureBlock .featureBar >span:last-child{ position: absolute; width: 0px; height: 10px; top: 5px; left: 0; background-color: #ff6600; }
*/
/* --------------------------------------------------------------------------------------------------------- */
.progressBlock{
	position: relative;
	width: 100%;
	height: 0%;
	min-height: 400px;
	margin: 0 auto;

	display: table;
}
.progressBlock >div:first-child{}
.progressBlock >div:first-child >div:first-child{ width: 5%; height: 100%; }
.progressBlock >div:first-child >div:nth-child(2){
	width: 86%;
	height: 20px;
	margin: 1% 2%;

	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 2px;
}
.progressBlock >div:first-child >div:last-child{ width: 5%; height: 100%; display: table-row; }

/* Progress Banner */

.progressBlock >div:nth-child(2){ margin: 10%; }
.progressBlock >div:last-child{ position: relative; width: 100%; height: 100%; padding: 10%; display: table-row; }
.progressBlock >div:last-child >div:first-child{ position: relative; float: left; width: 50%; }
.progressBlock >div:last-child >div:last-child{ position: relative; float: right; width: 50%; }

.progressBlock .progressTxt{ position: relative; width: 100%; }
.progressBlock .progressTag{ position: relative; width: 100%; }
.progressBlock .progressImg{ height: 100%; }
/* ------------------------------------ */
/* BAR */
.progressWrapper .progressBar{
	position: relative;
	width: 0%;
	height: 100%;

	background-size: 100px 30px, 130px 30px, 130px 30px;
	background-position: -20% center, right center, left center;
	background-repeat: no-repeat, no-repeat, no-repeat;

	border: 1px solid;
	border-radius: 2px 0 0 2px;

	opacity: 1;
	display: block;
}
.progressWrapper .progressBar.L2R{
	margin: 0%;
	float: left;

	transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease, box-shadow 1s ease;
	-webkit-animation: animPulseRt 2s ease-out infinite;
	animation: animPulseRt 2s ease-out infinite;
}
.progressWrapper .progressBar.C2R{
	margin: 0 0 0 50%;
	float: left;

	transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease, box-shadow 1s ease;
	-webkit-animation: animPulseRt 2s ease-out infinite;
	animation: animPulseRt 2s ease-out infinite;
}
.progressWrapper .progressBar.C2L{
	margin: 0 50% 0 0;
	float: right;

	transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease, box-shadow 1s ease;
	-webkit-animation: animPulseLt 2s ease-out infinite;
	animation: animPulseLt 2s ease-out infinite;
}
/* BAR */
/* ------------------------------------ */
/* BAR.SHINE */
.progressWrapper .progressBar:before, .progressWrapper .progressBar:after{
	position: absolute;
	top: -10px;
	height: 40px;
	content: "";
}
.progressWrapper .progressBar:before{
	width: 7px;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 75%);
}
.progressWrapper .progressBar:after{
	width: 1px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 100%);
}
.progressWrapper .progressBar.L2R:before{ right: -4px; }
.progressWrapper .progressBar.L2R:after{ right: -1px; }
.progressWrapper .progressBar.C2R:before{ right: -4px; }
.progressWrapper .progressBar.C2R:after{ right: -1px; }
.progressWrapper .progressBar.C2L:before{ left: -4px; }
.progressWrapper .progressBar.C2L:after{ left: -1px; }
/* BAR.SHINE */
/* --------------------------------------------------------------------------------------------------------- */
.rankBlock{ position: relative; width: 900px; height: 125px; margin: 0 auto; }
.rankBlock >div>div{ width: 75px; height: 125px; }
.rankBlock .img{ width: 75px; height: 125px; }
.rankBlock .img >div{ width: 96%; height: 88%; transition: all 0.2s; }
.rankBlock .img >div:hover{ width: 100%; height: 100%; transition: all 0.2s; }
/* --------------------------------------------------------------------------------------------------------- */
.myIpnBlock{
	width: 100%;

	font-size: 18px;
	line-height: 35px;
	text-align: right;

	display: table;
}
.myIpnBlock >div{ display: table-row; }
.myIpnBlock >div>div{ padding: 0 20px; display: table-cell; }

.myIpnBlock >div>div:nth-child(3){ text-align: left; }

.myIpnBlock >div>div:nth-child(9){ text-align: right; }
.myIpnBlock >div>div:nth-child(9){ text-align: right; }
/* --------------------------------------------------------------------------------------------------------- */
.patronBlock{}
.patronBlock >div{
	position: relative;
	top: 15px;
	padding: 0 .5%;
	text-align: center;
	margin: 0 auto;
}
.patronBlock >div>div>div{ font-family: 'PostApo3'; font-size: 16px; line-height: 30px; }
.patronBlock >div>div>div:first-child{
	padding: 50px 0 20px 0;
	font-family: 'Agency';
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 40px;
	text-transform: uppercase;
	filter: drop-shadow(5px 0 .5rem rgba(0,0,0,.6));
}
.patronBlock ._10{ width: 4%; }
.patronBlock ._40{ width: 44%; }
.patronBlock ._33{ width: 32.8%; }
/* --------------------------------------------------------------------------------------------------------- */
.founderBlock{}
.founderBlock >div{
	position: relative;
	top: 15px;
	padding: 0 .5%;
	text-align: center;
	margin: 0 auto;
}
.founderBlock >div>div>div{ font-family: 'PostApo3'; font-size: 16px; line-height: 30px; }
/*
.founderBlock >div>div>div:first-child{
	padding: 50px 0 20px 0;
	font-family: 'Agency';
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 40px;
	text-transform: uppercase;
	filter: drop-shadow(5px 0 .5rem rgba(0,0,0,.6));
}
*/
/* --------------------------------------------------------------------------------------------------------- */