/*
 Theme Name:   MIB
 Description:  Proprietary Development Theme
 Theme URI:		 https://myindustrybrand.com
 Author:       Matthew Ladouceur
 Author URI:   https://myindustrybrand.com
 Text Domain:  bsimple
 Version:      2.1.1
 License:      GNU General Public License v2 or later
*/

/*=================================================
==================== DIRECTORY ====================
===================================================
	1.0.0 Core
		1.1.0 Global
			1.1.1 Font Face
			1.1.2 Variables
			1.1.3 Defaults
		1.2.0 Architecture
			1.2.1 Wrappers
			1.2.2 Layout
			1.2.3 Columns
			1.2.4 Images
		1.3.0 Typography
			1.3.1 Base
			1.3.2 Headings
			1.3.3 Content
			1.3.4 Links
		1.4.0 Navigation
			1.4.1 Header
			1.4.2 Footer
			1.4.3 Menu
			1.4.4 Sub-Menu
			1.4.5 Language
		1.5.0 SKM Settings
			1.5.1 Global
			1.5.2 Footer
			1.5.3 Pages
		
	2.0.0 Elements
		2.1.0 Buttons
			2.1.1 Base
		2.2.0 Forms
			2.1.1 Architecture
			2.1.2 Labels
			2.1.3 Submit
			2.1.4 Hiding
			2.1.5 Language
		2.3.0 Video
		2.4.0 Drawn Elements
			2.4.1 Backgrounds
			
		3.0.0 Site Standards
			3.1.0 Failsafes
				3.1.1 404 Page
			3.2.0 Legal
				3.2.1 Privacy Policy
			
		4.0.0 Pages
			4.1.0 Home
				4.1.1 Hero
				4.1.2 Services
				4.1.3 Money
				4.1.4 Token
				4.1.5 Contact
===================================================*/

/******************************************************************************/
/********************              1.0.0 Core              ********************/
/******************************************************************************/

