@charset "utf-8";
/* CSS Document */

/*.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}*/
#btn-paso1,
#btn-paso2,
#btn-paso3,
#btn-paso4,
#btn-paso5,
#btn-paso6,
#btn-paso7 {
  cursor: pointer;
}

.contenidoCol {
  display: grid;
  align-items: center;
  padding: 15px;
  height: 100%;
  min-height: 360px;
}
.contenidoCol p {
  font-size: 22px;
  text-align: justify;
}

.contenidoParallax,
.contenidoIcon {
  display: grid;
  align-items: center;
  height: 400px;
}

.contenidoParallax .pContent {
  width: 100%;
  position: absolute;
}
.contenidoParallax .pContent .pTitulo {
  font-size: 2.7em;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  padding: 0 5% 10px;
  text-shadow: 2px 2px 2px #919191;
  text-align: center;
}
.contenidoParallax .pContent .pTitulo small {
  font-size: 18px;
  color: #858585;
  text-align: left;
  padding-left: 4em;
}
.contenidoParallax .pContent .pTexto {
  font-size: 2em;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0px;
  line-height: 1.1;
  color: white;
  text-transform: uppercase;
  padding: 0 5% 0 5%;
  text-shadow: 2px 2px 2px #919191;
  text-align: center;
}
.contenidoParallax .pContent .pTexto p {
  font-size: 1.6em;
  color: white;
  text-align: left;
  padding-left: 4em;
}
/* PARALLAX ICONOS */
.contenidoIcon .mContent {
  width: 100%;
  position: absolute;
  text-align: center;
}
.contenidoIcon .mContent .mTitulo {
  font-size: 2em;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
  margin-bottom: 0;
  color: #212121;
  text-transform: uppercase;
  padding: 0em 1em 1em 1em;
}
.contenidoIcon .mContent .mPaso {
  font-size: 1em;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
  margin-bottom: 0;
  color: #212121;
  text-transform: uppercase;
  padding: 0em 1em 1em 1em;
}
.contenidoIcon .mContent .mTitulo small {
  font-size: 18px;
  color: #858585;
  text-align: left;
  /*padding-left: 4em;*/
}
.contenidoIcon .mContent .mTexto {
  width: 100%;
  padding: 3%;
}
.contenidoIcon .mContent .mTexto p {
  font-size: 1.2em;
  color: white;
  text-align: left;
  padding-left: 4em;
}

/* FIN PARALLAX ICONS */

.contenidoParallax h2 {
  font-size: 3.5em;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  padding: 20% 1em 1em;
}
.contenidoParallax h2 small,
.paisRusia h2 small {
  color: white;
}
.contenidoParallax p {
  font-size: 1.6em;
  color: white;
  text-align: left;
  padding-left: 4em;
}
.contenidoMobile {
  padding: 2em 0;
}
.contenidoMobile h2 {
  font-size: 2.5em;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  padding: 12% 1em 1em;
  text-align: center;
}
.contenidoMobile h2 small {
  color: white;
}
.contenidoMobile p {
  font-size: 1.2em;
  color: white;
  text-align: left;
  padding-left: 40px;
}
.contenidoAdquiere h2 {
  font-size: 3.5em;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  padding: 20px 1em 20px 1em;
}
.contenidoAdquiere h3 {
  font-size: 2em;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  padding: 5% 1em 1em;
}

@media (min-width: 375px) {
  .contenidoAdquiere h2 {
    font-size: 2em;
    padding: 50px 1em 20px 1em;
  }
  .contenidoAdquiere h3 {
    font-size: 1.6em;
  }
  .paisRusia .content h2 {
    font-size: 3.2em;
  }
}

