@font-face {
 font-family: 'Ubuntu';
 src: url('../font/Ubuntu-Regular.ttf');
 font-weight: 400;
}

@font-face {
 font-family: 'Ubuntu';
 src: url('../font/Ubuntu-Medium.ttf');
 font-weight: 500;
}

@font-face {
 font-family: 'Ubuntu';
 src: url('../font/Ubuntu-Bold.ttf');
 font-weight: 700;
}

/* ------------------------------- BASIC ------------------------------- */
*,
*:before,
*:after {
 box-sizing: border-box;
}

img {
 max-width: 100%;
}

.center {
 text-align: center;
}

.bold {
 font-weight: bold;
}

.mt30 {
 margin-top: 30px;
}

.pl40 {
 padding-left: 40px !important;
}

.v-center {
 display: grid;
 align-content: center;
}

h1 {
 font-size: 48px;
 font-weight: 700;
}

ul {
 list-style: none;
 padding: 0;
}

li {
 padding-bottom: 8px;
}

a {
 cursor: pointer;
}

/* ------------------------------- LOADER ------------------------------- */
.loader {
 margin: 0 auto;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background: radial-gradient(farthest-side,#000000 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#000000);
 -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
 animation:s3 1s infinite linear;
}

@keyframes s3{ 
 100%{transform: rotate(1turn)}
}

/* ------------------------------- MAIN LAYOUT GRID ------------------------------- */
body {
 margin: 0;
 display: grid;
 grid-template-columns: 1fr;
 grid-template-areas: "header" "banner" "flash" "main-container" "gallery" "footer";
}

.header-container {
 grid-area: header;
}

header {
 display: grid;
 grid-template-columns: 4fr 5fr;
 grid-template-areas: "logo nav";
 align-items: center;
}

.main-container {
 width: 100%;
 max-width: 1366px;
 min-height: calc(100vh - 80px);
 margin: 0 auto;
 grid-area: main-container;
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 grid-template-areas: "main";
}

.flash-msg {
 grid-area: flash;
}

.banner {
 grid-area: banner;
}

main {
 grid-area: main;
}

.gallery {
 grid-area: gallery;
}

footer {
 grid-area: footer;
}

.social-icons a {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}

.social-icons a img {
  margin-right: 5px;
}

header img {
 grid-area: logo;
}

nav {
 grid-area: nav;
}

/* ------------------------------- COLORS ------------------------------- */
html {
 background-color: #e5e5e5;
}

header {
 background-color: #FBD113;
 border-radius: 0 0 12px 12px;
 box-shadow: 0px 4px 16px 0px #1D1D1D3D;
}

.main-container {
 background-color: #fff;
}

.texture {
 background-image: url('../../img/texture.webp');
 background-repeat: no-repeat;
}

/* ------------------------------- FONTS ------------------------------- */
body {
 font-family: 'Ubuntu', sans-serif;
}

h2 {
 font-size: 32px;
 font-weight: 700;
}

h3 {
 font-size: 24px;
 font-weight: 700;
 margin: 0;
}

p {
 font-size: 16px;
 line-height: 18px;
}

p.size20 {
 font-size: 20px;
 line-height: normal;
 max-width: 1000px;
 margin: 20px auto;
}

/* ------------------------------- RESET ------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
 color: #000;
 text-decoration: none;
}

/* ------------------------------- HEADER ------------------------------- */
.header-container {
 width: 100%;
 z-index: 1;
 position: fixed;
}

header {
 width: 100%;
 max-width: 1366px;
 margin: 0 auto;
 padding: 0 24px;
}

header h1 {
 color: #505050;
 font-family: "Athiti", sans-serif;
 font-size: 26px;
 font-weight: 500;
 letter-spacing: 1px;
 margin: 0;
}

header h1 span {
 color: #71c55d;
}

header img {
 width: 220px;
}

header .text-logo {
 font-size: 24px;
 font-weight: 700;
}

/* ------------------------------- FLASH ------------------------------- */
.flash-msg {
 width: 100%;
 max-width: 1366px;
 margin: 0 auto;
 padding: 10px;
 margin-bottom: 5px;
}

.flash-msg.flash-success {
 color: #155724;
 background-color: #d4edda;
}

.flash-msg.flash-info {
 color: #004085;
 background-color: #cce5ff;
}

.flash-msg.flash-danger {
 color: #721c24;
 background-color: #f8d7da;
}

/* ------------------------------- NAV ------------------------------- */
nav ul {
 list-style: none;
 display: inline-block;
 padding: 0;
 float: right;
}

nav ul li {
 float: left;
 margin: 0 6px;
 padding: 0;
}

nav ul li a {
 margin: 8px 11px;
 text-decoration: none;
 display: inline-block;
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0;
 transition: 0.3s;
 border-bottom: 2px solid transparent;
}

nav ul li a.active {
 font-weight: 700;
 border-bottom-color: #1D1D1D;
}

nav ul li>a {
 border-bottom: 2px solid transparent;
}

nav ul li:hover>a {
 border-color: #000;
}

/* nav subcat */
nav ul li ul {
 display: none;
 position: absolute;
 background-color: #fff;
}

/*  */
nav ul li ul li {
 float: none;
}

nav ul li:hover ul,
nav ul li ul:hover {
 display: block;
}

/* respo menu - hc-offcanvas */
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
 background: #1d1d1d !important;
}