/***** 1.1.0 Global ***********************************************************/
/******* 1.1.1 Font Face ******************************************************/
@font-face {
	font-family:'Quiche Sans';
	src:url('font/quiche-sans.otf') format('opentype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Quiche Sans';
	src:url('font/quiche-sans-med.otf') format('opentype');
	font-weight:500;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Quiche Sans';
	src:url('font/quiche-sans-bold.otf') format('opentype');
	font-weight:bold;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Forma DJR';
	src:url('font/forma-djr.otf') format('opentype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Forma DJR';
	src:url('font/forma-djr-med.otf') format('opentype');
	font-weight:500;
	font-style:normal;
	font-display:swap;
}
/******* END - Font Face ******************************************************/

/******* 1.1.2 Variables ******************************************************/
:root{
	--site-max-width:140rem;
	--column-margin:1%;
	--gutter:4rem;
	
	--color-primary:#e8b200;
	--color-accent:#FFE799;
	--color-dark:#192026;
	--color-light:#eff3f7;
	--color-font:#192026 ;
	--color-menu:#192026;
	--color-menu-hov:white;
	
	--font-body:'Forma DJR', sans-serif;
	--font-heading:'Forma DJR', sans-serif;
	--font-btn:'Forma DJR', sans-serif;
	--paragraph-padding:1rem;
	
	--default-transition:0.3s;
}

@media (max-width:1600px) {
	:root{
		--gutter:14rem;
	}
}

@media (max-width:600px) {
	:root{
		--gutter:5rem;
	}
}
/******* END - Variables ******************************************************/

/******* 1.1.3 Defaults *******************************************************/
html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary, button,
 time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background:none;
	box-sizing:border-box;
	text-decoration:none;
}
*{
	transition:var(--default-transition);
}
/******* END - Defaults *******************************************************/
/***** END - Global ***********************************************************/

/***** 1.2.0 Architecture *****************************************************/
/******* 1.2.1 Wrappers *******************************************************/
body{
	margin:0;
}
.wrapper{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:100vw;
	min-height:100vh;
	overflow:hidden;
}
main{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	flex:1 0 auto;
}
article{
	display:flex;
	flex-direction:column;
	width:100%;
	margin:auto;
}
/******* END - Wrappers *******************************************************/

/******* 1.2.2 Layout *********************************************************/
.skm-sec{
	display:flex;
	flex-direction:column;
	width:100%;
	z-index:1;
	position:relative;
	padding:2.5% var(--gutter);
	background:center center / cover no-repeat;
}
.skm-row{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:var(--site-max-width);
	margin:var(--column-margin) auto;
	justify-content:center;
	position:relative;
}
.skm-col{
	display:inline-flex;
	flex-direction:column;
	position:relative;
	max-width:100%;
	width:calc(100% - var(--column-margin) * 2);
	margin:var(--column-margin);
}
.skm-wrap{
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.skm-float{
	display:block;
	position:relative;
}
.background{
	position:absolute;
	z-index:-1;
}
@media (max-width:600px) {
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:flex;
	}
}
/******* END - Layout *********************************************************/

/******* 1.2.3 Columns ********************************************************/
.col0{
	width:auto;
}
.col2{
	width:48%;
}
.col3{
	width:31.33%;
}
.col4{
	width:23%;
}

@media (max-width: 600px) {
	.skm-col{
		width:98%;
	}
}
/******* END - Columns ********************************************************/

/******* 1.2.4 Images *********************************************************/
.skm-img{
	display:flex;
	height:auto;
}
.skm-img img{
	display:flex;
	max-width:100%;
	height:auto;
	margin:auto;
}
/******* END Images ***********************************************************/

/******* 1.2.5 Mobile *********************************************************/
.mobile-off{
	display:flex;
}
.mobile-on{
	display:none;
}
@media (max-width:600px){
	.mobile-off{
		display:none;
	}
	.mobile-on{
		display:flex;
	}
}
/******* END - Mobile *********************************************************/
/***** END - Architecture *****************************************************/

/***** 1.3.0 Typography *******************************************************/
/******* 1.3.1 Base ***********************************************************/
html{
	font-size:62.5%;
	font-family:var(--font-body);
	scroll-behavior:smooth;
}
@media (max-width:1500px) {
	html{
		font-size:56.25%;
	}
}
@media (max-width:1200px) {
	html{
		font-size:56.25%;
	}
}
@media (max-width: 1000px) {
	html{
		font-size:50%;
	}
}
@media (max-width: 800px) {
	html{
		font-size:43.75%;
	}
}
@media (max-width: 600px) {
	html{
		font-size:37.5%;
	}
}
@media (max-width: 400px) {
	html{
		/*font-size:31.25%;*/
		/*font-size:25%;*/
	}
}
/******* END - Base ***********************************************************/

/******* 1.3.2 Headings *******************************************************/
h1, h2, h3, h4, h5{
	font-family:var(--font-heading);
	line-height:1.2;
	color:var(--color-font);
	font-weight:bold;
}
h1{
	font-size:6.8rem;
	text-align:center;
}
@media (max-width:1600px) {
	h1{
		font-size:5.8rem;
	}
}
h2{
	font-size:4rem;
	text-align:center;
	margin-bottom:2rem;
}
h3{
	font-family:var(--font-body);
	font-size:3rem;
	text-align:center;
	font-weight:500;
}
h4{ 
	font-size:2rem;
}
h5{
	font-family:var(--font-body);
	font-size:2.6rem;
	font-weight:500;
}
h6{
	font-size:1.8rem;
	color:var(--color-font);
	line-height:1.2;
}
/******* END - Headings *******************************************************/

/******* 1.3.3 Content ********************************************************/
p, span, label, a, ul{
	font-family:var(--font-body);
	font-size:2rem;
	color:var(--color-font);
}
p{
	line-height:1.6;
	padding:var(--paragraph-padding) 0;
}
span{
	line-height:1.2;
	text-align:center;
	margin:1rem 0;
	font-size:2.6rem;
}
label{
	line-height:1;
}
strong{
	font-weight:500;
}
ul{
	list-style-position:outside;
	padding-left:2rem;
	font-size:1.6rem;
	line-height:1.4;
	font-weight:bold;
	text-transform:uppercase;
}
i{
	font-style:italic;
}
.hero-sub{
	font-size:2.8rem;
	line-height:1.4;
	text-align:center;
	margin:0.5rem auto;
}
.light{
	color:white;
}
/******* END - Content ********************************************************/

/******* 1.3.4 Links **********************************************************/
a{
	color:var(--color-primary);
	cursor:pointer;
}
a:hover{
	color:var(--color-accent);
}
a:focus{
	color:var(--color-accent);
	outline:1px solid var(--color-accent);
}
/******* END - Links **********************************************************/
/***** END - Typography *******************************************************/

/**** 顶部的条 ****/
/* .inTop {
  background-color: #000;
  background-image: url('https://proxidefi.com/wp-content/uploads/inTop_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 8.2rem;
  position: relative;
  left: 0;
  top: 0;
  z-index: 99;
}
.inTop .inTop_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 140rem;
  margin: 0 auto;
  height: 100%;
  padding: 0 var(--gutter);
}
.inTop .inTop_con > p span, .inTop .inTop_con > p b {
  font-family: Helvetica;
  font-size: 2.1rem;
  color: #FFFFFF;
}
.inTop .inTop_con > p .inTop_con_color {
  color: #F0C800;
}
.inTop .inTop_con > a {
  font-family: Helvetica-Bold;
  font-size: 2rem;
  color: #192026;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.2rem;
  padding: 0 2rem;
  background-image: linear-gradient(180deg, #F0C800 0%, #E8B200 99%);
  box-shadow: 0 0.2rem 0.8rem 0 rgba(232,178,0,0.37);
  border-radius: 0.4rem;
  text-decoration: none;
  text-align: center;
  margin-left: 4rem;
  flex: none;
  font-weight: bold;
  margin-right: 2rem;
}

.inTop .inTop_con > a:hover {
	color: #fff;
}
@media (max-width: 800px) {
	.inTop .inTop_con {
	  padding: 0 2rem;
	}
}
@media (max-width: 600px) {
  .inTop .inTop_con > a {
	  margin-right: 0;
  }
}
@media (max-width: 400px) {
  .inTop .inTop_con > p {
    font-size: 2rem;
  }
  .inTop .inTop_con > a {
    font-size: 2rem;
    margin-left: 1rem;
    padding: 0 1rem;
  }
}
 */
/***** 1.4.0 Navigation *******************************************************/
/******* 1.4.1 Header *********************************************************/
header.skm-sec{
	padding:0;
}
header .skm-row{
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
	padding:0 var(--gutter);
	max-width:140rem;
}
header .skm-col{
	margin:0;
}

#static-header{
	z-index:99;
	height:10rem;
}
.skm-logo img{
	height:7rem;
	margin:1.5rem 0;
}

#floating-header{
	z-index:98;
	height:8rem;
	position:fixed;
	box-shadow:0 0 1rem 0.1rem rgba(0,0,0,0.25);
	top:0;
	opacity:0;
	transition:0.5s !important;
	background:var(--color-dark);
}
#floating-header .skm-logo img{
	height:6rem;
	margin:1rem 0;
}
/******* END - Header *********************************************************/

/******* 1.4.2 Footer *********************************************************/
footer.skm-sec{
	display:flex;
	background:var(--color-dark) center center / cover no-repeat;
	padding:0;
}
footer .skm-row{
	margin:0 auto;
	max-width:140rem;
}
footer .skm-col{
	align-items:center;
}

