/*ESTILOS EDWIN*/
/*Btn*/
.contenedor_boton_salir .boton_salir span {
  background-image: url(/RS/images/Flexidigital/Tpk_1/flecha-dere.png);
  background-repeat: no-repeat;
  background-position: 270px center; }

/*Fin btn*/
.contenInicio {
  position: relative; }
  .contenInicio .vigilado-box {
    position: absolute;
    bottom: 20px;
    left: 20px; }

/**/
body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box {
  position: relative; }
  body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .logo {
    position: absolute;
    top: 0;
    left: 0; }
  body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .caja-info {
    max-width: 400px;
    width: 100%;
    margin: 0 auto; }
  body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .vigilado {
    position: absolute;
    bottom: 0;
    left: 0; }
  body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .caja-tips .tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0; }
    body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .caja-tips .tips .flecha svg {
      fill: #38C86E;
      width: 7px;
      margin-right: 5px; }
    body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .caja-tips .tips .txtspan {
      font-size: 14px; }
      body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .desktop-box .caja-tips .tips .txtspan span {
        font-weight: bold;
        color: #20C17E; }

body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .responsive-box {
  position: relative;
  min-height: 400px;
  margin: 40px 0 30px;
  padding: 10px 10px; }

body .content-general-tarjetas .contenedor_form .tab-content .tab-pane .progreso-y-panel .panel-group .panel-julgal .panel-collapse .panel-body .responsive-box.columna {
  display: block; }

/**/
/*Thank You Page*/
.BannerThankyouPage {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b979+0,60d455+100 */
  background: #00b979;
  /* Old browsers */
  background: -moz-linear-gradient(left, #00b979 0%, #60d455 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00b979 0%, #60d455 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#00b979), to(#60d455));
  background: -o-linear-gradient(left, #00b979 0%, #60d455 100%);
  background: linear-gradient(to right, #00b979 0%, #60d455 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b979', endColorstr='#60d455',GradientType=1 );
  /* IE6-9 */
  /*background: #00B979;*/
  position: relative;
  height: 240px;
  width: 100%;
  /*&::before {
        content: url('/RS/images/Flexidigital/Tpk_1/linea.svg');
        display:block;
        width: 75px;
        height:75px;
        position:absolute;
        left: 10px;
        top: 10px;
    }
    &::after {
        content: "";
    }*/ }
  .BannerThankyouPage .logo {
    position: absolute;
    top: 30px;
    left: 50px; }
  .BannerThankyouPage .txt-felicita {
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
    /*.txtWelkit{
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 900px;
            width: 100%;
            margin: 0 auto;
            img{
                width: 15%;
            }
        }*/ }
    .BannerThankyouPage .txt-felicita .caja-logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .BannerThankyouPage .txt-felicita .caja-logo .chulo-thank-you {
        display: none; }
      .BannerThankyouPage .txt-felicita .caja-logo h1 {
        font-size: 33px;
        text-transform: uppercase;
        border-top: 3px solid #ffffff;
        border-bottom: 3px solid #ffffff;
        padding: 5px 0; }
      .BannerThankyouPage .txt-felicita .caja-logo .felicitaciones.feli-welKit {
        display: none; }
    .BannerThankyouPage .txt-felicita .parrafo {
      font-size: 18px;
      max-width: 680px;
      width: 100%;
      margin: 15px auto;
      text-align: left; }
      .BannerThankyouPage .txt-felicita .parrafo span {
        font-weight: bold; }
      .BannerThankyouPage .txt-felicita .parrafo img {
        display: none; }
    .BannerThankyouPage .txt-felicita .parrafo.welcome {
      text-align: center;
      font-size: 24px; }

.formudoce {
  position: relative; }

.caja-info-tj {
  /*display: flex;
    align-items: center;
    justify-content: space-around;*/
  border: 1px solid #DADEE3;
  max-width: 906px;
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 18px 0;
  position: absolute;
  top: -90px;
  left: 0;
  right: 0; }
  .caja-info-tj .txt-new {
    padding-left: 40px;
    padding-bottom: 10px; }
    .caja-info-tj .txt-new p {
      font-size: 18px; }
  .caja-info-tj .caja-colum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px; }
  .caja-info-tj .icono {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .caja-info-tj .icono p {
      margin-left: 10px;
      font-size: 18px; }
      .caja-info-tj .icono p span {
        color: #00B979; }
  .caja-info-tj .tarjeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -30px; }
    .caja-info-tj .tarjeta .info-num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 10px; }
      .caja-info-tj .tarjeta .info-num .uno {
        font-size: 18px;
        color: #00B979; }
      .caja-info-tj .tarjeta .info-num .dos {
        font-size: 18px;
        margin-left: 5px;
        font-weight: bold; }
  .caja-info-tj .caja-txt p {
    text-align: center;
    color: #00B979;
    font-size: 20px;
    padding: 0 10px; }
    .caja-info-tj .caja-txt p span {
      font-weight: bold; }

.cajaFlexwelcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px; }
  .cajaFlexwelcome .icono {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .cajaFlexwelcome .icono p {
      margin-left: 10px; }
  .cajaFlexwelcome .tarjeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .cajaFlexwelcome .tarjeta img {
      margin-right: 10px; }

#tarjeta-caracteristicas {
  margin-top: 30px;
  /*padding-top: 75px;*/
  padding-top: 100px;
  padding-bottom: 20px; }
  #tarjeta-caracteristicas .content-tj-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #tarjeta-caracteristicas .content-tj-info .content-tj {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel {
        margin-bottom: 20px;
        max-width: 462px;
        width: 100%;
        background: #EFEFEF;
        border-radius: 15px;
        padding: 17px;
        font-size: 16px; }
        #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel h3 {
          margin-bottom: 15px; }
        #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel p {
          color: #707070;
          font-size: 16px;
          margin-bottom: 15px; }
          #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel p span {
            color: #00B979;
            font-size: 16px;
            font-weight: 400; }
        #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel button {
          max-width: 166px;
          width: 100%;
          height: 35px;
          font-size: 14px;
          background-color: #707070;
          border-radius: 25px;
          color: #fff;
          border: 0;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel button svg {
            fill: #ffffff;
            margin-left: 7px; }
            #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel button svg #Trazado_223 {
              stroke: #707070; }
            #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel button svg .svgg {
              fill: #707070; }
    #tarjeta-caracteristicas .content-tj-info .content-info {
      width: 43%;
      border-left: 1px solid #C3C3C3; }
      #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel {
        text-align: center;
        margin: auto; }
        #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton {
          max-width: 500px;
          /*margin-bottom: 15px;*/
          margin: auto auto 15px auto; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton .boton-activo {
            color: #707070;
            background: #fff;
            border: solid 2px #CCCCCC; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton .boton-activo a {
              color: #707070; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton .boton-activo svg {
              fill: #707070; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton .boton-activo svg #Trazado_223 {
                stroke: #ffffff; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton .boton-activo svg .svgg {
                fill: #707070; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton div {
            background-color: #ed2529;
            text-transform: uppercase;
            max-width: 269px;
            width: 100%;
            height: 45px;
            border-radius: 25px;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            border: 0;
            outline: 0;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            cursor: pointer; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton div a {
              color: #ffffff;
              text-decoration: none; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton div svg {
              fill: #ffffff; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton div svg #Trazado_223 {
                stroke: #707070; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton div svg .svgg {
                fill: #ffffff; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton:last-child {
            margin-bottom: 0; }
        #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco {
          text-decoration: none; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco .caja-btn {
            position: relative;
            background-color: #f8f8f8;
            border: 1px solid #EFEFEF;
            overflow: hidden; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco .caja-btn .txt {
              color: #707070;
              background-color: #f8f8f8; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco .caja-btn svg {
              fill: #707070;
              position: absolute;
              right: 14px; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco .caja-btn svg #Trazado_223 {
                stroke: #ffffff; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .caja-boton.btn-blanco .caja-btn svg .svgg {
                fill: #ffffff; }
        #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil {
          display: none;
          text-align: left;
          margin: auto;
          margin-bottom: 20px;
          max-width: 462px;
          width: 100%;
          background: #EFEFEF;
          border-radius: 15px;
          padding: 17px;
          font-size: 16px; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil h3 {
            margin-bottom: 15px; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil p {
            color: #707070;
            font-size: 16px;
            margin-bottom: 15px;
            text-align: justify; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil p span {
              color: #00B979;
              font-size: 16px;
              font-weight: 400; }
          #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil button {
            max-width: 166px;
            width: 100%;
            height: 35px;
            font-size: 14px;
            background-color: #707070;
            border-radius: 25px;
            color: #fff;
            border: 0;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil button svg {
              fill: #ffffff;
              margin-left: 7px; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil button svg #Trazado_223 {
                stroke: #707070; }
              #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil button svg .svgg {
                fill: #707070; }
      #tarjeta-caracteristicas .content-tj-info .content-info #bullets .titulo {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px; }
      #tarjeta-caracteristicas .content-tj-info .content-info #bullets .txtDescriptivo {
        margin-bottom: 30px; }
        #tarjeta-caracteristicas .content-tj-info .content-info #bullets .txtDescriptivo span {
          color: #00B979;
          font-weight: 600; }
      #tarjeta-caracteristicas .content-tj-info .content-info #bullets .bullet {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end; }
        #tarjeta-caracteristicas .content-tj-info .content-info #bullets .bullet span {
          color: #00B979;
          font-weight: 600; }
      #tarjeta-caracteristicas .content-tj-info .content-info #bullets .bullet.imgg img {
        width: 59px; }
  #tarjeta-caracteristicas .content-tj-info.content-tkyfinal {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end; }
    #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-tj .imgtkyfinal {
      margin: 0 auto;
      display: block; }
    #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info {
      border-left: 0; }
      #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info #bullets .bullet:first-child {
        margin-top: 0; }
      #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info #bullets .bullet p {
        font-size: 15px; }
      #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info #bullets .bullet.whatsapp img {
        width: 44px;
        margin-right: 5px; }
      #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info #bullets .bullet.whatsapp p a {
        color: #ED2529;
        cursor: pointer;
        font-weight: bold; }
  #tarjeta-caracteristicas .content-tj-info.caja-welcome {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #tarjeta-caracteristicas .content-tj-info.caja-welcome .content-info {
      border-left: none; }

