/*responsive*/
      @media screen and (min-width: 1701px){
     h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
      .modal-backdrop{
         opacity:0.9 !important;
   } 
     .cursos{
    margin-top: 270px!important;
}
html{
    margin-top: -220px!important;
}
    .col_inputscchmodal_sesion {
    margin-top: 10px!important;
}
.dvinputcchmodal_sesion {
    display: flex;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #181b324d;
    border-radius: 0px;
    margin-top: 10px!important;
    padding: 0px;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #252525;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
    
    .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    /*font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
.cursos {
        margin-left: -15px;
       
        }
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        }
        .title_banner {
            margin-top: -170px!important;
        }
        
          .d-block {
            display: block!important;
            width: 100vw!important;
            height: 500px!important;
        }
        .d-block#logocch {
            display: block!important;
            width: 50%!important;
            height: auto!important;
            margin-left:-180px;
}
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
     .carousel.pointer-event {
         width: 100% !important;
        }
       .img_banner{
            width: 100vw!important;
        }
     
        .form-inline {
    margin-left: 0%!important;
    margin-top: 20px;

        }
       .mt-3 {
        margin-left: -25px!important;
        }
        .col-lg-4 {
            max-width: 25.333333%;
        }
        .card.card_tarjeta {
   
          width: 16.5rem !important;
        }
        .card-img-overlay {
         height: 10.8rem !important;
        }
        .mt-4 {
         margin-top: 0rem!important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
            font-family:nunito!important;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
            font-family:nunito!important;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
    width: 30%!important;
    margin-top: 0px!important;
    margin-left: -710px!important;
    position: absolute!important;
    background-color: #FFF!important;
    height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      }
      @media screen and (min-width: 1441px) and (max-width: 1700px){
     h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
      .modal-backdrop{
         opacity:0.9 !important;
   } 
     .cursos{
    margin-top: 270px!important;
}
html{
    margin-top: -220px!important;
}
    .col_inputscchmodal_sesion {
    margin-top: 10px!important;
}
.dvinputcchmodal_sesion {
    display: flex;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #181b324d;
    border-radius: 0px;
    margin-top: 10px!important;
    padding: 0px;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #252525;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
    
    .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
   /* font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
.cursos {
        margin-left: -15px;
       
        }
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        }
        .title_banner {
            margin-top: -170px!important;
        }
        
          .d-block {
            display: block!important;
            width: 100vw!important;
            height: 500px!important;
        }
        .d-block#logocch {
    display: block!important;
    width: 50%!important;
    height: auto!important;
    margin-left: -180px;
        }
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
     .carousel.pointer-event {
         width: 100% !important;
        }
       .img_banner{
            width: 100vw!important;
        }
     
        .form-inline {
    margin-left: 0%!important;
    margin-top: 20px;

        }
       .mt-3 {
        margin-left: -25px!important;
        }
        .col-lg-4 {
            max-width: 25.333333%;
        }
        .card.card_tarjeta {
   
          width: 16.5rem !important;
        }
        .card-img-overlay {
         height: 10.8rem !important;
        }
        .mt-4 {
         margin-top: 0rem!important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
            font-family:nunito!important;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
            font-family:nunito!important;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
                width: 40%!important;
                margin-top: 0px!important;
                margin-left: -720px!important;
                position: absolute!important;
                background-color: #FFF!important;
                height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      }
      @media screen and (min-width: 1401px) and (max-width: 1440px){
     h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
    .modal-backdrop{
         opacity:0.9 !important;
   } 
     .cursos{
    margin-top: 270px!important;
}
html{
    margin-top: -220px!important;
}
    .col_inputscchmodal_sesion {
    margin-top: 10px!important;
}
.dvinputcchmodal_sesion {
    display: flex;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #181b324d;
    border-radius: 0px;
    margin-top: 10px!important;
    padding: 0px;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #252525;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
    
    .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    /*font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
.cursos {
        margin-left: -15px;
       
        }
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        }
        .title_banner {
            margin-top: -170px!important;
        }
        
          .d-block {
            display: block!important;
            width: 100vw!important;
            height: 500px!important;
        }
        .d-block#logocch {
            display: block!important;
            width: 30%!important;
            height: auto!important;
            margin-left: -100px;
}
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
     .carousel.pointer-event {
         width: 100% !important;
        }
       .img_banner{
            width: 100%;
        }
     
        .form-inline {
    margin-left: 0%!important;
    margin-top: 20px;

        }
       .mt-3 {
        margin-left: -25px!important;
        }
        .col-lg-4 {
            max-width: 25.333333%;
        }
        .card.card_tarjeta {
   
          width: 16.5rem !important;
        }
        .card-img-overlay {
         height: 10.8rem !important;
        }
        .mt-4 {
         margin-top: 0rem!important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
            font-family:nunito!important;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
            font-family:nunito!important;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
     width: 40%!important;
    margin-top: 0px!important;
    margin-left: -600px!important;
    position: absolute!important;
    background-color: #FFF!important;
    height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      }
      @media screen and (min-width: 1301px) and (max-width: 1400px){
    .advertencia{
    margin-top: 230px;
    margin-left: -50px!important;
    width: 100vw;
    }
    
     h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
    .modal-backdrop{
         opacity:0.9 !important;
   } 
     .cursos{
    margin-top: 8%!important;
}
html{
    margin-top: -220px!important;
}
    .col_inputscchmodal_sesion {
    margin-top: 10px!important;
}
.dvinputcchmodal_sesion {
    display: flex;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #181b324d;
    border-radius: 0px;
    margin-top: 10px!important;
    padding: 0px;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
    /* color: #252525!important;*/
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #6216fe;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
    
    .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
   /* font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
.cursos {
        margin-left: -15px;
       
        }
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        }
        .title_banner {
            margin-top: -170px!important;
        }
        
          .d-block {
            display: block!important;
            width: 100vw!important;
            height: 330px!important;
        }
        .d-block#logocch {
    display: block!important;
    width: 30%!important;
    height: auto!important;
}
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
     .carousel.pointer-event {
         width: 100% !important;
        }
       .img_banner{
            width: 100%;
        }
     
        .form-inline {
    margin-left: 0%!important;
    margin-top: 20px;

        }
       .mt-3 {
        margin-left: -25px!important;
        }
        .col-lg-4 {
            max-width: 25.333333%;
        }
        .card.card_tarjeta {
   
          width: 16.5rem !important;
        }
        .card-img-overlay {
         height: 11rem !important;
        }
        .mt-4 {
         margin-top: 0rem!important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
            font-family:nunito!important;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
            font-family:nunito!important;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
            width: 30%!important;
            margin-top: 0px!important;
            margin-left: -35%!important;
            position: absolute!important;
            background-color: #FFF!important;
            height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      }
      @media screen and (min-width: 1200px) and (max-width: 1300px) {
      h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
      .modal-backdrop{
         opacity:0.9 !important;
   }
     .cursos{
    margin-top: 200px!important;
}
html{
    margin-top: -220px!important;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #252525;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
       
       
        .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    /*font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        font-family:nunito!important;
        }
        .title_banner {
            margin-top: -170px!important;
            font-family:nunito!important;
        }
        
          .d-block {
            display: block!important;
            width: 100vw!important;
            height: 400px!important;
        }
        .d-block#logocch {
    display: block!important;
    width: 30%!important;
    height: auto!important;
        }
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
        .mt-4 {
         margin-top: 0.9rem!important;
        }
       .card.card_tarjeta {
        width: 19.5rem !important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
                 width: 40%!important;
            margin-top: 0px!important;
            margin-left: -540px!important;
            position: absolute!important;
            background-color: #FFF!important;
            height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      } 
      @media screen and (min-width: 1025px) and (max-width: 1199px) {
       h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
      .modal-backdrop{
         opacity:0.9 !important;
   }
     .cursos{
    margin-top: 200px!important;
}
html{
    margin-top: -220px!important;
}
     
       .modal_title2 {
    margin-left: 750px!important;
}
          .modal-body p {
    color: white!important;
}
           .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
         
          .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #252525;
    font-family: nunito;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
       
       
        .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    /*font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
             .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        font-family:nunito!important;
        }
        .title_banner {
            margin-top: -170px!important;
            font-family:nunito!important;
        }
        
          .d-block {
            display: block!important;
            width: 100%!important;
            height: 400px!important;
        }
        .d-block#logocch {
        display: block!important;
        width: 30%!important;
        height: auto!important;
        margin-left: -100px;
}
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
        .mt-4 {
         margin-top: 0.9rem!important;
        }
       .card.card_tarjeta {
        width: 19.5rem !important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
        width: 40%!important;
        margin-top: 0px!important;
        margin-left: -490px!important;
        position: absolute!important;
        background-color: #FFF!important;
        height: 40px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      } 
      @media screen and (min-width: 781px)  and (max-width: 1024px) {
   h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
 .modal-backdrop{
         opacity:0.9 !important;
   }
.cursos{
    margin-top: 200px!important;
}
html{
    margin-top: -220px!important;
}
.card-img-overlay {
    height: 12.8rem!important;
}
.modal-body p {

    color: white!important;
}

 #form-modal-user-information-save{
  
     margin-left:30px!important;
 }
  .modal_content{
          width: 1040px!important;
          margin-left: -120px!important;
  }
  .modal_header {

    margin-left: 300px!important;
}
  
  .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
  
   .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #252525!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #6216fe;
    font-family: Gilroy;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
   
       .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    /*font-size: 12px!important;*/
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}

            .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        font-family:nunito!important;
        }
        .title_banner {
            margin-top: -170px!important;
            font-family:nunito!important;
        }
        
          .d-block {
            display: block!important;
            width: 100%!important;
            height: 400px!important;
        }
        .d-block#logocch {
            display: block!important;
            width: 25%!important;
            height: auto!important;
        }
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
       
        .mt-4 {
         margin-top: 0.9rem!important;
        }
       .card.card_tarjeta {
        width: 19.5rem !important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:-100px;
            font-size:18px;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:-120px;
            margin-top:-170px;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
              width: 40%!important;
                margin-top: 0px!important;
                margin-left: -420px!important;
                position: absolute!important;
                background-color: #FFF!important;
                height: 40px!important;
}
        }
        .advertencia{
    margin-top: 230px!important;
    margin-left: -17px!important;
    width: 100vw!important;
        }
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -240px!important;
        }
        
      
       
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 14px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
        }
        i.fas.fa-search{
            color: #949aa0;
        }
        .divcomodin{
            margin-top: 20px;
        }
        .item{
            margin-left:-5px;
            margin-top:-250px;
        }
        .li_link.second{
            margin-top:90px;
            margin-left:300px!important;
            font-family:Gilroy;
        }
        .li_link.first{
          margin-top:140px !important;
          margin-left:300px !important;
          font-family:Gilroy;
        }
        .btncch_curso{
          font-size:17px;
        }
       @keyframes checked-anim {
        50% {
          width: 3000px;
          height: 3000px;
        }
    
        100% {
          width: 100%;
          height: 100%;
          border-radius: 0;
        }
      }
       @keyframes not-checked-anim {
        0% {
          width: 3000px;
          height: 3000px;
        }
      }
      li,.link_menu {
        margin: 75px 0 -55px 0;
        color: #24273c;
        font-weight: 300;
        line-height: 1.8;
        text-decoration: none;
        text-transform: none;
        list-style: none;
        outline: 0;
        font-size:24px;
      }
      li {
        width: 400px;
        text-indent: 56px;
      }
      html,
      body {
        margin: 0;
        padding: 0;
      }
      #trigger,
      #burger,
      #burger:after,
      #burger:before {
        position: absolute;
        top: 25px;
        left: 25px;
        background: #fff;
        width: 30px;
        height: 5px;
        transition: .2s ease;
        cursor: pointer;
        z-index: 100000;
        float:right;
        display: none;
      }
      #trigger {
        height: 25px;
        background: none;
      }
      #burger:before {
        content: " ";
        top: 10px;
        left: 0;
      }
      #burger:after {
        content: " ";
        top: 20px;
        left: 0;
      }
      #menu-toggle:checked+#trigger+#burger {
        top: 35px;
        transform: rotate(180deg);
        transition: transform .2s ease;
      }
      #menu-toggle:checked+#trigger+#burger:before {
        width: 20px;
        top: -2px;
        left: 18px;
        transform: rotate(45deg) translateX(-5px);
        transition: transform .2s ease;
      }
      #menu-toggle:checked+#trigger+#burger:after {
        width: 20px;
        top: 2px;
        left: 18px;
        transform: rotate(-45deg) translateX(-5px);
        transition: transform .2s ease;
      }
      #menu {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 0px;
        height: 0px;
        background-color: #fff;
        border-bottom-right-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
        animation: not-checked-anim .2s both;
        transition: .2s;
        z-index: 10000;
        overflow: hidden;
      }
      #menu-toggle:checked+#trigger+#burger+#menu {
        animation: checked-anim 1s ease both;
      }
      #menu-toggle:checked+#trigger~#menu>li, .link_menu {
        display: block;
      }
      [type="checkbox"]:not(:checked),[type="checkbox"]:checked {
        display: none;
      }
      
      @media screen and (min-width: 481px)  and (max-width: 780px) {
   .modal-dialog {
    max-width: 800px!important;
    margin-left: -130px!important;
}
        body {
    overflow-x: hidden!important;
          }
  .cursos {
 /*   margin-left: 50px!important;*/
}
  .carousel.pointer-event {
    width: 120%;
  }
  h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
.cursos{
    margin-top: 70px!important;
}
html{
    margin-top: -220px!important;
}
.card-img-overlay {
    height: 12.8rem!important;
}
.modal-body p {

    color: white!important;
}

 #form-modal-user-information-save{
  
     margin-left:30px!important;
 }
  .modal_content{
          width: 1040px!important;
          margin-left: -120px!important;
  }
  .modal_header {

    margin-left: 300px!important;
}
  
  .span_content_sesion {
    font-family: Nunito;
    color: #fff!important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
  
   .text-white {
    display:none!important;
}
   
    .modal__content-text a {
    color: #6216fe!important;
}
.modal__footer a {
     color: #6216fe!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
     .modal_title2_sesion {
    color: #6216fe;
    font-family: Gilroy;
    font-weight: bold!important;
    margin-left: 550px!important;
    margin-top: 20px;
}
   
       .navbar-brand {
    color: white!important;
}
        
        .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    font-size: 19px!important;
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #fff!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    margin-left:10px!important;
    /* position: absolute; */
    margin-left: 60px;
    color:white!important;
    background: transparent!important;
}
.boton_personalizado:hover{
  background-color: #fff!important;;
    text-decoration: none;
    color: black!important;
}
            .detail_banner {
        width: 600px;
        position: absolute;
        margin-top: -100px!important;
        margin-left: -130px;
        font-size: 24px;
        font-family:nunito!important;
        }
        .title_banner {
            margin-top: -170px!important;
            font-family:nunito!important;
        }
        
          .d-block {
    display: block!important;
    width: 100%!important;
    height: auto!important;
}
.d-block#logocch{
     width: 30%!important;
    height: auto!important;
        }
            .fixed-top {
            position: absolute!important;
        }
       .nav-item{
           display:none!important;
       }
       
        .mt-4 {
         margin-top: 0.9rem!important;
        }
       .card.card_tarjeta {
        width: 19.5rem !important;
        }
        #burger{
          display:none;  
        }
        /*.carousel_caption{
            position: absolute;
            margin-left:-500px;
            margin-top:-200px;
        }*/
        
        .detail_banner{
            width:400px;
            position:absolute;
            margin-top:-120px;
            margin-left:auto!important;
            font-size:18px;
        }
        
        .title_banner{
            font-size:30px;
            position: absolute;
            margin-left:auto!important;
            margin-top:-170px;
        }

        .navbar.navbar-light{
          justify-content: center !important;
        }
        
        .dvinputcch{
               width: 35%!important;
                margin-top: 0px!important;
                margin-left: -35%!important;
                position: absolute!important;
                background-color: #FFF!important;
                height: 36px!important;
        }
        
        .inputcch {
            width: 100%;
            color: #181b32;
            border: none;
            resize: none;
            padding: 0px 12px;
            font-size: 13px;
            font-family: Nunito;
            font-weight: 400;
            line-height: 24px;
            border-width: 0;
            border-radius: 0px;
            letter-spacing: 0px;
            height:35px;
        }
        
        .item{
            margin-top:120px;
            margin-bottom: -250px!important;
        }
        
      }
      @media screen and (min-width:381px) and (max-width: 480px){
   .advertencia{
    margin-top: 70px!important;
    margin-left: 7px!important;
    width: 100vw!important;
       
   }       
.modal_body_sesion {
    margin-top: 10px!important;
}
    
    .container {
    width: 100%;
    padding-right: 10px!important;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
    }
    .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: .25rem;
    }
     .videos{
      color:black!important;
      margin-left: 31%;
  }
  .videos2{
     color:black!important;
      margin-left: 38%; 
  }
  .videos3{
     color:black!important;
      margin-left: 35%; 
  }
     
      h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
    .modal-backdrop{
         opacity:0.9 !important;
   }
 .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #fff!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
 
  html{
          margin-top: -220px;
  }
  .boton_personalizado#active {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    font-size: 19px!important;
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #000!important;
    border-width: 1px!important;
    margin-top: 60px!important;
    border-style: solid!important;
    outline: none!important;
    background: transparent!important;
   }
    .boton_personalizado{
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    font-size: 19px!important;
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #000!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    background: #fff!important;
   }
   .nav-item{
           margin: 0 -55px 0!important;
   }
   
 
    #carouselExampleFade{
          margin-top:40px!important;  
            
        }  
    .navbar.navbar-light {
    /* background: white!important;*/
    }
   .fixed-top {
    position: absolute!important;
}
   .col_inputscchmodal {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
   
    .modal_content{
        background-image:none!important;
    }

      .modal__content-text {
            margin-left: -30px!important;
}
    .modal__footer {
    margin-left: -30px!important;
}  
      .modal_content_sesion{
          background-image:none!important;
      }
      .text-white {
    color: #fff!important;
    margin-left: 28%!important;
}
      
       .row{
             /*  display: block!important;*/
       }
       
        .cursos {
            margin-left: 10px!important;
             margin-top: 95px!important;
        }
        
        .img_banner#logocch{
          width: 70%!important;
          height: auto!important;
        }
        .img_banner{
          width: 100%!important;
          height: auto!important;
        }
        
        .title_banner{
            position: absolute!important;
            font-size:14px!important;
            margin-left:-40px!important;
            margin-top:-100px!important;
            font-family:nunito!important;
        }
        
        .detail_banner{
            width:200px!important;
            position:absolute!important;
            margin-top:-60px!important;
            margin-left:-40px!important;
            font-size:11px!important;
            line-height:14px!important;
            font-family:nunito!important;
        }
        
        .dvinputcch{
    width: 93%!important;
    margin-top: 15px!important;
    margin-left: 0px!important;
    position: absolute!important;
    background-color: #FFF!important;
    height: 30px!important;
        }
        
        .inputcch {
            width: 100%!important;
            color: #181b32!important;
            border: none!important;
            resize: none!important;
            padding: 0px 12px!important;
            font-size: 11px!important;
            font-family: Nunito!important;
            font-weight: 400!important;
            line-height: 24px!important;
            border-width: 0!important;
            border-radius: 0px!important;
            letter-spacing: 0px!important;
            height:20px!important;
        }

        .item{
    margin-top: 100px!important;
    margin-left: 20px;
    margin-bottom: -130px!important;
        }
        
        .li_link.second{
            margin-top:90px;
            margin-left:0px!important;
            font-family:Gilroy;
        }
      
        .li_link.first{
          margin-top:90px !important;
          margin-left:0px !important;
          font-family:Gilroy;
        }
        
        .btncch_curso{
          font-size:14px !important;
        }
        
        a.navbar-brand{
           /*     margin-left: 35%!important;*/
        }

        i.fas.fa-search{
            color: #949aa0;
            font-size:13px;
        }
        .btncch{
            display:none!important;
        }
        .col_inputscchmodal_sesion {
          padding-right: 30px !important;
          padding-left: 0px !important;
    }
    .navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    width: 50%;
    line-height: inherit;
    white-space: nowrap;
}
        
       
      }
      @media screen and (max-width: 380px){
        .advertencia{
    margin-top: 194px!important;
    margin-left: 10px!important;
    width: 100vw!important;
            
        }
        
          .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
}
  .modal_body_sesion {
     margin-top: -20px!important; 
    /* background-color: #fff!important;*/
    
    }
  .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
    background: white;
  }
  .videos{
      color:black!important;
      margin-left: 25%;
  }
  .videos2{
     color:black!important;
      margin-left: 35%; 
  }
  .videos3{
     color:black!important;
      margin-left: 30%; 
  }
  h6{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center!important;
    margin-top: 10px!important;
  }
   .modal-backdrop{
         opacity:0.9 !important;
   }
   .modal__content-text a {
    color: #252525!important;
}
.modal__footer a {
     color: #fff!important;
}
    .modal__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: small!important;
}
   html{
      margin-top: -220px!important; 
   }
   
   .boton_personalizado#active {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    font-size: 19px!important;
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #000!important;
    border-width: 1px!important;
    margin-top:60px!important;
    border-style: solid!important;
    outline: none!important;
    background: transparent!important;
    color:black;
   }
   .boton_personalizado {
    /* text-decoration: none; */
    padding: 4px 18px 4px 18px!important;
    font-weight: 600!important;
    font-size: 19px!important;
    /* border-color: black!important; */
    /* border-radius: 6px; */
    font-family: nunito!important;
    /* background-color: #ff6d00; */
    /* color: aliceblue; */
    border-color: #000!important;
    border-width: 1px!important;
    border-style: solid!important;
    outline: none!important;
    background: white!important;
    color:black;
   }
   .nav-item{
           margin: 0 -55px 0!important;
           font-family:nunito;
   }
   
    #carouselExampleFade{
          margin-top:40px!important;  
            
        }  
    .navbar.navbar-light {
    /* background: white!important;*/
     background: linear-gradient(to left, rgba(19,16,37,1) 10%, rgba(25,19,55,1) 75%, rgba(33,12,71,1));
    }
   .fixed-top {
    position: absolute!important;
}
   .col_inputscchmodal {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
   
    .modal_content{
        background-image:none!important;
    }

      .modal__content-text {
            margin-left: -30px!important;
}
    .modal__footer {
    margin-left: -30px!important;
}  
      .modal_content_sesion{
          background-image:none!important;
      }
      .text-white {
    color: #fff!important;
    margin-left: 28%!important;
}
      
       .row{
             /*  display: block!important;*/
       }
       
        .cursos {
            margin-left: 5px!important;
             margin-top: -50px!important;
        }
        
        .img_banner{
            height: auto;
            width: 100vw;
        }
         .img_banner#logocch{
            height: auto!important;
            width: 50%!important;
        }
        
        .title_banner{
            position: absolute!important;
            font-size:14px!important;
            margin-left:-40px!important;
            margin-top:-100px!important;
            font-family: nunito!important;
        }
        
        .detail_banner{
            width:200px!important;
            position:absolute!important;
            margin-top:-60px!important;
            margin-left:-40px!important;
            font-size:11px!important;
            line-height:14px!important;
            font-family: nunito!important;
        }
        
        .dvinputcch{
            width: 91%!important;
            margin-top:20px!important;
            margin-left: 0px!important;
            position: absolute!important;
            background-color: #FFF!important;
            height:30px!important;
        }
        
        .inputcch {
            width: 100%!important;
            color: #181b32!important;
            border: none!important;
            resize: none!important;
            padding: 0px 12px!important;
            font-size: 11px!important;
            font-family: Nunito!important;
            font-weight: 400!important;
            line-height: 24px!important;
            border-width: 0!important;
            border-radius: 0px!important;
            letter-spacing: 0px!important;
            height:20px!important;
        }

        .item{
             margin-top: -76px;
             margin-left: -5px!important;
             margin-bottom: -240px!important;
        }
        
        .li_link.second{
            margin-top:90px;
            margin-left:0px!important;
            font-family:Gilroy;
        }
      
        .li_link.first{
          margin-top:90px !important;
          margin-left:0px !important;
          font-family:Gilroy;
        }
        
        .btncch_curso{
          font-size:14px !important;
        }
        
        a.navbar-brand{
           /*     margin-left: 35%!important;*/
           width:230px;
        }

        i.fas.fa-search{
            color: #949aa0;
            font-size:13px;
        }
        .btncch{
            display:none!important;
        }
        .col_inputscchmodal_sesion {
          padding-right: 30px !important;
          padding-left: 0px !important;
          margin-top: 10px;
    }
        
       
      }
      @media screen and (max-width: 480px){
        
         .modal_content_sesion {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
              flex-direction: column;
              width: 100%;
              pointer-events: auto;
              background-color: #fff;
              background-clip: padding-box;
              border-radius: .3rem;
              outline: 0;
              background-repeat: no-repeat;
            }
        
            .modal_header_sesion {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: start;
              align-items: flex-start;
              -ms-flex-pack: justify;
              justify-content: space-between;
              padding: 1rem 1rem;
              border-top-left-radius: .3rem;
              border-top-right-radius: .3rem;
            }
        
            .modal_title2_sesion {
              color: #6216fe;
              font-family: Gilroy;
              font-weight: 700;
              margin-left: 390px;
              margin-top: 20px;
              display: none;
            }
        
            .modal_body_sesion {
            /*  margin-top: 0px;*/
             /* background-color:#fff!important;*/
            }
        
            .modal-footer_sesion {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-pack: end;
              justify-content: flex-end;
              padding: 1rem;
              border-bottom-right-radius: .3rem;
              border-bottom-left-radius: .3rem;
            }
        
            .dvinputcchmodal_sesion {
              display: flex;
              transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
              align-items: center;
              border-style: solid;
              border-width: 1px;
              border-color: #181b324d;
              border-radius: 0px;
              padding: 0px;
        
            }
        
            .inputcchmodal_sesion {
              width: 100%;
              color: #181b32;
              border: none;
              resize: none;
              padding: 20px 12px;
              font-size: 14px;
              font-family: Nunito;
              font-weight: 400;
              line-height: 24px;
              border-width: 0;
              border-radius: 0px;
              letter-spacing: 0px;
              background-color: #FFFFFF00;
            }
        
            .col_inputscchmodal_sesion {
              padding-right: 20px ;
              padding-left: 0px ;
            }
        
            .col_inputscchmodal_sesion_footer {
              padding-right: 10px !important;
              margin-left: 50px !important;
            }
        
        
            .btncchmodal_sesion {
              font-family: Gilroy;
              border-radius: 0px;
              border-color: #6216fe;
              color: #fff;
              box-sizing: border-box;
              padding-left: 25px;
              padding-right: 25px;
              padding-top: 9.5px;
              padding-bottom: 9.5px;
              font-size: 14px;
              display: inline-flex;
              -webkit-box-align: center;
              -webkit-appearance: none;
              -webkit-tap-highlight-color: transparent;
              border-width: 1px;
              border-style: solid;
              outline: none;
              transition: box-shadow 375ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              border-radius: 0px;
              text-decoration: none;
              background: #6216fe;
              margin-bottom: 20px;
            }
        
            .btncchmodal_sesion:active {
              background: #6216fe;
              color: #fff;
              border-color: #6216fe;
              box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 36px -10px;
        
            }
        
            .btncchmodal_sesion:focus {
              outline: 0;
            }
        
            .link_ingresar_modal_sesion {
              font-family: Gilroy-Light;
              text-decoration: underline;
              color: #6216fe;
              margin-left: 0px;
            }
        
            .link_ingresar_modal_sesion:hover {
              color: #6216fe;
            }
        
            .link_ingresar_modal_sesion_footer {
              font-family: Gilroy-Light;
              text-decoration: none !important;
              color: #6216fe;
              margin-left: 0px;
            }
        
            .link_ingresar_modal_sesion_footer:hover {
              color: #6216fe;
            }
        
            .footer_modal_sesion {
              margin-top: 13px;
              color: #b9b9c3;
              display: block;
              font-size: 9px;
            }
        
        
            .footer_modal_sesion_footer {
              margin-top: -15px;
              color: #b9b9c3;
              font-size: 9px;
              margin-left: 8px;
            }
        
            .col_spancchmodal_sesion {
              text-align: center;
              margin-top: 70px;
              display: none;
              margin-left:-15px!important;
            }
        
            .span_title_sesion {
              font-family: Gilroy;
              color: #fff;
              font-weight: 700;
              display: none;
            }
        
            .span_content_sesion {
              font-family: Nunito;
              color: #fff;
              max-width: 300px;
              margin: auto;
              text-align: center;
              display: none;
            }
    
            .dvinputcchmodal_sesion.correo{
              margin-top:0px!important;
            }
    
            .modal_content {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
              flex-direction: column;
              width: 100%;
              pointer-events: auto;
              background-color: #fff;
              background-clip: padding-box;
              border-radius: .3rem;
              outline: 0;
              background-repeat: no-repeat;
              
            }
        
            .modal_header {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: start;
              align-items: flex-start;
              -ms-flex-pack: justify;
              justify-content: space-between;
              padding: 1rem 1rem;
              border-top-left-radius: .3rem;
              border-top-right-radius: .3rem;
            }
        
        
            .modal_title2 {
              color: #6216fe;
              font-family: Gilroy;
              font-weight: 700;
              margin-left: 380px;
              display: none;
            }
        
            .modal_body {
              margin-top: -10px;
            /*  background-color:#fff!important;*/
            }
        
            .modal-footer {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-pack: end;
              justify-content: flex-end;
              padding: 1rem;
              border-bottom-right-radius: .3rem;
              border-bottom-left-radius: .3rem;
            }
        
            .dvinputcchmodal {
              display: flex;
              transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
              align-items: center;
              border-style: solid;
              border-width: 1px;
              border-color: #181b324d;
              border-radius: 0px;
              padding: 0px;
        
            }
        
            .inputcchmodal {
              width: 100%;
              color: #181b32;
              border: none;
              resize: none;
              padding: 15px 12px;
              font-size: 12px;
              font-family: Nunito;
              font-weight: 400;
              line-height: 24px;
              border-width: 0;
              border-radius: 0px;
              letter-spacing: 0px;
              background-color: #FFFFFF00;
            }
        
            .dvselectcchmodal {
              display: flex;
              transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, border 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, opacity 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
              align-items: center;
              border-style: solid;
              border-width: 1px;
              border-color: #181b324d;
              border-radius: 0px;
              padding: 0px;
        
            }
        
        
            .selectcchmodal {
              width: 100%;
              color: #181b32;
              border: none;
              resize: none;
              padding: 0px 7px;
              font-size: 12px;
              font-family: Nunito !important;
              font-weight: 400;
              line-height: 24px;
              border-width: 0;
              border-radius: 0px;
              letter-spacing: 0px;
              background-color: #FFFFFF00;
            }
        
            .col_inputscchmodal {
              box-sizing: border-box;
              padding-right: 10px !important;
              padding-left: 10px !important;
            }
        
        
            .btncchmodal {
              font-family: Gilroy;
              border-radius: 0px;
              border-color: #6216fe;
              color: #fff;
              box-sizing: border-box;
              padding-left: 25px;
              padding-right: 25px;
              padding-top: 9.5px;
              padding-bottom: 9.5px;
              font-size: 14px;
              display: inline-flex;
              -webkit-box-align: center;
              -webkit-appearance: none;
              -webkit-tap-highlight-color: transparent;
              border-width: 1px;
              border-style: solid;
              outline: none;
              transition: box-shadow 375ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              border-radius: 0px;
              text-decoration: none;
              background: #6216fe;
            }
        
            .btncchmodal:active {
              background: #6216fe;
              color: #fff;
              border-color: #6216fe;
              box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 36px -10px;
        
            }
        
            .btncchmodal:focus {
              outline: 0;
            }
        
            .link_ingresar_modal {
              font-family: Gilroy;
              text-decoration: none !important;
              color: #6216fe;
              margin-left: 8px;
              margin-top: 1px;
            }
        
            .link_ingresar_modal:hover {
              color: #6216fe;
            }
        
            .footer_modal {
              margin-top: 13px;
              color: #b9b9c3;
              display: flex;
            }
        
            .col_spancchmodal {
              text-align: center;
              margin-top: 120px;
              display: none;
            }
        
            .span_title {
              font-family: Gilroy;
              color: #fff;
              font-weight: 700;
    
            }
        
            .span_content {
              font-family: Nunito;
              color: #fff;
              max-width: 300px;
              margin: auto;
              text-align: center;
              display: none;
            }
    
            .dvinputcchmodal.name{
              margin-bottom:7px!important;
            }
            
               /*.img_banner{
                height: 200px;
            }*/
            
            
            i.fas.fa-search{
                color: #949aa0;
            }
    
            .item{
               /*  margin-top: -105px;
                margin-left: -13px;
                 margin-bottom: 140px;*/
            }
            .li_link.second{
                margin-top:90px;
                margin-left:0px!important;
                font-family:Gilroy;
            }
          
            .li_link.first{
              margin-top:90px !important;
              margin-left:0px !important;
              font-family:Gilroy;
            }
            
            .btncch_curso{
              font-size:14px !important;
            }
            
          }
    
   

    
    /*STYLES JHERSON*/
   
    a#comprarahora{
        color:#6e4df6;
    }
    a#comprarahora:hover{
        text-decoration:none;
        color:white!important;
    }
    .btncch{
        font-family: Gilroy;
        border-radius: 0px;
        border-color: #fff!important;
        color: #fff!important;
        box-sizing: border-box;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 9.5px;
        padding-bottom: 9.5px;
        font-size: 14px;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
        border-width: 1px;
        border-style: solid;
        outline: none;
        transition: box-shadow 375ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        border-radius: 0px;
        text-decoration: none;
        background: transparent;
    }
    .btncch:hover{
        color:black!important;
    }