footer .skm-wrap {
  justify-content: center;
}

footer .skm-wrap a{
	margin:2rem 1.5rem;
}
@media (max-width:800px) {
  footer .skm-wrap a{
    margin:2rem 2.5rem;
  }
}
/*footer .skm-wrap .skm-img img{
	width:5rem;
	height:5rem;
	border-radius:5rem;
}
footer .skm-wrap a:hover .skm-img img{
	background:white;
}*/
footer .skm-wrap a{
	display:flex;
	width:5rem;
	height:5rem;
	border-radius:5rem;
	background:var(--color-primary);
}
footer .skm-ico{
	display:flex;
	width:2.5rem;
	height:2.5rem;
	margin:auto;
}
footer .skm-ico path{
	fill:black;
}
footer .skm-wrap a:hover .skm-ico path{
	fill:white;
}

#copyright{
	margin:0 auto;
}
#copyright span{
	font-size:1.4rem;
	padding-top:1rem;
	text-align:center;
	color:rgba(255,255,255,0.5);
	letter-spacing:0.05em;
}
/******* END Footer ***********************************************************/

/******* 1.4.3 Menu ***********************************************************/
.nav{
	display:flex;
}
header .nav{
	justify-content:flex-end;
}
.nav ul{
	display:flex;
	list-style-type:none;
	padding:0;
}
footer .nav ul{
	margin:0 auto;
}

.menu-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:0 1rem;
	position:relative;
	white-space:nowrap;
}
.menu-item:last-child{
	
}

.menu-item a{
	color:var(--color-menu);
	text-transform:uppercase;
	line-height:1;
	letter-spacing:0.05em;
	text-align:center;
	padding:1rem;
	font-weight:400;
}
footer .menu-item a{
	color:white;
	font-size:1.6rem;
}
.menu-item a:hover{
	color:white;
}
#floating-header .menu-item a{
	font-size:1.6rem;
	color:white;
}
#floating-header .menu-item a:hover,
footer .menu-item a:hover{
	color:var(--color-accent);
}

header .modal-btn{
	display:inline-flex;
	margin-left:auto;
	margin-right:1rem;
	height:6rem;
}
#floating-header .modal-btn path{
	fill:white;
}
#modal-menu{
	display:none;
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#modal-menu .skm-col{
	width:80%;
	padding:5rem;
	background:black;
	align-items:center;
}
#modal-menu nav{
	width:100%;
}
#modal-menu ul{
	flex-direction:column;
	width:95%;
}
#modal-menu .menu-item-has-children::after{
	top:2rem;
	left:95%;
}
#modal-menu .close-btn{
	position:absolute;
	top:0.5rem;
	right:2rem;
	color:white;
	font-size:30px;
}
#modal-menu a{
	font-size:2.6rem;
	margin:1rem auto;
	color:var(--color-primary);
	width:100%;
	text-align:left;
}
#modal-menu .skm-img img{
	width:25%;
	height:auto;
	margin-right:0;
}
#modal-menu .skm-img{
	
}
/******* END - Menu ***********************************************************/

/******* 1.4.4 Sub-Menu *******************************************************/
.menu-item-has-children{
	padding-right:1.5rem;
}
.menu-item-has-children::after{
	content:"";
	/*background:url(assets/chevron-down.svg) center center / contain no-repeat;*/
	position:absolute;
	top:1rem;
	left:85%;
	width:1.5rem;
	height:1.5rem;
	transition:var(--default-transition);
	-webkit-mask: url(assets/chevron-down.svg) center center / contain no-repeat;
	mask: url(assets/chevron-down.svg) center center / contain no-repeat;
	background:var(--color-font);
}
footer .menu-item-has-children::after{
	background:white;
	transform:rotate(180deg)
}
.sub-menu{
	display:flex;
	flex-direction:column;
	position:absolute;
	top:100%;
	left:1.5rem;
	opacity:0;
	pointer-events:none;
	padding:1rem 0;
	width:35rem;
	background:var(--color-light);
	z-index:1;
}
footer .sub-menu{
	background:var(--color-dark);
	top:auto;
	bottom:0;
	left:100%;
}
.sub-menu a{
	font-size:1.6rem;
	width:100%;
	text-align:left;
}
.sub-menu li{
	margin:0;
	padding:0 1rem;
}
.sub-menu li:hover{
	background:rgba(24, 146, 196, 0.1);
}
.menu-item-has-children:hover::after,
.menu-item-has-children:focus-within::after{
	background:var(--color-menu-hov);
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu{
	opacity:1;
	pointer-events:auto;
	transform:translate(var(--translate));
}
/******* END - Sub-Menu *******************************************************/

/******* 1.4.5 Language *******************************************************/
.nav img{
	box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.5);
	height:2rem;
	width:3rem;
}
/******* END - Language *******************************************************/

/******* 1.4.6 Search *********************************************************/
.search{
	display:flex;
	justify-content:flex-end;
}
.search button{
	display:none;
}
.search input{
	margin:0rem 1rem;
	padding:0.5rem 1rem;
	width:25rem;
	background:rgba(255,255,255,0.9);
	border:none;
	font-size:1.6rem;
	border-radius:0.2rem;
	box-shadow:0 0 0.3rem rgba(0,0,0,0.5) inset;
}
footer .search input{
	width:28rem;
}
/******* END - Search *********************************************************/
/***** END - Navigation *******************************************************/
/*** END - Core ***************************************************************/

/******************************************************************************/
/********************            2.0.0 Elements            ********************/
/******************************************************************************/