.WelcomeContent {
  border: 1px solid #CED4DA;
  border-radius: 10px;
  max-width: 966px;
  margin: 30px auto;
  padding-top: 70px !important;
  max-width: 1080px; }
  .WelcomeContent .titu-welcome {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px; }
    .WelcomeContent .titu-welcome p {
      font-size: 18px;
      text-align: center; }
  .WelcomeContent .your-class.carrusel-welcome {
    height: 400px; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter h2 {
      font-weight: 100;
      text-align: center;
      font-size: 18px;
      margin-bottom: 30px; }
      .WelcomeContent .your-class.carrusel-welcome .item-inter h2 span {
        color: #1CB979;
        font-weight: bold; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter .imgbene {
      margin: 0 auto; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter .parra {
      background-color: transparent;
      font-size: 15px;
      text-align: left;
      border-radius: 0;
      min-height: 130px; }
      .WelcomeContent .your-class.carrusel-welcome .item-inter .parra span {
        color: #1CB979; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter .btn-item {
      width: 269px;
      height: 48px;
      margin: 0 auto;
      background: #ED2529;
      border-radius: 24px;
      border: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      text-decoration: none; }
      .WelcomeContent .your-class.carrusel-welcome .item-inter .btn-item .nom-btn {
        color: #FFFFFF;
        background-color: transparent;
        font-size: 15px;
        margin: 0;
        padding: 0; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter.lineas {
      border-left: 1px solid #EDEFF1;
      border-right: 1px solid #EDEFF1; }
  .WelcomeContent .btn-descrubre {
    width: 269px;
    height: 48px;
    margin: 0 auto;
    display: block;
    border: 1px solid #707070;
    color: #707070;
    border-radius: 24px;
    text-decoration: none;
    font-size: 15px;
    position: relative; }
    .WelcomeContent .btn-descrubre span {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .WelcomeContent .btn-descrubre img {
      position: absolute;
      top: 16px;
      right: 19px; }

/*Fin Thank You Page*/
/*Thank You Page final*/
.formudoce.beniflexi #tarjeta-caracteristicas .titu-flexi {
  color: #00B979;
  text-align: center;
  margin-bottom: 30px;
  max-width: 460px;
  width: 100%; }
  .formudoce.beniflexi #tarjeta-caracteristicas .titu-flexi p {
    font-size: 24px; }

.formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-tj .titu-gif {
  color: #707070;
  text-align: center; }
  .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-tj .titu-gif p {
    font-size: 16px;
    font-weight: bold; }

.formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-info #bullets .bullet {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-info #bullets .bullet .titu-item {
    color: #00B979; }

/*fin Thank You Page final*/
/*Thank You Page cliente*/
.BannerThankyouPage.cliente .txt-felicita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 80px; }
  .BannerThankyouPage.cliente .txt-felicita .logo {
    margin-right: 10px; }
  .BannerThankyouPage.cliente .txt-felicita .parrafo {
    margin: 0; }

.formudoce.cliente #contenido {
  position: relative; }
  .formudoce.cliente #contenido .marrano {
    position: absolute;
    right: 30px;
    top: -30px; }

.formudoce.cliente #tarjeta-caracteristicas {
  padding-top: 25px;
  margin-top: -60px;
  background: #ffffff;
  border-radius: 20px; }
  .formudoce.cliente #tarjeta-caracteristicas .titucliente {
    padding-left: 50px;
    margin-bottom: 50px; }
    .formudoce.cliente #tarjeta-caracteristicas .titucliente p {
      color: #15C085;
      font-size: 22px; }
  .formudoce.cliente #tarjeta-caracteristicas .content-tj-info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end; }
    .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-tj .caja-item .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px; }
      .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-tj .caja-item .item img {
        margin-right: 10px; }
      .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-tj .caja-item .item span {
        color: #00B979; }
    .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-info #bullets .txtDescriptivo {
      font-size: 16px; }
      .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-info #bullets .txtDescriptivo a {
        color: #ED2529; }

