@charset "UTF-8";
/*
Designed by Central Digital @ El Salvador, Central America
March 2023
*/
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #232323; z-index: 99;}
#status {padding-top: 150px !important;}
#slotInput {visibility: hidden !important; width: 5px; height: 5px; padding: 0px !important; margin: 0px !important; display: none !important;}

/* :::::::: Global Config ::::::::: */
/* Colors for Text */
.tx-Wht   {color: #FFFFFF !important;}
.tx-Blk   {color: #000000 !important;}
.tx-Gry1  {color: #232323 !important;}
.tx-Gry2  {color: #4D4D4D !important;}
.tx-Gry3  {color: #9e9e9e !important;}
.tx-Gry3  {color: #dddddd !important;}
.tx-Yll1  {color: #f7d323 !important;}
.tx-Yll2  {color: #ffbc00 !important;}
.tx-Grn1  {color: #17E0C8 !important;}
.tx-Blu1  {color: #2DA7FF !important;}
/* Color for Blocks */
.bg-Wht   {background: #FFFFFF !important;}
.bg-Blk   {background: #000000 !important;}
.bg-Gry1  {background: #232323 !important;}
.bg-Gry2  {background: #4D4D4D !important;}
.bg-Gry3  {background: #9e9e9e !important;}
.bg-Gry3  {background: #dddddd !important;}
.bg-Yll1  {background: #f7d323 !important;}
.bg-Yll2  {background: #ffbc00 !important;}
.bg-Grn1  {background: #17E0C8 !important;}
.bg-Blu1  {background: #2DA7FF !important;}
/* Text Weight */
.tx-Reg     {font-weight: 400 !important;}
.tx-Bld     {font-weight: 600 !important;}
.tx-Hvy     {font-weight: 800 !important;}
/* Letter Spacing */
.lttr-Sp1  {letter-spacing: -1.5px !important;}
.lttr-Sp2  {letter-spacing: -1.0px !important;}
.lttr-Sp3  {letter-spacing: -0.5px !important;}
.lttr-Sp4  {letter-spacing: -0.2px !important;}
.lttr-Sp5  {letter-spacing: 1px !important;}
.lttr-Sp6  {letter-spacing: 2px !important;}
.lttr-Sp7  {letter-spacing: 3px !important;}
.lttr-Sp8  {letter-spacing: 5px !important;}
.lttr-Sp9  {letter-spacing: 10px !important;}
.lttr-Sp10 {letter-spacing: 15px !important;}
/* :::::::: Fonts ::::::::: */
body       {font-family: 'Roboto', sans-serif !important; background: #232323 !important;}
.Rbt-Fnt   {font-family: 'Roboto', sans-serif !important;}
.Bbs-Fnt   {font-family: 'Bebas Neue', cursive !important;}
/* Headers */
.Hdg1      {font-size: 6em   !important; letter-spacing: -2px;}
.Hdg2      {font-size: 5em   !important; letter-spacing: -1.5px;}
.Hdg3      {font-size: 4em   !important; letter-spacing: -1px;}
.Hdg4      {font-size: 3em !important; letter-spacing: 0.5px;}
.Hdg5      {font-size: 2em   !important; letter-spacing: 0.5px;}
/* Paragraph */
.Tx1       {font-size: 1.8em !important; letter-spacing: 0px;}
.Tx2       {font-size: 1.5em !important; letter-spacing: 0px;}
.Tx3       {font-size: 1.2em !important; letter-spacing: 0px;}
.Tx4       {font-size: 1em   !important; letter-spacing: 0px;}
.Tx5       {font-size: 0.8em !important; letter-spacing: 0px;}
.Tx6       {font-size: 0.6em !important; letter-spacing: 0px;}

/* :::::::::: HELPERS :::::::::: */
/* Center-Img BLock */
.center-img-blck      {display: block !important; margin: auto !important;}
/* Center Img Inherit */
.center-img-inht img  {margin: 0 auto !important;}
/* Reset Padding */
.pd-rst               {padding: 0px;}
/* Disabled «Resize» @ Textarea */
textarea              {resize: none !important;}
/* Reset Link */
.link-rst             {color: inherit; text-decoration: none;}
.link-rst:hover       {color: inherit; text-decoration: none;}
/* Reset Lihe Height and Margin */
.mr-rst               {margin: 0px !important;}
.lh-rst               {line-height: inherit;}
/* Reset List */
.List-Rst             {list-style: none; padding-left: 0px;}
.List-Rst li          {padding-left: 0px;}
/* Button Corners 15px */
.btn-10-radius        {border-radius: 10px;}

.Hd-Dec-Box-M {padding: 10px 15px 30px 15px;}

.PFA-Btn-A            {
  background-color: #FFBC00;
  border-radius: 10px;
  color: #232323;
  font-family: 'Bebas Neue', cursive !important;
  font-size: 1.5em;
  transition: 1s;
}
.PFA-Btn-A:hover      {background-color: #f7d323;}

/* :::::::::: Nav :::::::::: */
.XS-Nav-Logo {padding: 45px 15px 60px 15px;}
.XS-SocialIcon {
  list-style: none;
  padding-left: 0px;
}
.XS-SocialIcon li {
  display: inline-block;
  font-size: 2.5em;
  margin: 0px 15px 15px 15px;
}
.XS-Toggle {margin: 0px 0px 50px 0px;}
#XS-Nav {display: none;}
.XS-Nav-Animated {
  animation-name: show-menu;
  animation-duration: 1.5s;
}
@keyframes show-menu {
  from {opacity: 0; transform: translateY(-10px);}
  to {opacity: 1; transform: translateY(0);}
}
.XS-Nav-HideAnimation {
  animation-name: hide-menu;
  animation-duration: 0.5s;
}
@keyframes hide-menu {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-10px); }
}
.XS-Nav-List {
  list-style: none;
  padding: 30px 15px 30px 75px;
}
.XS-Nav-List li {
  list-style: none;
  margin: 16px 0px 16px 0px;
}
.NavList        {
  color: #FFFFFF;
  text-decoration: none;
  transition: 1s;
  border-bottom: 3px solid #4D4D4D;
}
.NavList:hover  {
  color: #FFFFFF;
  border-bottom: 3px solid #FFBC00;
  text-decoration: none;
}
.NavList-LG        {
  color: #FFFFFF;
  text-decoration: none;
  transition: 1s;
  border-bottom: 3px solid #232323;
}
.NavList-LG:hover  {
  color: #FFFFFF;
  border-bottom: 3px solid #FFBC00;
  text-decoration: none;
}
.active-url {border-bottom: 2px solid #FFBC00;}
/* LG Nav */
.LG-Main-Container {position: relative;}
.LG-Nav-Logo {padding: 45px 15px 45px 15px;}
.LG-Nav-List {
  padding-left: 0px;
  text-align: right;
  padding: 135px 15px 0px 0px;
  margin-right: 40px;
}
.LG-Nav-List li {display: inline-block; padding-left: 45px;}
.LG-Nav         {position: relative;}
.LG-Social      {
  position: absolute;
  top: 50px;
  right: 60px;
}

/* :::::::::: Footer ::::::::: */
footer {
  background: #000000;
  border-top: 3px solid #FFBC00 !important;
}
.footer-main-row        {padding: 75px 0px 30px 0px;}
.footer-bx              {padding: 25px 15px 20px 15px; }
.footer-contact-list    {
  padding-left: 25px;
  list-style-type: none;
}
.Footer-SocialIcon {
  list-style: none;
  padding-left: 15px;
}
.Footer-SocialIcon li {
  display: inline-block;
  font-size: 1.5em;
  margin: 0px 10px 15px 10px;
}
.footer-contact-list li {margin-bottom: 12px;}
.location-tx            {padding: 5px 0px 5px 0px;}
.nav-list               {padding-left: 0px; list-style: none; color: #FFFFFF;}
.nav-list li            {display: inline-block; margin-right: 12px;}
.AllRights              {padding: 15px 15px 50px 15px;}

.QuickNav-A {
  padding: 50px 15px 50px 15px;
}