/***** 2.1.0 Buttons **********************************************************/
/******* 2.1.1 Base ***********************************************************/
.skm-btn{
	display:inline-flex;
	padding:1.8rem 5.5rem 1.6rem 5.5rem;
	position:relative;
	z-index:1;
	color:white;
	font-size:1.6rem;
	letter-spacing:0.1em;
	font-family:var(--font-btn);
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	cursor:pointer;
	margin:1rem;
}
.skm-btn::before,
.skm-btn::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:-1;
	border-radius:0.5rem;
	transition:0.3s;
	box-sizing:border-box;
	background:var(--color-primary);
	/*box-shadow: 0 0 0.5rem 0rem rgba(0,0,0,0.1) inset, 
		0 0.2rem 0.5rem rgba(0,0,0,0.1), 
		0.5rem 0.5rem 0.5rem 0 rgba(0,0,0,0.1),
		-0.5rem -0.5rem 0.5rem 0 rgba(255,255,255,0.2);*/
}
.skm-btn.dark::before{
	background:var(--color-dark);
	/*box-shadow: 0 0 0.5rem 0rem rgba(255,255,255,0.8) inset, 
		0 0.2rem 0.5rem rgba(0,0,0,0.1), 
		0.5rem 0.5rem 0.5rem 0 rgba(0,0,0,0.1),
		-0.5rem -0.5rem 0.5rem 0 rgba(255,255,255,0.2);*/
}
.skm-btn::after{
	opacity:0;
	background:var(--color-dark);
}
.skm-btn.dark::after{
	opacity:0;
	background:var(--color-primary);
}
.skm-btn:hover::after,
.skm-btn:focus::after{
	opacity:1;
}
.skm-btn:hover::before,
.skm-btn:focus::before{
	opacity:0;
}
.skm-btn:hover{
	color:white;
}
/******* END - Base ***********************************************************/
/***** END - Buttons **********************************************************/