.parallax-1 {
  height: 400px; /*100vh*/
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.parallax-2 {
  height: 100vh; /*100vh*/
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

/*//////////////////////////////////////////*/
/* Colores para secciones */

/* Colores Textos */
.cMorado {
  color: #8d3dae !important;
}
.cRojo {
  color: #c82736 !important;
}
.cNegro {
  color: #303030 !important;
}
.cGris {
  color: #d4d4d4 !important;
}
.cVerde {
  color: #28a92b !important;
}
.cAzul {
  color: #2c7ad2 !important;
}
.cNaranja {
  color: #e77614 !important;
}
.cCafe {
  color: #8c4600 !important;
}

/* Color de Fondo */
.bMorado {
  background: #8d3dae !important;
}
.bRojo {
  background: #c82736 !important;
}
.bNegro {
  background: #303030 !important;
}
.bGris {
  background: #ececec !important;
}
.bGrislight {
  background: #f7f7f7;
}
.bVerde {
  background: #28a92b !important;
}
.bAzul {
  background: #2c7ad2 !important;
}
.bNaranja {
  background: #e77614 !important;
}

/* Color de Fondo light */
.bMorado-l {
  background: rgba(141, 61, 174, 0.03) !important;
}
.bRojo-l {
  background: rgba(200, 39, 54, 0.03) !important;
}
.bNegro-l {
  background: rgba(48, 48, 48, 0.03) !important;
}
.bGris-l {
  background: rgba(212, 212, 212, 0.03) !important;
}
.bVerde-l {
  background: rgba(40, 169, 43, 0.03) !important;
}
.bAzul-l {
  background: rgba(44, 122, 210, 0.03) !important;
}
.bNaranja-l {
  background: rgba(231, 118, 20, 0.03) !important;
}
/* Color de borde */
.bordeMorado {
  border: solid 3px #8d3dae !important;
}
.bordeRojo {
  border: solid 3px #c82736 !important;
}
.bordeNegro {
  border: solid 3px #303030 !important;
}
.bordeGris {
  border: solid 3px #d4d4d4 !important;
}
.bordeVerde {
  border: solid 3px #28a92b !important;
}
.bordeAzul {
  border: solid 3px #2c7ad2 !important;
}
.bordeNaranja {
  border: solid 3px #e77614 !important;
}

.Fazul {
  background-color: #2c7ad2;
  background-image: radial-gradient(
      circle at 47% 14%,
      rgba(205, 205, 205, 0.04) 0%,
      rgba(205, 205, 205, 0.04) 43%,
      transparent 43%,
      transparent 100%
    ),
    radial-gradient(
      circle at 35% 12%,
      rgba(215, 215, 215, 0.04) 0%,
      rgba(215, 215, 215, 0.04) 4%,
      transparent 4%,
      transparent 100%
    ),
    radial-gradient(
      circle at 1% 35%,
      rgba(24, 24, 24, 0.04) 0%,
      rgba(24, 24, 24, 0.04) 37%,
      transparent 37%,
      transparent 100%
    ),
    radial-gradient(
      circle at 21% 1%,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.04) 26%,
      transparent 26%,
      transparent 100%
    ),
    radial-gradient(
      circle at 23% 82%,
      rgba(249, 249, 249, 0.04) 0%,
      rgba(249, 249, 249, 0.04) 60%,
      transparent 60%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 54%,
      rgba(251, 251, 251, 0.04) 0%,
      rgba(251, 251, 251, 0.04) 23%,
      transparent 23%,
      transparent 100%
    ),
    radial-gradient(
      circle at 69% 68%,
      rgba(234, 234, 234, 0.04) 0%,
      rgba(234, 234, 234, 0.04) 10%,
      transparent 10%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#2c7ad2), to(#1568c6));
  background-image: radial-gradient(
      circle at 47% 14%,
      rgba(205, 205, 205, 0.04) 0%,
      rgba(205, 205, 205, 0.04) 43%,
      transparent 43%,
      transparent 100%
    ),
    radial-gradient(
      circle at 35% 12%,
      rgba(215, 215, 215, 0.04) 0%,
      rgba(215, 215, 215, 0.04) 4%,
      transparent 4%,
      transparent 100%
    ),
    radial-gradient(
      circle at 1% 35%,
      rgba(24, 24, 24, 0.04) 0%,
      rgba(24, 24, 24, 0.04) 37%,
      transparent 37%,
      transparent 100%
    ),
    radial-gradient(
      circle at 21% 1%,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.04) 26%,
      transparent 26%,
      transparent 100%
    ),
    radial-gradient(
      circle at 23% 82%,
      rgba(249, 249, 249, 0.04) 0%,
      rgba(249, 249, 249, 0.04) 60%,
      transparent 60%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 54%,
      rgba(251, 251, 251, 0.04) 0%,
      rgba(251, 251, 251, 0.04) 23%,
      transparent 23%,
      transparent 100%
    ),
    radial-gradient(
      circle at 69% 68%,
      rgba(234, 234, 234, 0.04) 0%,
      rgba(234, 234, 234, 0.04) 10%,
      transparent 10%,
      transparent 100%
    ),
    linear-gradient(90deg, #2c7ad2, #1568c6);
}
.Fnaranja {
  background-color: #e77614;
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #ff7600, #ff7600);
}

.Frojo {
  background-color: #c82736;
  background-image: radial-gradient(
      circle at 19% 90%,
      rgba(190, 190, 190, 0.04) 0%,
      rgba(190, 190, 190, 0.04) 17%,
      transparent 17%,
      transparent 100%
    ),
    radial-gradient(
      circle at 73% 2%,
      rgba(78, 78, 78, 0.04) 0%,
      rgba(78, 78, 78, 0.04) 94%,
      transparent 94%,
      transparent 100%
    ),
    radial-gradient(
      circle at 45% 2%,
      rgba(18, 18, 18, 0.04) 0%,
      rgba(18, 18, 18, 0.04) 55%,
      transparent 55%,
      transparent 100%
    ),
    radial-gradient(
      circle at 76% 60%,
      rgba(110, 110, 110, 0.04) 0%,
      rgba(110, 110, 110, 0.04) 34%,
      transparent 34%,
      transparent 100%
    ),
    radial-gradient(
      circle at 68% 56%,
      rgba(246, 246, 246, 0.04) 0%,
      rgba(246, 246, 246, 0.04) 16%,
      transparent 16%,
      transparent 100%
    ),
    radial-gradient(
      circle at 71% 42%,
      rgba(156, 156, 156, 0.04) 0%,
      rgba(156, 156, 156, 0.04) 47%,
      transparent 47%,
      transparent 100%
    ),
    radial-gradient(
      circle at 46% 82%,
      rgba(247, 247, 247, 0.04) 0%,
      rgba(247, 247, 247, 0.04) 39%,
      transparent 39%,
      transparent 100%
    ),
    radial-gradient(
      circle at 50% 47%,
      rgba(209, 209, 209, 0.04) 0%,
      rgba(209, 209, 209, 0.04) 45%,
      transparent 45%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#e53949), to(#cc2232));
  background-image: radial-gradient(
      circle at 19% 90%,
      rgba(190, 190, 190, 0.04) 0%,
      rgba(190, 190, 190, 0.04) 17%,
      transparent 17%,
      transparent 100%
    ),
    radial-gradient(
      circle at 73% 2%,
      rgba(78, 78, 78, 0.04) 0%,
      rgba(78, 78, 78, 0.04) 94%,
      transparent 94%,
      transparent 100%
    ),
    radial-gradient(
      circle at 45% 2%,
      rgba(18, 18, 18, 0.04) 0%,
      rgba(18, 18, 18, 0.04) 55%,
      transparent 55%,
      transparent 100%
    ),
    radial-gradient(
      circle at 76% 60%,
      rgba(110, 110, 110, 0.04) 0%,
      rgba(110, 110, 110, 0.04) 34%,
      transparent 34%,
      transparent 100%
    ),
    radial-gradient(
      circle at 68% 56%,
      rgba(246, 246, 246, 0.04) 0%,
      rgba(246, 246, 246, 0.04) 16%,
      transparent 16%,
      transparent 100%
    ),
    radial-gradient(
      circle at 71% 42%,
      rgba(156, 156, 156, 0.04) 0%,
      rgba(156, 156, 156, 0.04) 47%,
      transparent 47%,
      transparent 100%
    ),
    radial-gradient(
      circle at 46% 82%,
      rgba(247, 247, 247, 0.04) 0%,
      rgba(247, 247, 247, 0.04) 39%,
      transparent 39%,
      transparent 100%
    ),
    radial-gradient(
      circle at 50% 47%,
      rgba(209, 209, 209, 0.04) 0%,
      rgba(209, 209, 209, 0.04) 45%,
      transparent 45%,
      transparent 100%
    ),
    linear-gradient(90deg, #e53949, #cc2232);
}

.Fmorado {
  background-color: #8d3dae;
  background-image: radial-gradient(
      circle at 47% 14%,
      rgba(205, 205, 205, 0.04) 0%,
      rgba(205, 205, 205, 0.04) 43%,
      transparent 43%,
      transparent 100%
    ),
    radial-gradient(
      circle at 35% 12%,
      rgba(215, 215, 215, 0.04) 0%,
      rgba(215, 215, 215, 0.04) 4%,
      transparent 4%,
      transparent 100%
    ),
    radial-gradient(
      circle at 1% 35%,
      rgba(24, 24, 24, 0.04) 0%,
      rgba(24, 24, 24, 0.04) 37%,
      transparent 37%,
      transparent 100%
    ),
    radial-gradient(
      circle at 21% 1%,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.04) 26%,
      transparent 26%,
      transparent 100%
    ),
    radial-gradient(
      circle at 23% 82%,
      rgba(249, 249, 249, 0.04) 0%,
      rgba(249, 249, 249, 0.04) 60%,
      transparent 60%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 54%,
      rgba(251, 251, 251, 0.04) 0%,
      rgba(251, 251, 251, 0.04) 23%,
      transparent 23%,
      transparent 100%
    ),
    radial-gradient(
      circle at 69% 68%,
      rgba(234, 234, 234, 0.04) 0%,
      rgba(234, 234, 234, 0.04) 10%,
      transparent 10%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#8d3dae), to(#8d3dae));
  background-image: radial-gradient(
      circle at 47% 14%,
      rgba(205, 205, 205, 0.04) 0%,
      rgba(205, 205, 205, 0.04) 43%,
      transparent 43%,
      transparent 100%
    ),
    radial-gradient(
      circle at 35% 12%,
      rgba(215, 215, 215, 0.04) 0%,
      rgba(215, 215, 215, 0.04) 4%,
      transparent 4%,
      transparent 100%
    ),
    radial-gradient(
      circle at 1% 35%,
      rgba(24, 24, 24, 0.04) 0%,
      rgba(24, 24, 24, 0.04) 37%,
      transparent 37%,
      transparent 100%
    ),
    radial-gradient(
      circle at 21% 1%,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.04) 26%,
      transparent 26%,
      transparent 100%
    ),
    radial-gradient(
      circle at 23% 82%,
      rgba(249, 249, 249, 0.04) 0%,
      rgba(249, 249, 249, 0.04) 60%,
      transparent 60%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 54%,
      rgba(251, 251, 251, 0.04) 0%,
      rgba(251, 251, 251, 0.04) 23%,
      transparent 23%,
      transparent 100%
    ),
    radial-gradient(
      circle at 69% 68%,
      rgba(234, 234, 234, 0.04) 0%,
      rgba(234, 234, 234, 0.04) 10%,
      transparent 10%,
      transparent 100%
    ),
    linear-gradient(90deg, #8d3dae, #8d3dae);
}
.Fverde {
  background-color: #28a92b;
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#28a92b), to(#10a614));
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #28a92b, #10a614);
}
.Fnegro {
  background-color: #303030;
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#303030), to(#303030));
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #303030, #303030);
}
.Fgris {
  background-color: #d4d4d4;
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    -webkit-gradient(linear, left top, right top, from(#d4d4d4), to(#d4d4d4));
  background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #d4d4d4, #d4d4d4);
}
.Fgradiente {
  background-image: linear-gradient(120deg, #d77e7a 0%, #712b85 100%);
}

/*Boton 3D */
.btn3D,
.btn3DFull {
  position: relative;
  top: 15px;
}

.btn3D ul li,
.btn3DFull ul li {
  list-style-type: none;
  margin: 30px -5px;
}
.btn3D ul li a .fa,
.btn3DFull ul li a .fa {
  font-size: 40px;
  color: #333;
  line-height: 60px;
  transition: 0.5s;
  padding-right: 30px;
}
.btn3D ul li a span,
.btn3DFull ul li a span {
  padding: 0 5px;
  margin: 0;
  position: absolute;
  top: 20px;
  color: #333;
  letter-spacing: 3px;
  transition: 0.5s;
}
.btn3D ul li a {
  text-decoration: none;
  display: absolute;
  display: block;
  width: 170px;
  height: 60px;
  background: #ebebeb;
  text-align: left;
  padding-left: 10px;
  transform: rotate(0deg) skewX(0deg) translate(0, 0);
  transition: 0.5s;
  box-shadow: -10px 10px 5px rgba(0, 0, 0, 0.5);
}
.btn3DFull ul li a {
  text-decoration: none;
  display: absolute;
  display: block;
  width: 340px;
  height: 60px;
  background: #fff;
  text-align: left;
  padding-left: 10px;
  transform: rotate(0deg) skewX(0deg) translate(0, 0);
  transition: 0.5s;
  box-shadow: -10px 10px 5px rgba(0, 0, 0, 0.5);
}
.btn3D ul li a:before,
.btn3DFull ul li a:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -5px;
  height: 100%;
  width: 5px;
  background: #b1b1b1;
  transform: rotate(0deg) skewY(-45deg);
  transition: 0.5s;
}
.btn3D ul li a:after,
.btn3DFull ul li a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -3px;
  height: 5px;
  width: 100%;
  background: #b1b1b1;
  transform: rotate(0deg) skewX(-45deg);
  transition: 0.5s;
}
.btn3D ul li a:hover,
.btn3DFull ul li a:hover {
  /*transform: rotate(0deg) skew(5deg,5deg) translate(0px,0px);*/
}
.btn3D ul li:hover .fa,
.btn3DFull ul li:hover .fa {
  color: #fff;
}
.btn3D ul li:hover span,
.btn3DFull ul li:hover span {
  color: #fff;
}
.btn3D ul li:hover a,
.btn3DFull ul li:hover a {
  background: #dd4b39;
}
.btn3D ul li:hover a:before,
.btn3DFull ul li:hover a:before {
  background: #b33a2b;
}
.btn3D ul li:hover a:after,
.btn3DFull ul li:hover a:after {
  background: #e66a5a;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #prog-profesionales .btn3D {
    top: 20px;
  }
}

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/
/* Boton relieve */

.cMorado {
  color: #8d3dae !important;
}
.cRojo {
  color: #c82736 !important;
}
.cNegro {
  color: #303030 !important;
}
.cGriso {
  color: #d4d4d4 !important;
}
.cVerde {
  color: #28a92b !important;
}
.cAzul {
  color: #2c7ad2 !important;
}
.cNaranja {
  color: #e77614 !important;
}

.btn-m-izq,
.btn-m-der {
  padding: 5px;
  width: 132px;
  position: absolute;
}
.btn-m-izq {
  left: -10px;
}
.btn-m-der {
  left: 125px;
}
.btn-m-izq a,
.btn-m-der a {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  color: #615f5f;
  font-size: 13px;
  border-radius: 40px;
  box-shadow: -2px -2px 8px rgba(255, 255, 255, 1),
    -2px -2px 12px rgba(255, 255, 255, 0.5),
    inset 2px 2px 4px rgba(255, 255, 255, 0.1), 2px 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-m-izq a:hover,
.btn-m-der a:hover {
  box-shadow: inset -2px -2px 8px rgba(255, 255, 255, 1),
    inset -2px -2px 12px rgba(255, 255, 255, 0.5),
    inset 2px 2px 4px rgba(255, 255, 255, 0.1),
    inset 2px 2px 8px rgba(0, 0, 0, 0.15);
}
.btn-m-izq a:hover span,
.btn-m-der a:hover span {
  display: inline-block;
  transform: scale(0.98);
}

.btn-m {
  /*width: 100%;
	position: relative;
	display: inline-block;*/
  padding: 10px 15px;
  margin-bottom: 4px;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 2px;
  color: #615f5f;
  font-size: 13px;
  border-radius: 40px;
  box-shadow: -2px -2px 8px rgba(255, 255, 255, 1),
    -2px -2px 12px rgba(255, 255, 255, 0.5),
    inset 2px 2px 4px rgba(255, 255, 255, 0.1), 2px 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-m:hover {
  box-shadow: inset -2px -2px 8px rgba(255, 255, 255, 1),
    inset -2px -2px 12px rgba(255, 255, 255, 0.5),
    inset 2px 2px 4px rgba(255, 255, 255, 0.1),
    inset 2px 2px 8px rgba(0, 0, 0, 0.15);
}
.btn-m:hover span {
  display: inline-block;
  transform: scale(0.98);
}

.btn-m2 {
  width: 100px;
  display: inline-block;
  background: linear-gradient(50deg, #8d3dae, #f52fcf);
  padding: 8px 5px;
  text-align: center;
  margin: auto;
  margin-top: 10px;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 5px;
  transition: all 300ms;
}
.btn-m2:hover,
.btn-m2:active {
  transform: translateY(5px);
  box-shadow: 0px 18px 5px -13px rgba(0, 0, 0, 0.5);
}

.btn-conv {
  color: #fff;
  background-color: #797979;
  border-color: #797979;
  box-shadow: 3px 2px 3px #868686;
}
.btn-conv:hover,
.btn-conv:focus,
.btn-conv:active,
.btn-conv.active,
.open > .dropdown-toggle.btn-conv {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #b8b8b8;
}

#contenido2 .btn-conv a:hover,
#contenido2 .btn-conv a:visited,
#contenido2 .btn-conv a:link {
  color: white !important;
  text-decoration: none;
}
/*Sliders principal */
.sliders {
  height: 450px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#internas .sliders {
  height: 300px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sliders-info {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.sliders-info h2 {
  font-size: 2em;
}
.btn2 {
  padding: 10px 25px;
  color: #800101;
}
.btn2 {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  margin: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  color: none !important;
  border: 1px solid transparent;
  border-radius: 50px;
  box-shadow: 0 2px 5px 0 rgb(60, 59, 59), 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  transition: 0.4s;
  opacity: 0.8;
}
.btn2:hover {
  transform: scale(1.1);
  transition: 0.4s;
  opacity: 1;
}

/* LISTAS */

.lista-naranja {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-naranja ol {
  margin: 0 0 0 2em;
}

.lista-naranja li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-naranja li:hover {
  background: #ddd;
}

.lista-naranja li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #e77614;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-naranja li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-naranja li:hover:after {
  left: -0.5em;
  border-left-color: #e77614;
}
/* */
.lista-morado {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-morado ol {
  margin: 0 0 0 2em;
}

.lista-morado li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-morado li:hover {
  background: #ddd;
}

.lista-morado li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #8d3dae;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-morado li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-morado li:hover:after {
  left: -0.5em;
  border-left-color: #8d3dae;
}
/* */
.lista-azul {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-azul ol {
  margin: 0 0 0 2em;
}

.lista-azul li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-azul li:hover {
  background: #ddd;
}

.lista-azul li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #2c7ad2;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-azul li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-azul li:hover:after {
  left: -0.5em;
  border-left-color: #2c7ad2;
}
/* */
.lista-verde {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-verde ol {
  margin: 0 0 0 2em;
}

.lista-verde li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-verde li:hover {
  background: #ddd;
}

.lista-verde li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #28a92b;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-verde li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-verde li:hover:after {
  left: -0.5em;
  border-left-color: #28a92b;
}
/* */
.lista-rojo {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-rojo ol {
  margin: 0 0 0 2em;
}

.lista-rojo li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-rojo li:hover {
  background: #ddd;
}

.lista-rojo li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #c82736;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-rojo li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-rojo li:hover:after {
  left: -0.5em;
  border-left-color: #c82736;
}
/* */
.lista-negro {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-negro ol {
  margin: 0 0 0 2em;
}

.lista-negro li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-negro li:hover {
  background: #ddd;
}

.lista-negro li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #212121;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-negro li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-negro li:hover:after {
  left: -0.5em;
  border-left-color: #212121;
}
/* */
.lista-cafe {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  font: 15px "trebuchet MS", "lucida sans";
  padding: 0;
  margin-bottom: 4em;
  /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.lista-cafe ol {
  margin: 0 0 0 2em;
}

.lista-cafe li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.lista-cafe li:hover {
  background: #ddd;
}

.lista-cafe li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #8c4600;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-shadow: 2px 2px 2px #606060;
}

.lista-cafe li:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}

.lista-cafe li:hover:after {
  left: -0.5em;
  border-left-color: #8c4600;
}
/*     */
@media (max-width: 664px) {
  .banner h1 {
    font-size: 38px;
  }
  .banner h3 {
    font-size: 25px;
  }
}
@media (max-width: 414px) {
  .banner h1 {
    font-size: 25px;
  }
  .banner h3 {
    font-size: 17px;
  }
}
@media (max-width: 375px) {
  .banner h1 {
    font-size: 24px;
  }
  .banner h3 {
    font-size: 15px;
  }
}