@font-face {
    font-family: Exo2-Black;
    src: url(../media/fonts/Exo2-Black.ttf);
}
@font-face {
    font-family: Exo2-Bold;
    src: url(../media/fonts/Exo2-Bold.ttf);
}
@font-face {
    font-family: Exo2-Medium;
    src: url(../media/fonts/Exo2-Medium.ttf);
}
@font-face {
    font-family: Exo2-Regular;
	src: url(../media/fonts/Exo2-Regular.ttf);
}
@font-face {
    font-family: Exo2-Light;
	src: url(../media/fonts/Exo2-Light.ttf);
}
@font-face {
    font-family: Exo2-Thin;
	src: url(../media/fonts/Exo2-Thin.ttf);
}
.material-symbols-outlined {
	font-size:100%;
	font-variation-settings:
		'FILL' 0,
		'wght' 200,
		'GRAD' 0,
		'opsz' 24
}
body {
	font-family:Exo2-Black;
	margin:0px;
	background:#FFF;
	color:rgb(27, 54, 93);
	overflow-x:hidden;
	overflow-y:auto;
	font-family:Exo2-Regular;
	font-weight:300;
	width:100%;
	height:100%;
}
a {
	color:rgb(208,120,0);
	text-decoration:none;
}
a:active  {
	color:rgb(248,180,0);
}
a:hover {
	color:rgb(211,42,79);
}
.iabrain {
	transition: fill 20s ease;
	animation: aibraincolor 20s infinite linear;
}
@keyframes aibraincolor {
  12% { fill: #1abc9c; }
  24% { fill: #2ecc71; }
  36% { fill: #3498db; }
  48% { fill: #9b59b6; }
  60% { fill: #f1c40f; }
  72% { fill: #e67e22; }
  85% { fill: #e74c3c; }
}
.powerIA {
	display:inline-block;
	font-size:.85em;
	transform:translate(0px,-.20em);
}


.appico {
	width:20px;
	transform:translate(-2px,4px);
}
/* ------------------------------------------ */

.title {
	font-family:Exo2-Bold;
	color:rgb(27, 54, 93);
	margin:80px 0px 60px 0px;
	font-size:48px;
}
.titlesub {
	font-family:Exo2-Bold;
	color:rgb(27, 54, 93);
	margin:60px 0px 40px 0px;
	padding: 0px 20px 0px 20px;
	font-size:28px;
}
.text {
	font-family:Exo2-Regular;
	font-size:20px;

	color:rgb(1,70,100);
	margin:20px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	line-height:150%;
}
.textsub {
	font-family:Exo2-Regular;
	font-size:16px;
	color:rgb(1,137,198);
	margin:10px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	line-height:100%;
	transform:translate(0px,5px);
}
.page_body {
	width:100%;
	padding-top:40px;
}
.page_inner {
	width:1000px;
	max-width:calc(100% - 40px);
	margin-left:50%;
	transform:translate(-50%,0px);
	padding:0px 20px 120px 20px;
}

/* ----------------------------------------------------------------------------*/

.s_title {
	font-family:Exo2-Medium;
	color:#FFF;
	margin:80px 0px 60px 0px;
	font-size:48px;
}
.s_titlesub {
	font-family:Exo2-Medium;
	color:#FFF;
	margin:60px 0px 40px 0px;
	padding: 0px 20px 0px 20px;
	font-size:28px;
}
.s_text {
	font-family:Exo2-Regular;
	color:#FFF;
	margin:20px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	line-height:150%;
	font-size:20px;
}
.s_textsub {
	font-family:Exo2-Regular;
	font-size:16px;
	color:#FFF;
	margin:10px 0px 0px 0px;
	line-height:100%;
	transform:translate(0px,5px);
	font-size:16px;
}

.toolitem {
	cursor:pointer;
	margin-right:6px;
	margin-bottom:6px;
	user-select:none;float:left;
	font-family:Exo2-Regular;
	font-size:20px;
	background-color:rgba(0,0,0,.5);
	color:#FFF;
	padding:0px 20px 0px 20px;
	border-radius:18px;
	line-height:40px;
}
.refbox {
	border-left:3px solid rgb(132,147,168);padding-left:20px;margin-top:40px;
}
.s_refbox {
	border-left:3px solid rgba(255,255,255,.5);padding-left:20px;margin-top:40px;
}
/*  ----------  */

.copybt {
	font-family:Exo2-Regular;
	font-size:14px;
	@media (max-width: 800px) {
		font-size:calc(1vw + 8px);
	}
	@media (min-width: 801px) {
		font-size:14px;
	}
	color:rgb(1,70,100);
	line-height:150%;
	text-align:center;
	padding:8px 20px 8px 20px;
	cursor:pointer;user-select:none;
	border: 1px solid rgba(0,0,0,0);
	display:inline-block;
	transform:translate(0px,8px);
}
.prompt_box {
	margin:0px -25px 0px -25px;
	padding:5px 25px 3px 25px;
	border-radius:0px;
	background-color:rgba(0,0,0,.1);
}


/* ----------------------------------------------------------------------------*/

.s_title {
	font-family:Exo2-Medium;
	color:#FFF;
	margin:80px 0px 60px 0px;
	@media (max-width: 800px) {
		font-size:calc(5vw + 8px);
	}
	@media (min-width: 801px) {
		font-size:48px;
	}
}
.s_titlesub {
	font-family:Exo2-Medium;
	color:#FFF;
	margin:60px 0px 40px 0px;
	@media (max-width: 800px) {
		font-size:calc(2.5vw + 8px);
	}
	@media (min-width: 801px) {
		font-size:28px;
	}
}
.s_text {
	font-family:Exo2-Regular;
	font-size:20px;
	@media (max-width: 800px) {
		font-size:calc(1.45vw + 8px);
	}
	@media (min-width: 801px) {
		font-size:20px;
	}
	color:#FFF;
	margin:20px 0px 20px 0px;
	line-height:150%;
}
.s_textsub {
	font-family:Exo2-Regular;
	font-size:16px;
	@media (max-width: 800px) {
		font-size:calc(1.25vw + 6px);
	}
	@media (min-width: 801px) {
		font-size:16px;
	}
	color:#FFF;
	margin:10px 0px 0px 0px;
	line-height:100%;
	transform:translate(0px,5px);
}

.toolitem {
	cursor:pointer;
	margin-right:6px;
	margin-bottom:6px;
	user-select:none;float:left;
	font-family:Exo2-Regular;
	font-size:20px;
	background-color:rgba(0,0,0,.5);
	color:#FFF;
	padding:0px 20px 0px 20px;
	border-radius:18px;
	line-height:40px;
}
.refbox {
	border-left:3px solid rgb(132,147,168);padding-left:20px;margin-top:40px;
}
.s_refbox {
	border-left:3px solid rgba(255,255,255,.5);padding-left:20px;margin-top:40px;
}
/*  ----------  */