/***** 2.2.0 Forms ************************************************************/
/******* 2.1.1 Architecture ***************************************************/
.wpforms-form{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.wpforms-field-container{
	display:flex;
	width:100%;
}
.wpforms-field{
	display:flex;
	flex-direction:column;
	position:relative;
	width:70%;
	margin:0.2rem auto;
}
.wpforms-field.col2{
	width:48%;
}
.wpforms-field.col3{
	width:31.33%;
}
.wpforms-field input,
.wpforms-field textarea{
	font-size:1.6rem;
	font-family:var(--font-body);
	color:var(--color-font);
	line-height:1;
	padding:1rem 3rem 0.8rem 3rem;
	background:var(--color-light);
	border:none;
	border-radius:1rem;
	box-shadow: 0 0 0.5rem 0rem rgba(0,0,0,0.2) inset;
}
.wpforms-field textarea{
	line-height:1.4;
	height:10rem;
}
.wpforms-field input:focus,
.wpforms-field textarea:focus{
	box-shadow: 0 0 0.8rem 0rem rgba(0,0,0,0.5) inset,
		0 0 2rem 0rem white;
	outline:none;
}
/******* END - Architecture ***************************************************/

/******* 2.1.2 Labels *********************************************************/
.wpforms-field-description{
	display:flex;
	align-items:center;
	position:absolute;
	top:1rem;
	left:0;
	width:100%;
	height:calc(100% - 2rem);
	pointer-events:none;
	opacity:0;
}
.wpforms-field-textarea .wpforms-field-description{
	align-items:flex-start;
	padding:1rem 0;
}
.wpforms-field-description::after{
	content:"";
	font-size:1.6rem;
	font-family:var(--font-body);
	color:rgba(0,0,0,0.3);
	padding:0 3rem;
}
.wpforms-field input:placeholder-shown + .wpforms-field-description,
.wpforms-field textarea:placeholder-shown + .wpforms-field-description{
	opacity:0.8;
}
.wpforms-has-error label{
	display:flex;
	align-items:flex-end;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:1.4rem;
	color:white;
}
/******* END - Labels *********************************************************/

/******* 2.1.3 Submit *********************************************************/
.wpforms-submit-container{
	position:relative;
	display:flex;
}
.wpforms-submit{
	margin:auto;
	margin-top:2rem;
	flex-shrink:0;
}
/*.wpforms-submit{
	position:relative;
	height:5rem;
	width:24rem;
	color:transparent;
	font-size:0.1px;
	background:transparent;
	margin:auto;
	cursor:pointer;
}
.wpforms-submit::before,
.wpforms-submit::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	transition:0.3s;
}
.wpforms-submit::before{
	background:transparent;
	box-shadow:0 0 2rem rgba(255,255,255,1) inset, 0 0 2rem rgba(255,255,255,1);
	border:0.3rem solid white;
	border-radius:1rem;
	opacity:0;
	z-index:1;
}
.wpforms-submit::after{
	color:white;
	font-size:2.6rem;
	font-family:var(--font-btn);
	text-transform:uppercase;
	text-shadow:0 0 0.4rem white, 0 0 0.4rem white;
	border:0.3rem solid var(--color-primary);
	border-radius:1rem;
	box-shadow:0 0 1rem rgba(255,255,255,0.5) inset, 0 0 1rem rgba(255,255,255,0.5);
}
.wpforms-submit:hover::before{
	opacity:1;
}
.wpforms-submit:focus::before{
	opacity:1;
}*/
/******* END - Submit *********************************************************/

/******* 2.1.4 Hiding *********************************************************/
.wpforms-field-hp{
	display:none;
}
.wpforms-field-label,
.wpforms-field-label-inline{
	display:none !important;
}
/******* END - Hiding *********************************************************/

/******* 2.1.5 Language *******************************************************/
.wpf-name .wpforms-field-description::after{
	content:"NAME";
}
.wpf-name .wpforms-field-description:lang(zh)::after{
	content:"姓名";
}
.wpf-email .wpforms-field-description::after{
	content:"EMAIL";
}
.wpf-email .wpforms-field-description:lang(zh)::after{
	content:"邮箱";
}
.wpf-phone .wpforms-field-description::after{
	content:"PHONE";
}
.wpf-message .wpforms-field-description::after{
	content:"MESSAGE";
}
.wpf-message .wpforms-field-description:lang(zh)::after{
	content:"自我简述";
}
/*.wpforms-submit::before,
.wpforms-submit::after{
	content:"Submit";
}
.wpforms-submit:lang(zh)::before,
.wpforms-submit:lang(zh)::after{
	content:"提交";
}*/
/******* END - Language *******************************************************/

/***** 2.2.0 Modules **********************************************************/
/******* 2.2.1 Accordion ******************************************************/
.skm-acc{
	display:inline-flex;
	flex-direction:column;
}
.acc-title{
	display:flex;
	font-size:1.8rem;
	font-weight:bold;
	text-align:left;
	color:var(--color-font);
	border:0.2rem solid var(--color-light);
	margin-top:-0.2rem;
	padding:1rem 2rem;
	text-transform:uppercase;
	cursor:pointer;
}
.acc-title.active{
	border-bottom:none;
}
.acc-title::before{
	content:"⮟";
	display:flex;
	margin-right:2rem;
	transition:0.3s;
}
.acc-title.active::before{
	transform:scaleY(-1);
}
.acc-title:focus, .acc-title:focus + .acc-panel p{
	outline:none;
	border-color:var(--color-accent);
}
.acc-panel{
	background:white;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.3s ease-out;
	z-index:1;
}
.acc-panel p{
	border:0.2rem solid var(--color-light);
	border-top:none;
	padding:2rem 4rem;
	font-size:1.6rem;
}
/******* END - Accordion ******************************************************/

/******* 2.2.2 Sliders ********************************************************/
.skm-slider{
	display:flex;
	overflow-x:hidden;
	width:100%;
	position:static;
	max-width:120rem;
	margin:0 auto;
	scroll-behavior:smooth;
	padding-bottom:4rem;
}
.skm-slider .slide{
	flex-shrink:0;
	transition:0.5s !important;
	position:static;
}
.slide-nav{
	position:absolute;
	bottom:0;
	cursor:pointer;
	width:4rem;
	height:4rem;
}
.slide-nav::after{
	content:"";
	display:block;
	width:1rem;
	height:1rem;
	background:rgba(0,0,0,0.2);
	border-radius:10rem;
	margin:auto;
	transition:var(--default-transition);
}
.slide.active .slide-nav::after,
.slide-nav:hover::after{
	background:white;
}
/******* END - Sliders ********************************************************/
/***** END - Modules **********************************************************/

/***** 2.3.0 Video ************************************************************/
/******* 2.3.1 Player *********************************************************/

/******* END - Player *********************************************************/
/***** END - Video ************************************************************/

/***** 2.4.0 Drawn Elements ***************************************************/
/******* 2.4.1 Backgrounds ****************************************************/
.skm-draw.background{
	-webkit-filter: drop-shadow( 0 0 0.5rem rgba(0, 0, 0, .25));
	filter: drop-shadow( 0 0 0.5rem rgba(0, 0, 0, .25));
}
/******* END - Backgrounds ****************************************************/
/***** END - Drawn Elements ***************************************************/

/******************************************************************************/
/********************         3.0.0 Site Standards         ********************/
/******************************************************************************/

/***** 3.1.0 Failsafes ********************************************************/
/******* 3.1.1 404 Page *******************************************************/

/******* END - 404 Page *******************************************************/
/***** END - Failsafes ********************************************************/

/***** 3.2.0 Legal ************************************************************/
/******* 3.2.1 Privacy Policy *************************************************/
/******* END - Privacy Policy *************************************************/
/***** END - Legal ************************************************************/

/***** 3.3.0 Wordpress ********************************************************/
/******* 3.3.1 Blog ***********************************************************/
.blog-filter{
	width:100%;
}
.pagination{
	width:100%;
	justify-content:flex-end;
}
.pagination a,
.pagination span{
	margin:0.5rem;
}

#post-hero{
	background:url('/wp-content/uploads/hero-blog.jpg') center center / cover no-repeat;
}
#post-hero .hero-sub{
	font-size:2rem;
}
#post-main h1{
	color:var(--color-font);
}
#post-main .tags-container,
#post-main .cat-container{
	display:flex;
	max-width:80%;
}
#post-main .tags-container a,
#post-main .cat-container a{
	color:var(--color-font);
	border:0.2rem solid var(--color-light);
	padding:0.5rem 1rem;
	margin:0.5rem;
}
#post-main .tags-container a:hover,
#post-main .cat-container a:hover{
	border-color:var(--color-accent);
}
#post-comments .comment-form-comment{
	display:flex;
	flex-direction:column;
}
#post-comments .comment-form-comment label{
	
}
.comments{
	background:var(--color-light);
	padding:3rem;
}
#commentform{
	display:flex;
	flex-wrap:wrap;
}
#commentform p{
	width:98%;
	margin:0 1%;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url{
	width:31.33%;
}
#commentform .submit{
	display:inline-flex;
	padding:0.8rem 3rem 0.6rem 3rem;
	position:relative;
	z-index:1;
	color:white;
	font-size:1.6rem;
	font-family:var(--font-btn);
	font-weight:bold;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	cursor:pointer;
	margin:1rem auto;
	background:var(--color-primary);
	border:none;
	border-radius:0.2rem;
}
#commentform .submit:hover{
	background:var(--color-accent);
}
/******* END - Blog ***********************************************************/
/***** END - Wordpress ********************************************************/