.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
 background: #1d1d1d !important;
 border-top: 1px solid #fff !important;
 border-bottom: 1px solid #fff !important;
}

.hc-offcanvas-nav .nav-content>.nav-close {
 padding: 20px 20px 0 0;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a {
 background: #1d1d1d !important;
 border: none !important;
}

.hc-offcanvas-nav .nav-close-button span {
 background-color: #fff;
 border-radius: 50%;
 height: 45px;
 width: 45px;
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
 border-color: #000 !important;
}

.nav-container {
  margin-top: 85px;
}

nav#hc-nav-1 *,
nav#hc-nav-1 *:before,
nav#hc-nav-1 *:after {
 box-sizing: content-box;
}

.hc-nav-trigger {
 right: 10px !important;
 margin: 0px 10px;
 padding: 10px;
}

.hc-nav-trigger span {
 left: 10px;
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
 background-color: #fff;
}

.hc-offcanvas-nav .nav-content>h2 {
 padding: 0 17px;
 font-weight: 700;
 color: #fff;
}

.hc-offcanvas-nav .nav-item-link {
 color: #fff;
 border: none !important;
 /*border-bottom: 2px solid transparent !important;*/
 font-weight: 700;
 font-size: 16px !important;
}

.hc-offcanvas-nav ul li {
 float: none;
}

.hc-offcanvas-nav li:not(.custom-content) a {
 text-align: right;
}

.hc-offcanvas-nav.disable-body.nav-open::after {
  opacity: 0 !important;
}

/* ------------------------------- MAIN-CONTAINER ------------------------------- */
.main-container {
 padding-top: 90px;
}

body.hp .main-container {
 background-image: url('../../img/texture2.webp');
 background-repeat: no-repeat;
 background-position: bottom right;
}

body.projects .main-container {
 background-image: url('../../img/texture2.webp');
 background-repeat: no-repeat;
 background-position: top right;
}

/* ------------------------------- BOX ------------------------------- */
.box-container {
 display: grid;
 grid-template-columns: repeat(12, 1fr);
 gap: 10px;
 padding: 0 15px;
}

.box-container p.long-text {
  text-align: justify;
  line-height: 1.5;
}

.box-container .box {
 grid-column: span 6;
 background-color: #eee;
 padding: 10px;
}

.box-container .box25 {
 grid-column: span 3;
}

.box-container .box30 {
 grid-column: span 4;
}

.box-container .box100 {
 grid-column: span 12 !important;
}