.formudoce.cliente .terminos-cond-paso1 {
  width: 90%;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  background: #F8F8F8;
  border-radius: 19px;
  padding: 10px 20px; }
  .formudoce.cliente .terminos-cond-paso1 p {
    text-align: center;
    color: #6c6c6c;
    margin-right: 10px;
    font-size: 13px;
    white-space: nowrap; }
    .formudoce.cliente .terminos-cond-paso1 p a {
      color: #ed252a !important;
      text-decoration: underline; }

.formudoce.cliente .button-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .formudoce.cliente .button-toggle .lbl {
    position: relative;
    display: block;
    height: 26px;
    width: 50px;
    background: #707070;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .formudoce.cliente .button-toggle .lbl:after {
      position: absolute;
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 100px;
      background: white;
      -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
      content: '';
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .formudoce.cliente .button-toggle .lbl:active:after {
      -webkit-transform: scale(1.15, 0.85);
      -ms-transform: scale(1.15, 0.85);
      transform: scale(1.15, 0.85); }
    .formudoce.cliente .button-toggle .lbl .txt {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 5px;
      font-size: 10px;
      color: #ffffff; }
  .formudoce.cliente .button-toggle .hidden {
    display: none; }
  .formudoce.cliente .button-toggle .cbx:checked ~ label {
    background: #00B97C; }
    .formudoce.cliente .button-toggle .cbx:checked ~ label:after {
      left: 24px; }

.formudoce.cliente .content-pata {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px; }
  .formudoce.cliente .content-pata .linea-cliente {
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    color: #E6E6E6; }
  .formudoce.cliente .content-pata .txt-info-cliente {
    margin-top: 20px; }
    .formudoce.cliente .content-pata .txt-info-cliente h2 {
      color: #00B979;
      font-size: 16px; }
    .formudoce.cliente .content-pata .txt-info-cliente p {
      font-size: 13px;
      margin: 10px 0; }
      .formudoce.cliente .content-pata .txt-info-cliente p span {
        color: #00B979;
        font-weight: 600; }

/*fin Thank You Page cliente*/
/*Fondo pasos*/
.background {
  background-image: url(/RS/images/Flexidigital/Tpk_1/fondo_gris.svg);
  background-repeat: no-repeat; }

/*Fin fondo pasos*/
/*Float label botones*/
.campo-input-input {
  /*max-width: 390px;*/
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #ced4da;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden; }
  .campo-input-input label, .campo-input-input input {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #707070;
    text-align: left; }
  .campo-input-input .content-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    width: 90%; }
    .campo-input-input .content-input input {
      z-index: 9;
      background: transparent;
      text-align: left; }
    .campo-input-input .content-input input::-webkit-input-placeholder {
      opacity: 0;
      -webkit-transition: inherit;
      -o-transition: inherit;
      transition: inherit;
      color: white; }
    .campo-input-input .content-input input::-moz-placeholder {
      opacity: 0;
      -webkit-transition: inherit;
      -o-transition: inherit;
      transition: inherit;
      color: white; }
    .campo-input-input .content-input input:placeholder-shown + label {
      cursor: text;
      max-width: 66.66%;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate(0, 1.014rem) scale(1.5);
      -ms-transform: translate(0, 1.014rem) scale(1.5);
      transform: translate(0, 1.014rem) scale(1.5);
      font-size: 11px; }
    .campo-input-input .content-input input:not(:placeholder-shown) + label,
    .campo-input-input .content-input input:focus + label {
      -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
      cursor: pointer;
      font-size: 11px; }
    .campo-input-input .content-input input:focus::-webkit-input-placeholder {
      opacity: 1; }
  .campo-input-input input {
    border: 0;
    height: 100%;
    width: 90%;
    /*font-size: 13px;*/
    font-size: 16px;
    color: #0d0d0d;
    outline: 0;
    background: white;
    opacity: 1; }
  .campo-input-input .ico-form {
    width: 10%;
    /*margin: 0 5px;*/
    margin-left: 5px; }
    .campo-input-input .ico-form svg {
      margin: auto;
      display: block;
      fill: #15C085;
      font-size: 22px;
      width: 50%; }
    .campo-input-input .ico-form img {
      margin: auto;
      display: block; }
  .campo-input-input select {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #707070; }

.campo-fecha {
  /*max-width: 390px;*/
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #ced4da;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  /*position: relative;*/
  overflow: hidden;
  margin-bottom: 15px; }
  .campo-fecha .ico-form {
    width: 10%;
    margin-left: 5px; }
    .campo-fecha .ico-form img {
      margin: auto;
      display: block; }
  .campo-fecha .content-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    width: 90%; }
    .campo-fecha .content-input .campos-fechas {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 18px;
      max-width: 130px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .campo-fecha .content-input .campos-fechas input {
        width: 40px;
        text-align: center;
        border: 0;
        outline: none;
        color: #707070; }
      .campo-fecha .content-input .campos-fechas .yeard {
        /*width: 50px;*/
        width: 60px; }
    .campo-fecha .content-input label {
      font-size: 11px; }
  .campo-fecha .cedula .content-cedula {
    position: absolute;
    right: -35px;
    top: 173px;
    display: none; }
    .campo-fecha .cedula .content-cedula img {
      width: 70%; }
  .campo-fecha .cedula:hover .content-cedula {
    display: block; }
  .campo-fecha:focus-within .content-cedula {
    display: block; }

.campo-input-responsive {
  margin: 0; }

.campo-input.disabled {
  color: #ccc;
  background: #f4f4f4;
  /*opacity: 0.7;*/
  opacity: 0.3; }
  .campo-input.disabled input, .campo-input.disabled select {
    background: #f4f4f4; }
  .campo-input.disabled label {
    display: none; }
  .campo-input.disabled input::-webkit-input-placeholder {
    color: #f4f4f4; }
  .campo-input.disabled input:-ms-input-placeholder {
    color: #f4f4f4; }
  .campo-input.disabled input::-ms-input-placeholder {
    color: #f4f4f4; }
  .campo-input.disabled input::placeholder {
    color: #f4f4f4; }

input[type="submit"] {
  /*width: 390px;*/
  width: 100%;
  height: 50px;
  background-color: #ed2529;
  color: white;
  text-align: center;
  border: 0;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  outline: 0; }

input[type="submit"]:disabled {
  opacity: 0.5; }

/*Float label botones*/
/*Ajuste contenedor sitio*/
.panel-collapse {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .panel-collapse .panel-body {
    width: 100%;
    height: 100%; }

/*Fin ajuste contenedor sitio*/
/*Slider Inicio*/
.your-class {
  display: block; }
  .your-class .item {
    width: 275px;
    height: 480px; }
    .your-class .item .linea {
      border-left: 1px solid rgba(0, 185, 124, 0.2);
      border-right: 1px solid rgba(0, 185, 124, 0.2); }
    .your-class .item p {
      background-color: #F8F8F8;
      margin: 0 auto;
      height: auto;
      padding: 10px;
      border-radius: 20px;
      width: 80%;
      margin: 0 auto;
      text-align: center; }
      .your-class .item p .color-pasivo {
        color: #00B97C; }
    .your-class .item .img {
      width: 200px;
      height: 200px;
      margin: 0 auto; }
    .your-class .item ul {
      width: 245px;
      margin: 0 auto;
      padding: 0 10px;
      height: 150px; }
      .your-class .item ul li {
        margin-top: 9px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .your-class .item ul li .fle {
          font-weight: bold;
          margin-right: 7px; }
    .your-class .item .contenedor_boton_continua {
      margin: 20px auto; }
      .your-class .item .contenedor_boton_continua .boton_continuar {
        background-color: #ED2529;
        color: #FFF;
        cursor: pointer;
        height: 50px;
        width: 250px;
        border-radius: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        font-size: 16px;
        border: 0;
        margin: 0 auto;
        font-family: Roboto,Helvetica Neue,sans-serif; }
        .your-class .item .contenedor_boton_continua .boton_continuar span {
          position: relative;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #fff;
          letter-spacing: 1px; }
        .your-class .item .contenedor_boton_continua .boton_continuar span:after {
          position: absolute;
          content: '';
          background-image: url(/RS/images/Flexidigital/chulo_boton.svg);
          width: 16px;
          height: 16px;
          right: 0;
          margin-right: 20px; }
      .your-class .item .contenedor_boton_continua .boton_pendiente {
        background-color: #FCA5A6;
        color: #FFF;
        /*cursor: pointer;*/
        height: 50px;
        width: 250px;
        border-radius: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        font-size: 16px;
        border: 0;
        font-family: Roboto,Helvetica Neue,sans-serif;
        cursor: context-menu;
        margin: 0 auto; }
        .your-class .item .contenedor_boton_continua .boton_pendiente span {
          position: relative;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #fff;
          letter-spacing: 1px; }
        .your-class .item .contenedor_boton_continua .boton_pendiente span:after {
          position: absolute;
          content: '';
          background-image: url(/RS/images/Flexidigital/chulo_boton.svg);
          width: 16px;
          height: 16px;
          right: 0;
          margin-right: 20px; }

/*fin slider inico*/
/*Slider Terminos y condiciones*/
/*#TerminosyCondicionesModal{
     .content-modal{
         .content-equis{
             display: flex;
             align-items: center;
             justify-content: space-between;
             width: 100%;
             padding: 20px;
             .TxtTermi{
                 width: auto;
                 font-size: 22px;
             }
             #imgCerrarModalTerms{
                 font-size: 22px;
                 font-weight: bold;
                 text-decoration: none;
                 color: #00B979;
             }
         }
         .content-flechas {
             position: absolute;
             margin: 0 20px;
             top: 40%;

             div {
                 width: 80px;
                 height: 80px;
                 cursor: pointer;
                 border: 5px solid #707070;
                 border-radius: 50%;
                 display: flex;
                 justify-content: center;
                 align-items: center;

                 img {
                     width: 50px;
                 }
             }
         }
         .content-terms {
             width: 95%;
             height: 70%;
             margin: 20px auto 0;
             display: flex;
             flex-direction: column;
             align-items: center;
     
             .content-pasos{
                 width: 90%;
                 display: flex;
                 justify-content: center;
                 .imagen {
                     width: 30%;
                     height: 100%;

                     img {
                         margin-top: 10px;
                         width: 100%;
                     }
                 }
                 .texto {
                     width: 70%;
                     p{
                         font-size: 15px !important;
                         margin-top: 6px;
                         text-align: justify;
                     }
                 }
             }
         }
         .slick-dots {
             position: absolute;
             bottom: 120px;
             margin: 0 auto;
             text-align: center;
             display: flex;
             align-items: center;
             justify-content: center;

             .slick-active {
                 background: #707070;
                 color: #707070;
                 border-radius: 10px;
                 border: none;
             }

             li {
                 width: 15px;
                 height: 15px;
                 border-radius: 50%;
                 background: #F8F8F8;
             }
         }
         .content-btn{
             position: absolute;
             bottom: 50px;
             width: 100%;
             display: flex;
             align-items: center;
             justify-content: space-around;
         }
     }
 }*/
#TerminosyCondicionesModal .content-modal .content-equis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 60px; }
  #TerminosyCondicionesModal .content-modal .content-equis .TxtTermi {
    width: auto;
    font-size: 22px; }
  #TerminosyCondicionesModal .content-modal .content-equis #imgCerrarModalTerms {
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #00B979; }

#TerminosyCondicionesModal .content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 60px auto; }

.your-class.one-time {
  /*width: 100%;*/
  width: 95%;
  height: 70%;
  margin: 0 auto;
  /*.slick-prev.slick-arrow{
         background-image: url(/RS/images/Flexidigital/izquier.png);
     }
     .slick-next.slick-arrow{
         background-image: url(/RS/images/Flexidigital/dere.png);
     }*/ }
  .your-class.one-time .slick-list.draggable {
    height: 100%; }
  .your-class.one-time .slick-track {
    height: 100%; }
  .your-class.one-time .content-pasos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .your-class.one-time .content-pasos .img {
      width: auto !important; }
    .your-class.one-time .content-pasos p {
      font-size: 15px !important;
      margin-top: 6px; }
  .your-class.one-time .slick-prev.slick-arrow, .your-class.one-time .slick-next.slick-arrow {
    background-color: transparent !important;
    width: 20px !important;
    height: auto !important;
    color: transparent !important; }
  .your-class.one-time .slick-next:before, .your-class.one-time .slick-prev:before {
    color: #aaaaaa; }
  .your-class.one-time .slick-dots li button {
    background-color: transparent !important;
    color: transparent !important;
    width: 20px !important;
    height: 20px !important; }
    .your-class.one-time .slick-dots li button:before {
      font-size: 16px;
      color: #aaaaaa; }
  .your-class.one-time .slick-dots li.slick-active button:before {
    color: #aaaaaa; }

/*Fin slider Terminos y condiciones*/
.panel-collapse.collapse {
  height: auto; }

/*SWITCH*/
.ContenedorTxtSwich {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*margin: 10px 0;*/
  padding: 10px; }

.txt {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .txt img {
    margin-right: 5px; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #707070;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }

input:checked + .slider {
  background-color: #00B979; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #00B979;
  box-shadow: 0 0 1px #00B979; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.caja-pregunta {
  border: 1px solid #CED4DA;
  border-radius: 10px;
  margin-top: 30px;
  width: 100%; }
  .caja-pregunta .caja-ancho {
    width: 95%;
    margin: 10px auto; }
    .caja-pregunta .caja-ancho .ContenedorTxtSwich.background {
      background: #EFEFEF;
      /*padding: 15px;*/
      border-radius: 10px;
      margin: 10px 0; }
  .caja-pregunta .caja-oculta-preguntas .lineas {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-color: #CED4DA; }
  .caja-pregunta .caja-oculta-preguntas .AnchoInputs {
    width: 75%;
    margin-top: 15px; }
  .caja-pregunta .caja-oculta-preguntas .btn-ocultar a {
    max-width: 270px;
    width: 100%;
    height: 50px;
    background: #EE252A;
    color: #ffffff;
    margin: 20px auto;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 40px; }

.caja-botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 30px; }
  .caja-botones .btn-uno {
    max-width: 250px;
    width: 100%; }
    .caja-botones .btn-uno a {
      max-width: 250px;
      width: 100%;
      color: #707070;
      text-decoration: none;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-transform: uppercase;
      border-radius: 40px;
      border: 1px solid #707070;
      font-weight: bold;
      font-size: 16px; }
  .caja-botones .btn-dos {
    max-width: 250px;
    width: 100%; }
    .caja-botones .btn-dos a {
      max-width: 250px;
      width: 100%;
      background: #EE252A;
      color: #ffffff;
      text-decoration: none;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-transform: uppercase;
      border-radius: 40px;
      font-weight: bold;
      font-size: 16px; }

/*FIN SWITCH*/
.evidente-content .txt-preguntas-evi {
  font-size: 16px;
  margin-top: 20px; }
  .evidente-content .txt-preguntas-evi span {
    color: #00B979; }

.evidente-content .evidente-items .pregunta {
  text-transform: lowercase;
  font-weight: 600;
  margin: 20px 0; }

.evidente-content .check-text .respues {
  margin: 10px 0; }

.evidente-content .botones {
  text-align: center;
  margin-top: 20px; }
  .evidente-content .botones #btnPreguntas {
    max-width: 311px;
    width: 100%;
    height: 50px;
    border-radius: 40px;
    border: 0;
    outline: 0;
    color: #ffffff;
    background: #ed2529;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin: 8px 0; }
  .evidente-content .botones #btnSiguientePreguntas {
    max-width: 311px;
    width: 100%;
    height: 50px;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background: #ffffff;
    color: #707070;
    border: 1px solid #707070;
    margin: 8px 0; }

#btnfinal {
  max-width: 311px;
  width: 100%;
  height: 50px;
  border-radius: 40px;
  border: 0;
  outline: 0;
  color: #ffffff;
  background: #ed2529;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  margin: 8px 0;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #btnfinal i {
    position: absolute;
    right: 20px; }

.cont-paso-trece {
  text-align: center; }
  .cont-paso-trece p {
    margin: 40px 0; }

/***********Media Querys*************/
@media (max-width: 800px) {
  .campo-fecha .content-input label {
    font-size: 7px; }
  .WelcomeContent .your-class.carrusel-welcome {
    height: auto; }
    .WelcomeContent .your-class.carrusel-welcome .item-inter.lineas {
      border-left: 0;
      border-right: 0; }
  /*Btn*/
  .contenedor_boton_salir .boton_salir {
    width: 90% !important; }
    .contenedor_boton_salir .boton_salir span {
      background-position: 235px center; }
  /*Fin btn*/
  /*Thank You Page*/
  .BannerThankyouPage .logo {
    position: relative;
    top: 10px;
    left: 20px;
    width: 80%; }
  .BannerThankyouPage .txt-felicita .caja-logo .felicitaciones.feli-welKit {
    display: block; }
  .BannerThankyouPage .txt-felicita .txt-felicita.txtWelkit {
    display: block; }
    .BannerThankyouPage .txt-felicita .txt-felicita.txtWelkit img {
      display: none; }
    .BannerThankyouPage .txt-felicita .txt-felicita.txtWelkit .parrafo {
      margin: 30px auto; }
  .caja-info-tj {
    position: relative;
    top: 0;
    width: 90%; }
    .caja-info-tj .txt-new {
      padding-left: 0;
      margin-left: 10px; }
      .caja-info-tj .txt-new p {
        font-size: 16px; }
    .caja-info-tj .caja-colum {
      padding: 0; }
    .caja-info-tj .icono img {
      display: none; }
    .caja-info-tj .icono p {
      font-size: 13px; }
    .caja-info-tj .tarjeta .info-num {
      display: block; }
      .caja-info-tj .tarjeta .info-num .uno {
        font-size: 13px; }
      .caja-info-tj .tarjeta .info-num .dos {
        font-size: 13px;
        margin-left: 0; }
  .cajaFlexwelcome {
    padding: 0; }
  .mobileWelKit {
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    width: 95%;
    margin: 0 auto; }
    .mobileWelKit .caja-info-tj.welcome-info-tj {
      height: auto;
      border: none; }
    .mobileWelKit .WelcomeContent {
      border: none;
      padding-top: 0px !important; }
      .mobileWelKit .WelcomeContent .content-tj-info.caja-welcome .content-info {
        border: none !important; }
  #tarjeta-caracteristicas .content-tj-info .content-tj {
    width: 100%; }
    #tarjeta-caracteristicas .content-tj-info .content-tj .comentario-wel {
      display: none; }
  #tarjeta-caracteristicas .content-tj-info .content-info {
    width: 100%;
    border: none; }
    #tarjeta-caracteristicas .content-tj-info .content-info .content-botones-wel .comentario-wel-mobil {
      display: block; }
  /*Fin thank You Page*/
  /*Thank You Page cliente*/
  .BannerThankyouPage.cliente .txt-felicita {
    padding-top: 40px; }
    .BannerThankyouPage.cliente .txt-felicita .caja-logo img {
      margin-bottom: 60px; }
    .BannerThankyouPage.cliente .txt-felicita .parrafo {
      margin: 0 auto;
      margin-top: 150px; }
  .formudoce.cliente #contenido {
    position: relative; }
    .formudoce.cliente #contenido .marrano {
      display: none; }
  .formudoce.cliente #tarjeta-caracteristicas {
    padding-top: 0; }
    .formudoce.cliente #tarjeta-caracteristicas .titucliente {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 18px;
      padding-left: 0px;
      padding-top: 10px;
      text-align: center; }
      .formudoce.cliente #tarjeta-caracteristicas .titucliente p {
        color: #15C085;
        font-size: 22px; }
    .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-tj {
      margin-top: 0;
      width: 90%;
      margin: 0 auto; }
      .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-tj .caja-item .item img {
        width: 14%; }
    .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-info {
      border: none; }
      .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-info #bullets {
        padding: 0px;
        margin-top: 20px;
        width: 90%;
        margin: 0 auto; }
        .formudoce.cliente #tarjeta-caracteristicas .content-tj-info .content-info #bullets .txtDescriptivo {
          display: none; }
  .formudoce.cliente .content-pata {
    margin-top: 0; }
    .formudoce.cliente .content-pata .linea-cliente {
      border: none; }
    .formudoce.cliente .content-pata .txt-info-cliente {
      width: 90%;
      margin: 0 auto; }
      .formudoce.cliente .content-pata .txt-info-cliente p {
        background: #F1F1F1;
        font-size: 14px;
        padding: 20px;
        border-radius: 10px; }
        .formudoce.cliente .content-pata .txt-info-cliente p span {
          color: #707070; }
  .formudoce.cliente .terminos-cond-paso1 {
    background: none; }
  /*fin Thank You Page cliente*/
  /*Slider inico*/
  .your-class .item {
    height: 510px; }
    .your-class .item .item-inte {
      -webkit-box-shadow: 0px 5px 10px #0000001A;
      box-shadow: 0px 5px 10px #0000001A;
      border-radius: 19px;
      width: 90%;
      margin: 0 auto; }
    .your-class .item .contenedor_boton_continua {
      position: absolute;
      margin: 0 auto;
      text-align: center;
      bottom: 14px;
      width: 30%; }
      .your-class .item .contenedor_boton_continua .boton_continuar {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
    .your-class .item .linea {
      border-left: 0px;
      border-right: 0px; }
  .slick-dots {
    bottom: 76px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .slick-dots li.slick-active {
      border: 1px solid #ed2529;
      color: #ed2529;
      background: #ed2529;
      border-radius: 10px; }
    .slick-dots li {
      width: 15px;
      height: 15px; }
      .slick-dots li button {
        width: 15px;
        height: 15px; }
        .slick-dots li button::before {
          width: 15px;
          height: 15px;
          background: transparent;
          border: 2px solid #ed2529;
          color: transparent !important;
          border-radius: 10px; }
  /*Slider terminos y condiciones*/
  #TerminosyCondicionesModal .content-modal .content-equis {
    padding: 0 10px; }
  .contenInicio .vigilado-box {
    left: 0px; }
  .your-class.one-time .content-pasos {
    display: block; }
    .your-class.one-time .content-pasos h4 {
      margin: 0 auto;
      margin-bottom: 30px; }
    .your-class.one-time .content-pasos .txtTerCon {
      margin: 0 auto; }
    .your-class.one-time .content-pasos .cajaImg {
      /*height: 40%;*/
      min-height: 230px; }
      .your-class.one-time .content-pasos .cajaImg .img {
        width: 100%; }
    .your-class.one-time .content-pasos .img {
      width: 60% !important; }
    .your-class.one-time .content-pasos p {
      overflow-y: scroll;
      max-height: 160px !important;
      /*max-height: 190px !important;*/ }
  .your-class.one-time .slick-dots {
    bottom: auto;
    margin-top: 15px; }
    .your-class.one-time .slick-dots li {
      margin: 0 1px; }
      .your-class.one-time .slick-dots li button:before {
        font-size: 16px;
        border: 2px solid #aaaaaa; }
  .your-class.one-time .slick-dots li.slick-active {
    background: #aaaaaa;
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    border-radius: 10px; }
  .your-class.one-time .slick-prev.slick-arrow, .your-class.one-time .slick-next.slick-arrow {
    /*display: none !important;*/ }
  .your-class.one-time .slick-prev.slick-arrow {
    left: -6px;
    z-index: 10; }
  .your-class.one-time .slick-next.slick-arrow {
    right: -6px; }
  /*Fin slider terminos y condiciones*/ }

@media (max-width: 600px) {
  #contenido {
    /*width: 90% !important;*/ }
  /*Thank You Page*/
  .BannerThankyouPage {
    /*height: 207px;*/
    margin-bottom: 120px; }
    .BannerThankyouPage .txt-felicita .caja-logo .felicitaciones {
      width: 75%; }
    .BannerThankyouPage .txt-felicita .caja-logo .chulo-thank-you {
      display: block;
      width: 12.5%; }
    .BannerThankyouPage .txt-felicita .caja-logo h1 {
      font-size: 25px; }
    .BannerThankyouPage .txt-felicita .parrafo {
      background: #ffffff;
      color: #707070;
      width: 90%;
      position: absolute;
      left: 0;
      right: 0;
      border-radius: 20px;
      text-align: left;
      padding: 46px 10px 10px 10px;
      margin-top: 25px; }
      .BannerThankyouPage .txt-felicita .parrafo img {
        background: #ffffff;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: 0;
        top: -14px; }
      .BannerThankyouPage .txt-felicita .parrafo .nom {
        width: 100%;
        display: block;
        color: #00B979;
        font-size: 18px; }
  /*Fin thank You Page*/
  /*Thank You Page final*/
  .txt-felicita.beniflexi {
    padding-top: 40px; }
    .txt-felicita.beniflexi .caja-logo {
      margin-bottom: 80px; }
    .txt-felicita.beniflexi .parrafo {
      margin: 0 auto;
      margin-top: 175px; }
  /*Fin Thank You Page final*/
  .campo-fecha .cedula .content-cedula {
    /*top: 373px;*/
    top: 403px; }
  .caja-pregunta .caja-oculta-preguntas .AnchoInputs {
    width: 100%; } }

@media screen and (min-width: 600px) and (max-width: 800px) {
  #contenido {
    width: 90% !important; }
  /*Thank You Page*/
  .BannerThankyouPage {
    height: 247px;
    /*margin-bottom: 120px;*/
    margin-bottom: 40px; }
    .BannerThankyouPage .txt-felicita .caja-logo .felicitaciones {
      width: 50%; }
    .BannerThankyouPage .txt-felicita .caja-logo h1 {
      font-size: 25px; }
    .BannerThankyouPage .txt-felicita .parrafo {
      background: #ffffff;
      color: #707070;
      width: 90%;
      position: absolute;
      left: 0;
      right: 0;
      border-radius: 20px;
      text-align: left;
      padding: 46px 10px 10px 10px; }
      .BannerThankyouPage .txt-felicita .parrafo img {
        background: #ffffff;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: 0;
        top: -24px; }
      .BannerThankyouPage .txt-felicita .parrafo .nom {
        width: 100%;
        display: block;
        color: #00B979;
        font-size: 18px; }
  /*Fin Thank You Page*/
  .campo-fecha .cedula .content-cedula {
    top: 343px; } }

@media (max-width: 450px) {
  .caja-info-tj {
    position: relative;
    top: 0;
    width: 90%;
    height: 200px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .caja-info-tj .icono img {
      display: none; }
    .caja-info-tj .icono p {
      font-size: 13px; }
      .caja-info-tj .icono p span {
        font-size: 20px; }
    .caja-info-tj .tarjeta .info-num {
      display: block; }
      .caja-info-tj .tarjeta .info-num .uno {
        font-size: 13px; }
      .caja-info-tj .tarjeta .info-num .dos {
        font-size: 13px;
        margin-left: 0; }
    .caja-info-tj .caja-txt {
      margin-top: 10px; }
  #tarjeta-caracteristicas .content-tj-info .content-tj {
    width: 100%;
    z-index: 1;
    /*margin-top: -390px;*/
    margin-top: -250px; }
  #tarjeta-caracteristicas .content-tj-info .content-info {
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    margin: 0 auto; }
  /*Thank You Page final*/
  .formudoce.beniflexi .caja-info-tj {
    height: auto; }
  .formudoce.beniflexi #contenido {
    padding-top: 0; }
  .formudoce.beniflexi #tarjeta-caracteristicas {
    padding-top: 0; }
    .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-tj {
      margin-top: 0; }
      .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info .content-tj img {
        width: 90%;
        margin: 0 auto;
        display: block; }
    .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-tj .imgtkyfinal {
      width: 45%;
      margin-bottom: 10px; }
    .formudoce.beniflexi #tarjeta-caracteristicas .content-tj-info.content-tkyfinal .content-info {
      border-left: 1px solid #E6E6E6; }
  /*fin Thank You Page final*/ }

@media screen and (min-width: 450px) and (max-width: 768px) {
  .contenInicio .vigilado-box {
    left: 10px; } }

@media (min-width: 1200px) {
  .panel-julgal.panel-pasivo-directo.content-inicio {
    height: 760px; }
    .panel-julgal.panel-pasivo-directo.content-inicio .contenInicio {
      height: 100%; }
    .panel-julgal.panel-pasivo-directo.content-inicio .titulo-inicio {
      margin: 50px auto !important; } }

@media screen and (min-width: 500px) and (max-width: 800px) {
  .your-class.one-time .content-pasos .img {
    width: 40% !important; } }