/******************************************************************************/
/********************              4.0.0 Pages             ********************/
/******************************************************************************/
/*** Global Hero ***/
.hero{
	background:center center / cover no-repeat;
	padding-top:calc(10% + 12rem);
	padding-bottom:calc(10rem + 10%);
	margin-top:-12rem;
}

/*** Blog ***/
.skm-blog{
	max-width:58rem;
	margin:1rem;
	padding:1rem;
	border:0.3rem solid var(--color-light);
}
.skm-blog .skm-wrap:first-child{
	flex-wrap:nowrap;
}
.skm-blog .skm-img img{
	width:15rem;
	height:15rem;
	margin:1rem;
	border-radius:100%;
}
.skm-blog .skm-col{
	justify-content:center;
}
.skm-blog h4{
	padding:0.5rem;
	border-bottom:0.2rem solid var(--color-light);
}
.skm-blog span{
	text-align:left;
	font-size:1.2rem;
	margin:0.5rem;
	font-weight:bold;
	color:rgba(0,0,0,0.5);
}
.skm-blog p{
	line-height:1.4;
	padding:1.5rem;
}
.skm-blog .tags-container{
	padding:1rem;
}
.skm-blog .tags-container span{
	background:var(--color-light);
	padding:0.5rem 2rem;
}
.skm-blog:hover{
	border-color:var(--color-accent);
}

/*** Global Posts Widget ***/
.skm-post{
	width:31.33%;
	border:0.3rem solid var(--color-light);
	padding-bottom:3rem;
}
.skm-post .skm-img img{
	width:100%;
	height:20rem;
	background:center center / cover no-repeat;
}
.skm-post h4{
	background:white;
	padding:2rem 1rem;
}
.skm-post span{
	font-size:1.6rem;
	text-align:left;
	background:white;
	padding:0 1rem;
}
.skm-post:hover{
	border-color:var(--color-accent);
}
.post-container::before{
	content:"OUR LATEST BLOG POSTS...";
	color:rgba(0,0,0,0.25);
	font-size:1.6rem;
	font-weight:bold;
	position:absolute;
	top:-1rem;
	left:1rem;
}

/*** Global CTA ***/
#contact-cta{
	background:#f0c800;
}
#contact-cta .skm-row{
	padding:0 5rem;
}
#contact-cta span{
	max-width:70rem;
	margin:0 auto 4rem auto;
}
#contact-cta .wpforms-form{
	max-width:80rem;
	margin:0 auto;
}

/*** Global Other ***/
.skm-divider{
	height:0.4rem;
	width:80%;
	max-width:50rem;
	margin:2rem auto;
	background:var(--color-primary);
}

/***** 4.1.0 Home *************************************************************/
/******* 4.1.1 Hero ***********************************************************/
#home-hero{
	
}
#home-hero .skm-row{
	flex-wrap:nowrap;
}
#home-hero h1{
	text-align:left;
}
#home-hero .skm-col > span{
	font-size:3rem;
	text-align:left;
	margin:2rem 0 4rem 0;
}
@media (max-width:1600px) {
	#home-hero .skm-col > span{
		font-size:2.5rem;
		text-align:left;
		margin:2rem 0 4rem 0;
	}
}

#home-hero .skm-img:first-child{
	animation:rotation 12s infinite linear;
}
#home-hero .skm-img:last-child{
	position:absolute;
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

@media (max-width: 600px) {
	#home-hero .skm-row{
		flex-wrap:wrap-reverse;
	}
	#home-hero .skm-img{
		width:20rem;
		height:20rem;
		margin-left:auto;
		right:0;
	}
	#home-hero .col0{
		
	}
	#home-hero h1{
	}
}
/******* END - Hero ***********************************************************/

/******* 4.1.2 Logos **********************************************************/
#home-logos{
	background:var(--color-dark);
}
#home-logos .skm-img{
	width:10.6666%;
	margin:0 3%;
}

@media (max-width: 600px) {
	#home-logos .skm-img{
		width:31.3333%;
		margin:2rem;
	}
}
/******* END - Logos **********************************************************/

/******* 4.1.3 DeFi ***********************************************************/
#home-defi .skm-wrap{
	justify-content:center;
	margin-top:3rem;
}
#home-defi .col4{
	background:center center / 100% 100% no-repeat;
	max-width:30rem;
	margin:3rem;
}

@media (max-width: 600px) {
	#home-defi .col4{
		max-width:100%;
	}
}
#home-defi .skm-img{
	height:10rem;
	width:10rem;
	margin:4rem auto 2rem auto;
}

@media (max-width:1600px) {
	#home-defi .skm-img{
		margin:3rem auto 2rem auto;
	}
}
#home-defi .col4:first-child .skm-img{
	width:14rem;
}
#home-defi h3{
	max-width:17rem;
	margin:1rem auto;
}
#home-defi span{
	max-width:80rem;
	margin:0 auto;
}
#home-defi .skm-wrap span{
	font-size:1.6rem;
	font-style:italic;
}
#home-defi p{
	max-width:80%;
	margin:0 auto 3rem auto;
	text-align:center;
	line-height:1.2;
}
@media (max-width:1600px) {
	#home-defi p{
		margin:0 auto 2rem auto;
	}
}
/******* END - DeFi ***********************************************************/

/******* 4.1.4 About **********************************************************/
#home-about h2{
	color:white;
	font-weight:400;
}
#home-about p{
	color:white;
	font-weight:400;
	font-size:2.4rem;
}
#home-about li{
	color:white;
	font-weight:400;
	font-size:2.4rem;
}