.box-container .box.img {
 background-color: transparent;
 padding: 0;
}

.box-container .box.color-transparent {
 background-color: transparent;
}

.box-container.color-yellow {
 background-color: #F5D64933;
 gap: 16px;
 padding-bottom: 50px;
}

.box-container.color-dark-yellow {
 background-color: #FADE5F80;
 padding-bottom: 30px;
}

/* ------------------------------- BTN ------------------------------- */
.btn {
 display: block;
 cursor: pointer;
}

.btn,
a.btn {
 background-color: #FBD113;
 border-radius: 12px;
 border: 1px solid #1d1d1d;
 padding: 16px 60px;
 display: inline-block;
 transition-duration: 0.2s;
 box-shadow: 0px 4px 16px 0px #1D1D1D3D;
 font-weight: 700;
}

.btn:hover,
a.btn:hover {
 box-shadow: 0px 0px 0px 0px transparent;
}

.btn-box {
 width: 100%;
 text-align: center;
}

.link-btn {
 font-size: 20px;
}

.btn.btn-wide {
 width: 100%;
 max-width: 432px;
}

/* ------------------------------- FORMS ------------------------------- */
label,
input,
textarea {
 display: block;
 border-radius: 4px;
 border: none;
 padding: 8px;
 margin: 8px;
 width: 100%;
 max-width: 432px;
 height: 40px;
}

textarea {
 min-height: 100px;
}

input[type='checkbox'] {
 display: inline-block;
}

label {
 padding-top: 15px;
 font-weight: 700;
 font-size: 15px;
}

input.btn {
 border: none;
 font-size: 16px;
 margin-top: 0;
 font-weight: 700;
 padding: 16px 60px;
 height: auto;
}

/* ------------------------------- STATE ------------------------------- */
ul.state {
 list-style: none;
}

ul.state li {
 display: inline-block;
 background-color: #00b30f;
 padding: 3px 6px;
}

ul.state li.active {
 background-color: #ff6767;
}

ul.state li a {
 color: #fff;
}

/* ------------------------------- SHOW ARTICLE ------------------------------- */
.article-container {
 display: grid;
 grid-template-columns: 2fr 1fr;
}

.side-container {
 padding: 10px;
 margin: 0 auto;
}

.article-inner {
 padding: 10px 50px;
}

/* ------------------------------- FOOTER ------------------------------- */
footer {
 color: #fff;
}

footer .inner {
 background-color: #1d1d1d;
 max-width: 1366px;
 margin: 0 auto;
}

footer .footer-box {
 padding: 20px;
}

footer .footer-box:nth-child(even) {
 background: #ccc;
}

footer .footer-box h1 {
 margin: 0;
 font-size: 18px;
}

footer .link {
 color: #ccc;
 text-align: center;
 width: 100%;
 padding: 32px;
 background-color: transparent;
 font-size: 13px;
}

footer .link a {
 color: #ccc;
 font-weight: 700;
}

/* ------------------------------- hp-main-section ------------------------------- */
.hp-main-section p {
 text-align: justify;
 font-size: 20px;
 font-weight: 400;
 line-height: 1.5;
}

.hp-main-section b {
 font-size: 24px;
 font-weight: 700;
}

.box-container .box.hp-main-section-text {
 padding-left: 40px;
}

.color-yellow .box30 {
 display: flex;
 flex-direction: column;
 background-color: #F4F4F4;
 border-radius: 8px;
 box-shadow: 0px 4px 16px 0px #1D1D1D3D;
 padding: 24px;
}

.color-yellow .box30 h3 {
 border-bottom: 2px solid #E0BC16;
 padding-bottom: 10px;
}

.color-yellow .box30 .btn-box {
 margin-top: auto;
}

.hp-flag-section .box {
 padding-bottom: 0;
}

.footer-section {
 max-width: 1000px;
 margin: 0 auto;
}

