@charset "UTF-8";
/*
Designed by GSG Comunicaciones
Diciembre 2018 ─ Marzo 2019
Web Development: Kevin Argueta
*/

#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; 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: #525252 !important;}
.tx-Gry2  {color: #8e8e8e !important;}
.tx-Blu1  {color: #000D29 !important;}
.tx-Blu2  {color: #093766 !important;}
.tx-Blu3  {color: #2485C0 !important;}
.tx_Blu4  {color: #9FADC1 !important;}
.tx_Cyn1  {color: #1c9fee !important;}
.tx-Cff1  {color: #3E2D1F !important;}
.tx-Cff2  {color: #683B22 !important;}
.tx-Cff3  {color: #926634 !important;}
.tx-Red1  {color: #B62A2E !important;}
.tx-Mtd1  {color: #DC7E25 !important;}
/* Color for Blocks */
.bg-Wht   {background: #FFFFFF !important;}
.bg-Blk   {background: #000000 !important;}
.bg-Gry1  {background: #525252 !important;}
.bg-Gry2  {background: #8e8e8e !important;}
.bg-Blu1  {background: #000D29 !important;}
.bg-Blu2  {background: #093766 !important;}
.bg-Blu3  {background: #2485C0 !important;}
.bg-Blu4  {background: #9FADC1 !important;}
.bg-Cyn1  {background: #1c9fee !important;}
.bg-Cff1  {background: #3E2D1F !important;}
.bg-Cff2  {background: #683B22 !important;}
.bg-Cff3  {background: #926634 !important;}
.bg-Red1  {background: #B62A2E !important;}
.bg-Mtd1  {background: #DC7E25 !important;}
/* Text Weight */
.tx-Lgh     {font-weight: 300 !important;}
.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: 2px !important;}
.lttr-Sp6  {letter-spacing: 6px !important;}
.lttr-Sp7  {letter-spacing: 8px !important;}
.lttr-Sp8  {letter-spacing: 10px !important;}
.lttr-Sp9  {letter-spacing: 15px !important;}
.lttr-Sp10 {letter-spacing: 20px !important;}

/* :::::::: Fonts ::::::::: */
body       {font-family: 'Raleway', sans-serif !important;}
.Rlw-Fnt   {font-family: 'Raleway', sans-serif !important;}
.Mnt-Fnt   {font-family: 'Montserrat', sans-serif !important;}
.Rbt-Fnt   {font-family: 'Roboto', sans-serif !important;}

/* Headers */
.Hdg1      {font-size: 7em   !important; letter-spacing: -2px;}
.Hdg2      {font-size: 5em   !important; letter-spacing: -1.5px;}
.Hdg3      {font-size: 3em   !important; letter-spacing: -1px;}
.Hdg4      {font-size: 2.5em !important; letter-spacing: 0.5px;}
.Hdg5      {font-size: 2em   !important; letter-spacing: 0.5px;}
/* Paragraph */
.Tx1       {font-size: 1.7em !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 */
.pddng-rst           {padding: 0px !important;}
/* Disabled «Resize» @ Textarea */
textarea            {resize: none !important;}
/* Reset Link */
.link-rst           {color: inherit;}
.link-rst:hover     {color: inherit;}
.link-G             {text-decoration: none;}
.link-G:hover       {text-decoration: none;}
/* Reset Lihe Height and Margin */
.Rst-Mrg            {margin: 0px !important;}
.Rst-LH             {line-height: inherit;}
/* Reset List */
.List-Rst           {list-style: none; margin-left: -40px;}
/* Button Corners 15px */
.btn-10-radius      {border-radius: 10px;}


/* :::::::::: NAV :::::::::: */
.WhatsApp-XS-Cntnr  {margin: 10px 15px 10px 15px;}
.WhatsApp-XS-Btn    {margin: 5px 15px 10px 15px; border-radius: 10px; padding: 3px 12px 3px 12px !important;}
.Logo-XS-Cntnr      {padding: 50px 15px 25px 15px;}
.Toggle-Cntnr       {padding: 10px 0px 20px 0px;}
.Toggle-Sm-Text {margin-left: 5px !important; margin-bottom: 15px !important;}
.Toggle-XS-Nav      {
  color: #9FADC1;
  padding: 2px 7px 2px 7px;
  border: 2px solid #9FADC1;
  border-radius: 5px;
  transition: 1s;
}
.Toggle-XS-Nav:hover      {
  color: #1c9fee;
  border: 2px solid #1c9fee;
}
.Toggle-XS-Nav:active      {color: #2485C0;}
.Menu-XS-Drop       {padding: 30px 15px 20px 15px;}
.Menu-List          {list-style: none !important; text-align: center; padding: 0px;}
.Menu-List li       {color: white; letter-spacing: 0.2em; padding-top: 5px; margin: 10px 5px 10px 5px !important;}
.Menu-List li:hover {color: #1c9fee; letter-spacing: 0.2em; transition: 0.3s;}
.QuickAccess-XS     {padding: 20px 15px 20px 15px;}
.QuickAccess-XS-btn  {border-radius: 10px;}
/* ::: NAV LG ::: */
.Logo-LG-Cntnr      {padding: 20px 10px 20px 10px;}
.WA-LG-Tx   {margin: 30px 20px 1px 20px; padding-top: 8px; font-size: 1em !important;}
.WA-LG-Btn  {border-radius: 10px; padding: 2px 15px 2px 15px;}
.Alt-Cntnr-LG       {
  display: inline-block;
  padding: 10px 10px 10px 50px;
  border-radius: 0px 0px 0px 75px;
  font-size: 0.8em !important;
  font-weight: 600 !important;
}
.Menu-List-LG       {list-style: none !important; text-align: right; padding: 0px;}
.Menu-List-LG li    {
  display: inline-block;
  margin: 20px 12px 20px 0px !important;
  font-weight: 600;
  transition: 1s;
}
.Menu-List-LG a    {
  text-decoration: none !important;
  color: inherit !important;
}
.Menu-List-LG li:hover    {color: #1c9fee !important;}
@media (min-width: 997px){
  .Logo-LG-Cntnr      {padding: 35px 10px 25px 60px;}
  .Alt-Cntnr-LG       {
    padding: 15px 60px 15px 75px;
    border-radius: 0px 0px 0px 100px !important;
    font-size: 0.9em !important;
  }
  .Menu-List-LG    {margin: 5px 50px 10px 10px;}
}
@media (min-width: 1200px){
  .Logo-LG-Cntnr      {padding: 30px 10px 30px 60px;}
  .Alt-Cntnr-LG       {
    padding: 15px 60px 15px 100px;
    border-radius: 0px 0px 0px 200px !important;
    font-size: 0.9em !important;
  }
  .Menu-List-LG       {margin-right: 60px;}
  .Menu-List-LG li    {margin: 20px 0px 20px 30px !important;}
}
/* ::: NAV XS Fixed ::: */
.Toggle-XSFixed-Box {margin: 10px 10px 10px 0px !important; z-index: 1;}
.NavXsFixed {background: rgba(255,255,255,0.9) !important; border-bottom: 1px solid #9FADC1;}
.Toggle-XSFixed-Nav      {
  color: #9FADC1;
  padding: 2px 7px 2px 7px;
  border: 2px solid #9FADC1;
  border-radius: 5px;
  transition: 1s;
}
.Toggle-XSFixed-Nav:hover      {
  color: #1c9fee;
  border: 2px solid #1c9fee;
}
.Toggle-XSFixed-Nav:active      {color: #2485C0;}
.Nav-XSFixed-Logo {padding: 2px;}
/* Nav XS Fixed Container */
.Nav-Fixed-Container {
  background: rgba(0,13,41,0.9) !important;
  padding: 30px 0px 30px 0px;
}
/* ::: Footer Fixed Nav ::: */
.FooterFixed-Container {padding: 5px 0px 5px 0px;}
.FooterFixex-Row {display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly !important; align-items: stretch !important;}
.FooterFixed-Col {display: flex !important; align-self: stretch;}
.FooterFixed-Link {text-decoration: none; color: #384A59; transition: 1s;}
.FooterFixed-Link:hover {text-decoration: none; color: #1C66A3;}


/* ::::::::: Footer ::::::::: */
.Footer-Logo-Cntr          {padding: 35px 15px 35px 15px;}
/* Social List */
.Footer-Social-List        {list-style: none !important; padding: 0px;}
.Footer-Social-List li     {display: inline-block !important; margin: 5px 15px 5px 0px !important;}
/* Social Icon */
.Footer-Social-Icon        {width: 30px !important; height: 30px !important; fill: #FFF;}
.Footer-Social-Icon:hover  {fill: #1c9fee; transition: 0.3s !important;}
/* Maps Icon */
.Footer-Map-Icon          {color: #FFFFFF !important;}
.Footer-Map-Icon:hover    {color: #1c9fee !important;}
/* Social Special List */
.Footer-Special-List       {padding: 0px; list-style: none !important;}
.Footer-Special-List li    {display: inline-block !important; margin: 5px 15px 5px 15px !important;}
.Footer-Left-Cntnr         {padding: 30px 15px 30px 15px; text-align: center;}
.Footer-Right-Cntnr        {padding: 30px 15px 30px 15px; text-align: center;}
.Footer-Copyright          {padding: 50px 15px 50px 15px;}
@media (min-width: 768px){
  .Footer-Left-Cntnr         {text-align: left;}
  .Footer-Right-Cntnr        {text-align: right;}
}


/* :::::::::: JUMBO :::::::::: */
.GSG-Jumbo-Main {padding: 75px 15px 75px 15px; background: #e0e9ec;}
/* Breadcrumb */
.breadcrumb {margin: 35px 5px 35px 5px; background: #FFFFFF !important;}
.breadcrumb a       {text-decoration: none; color: #093766; transition: 1s;}
.breadcrumb a:hover {text-decoration: none; color: #1c9fee;}
/* List Group */
.GSG-list-group     {margin: 5px 5px 50px 5px;}
.GSG-list-group a   {text-decoration: none; color: #093766; transition: 1s;}
.GSG-list-group a:hover   {text-decoration: none; color: #1c9fee;}
.GSG-list-group-item-active {
  background:#093766;
  color: #FFFFFF;
  border-radius: 10px;
  font-weight: 600;
}
/* Quick Footer Nav */
.Quick-Footer-Nav {margin: 50px 0px 50px 0px;}
.Sermon-Quick-Footer {margin: 50px 0px 120px 0px;}
.Article-Quick-Header {margin: 30px 0px 35px 0px;}
.Article-Quick-Footer {margin: 40px 0px 50px 0px;}

/* ::::: Animations ::::: */
.scale-up-center {
  -webkit-animation: scale-up-center 2s ease-in-out infinite alternate-reverse both;
  animation: scale-up-center 2s ease-in-out infinite alternate-reverse both;
}
@-webkit-keyframes scale-up-center {
  0% {-webkit-transform: scale(0.8); transform: scale(0.8); }
  100% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes scale-up-center {
  0% {-webkit-transform: scale(0.8); transform: scale(0.8);}
  100% {-webkit-transform: scale(1); transform: scale(1);}
}