#home-about ul{
	line-height:1.6;
	margin-left:1rem;
}
#home-about .skm-img{
	width:40rem;
}
@media (max-width:1600px) {
	#home-about .skm-img{
		width:34rem;
	}
}
#home-about .skm-col{
	width:40rem;
	margin:2rem 8rem;
}
#home-about .skm-row:nth-child(odd){
	align-items:center;
}
#home-about .skm-row:nth-child(even){
	align-items:center;
}

#home-about .skm-row:nth-child(odd) h2{
	text-align:right;
}
#home-about .skm-row:nth-child(odd) p{
	text-align:right;
}

#home-about .skm-row:nth-child(even) h2{
	text-align:left;
}

@media (max-width: 600px) {
	#home-about .skm-row:nth-child(even){
		flex-wrap:wrap-reverse;
	}
	#home-about .skm-row:nth-child(odd) .skm-img{
		height:30rem;
		width:30rem;
		margin-left:auto;
	}
	#home-about .skm-row:nth-child(even) .skm-img{
		height:40rem;
		width:30rem;
		margin-right:auto;
	}
	#home-about .skm-col{
		width:98vw;
		margin:2rem;
	}
}
/******* END - About **********************************************************/

/******* 4.1.5 Cosmos *********************************************************/
#home-cosmos{
	background-image: url(https://proxidefi.com/wp-content/uploads/home-cosmos_left.png), url(https://proxidefi.com/wp-content/uploads/home-cosmos_right.png), url(https://proxidefi.com/wp-content/uploads/Proxi_WebMockup-09.png)!important;
	background-repeat: no-repeat, no-repeat, no-repeat!important;
	background-position: left center, right center, center center!important;
	background-size: auto 70%, auto 70%, cover!important;
}
@media (max-width: 1830px) {
	#home-cosmos {
		background-size: auto 60%, auto 60%, cover!important;
	}
}
@media (max-width: 1590px) {
	#home-cosmos {
		background-size: auto 50%, auto 50%, cover!important;
	}
}
@media (max-width: 1440px) {
	#home-cosmos {
		background-image: url(https://proxidefi.com/wp-content/uploads/cosmos_left_1440.png), url(https://proxidefi.com/wp-content/uploads/cosmos_right_1440.png), url(https://proxidefi.com/wp-content/uploads/Proxi_WebMockup-09.png)!important;
		background-size: auto 80%, auto 80%, cover!important;
	}
}
@media (max-width: 1320px) {
	#home-cosmos {
		background-image: url(https://proxidefi.com/wp-content/uploads/cosmos_left_1440.png), url(https://proxidefi.com/wp-content/uploads/cosmos_right_1440.png), url(https://proxidefi.com/wp-content/uploads/Proxi_WebMockup-09.png)!important;
		background-size: auto 60%, auto 60%, cover!important;
	}
}
@media (max-width: 800px) {
	#home-cosmos {
		background-repeat: no-repeat, no-repeat, no-repeat!important;
		background-position: left center, right center, center center!important;
		background-image: url(https://proxidefi.com/wp-content/uploads/cosmos_left_800.png?1), url(https://proxidefi.com/wp-content/uploads/cosmos_right_800.png?1), url(https://proxidefi.com/wp-content/uploads/Proxi_WebMockup-09.png)!important;
		background-size: auto 50%, auto 50%, cover!important;
	}
}
#home-cosmos h2{
	display:flex;
	margin:0 auto;
}
#home-cosmos .skm-img{
	height:4rem;
	width:20rem;
	margin:auto 1rem;
}
#home-cosmos .skm-wrap{
	margin:3rem auto;
	justify-content:center;
}
#home-cosmos span{
	font-size:2.6rem;
	font-weight:500;
	padding:0.5rem 4rem;
}
#home-cosmos span:nth-child(2){
	border-left:0.4rem solid var(--color-primary);
	border-right:0.4rem solid var(--color-primary);
}
#home-cosmos p{
	text-align:center;
	margin:0 auto;
	max-width:100rem;
	font-size:2.6rem;
}

@media (max-width: 600px) {
	#home-cosmos span{
		padding:0.5rem 1rem;
	}
	#home-cosmos .skm-img{
		height:3rem;
		width:15rem;
		margin:auto 1rem;
	}
}
/******* END - Cosmos *********************************************************/

/******* 4.1.5 Team *********************************************************/

#home-team h2{
	font-size: 5rem;
	color: #FFFFFF;
}
#home-team .img-team{
	width: 60%;
	margin: 4rem auto 0;
	display: inline-block;
}

/******* END - Cosmos *********************************************************/

/******* 4.1.6 tokenomics ********************************************************/
#home-tokenomics h2{
margin-bottom:0;
	/* color: #FFFFFF; */
}
#home-tokenomics .skm-img {
	width: 55%;
	margin: 3rem auto 0;
	display: inline-block;
}

@media (max-width:800px) {
	#home-tokenomics {
		padding: 2.5% 5%;
	}
	#home-tokenomics .skm-img {
		width: 100%;
		margin: 2rem auto 3rem;
	}
}
/******* 4.1.6 tokenomics ********************************************************/

/******* 4.1.6 Roadmap ********************************************************/
#home-roadmap h2{
	margin-bottom:0;
	color: #FFFFFF;
}
#home-roadmap .skm-img {
	width: 75%;
	margin: 3rem auto 0;
	display: inline-block;
}
@media (max-width:800px) {
	#home-roadmap {
		padding: 2.5% 5%;
	}
	#home-roadmap .skm-img {
		width: 100%;
		margin: 2rem auto 3rem;
	}
}
/******* 4.1.6 Roadmap ********************************************************/