/* ------------------------------- hp-evolving-section ------------------------------- */
.box-container.evolving {
 padding-right: 40px;
}

.box-container .box.evolving-img {
 grid-column: span 7;
 text-align: center;
}

.box-container .box.evolving-txt {
 grid-column: span 5;
}

/* ------------------------------- box-donate ------------------------------- */
.box-container-donate {
 margin: 40px 0 20px 0;
}

.box-container .box.box-donate {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-template-areas: "btc-logo btc-qr" "btc-name btc-qr" "btc-text btc-text" "btc-wallet btc-wallet" "btc-address btc-address";
 box-shadow: 0px 4px 16px 0px #1D1D1D3D;
 background-color: #FFFEF8;
 border-radius: 12px;
 padding: 24px;
}

.box-donate .btc-logo {
 grid-area: btc-logo;
}

.box-donate .btc-qr {
 grid-area: btc-qr;
}

.box-donate .btc-name {
 grid-area: btc-name;
}

.box-donate .btc-text {
 grid-area: btc-text;
 padding-top: 15px;
}

.box-donate .btc-wallet {
 grid-area: btc-wallet;
 font-weight: 700;
 font-size: 18px;
}

.box-donate .btc-address {
 grid-area: btc-address;
 display: grid;
 grid-template-columns: 55px auto;
 align-items: center;
}

.box-donate .btc-address .address-plain {
 overflow-wrap: anywhere;
 position: relative;
 cursor: pointer;
}

.box-donate .address-plain.copied::before {
 content: ' Copied!';
 font-weight: bold;
 color: #E0BC16;
 animation: 3s showText linear;
 opacity: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: #FFFEF8;
 display: flex;
 justify-content: center;
 align-items: center;
}

@keyframes showText {
 0% {
  opacity: 0%;
 }

 20% {
  opacity: 100%;
 }

 80% {
  opacity: 100%;
 }

 100% {
  opacity: 0%;
 }
}

.box-donate .btc-wallet {
 border-top: 1px solid #E0BC16;
 padding-top: 15px;
 margin: 15px 0 15px 0;
}

.box-donate .btc-logo,
.box-donate .btc-qr,
.box-donate .btc-name {
 text-align: center;
}

/* ------------------------------- box-projects ------------------------------- */
.box-container-projects {
 margin-bottom: 20px;
}

.box-container-projects h2 {
 margin-top: 0;
}

.box-container .box.box-projects {
 box-shadow: 0px 4px 16px 0px #1D1D1D3D;
 background-color: #FFFEF8;
 border-radius: 12px;
 padding: 24px;
 display: flex;
 flex-direction: column;
}

.box.box-projects a {
 font-weight: bold;
 color: #977e10;
}

.box.box-projects h3 {
 border-bottom: 2px solid #E0BC16;
 padding-bottom: 10px;
 margin-bottom: 1rem;
}

.box.box-projects ul {
 list-style-type: disc;
 margin-left: 20px;
}

.box.box-projects .buttons {
 margin-top: auto;
 padding-top: 15px;
 display: flex;
}

.box.box-projects .btn-github {
 background: #1D1D1D;
 color: #fff;
 padding: 12px 16px;
 margin-top: auto;
 width: fit-content;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-right: 10px;
}

.box.box-projects .btn-github img {
 position: relative;
 top: 2px;
 width: 25px;
 height: 25px;
 margin-right: 10px;
}

.box.box-projects p~p {
 margin-top: 0;
}

/* ------------------------------- RESPO ------------------------------- */
@media (max-width: 1180px) {
 .box-container .box-donate {
  grid-column: span 4;
 }

 .box-container.evolving {
  padding-right: 15px;
 }
}

@media (max-width: 950px) {
 header .text-logo {
  font-size: 21px;
 }

 nav ul li a {
  margin: 8px 3px;
 }
}

