@import './jsen-mod-interface-cls-theme-ext-basic.css';
@import './custom.css';

/* cyrillic-ext */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { font-family: 'Exo 2', sans-serif !important; }
/* h1, h2, h3, h4, h5, h6 { font-family: 'Exo 2', sans-serif !important; } */

body { padding: 0 !important; background-color: #220150 !important; }

footer small:not(.small) { font-size: 1.236rem; }

main article,
main footer,
main section { padding: 6.854rem 11.09vw; position: relative; }

table {
	table-layout: fixed;
	border-radius: 0.382rem;
	overflow: hidden;
	text-align: left;
	width: 100%;
	max-width: 100%;
}

table > thead tr,
table > tbody tr {
	width: 100%;
	max-width: 100%;
}

table > thead tr {
	background-color: #5325aa;
}

table > thead tr > th > p,
table > thead tr > th > p > small,
table > thead tr > th > small {
	margin-bottom: 0;
}

table > tbody tr {
	background-color: #3e1c80;
}

table > tbody tr:not(:last-child) {
	border-bottom: 0.09rem solid #5325aa;
}

table > tbody tr:hover {
	background-color: #7c37ff;
}

table > tbody tr > td > p,
table > tbody tr > td > p > small,
table > tbody tr > td > small,
table > tbody tr > td button {
	margin-bottom: 0;
}

table th, table td {
	padding: 1vw;
}
@media (max-width: 1000px) {
	table th, table td { padding: 1.618vw; }
}
@media (max-width: 618px) {
	table th, table td {
		display: block;
		padding: 2.618vw;
		width: 100%;
	}
	/* table td:last-child {
		margin-bottom: 4.236vw;
	} */
	table th:not(:first-child) {
		display: none;
	}
}

.author {
  width: 61.8%;
	background-color: #3e1c80;
	padding: 2.618rem;
	border-radius: 0.382rem;
}

.author > :first-child {
  display: inline-block;
	width: 38.2%;
	padding: 0 1.618rem 1.618rem 0;
	vertical-align: top;
}

.author > :first-child > img {
  border-radius: 0.382rem;
	border: 0.618rem solid #5325aa;
}

.author > :last-child {
  display: inline-block;
	width: 61.8%;
	vertical-align: top;
}

@media (max-width: 618px) {
  .author > :first-child { width: 100%; }
	.author > :last-child { width: 100%; }
}

section.banner {
	padding-top: 1.618rem;
  padding-bottom: 1.618rem;
	text-align: center;
}

section.banner > * {
	margin-bottom: 0;
}

.txPurpleLight { color: #7c37ff !important; }
.txYellow { color: #ffc312 !important; }

.bgGray {
	background-color: #0d0d0d;
}

.bgPink {
	background-color: #ff2282;
}

.bgPurpleGradient {
	background-image: linear-gradient(to right top, #300e67, #2d0a61, #29065b, #260356, #220150);
}

.bgPurpleLight {
	background-color: #7c37ff;
}

.bgPurpleLightAlt {
	background-color: #3e1c80;
}

.bgYellow {
	background-color: #ffc312;
}

.bgImage {
  background-color: transparent;
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bgImageIconDiagramArchBottom {
  background-image: url('../images/icon-diagram-arch-bottom-gif.gif');
  opacity: 0.146;
}

.bgImageIconDiagramArchTop {
  background-image: url('../images/icon-diagram-arch-top-gif.gif');
  opacity: 0.146;
}

.component.component-action {
	background-image: linear-gradient(to right top, #300e67, #2d0a61, #29065b, #260356, #220150);
	padding: 6.854rem 11.09vw;
	padding-top: 15.326rem;
	position: relative;
}

.circle { border-radius: 50%; }
.pad { padding: 1.618rem !important; }

.halves {
  vertical-align: top;
  width: 50%;
}
.thirds {
  vertical-align: top;
  width: 33.33%;
}
.quarters {
  vertical-align: top;
  width: 25%;
}

.sectionFirst { padding-top: 15.326rem; }

@media (max-width: 1000px) {
  .full-tablet { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
  .half-tablet { width: 50% !important; margin-left: 0 !important; margin-right: 0 !important; }
}
@media (max-width: 618px) {
  .full-mobile { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
  .no-mobile { display: none; }
}
@media (min-width: 618px) {
  .onmobile { display: none !important; }
}
@media (max-width: 618px) {
  .nomobile { display: none !important; }
	.fullmobile { width: 100% !important; }
}
.ontablet {
  display: none !important;
}
@media (max-width: 1000px) {
  .ontablet { display: block !important; }
	.fulltablet { width: 100% !important; }
}

@media (max-width: 1000px) {
  .notablet {
    display: none !important;
  }
}

#app { padding: 0 !important; }

#logo { position: fixed; top: 0; right: 0; width: 11.09rem; padding: 0; border: 0; border-radius: 0; overflow: hidden; box-shadow: none !important; z-index: 1; }

#logo img { border-radius: 0; }
#logo img:last-child { position: absolute; top: 2rem; right: 2rem; width: 5.236rem; }



.product-page.product-kit {
  box-shadow: 0 0 6.854rem #ffc312;
  outline: none;
  border-radius: 0.618rem;
}

.product-page > img {
  border-top-left-radius: 0.618rem;
  border-top-right-radius: 0.618rem;
}

.product-page > p {
  margin-bottom: 0;
}

.product-page > p > a > button {
  width: 100%;
  margin-bottom: 0;
  background-color: #7c37ff;
  color: #fff;
  border: 0;
  border-radius: 0;
}

.product-page > div {
  background-color: #fff;
  padding: 2.618rem 2.618rem;
  border-bottom-left-radius: 0.618rem;
  border-bottom-right-radius: 0.618rem;
}

.product-page > div > hr {
  background-color: #000;
}

.product-page > div > p,
.product-page > div > h2,
.product-page > div > h3 {
  color: #222;
}

.product-page > div > br {
  margin-bottom: 2.618rem;
}

.product-page > div > p > span {
  display: block;
  font-size: 1.382rem;
  line-height: 1.618;
}

.product-page > div > p > a > u,
.product-page > div > p > span > a > u,
.product-page > div > p > center > a > u {
  color: #7c37ff;
  border-bottom-color: #7c37ff;
}

.product-page > div > p > span > a > button {
  width: 100%;
  background-color: #7c37ff;
  color: #fff;
  border-color: #7c37ff;
}