/******* 4.1.6 Social *********************************************************
#home-social .skm-wrap{
	margin:2rem 0;
}
#home-social a{
	background:var(--color-dark);
	text-align:left;
	padding:3rem;
	box-shadow:0 0 1rem rgba(0,0,0,0.25);
	max-width:40rem;
	margin:1rem auto;
}
#home-social .skm-img{
	width:8rem;
	height:8rem;
}
#home-social h3{
	color:var(--color-primary);
	text-align:left;
	margin-top:2rem;
}
#home-social p{
	color:white;
}
/******* END - Social *********************************************************/

/******* 4.1.7 News ***********************************************************/
.wpra-grid-item__content{
	background:var(--color-light);
}
.wp-rss-template-container{
	width:100%;
	max-width:120rem;
	margin:2rem auto;
}
.wpra-item.feed-item.wpra-item--1of3{
	padding:0.5rem 2rem;
}
.wp-rss-aggregator .nav-links{
	display:flex;
	justify-content:center;
	align-items:center;
}
.wp-rss-aggregator .nav-links span{
	font-size:2rem;
	margin:0 0.5rem;
}
.wp-rss-aggregator .nav-links div{
	margin:0 0.5rem;
}
/******* END - News ***********************************************************/

/******* 4.1.2 Growth *********************************************************
#home-growth{
	background:center center / 100% 100% no-repeat;
	height:calc(100vw * 0.343229);
}
#home-growth .skm-row{
	margin-top:calc(2% - 1.8rem);
}
#home-growth .skm-col{
	margin-top:0;
	margin-left:10%;
}
#home-growth h2{
	text-align:left;
}
#home-growth span{
	text-align:left;
	max-width:36rem;
}
#home-growth a{
	display:inline-flex;
	margin-right:auto;
	color:var(--color-font);
	font-size:1.6rem;
	padding:1rem 0;
}
#home-growth .skm-ico{
	height:1.6rem;
	width:1.6rem;
	margin-left:0.5rem;
}
#home-growth .skm-ico path{
	fill:var(--color-font);
}
#home-growth a:hover{
	color:var(--color-primary);
}
#home-growth a:hover .skm-ico path{
	fill:var(--color-primary);
}
/******* END - Growth *********************************************************/

/******* 4.1.3 Intro **********************************************************
#home-intro{
	background-image:linear-gradient(to bottom, var(--color-accent), white);
}
#home-intro .skm-row{
	margin:5rem auto;
}
#home-intro h2{
	margin-bottom:3rem;
}
#home-intro p{
	font-size:2.6rem;
	text-align:center;
	max-width:80%;
	margin:0 auto;
}

#home-intro .col4{
	align-items:center;
}
#home-intro .col4 .skm-img{
	margin:1rem;
	width:15rem;
	height:15rem;
}
#home-intro h3{
	max-width:20rem;
	margin-top:2rem;
}
#home-intro .col4 p{
	font-size:1.6rem;
	max-width:30rem;
}

#home-intro .skm-row > .skm-img:first-child{
	position:absolute;
	top:0;
	left:0;
	width:20rem;
}
#home-intro .skm-row > .skm-img:nth-child(2){
	position:absolute;
	bottom:-5rem;
	right:0;
	width:20rem;
}
/******* END - Intro **********************************************************/

/******* 4.1.4 Modules ********************************************************/
#home-modules{
	display:none;
}
/******* END - Modules ********************************************************/


/******* 4.1.6 Dash ***********************************************************
#home-dash{
	background:url(/wp-content/uploads/patternbg.png) center bottom / 100% auto no-repeat,
		var(--color-dark);
	padding-top:0;
	padding-bottom:calc(30rem + 25%);
}
#home-dash > .skm-img{
	position:absolute;
	width:120rem;
	height:auto;
	top:13%;
	right:calc(50% - 40rem);
}

#home-dash .col2{
	margin-left:auto;
}
#home-dash h2{
	color:white;
}
#home-dash span{
	color:white;
	font-size:2.4rem;
	color:rgba(255,255,255,0.25);
	text-transform:uppercase;
}
#home-dash p{
	color:white;
	max-width:50rem;
	font-size:2rem;
}
#home-dash ul{
	list-style-type:none;
	line-height:2.6;
	padding-left:0;
}
#home-dash li{
	color:white;
	background:url('/wp-content/uploads/bullet.png') top left / auto 4rem no-repeat;
	padding-left:5rem;
	font-weight:500;
}
#home-dash strong{
	color:white;
	font-size:2rem;
	padding:1.5rem 0;
}

@media (max-width:600px){
	#home-dash > .skm-img{
		top:auto;
		bottom:5rem;
		right:50%;
		transform:translate(50%, 0);
		width:80vw;
	}
	#home-dash .col2{
		width:auto;
		margin-right:auto;
	}
}
/******* END - Dash ***********************************************************/

/******* 4.1.6 Token **********************************************************
#home-token span{
	font-size:2.4rem;
	color:var(--color-light);
	text-transform:uppercase;
}
#home-token ul{
	list-style-type:none;
	line-height:2.6;
	padding-left:0;
}
#home-token li{
	background:url('/wp-content/uploads/bullet.png') top left / auto 4rem no-repeat;
	padding-left:5rem;
	font-weight:500;
}
#home-token p{
	font-size:1.6rem;
}
#home-token strong{
	font-size:1.6rem;
	padding:1.5rem 0;
}
#home-token .skm-img{
	margin:auto;
}

@media (max-width:600px){
	#home-token .skm-wrap{
		flex-wrap:wrap;
		justify-content:center;
	}
	#home-token .skm-row:last-child .skm-wrap{
		flex-wrap:wrap-reverse;
	}
	#home-token .col0{
		padding:1rem;
		width:100%;
	}
}
/******* END - Token **********************************************************/
/***** END - Home *************************************************************/

/***** 4.2.0 About ************************************************************/
/******* 4.2.1 Hero ***********************************************************/

/******* END - Hero ***********************************************************/
/***** END - About ************************************************************/