@media (max-width: 800px) {
 header {
  grid-template-columns: 2fr 1fr;
 }

 .box-container .box,
 .box-container .box30,
 .box-container .box25 {
  grid-column: span 6;
 }

 .header-container {
  position: static;
 }

 .main-container {
  margin-top: -10px;
  padding-top: 30px;
 }

 header .text-logo {
  font-size: 18px;
  padding: 20px 0;
 }

 .hp-main-section {
  display: grid;
  grid-template-areas: "hp-main-section-img" "hp-main-section-text";
 }

 .hp-main-section-text {
  grid-area: hp-main-section-text;
 }

 .hp-main-section-img {
  grid-area: hp-main-section-img;
  text-align: center;
 }

 .box-container .box.hp-main-section-text {
  padding-left: 0;
 }

 .hp-main-section .box {
  grid-column: span 12;
 }

 .hp-main-section .btn {
  width: 100%;
  text-align: center;
 }

 .evolving {
  display: grid;
  grid-template-areas: "evolving-img" "evolving-text";
  padding-bottom: 20px;
 }

 .box-container .box.evolving-txt {
  grid-area: evolving-text;
  grid-column: span 12;
 }

 .box-container .box.evolving-txt p {
  font-size: 20px;
 }

 .box-container .box.evolving-img {
  grid-area: evolving-img;
  text-align: center;
  grid-column: span 12;
 }

 .evolving .box {
  grid-column: span 12;
 }

 .box-container-projects .box {
  grid-column: span 12;
  margin-bottom: 20px;
 }
}

@media (max-width: 600px) {
 header .text-logo {
  width: 100px;
  text-align: center;
 }

 .hc-nav-trigger {
  top: 30px !important;
  right: 20px !important;
 }

 .box-container .box,
 .box-container .box.box.evolving-img,
 .box-container .box.box.evolving-txt {
  grid-column: span 12;
 }

 footer form {
  text-align: center;
 }

 footer form * {
  margin: 8px auto;
 }

 header .text-logo {
  font-size: 16px;
  padding: 16px 0;
 }
}

#mobile-nav {
 position: fixed;
 display: none;
 width: 100%;
 height: 100%;
 z-index: 10;
 top: 47px;
 left: 100%;
}

#mobile-nav.opened {
 left: 0;
}

#mobile-nav.opened #content {
 right: 0;
 transition: right .2s;
}

#mobile-nav #content {
 display: flex;
 position: fixed;
 right: calc(100% * -1);
 background-color: black;
 height: 100vh;
 min-width: 60%;
 color: white;
 padding: 30px;
 padding-top: 50px;
 z-index: 9;
 transition: right .2s;
}

#mobile-nav .bg {
 display: none;
 position: fixed;
 width: 100%;
 height: 100vh;
 backdrop-filter: blur(8px);
}

#mobile-nav.opened .bg {
 display: block;
}

#mobile-nav ul {
 display: flex;
 flex-direction: column;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

#mobile-nav ul li {
 margin-bottom: 20px;
}

#mobile-nav ul li a {
 font-size: 28px;
 cursor: pointer;
 width: 100%;
}

#mobile-nav ul li a:hover {
 color: #FBD113;
}

#menu-toggle {
 display: none;
 justify-content: flex-end;
}

#menu-toggle .icon {
 width: 50px;
 height: 50px;
 background-image: url('data:image/png;base64,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');
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
}

#menu-toggle.opened .icon {
 background-size: 70%;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAETwAABE8BkMxxGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATHSURBVHic7Z0/ix1VGIcfo4LaiI2FwZSxdSNqET+AWsdlxaCfQJuki0VEQb+A9mIhiCI2wdIoBAQtLQxikJCgJmsKJWt2Q67F7Mte794/c2fOe857Zn4PTJFi3rk3z3POsLmZu/dxmEeAV4GXgeP7f/4T+B74DLg05xwRh5PAJvAc8DhwG/gZuAB8CuwsO3kTuA5MlhwXgKM+r1304CjwNcvdXQNOLRrwNnBvxQA7rgMbPu9DdGCD1QvXjnvAudkBp1uePH1sAyf83pNoyQkaF+v6e80GPArc7DBgAtwCnvV9f2IJT9Pd3V/AYwBnOw7QTlCWrit/+jgDcLHnEEWQnxTyJ8A3ADcSDNLtIB99tv3Z4w+A3UTDtBP4k2rl23EHmp8NUw3UTuBHypVvx1WArxIPVQTp8ZA/Ab4EeMNhsG4H6Ui97U8frwM8CFx2uoAi6Ien/MvAA3ahZ2g+NPC4kG4H3fDa9ic0Hwg9P3vBTWDP6YLaCdbDc+Xv0bieyyn8ItBO0A7PlX+Xqc8AFqEIylFcvqEI8hNGvqEI8hFOvqEI/Akr31AEfoSXbyiC9FQj31AE6ahOvqEI+lOtfEMRdKd6+YYiWJ/ByDcUQXsGJ99QBKsZrHxDESxm8PINRXCY0cg3FMEBo5NvKIIRyzfGHMHo5RtjjEDyZxhTBJK/gDFEIPkrGHIEkt+SIUYg+WsypAgkvyNDiEDye/IK9UbgLf+042sPRY0RSH5iaopA8p2oIQLJdyZyBJKfiYgRSH5mIkUg+YWIEIHkF6ZkBJIfhBIRSH4wckYg+UHJEYHkB2cL328v8/w2ri2Hv49R4rkTaOVXQi0RSL4j0SOQ/AxEjUDyMxItAskvQJQIJL8gpSOQ/ACUikDyA5E7AskPSK4IJD8w3hEMTv6R0i8gMb8A/zjO/xv4yXG+6IHnp3rTR+kHUsUccslXBAHJLV8RBKKUfEUQgNLyFUFBoshXBAWIJl8RZCSqfEWQgejyFYEjtchXBA5s4Pdft+/uHx6zt/dfu+hBjoc2IjyQKuaQ84kdRRCMEo9rKYIglHxWTxEUJsKDmoqgEBHkG4ogM5HkG4ogExHlG4rAmcjyDUXgRA3yDUWQmJrkG4ogETXKNxRBT2qWbyiCjgxBvqEI1mRI8g1F0JIhyjcUwQqGLN9QBAsYg3xDEcwwJvmGIthnjPKN0UcwZvnGaCOQ/ANGF4HkH2Y0EUj+YgYfgeSvZrARSH57BheB5K/PYCKQ/O5UH4Hk96faCCQ/HdVFIPnpqSYCyfcjfASS70/YCCQ/H+EikPz8hIlA8stRPALJL0+xCLy/jUu/SLk9W2T+9rIngGtOF9TK74bnTvA78OT0xb51upBWfj88d4KLdpGXnC4g+WnwjOBFgE8cBmvbT4vX7eBjgCuJh2rl++CxE/wKsJNwoOT7kjqCHWh+NtS2Xw8pbwfbAD8mGKSVn5dUO8EPAO/1HCL5ZUgRwbsAx4B/Ow7Qtl+WPreDHRr3ALzTYYBWfgy67gTnp4ccAb5Y4+Q7SH4ktmictPX3OXN+cfj9wAes3lJ+A056vhvRiReAqyx3twe8T+N6IU8BH/H/fyDaBb4D3gQecnn5IgUPA2/RuNrlwN8V4EPg+OwJ/wFd1t2lSczlOAAAAABJRU5ErkJggg==');
}

@media (max-width: 600px) {
 #mobile-nav {
  top: 70px;
 }
}

@media (max-width: 800px) {
 #menu-toggle {
  display: flex;
 }

 header {
  z-index: 20;
  position: fixed;
 }

 #main-nav {
  display: none;
 }

 #mobile-nav {
  display: flex;
 }

 .main-container {
  padding-top: 115px;
 }
}