/*
blog 
*/

    #sec_blog_post_html .container .post_breadcrumb{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        text-decoration: none;
        max-width: 1280px!important;
        width: 100%;
    }

    #sec_blog_post_html h1{

        text-align: center;
        color: #0A60E3!important;
        font-size: 35px!important;
        font-weight: 900!important;
       /* max-width: 1280px!important;*/
        display:flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #sec_blog_post_html .container{

            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            max-width: 1280px!important;
    }



    #sec_blog_post_html .container .post_breadcrumb a{
        text-decoration: none;
        color: #26283B;
        font-family: 'MuseoSans-500';
        margin-right: 5px;
        margin-left: 5px;

    }

    #sec_blog_post_html .container img{

        max-width: 700px!important;
        width: 100%;
            
    }

    #sec_blog_post_html .container p{

        max-width: 900px!important;
        width: 100%;
        margin-top: 10px;
        text-align: justify;
        line-height: 1.4;    
    }

    #sec_blog_post_html .container p strong{

       font-family: 'MuseoSans-500';

            
    }



    #sec_blog_header {
        background: rgba(10, 96, 227, 0.05);
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #sec_blog_header h1{
        text-align: center;
        color: #0A60E3!important;
        font-size: 50px!important;
        font-weight: 900!important;
        font-family: 'MuseoSans-500';
    }

    #sec_blog_header .container p{

        text-align: center;
        font-size: 20px;
        color: #202832;
        font-family: 'MuseoSans-500';
    }

    #sec_blog_post .container{

        display:flex;
        justify-content: center;
        flex-wrap:wrap;

    }

    #sec_resources_post .container{

        display:flex;
        justify-content: center;
        flex-wrap:wrap;

    }

    .sec_blog_post_item a{

        text-decoration: none!important;
    }

    #sec_blog_post .container article{
    
        width: 350px;
        margin:10px;
        border: 0.5px solid #0A60E3;
        border-radius: 6px;

    }

    #sec_blog_post .container .reading-time p{
        display: flex;
        justify-content: right;
        flex-wrap: wrap;

    }


    #sec_blog_post .container article img{
        width: 349px;
    
    }

    #sec_blog_post .container h2{
    
        color: #0A60E3;
        font-family: 'MuseoSans-500';
        font-size: 24px;
        padding: 10px;

    }



    
    #sec_blog_post .container .sec_blog_post_item_time{
    
        color: #26283B;
        font-family: 'MuseoSans-300';
        font-size: 16px;
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;

    }

    #sec_blog_post .container .sec_blog_post_content{
    
        color: #26283B;
        font-family: 'MuseoSans-500';
        font-size: 16px;
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: justify;
    }

    #sec_blog_post .container .sec_blog_post_item_link{
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 20px;

    }      

     #sec_blog_post .container .sec_blog_post_item_link strong{
        text-decoration: none;
        color: #0A60E3;
        font-size: 16px;
        font-family: 'MuseoSans-700';
        padding-bottom: 20px;
     }

     #sec_det1 .b-club-body-1{
        margin-top: 30px;
        max-width: 80%;
        text-align: center;
        font-size: 16px;
        margin: 5%;
    }

/*
profesionales
*/

.white{
    background-color: #ffffff!important;
}


#img_logo_footer{
    width: 100px;
}


#sec_det0_influencer{

   /* position: absolute;
    top: 640px;*/
    background: rgba(10, 96, 227, 0.03);
    padding-top: 40px;
    margin-bottom: 0px;
}

#sec_det0_influencer h2{
    text-align: center;
    font-size: 16px;
    font-family: 'MuseoSans-300';
    color: #26283B;
    padding: 5%;
    padding-top: 0%;
    padding-bottom: 5%;
}


#sec_det0_influencer .container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 25px;
}

.sec_det0_influencer_test{
    width: 300px;
    height: 150px;
    border: 1px solid rgba(38, 40, 59, 0.1);
    border-style: inset;
    box-shadow: 1px 1px 10px 3px rgba(38, 40, 59, 0.1);
    border-radius: 5px;
    margin: 1.5%;
    margin-right: 2%;
    background-color: #fff;
}
.sec_det0_influencer_test .sec_det0_influencer_test_top{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sec_det0_influencer_test_top_1{
    width: 20%;
    padding: 2%;
    padding-top: 3%;
}
.sec_det0_influencer_test_top_1 img{
    width: 50px;
}

.sec_det0_influencer_test_top_2{
    width: 80%;
     padding: 2%;
     padding-top: 3%;
}

.sec_det0_influencer_test_top_2 h3{
    text-align: left;
    font-size: 16px;
    margin: 2%;
    color: #26283B;
    font-family: 'MuseoSans-500';
}

.sec_det0_influencer_test_top_2 h4{
    text-align: left;
    font-size: 12px;
    margin: 1%;
    color: #26283B;
    font-family: 'MuseoSans-500';
}

.sec_det0_influencer_test_bottom{
    padding: 5%;
    text-align: justify;
    color: #545D69;
    font-family: 'MuseoSans-300';
     font-size: 14px;
     padding-top: 1%;
}


#sec_det0_sec_message{
    background-color: #0A60E3;
   /* position: absolute;
    top: 1040px; */
}

#sec_det0_sec_message .container{
    max-width: 1280px;
    color: #ffffff;
    font-family: 'MuseoSans-100';
     font-size: 16px;
     text-align: center;
     padding: 1.8%;
     display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 5%;
    padding-bottom: 5%;
}


#sec_det1{
    margin-top: 35px;
}


#dv_contactame form{
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

#dv_contactame input{
    width: 300px;
    height: 40px;
    margin: 10px;
    border-radius: 5px;
    border:1px solid #C4C4C4;
    font-size: 18px;
    padding-left: 1%;
    margin-bottom: 5px!important;
}

#dv_contactame textarea{
    width: 300px;
    height: 100px;
    margin: 10px;
    border-radius: 5px;
    border:1px solid #C4C4C4;
    font-size: 18px;
    padding-left: 1%;
    margin-bottom: 5px!important;
}
#dv_contactame #dosend{
    background-color: #1165B3;
    color: #ffffff !important;
    height: auto;
    padding: 2%;
    font-weight: 300;
}

.banner-nosotros{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    background-color: #ffffff!important;
    padding-bottom: 5%;
}

#banner-nosotros-img-logo{
    width: 200px !important;
}

.banner-nosotros #b-club-body-1{
    font-size: 18px !important;
    text-align: justify;
    padding: 10%;
}

.banner-marcas{
    background-color: #ffffff!important;
    padding-bottom: 5%;
}

.banner-marcas_2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.banner-nosotros_det1{
    background-color: #F3F7FD!important;
    margin-bottom: 0px;
}

.banner-nosotros_det1 .container{
    padding: 5%; padding-top: 0px;
     padding-left: 2%; 
     text-align: justify;
}

.banner-nosotros_det1 .container article{
    width: 300px !important;
}
.banner-nosotros_det1 .container article img{
    width: 100%;
}
.banner-marcas_det1 .container article{
    width: 250px!important;
    padding-left:5%!important;
    padding-right: 5%!important;
}

.banner-marcas_det1 .container{
    padding-bottom: 5%;
}

.banner-contactanos{

}

.banner-profesionales{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5%;
    background-color: #ffffff!important;
}

.banner-profesionales-left{
    width: 100%;
}

.banner-profesionales-right{
    width: 100%;
}

#banner-profesionales-right_img{
    padding: 5%;
}


.banner-profesionales #b-club-title-1{
    font-size: 26px !important;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 5%;
}

.banner-profesionales #b-club-body-1{
    padding:5%;
    text-align: center;
    font-size: 20px;

}


.banner-profesionales #b-club-title{
    padding-bottom: 0% !important;
}


.banner-profesionales #b-club-botones-1{
  /*  top: 88%;
    left: 30% !important;
    */
}

.b-club-botones-2{
    top: 92%!important;
}

.banner-profesionales_1{
    background-color: #F3F7FD;
   /* padding-bottom: 4%; */
    margin-bottom: 0px;
}

.banner-profesionales_1 .sec_det1_content_l div img{
    width: 100%!important;
}

#dv_notification{
    width: 100%;
    background-color: #1165B3;
    display: flex;
    padding: 6px;
}

#dv_notification p{
    width: 98%;
    display: flex;
    justify-content: center;
}
#dv_notification p a{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
}

#dv_notification a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}


#btn-comienza{
    font-size: 16px!important;
    font-weight: 400;
}

.btn_only_desktop{
    display: none!important;
}

.btn_only_mobile{
    display: auto!important;
}

#img_det1_content_l_right{
    width: 95%!important;
   /* box-shadow: 1px 1px 10px 3px rgba(38, 40, 59, 0.1);*/
}

#b-comienza-1{
    margin-left: 35%;
    margin-top: 5%;
    display: none;
}

#b-comienza-2{
    margin-left: 20%;
    margin-top: 10%;
}

#b-club-title-1{
    font-size: 30px;
    color:#26283B;
    text-align: center;
}

#b-club-title-1 span{
    /*background-color:#1165B3;
    color:#ffffff;
    */
 }
 
#main-nav2{
    display: none!important;
}


#main-nav2 ul{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#main-nav2 ul li {
    display: inline;
}

#main-nav2 a {
    text-align: center;
    width: 160px;
    display: inline-flex;
    margin-top: 0px;
    font-size: 16px;

    color: #545D69;
    text-decoration: none;
    height: 0px;
    padding-top: 10px;
    vertical-align: middle;
    cursor: pointer;
}

#main-nav2 a span{
    width: 100%;
    
    color: #26283B;
    font-family: 'MuseoSans-500', 'Open Sans', sans-serif;
    font-size: 16px!important;
}


.sec_det1_subtitle{
    font-size: 16px;
    text-align: center;
    color: #545D69 !important;
    padding: 5%;
    
   
}


#sec_det1 h2{
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    color: #202832;
    font-family: 'Roboto';
}

#sec_det1 h2 span{
    color: #ffffff;
    background-color: #0A60E3;
    padding-bottom: 5px;
}

#sec_det1 .container{
  /*  margin-top: 5%!important; */
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    padding-left: 0px;
    padding-bottom: 10%!important;
}

#sec_det1 .container article{
    margin-top: 5%!important;
    margin: 25px;

    width: 100%;
  /*  border: 1px solid #000; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;    
     margin-bottom: 5%!important;
}

#sec_det1 .container article .sec_det1_content_l_left{
    width: 100%;
  /*  border: 1px solid #000; */
  margin-top: 5%;
}

#sec_det1 .container article .sec_det1_content_l_right{
    width: 100%;
    margin-top: 5%;
/*    border: 1px solid #000; */
}
.det1_reverse{
    flex-wrap: wrap-reverse!important;   
}

#sec_det1 .container article div h3{
    text-align: center!important;
    color:#202832;
    font-size: 42px!important;
    font-family: 'Roboto';
    font-weight: 900;
    margin-top: 50px;
    margin-bottom: 30px;

}

#sec_det1 .container article div h4{
    text-align: center!important;
    color:#202832;
    font-size: 20px!important;
    font-weight: 700!important;
     font-family: 'MuseoSans-500';
}

#sec_det1 .container article div p{
    text-align: justify;
    color:#54606C;
    padding:10%!important;
    padding-left: 2px!important;
    padding-top: 2%!important;
    padding-right: 2%!important;
    padding-bottom: 2%!important;
}

.sec_det1_content_sub{
    padding-top:2%!important;
    color: #202832!important;
   
    text-align: center!important;
    font-family: 'MuseoSans-500';
    font-size: 16px!important;
    margin-bottom: 20px!important;
}


#sec_det2{
    text-align:center;
    padding-bottom: 5% !important;
    padding-top: 5% !important;
    margin-bottom: 0px;
  
}

#sec_det2 h2{
    padding: 2%;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 30px!important;
    font-weight: 500;
     font-family: 'MuseoSans-500';
     color: #202832;
}




#banner-clubexc{
/*    margin-top:40px; */
  /*  position:relative; */
 /* background-color: #F3F7FD; */

     display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#banner-clubexc img{
    width: 100%;

}

main{
 /*position: relative; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*max-width: 1280px !important;*/
    max-width: 100% !important;
    width: 100%!important;
}

#btn-unete{
  background-color: #1165B3;
  font-size: 14px;

  width: auto!important;
  font-weight: 300;
  height: auto;
  margin-left: 0px!important;
  
  border-radius: 25px;
  font-family: "MuseoSans-500", sans-serif;
}

#b-club-title{
  /*  position: absolute;*/
    top: 0%;
    left: 0%;
    width: 100%;
    /* background: rgba(255,255,255,0.5);  */
   
    color: #ffffff;
    padding: 1%;
    /*padding-top:10px;*/
    text-align: center;
    /*height: 100%;*/
   /* padding-bottom: 20%!important;*/
   margin-top: 10%;
}



#b-club-body-1{
    font-size: 16px;
    color:#26283B;
    margin-top: 10%;
    margin: 5%;
}

#b-club-body-1 ul{
   /* list-style-type:circle; */
    margin: 0;
    padding: 0;
    margin-left: 15px;

}

#b-club-body-1 ul li{
    margin-top: 0px;
    margin-left: 0px;
    padding: 3px;
    text-align: left;

}

#b-club-botones-1{
   /* position: absolute;
    top: 37%;
    left: 35%;
    */
    margin-top: 10%;
}

.boton-link {
    width: 187px;
    height: 60px;
    padding: 5px;
    text-decoration: none;
    color: #fff;
    margin: 1px;
    padding: 7px;
    border-radius: 30px;
    background: #0A60E3 !important;
    font-size: 18px;
    margin: 20px;
    padding: 15px;
    padding-left: 65px;
    padding-right: 65px;
}


.boton-link2{
    margin-left: 0%!important;
    color:#0A60E3;
    font-family: 'MuseoSans-700';
    text-decoration-line: none;
   
}


.boton-link-start{
     border-radius: 20px!important;
     color: #0A60E3;
     border: 1px solid #0A60E3 !important;
    margin: 10px;
      margin-left: 10px;
    padding: 10px;
    padding-left: 60px;
    padding-right: 60px;
    text-decoration: none;
    font-family: 'MuseoSans-500',sans-serif;
    font-size: 18px;
    margin-left: 0px;
    background:  transparent !important;
}

.academy-list {
    width: 90%; /* Ajustar el ancho de la lista */
    margin: 0 auto; /* Centrar la lista */
}

.academy-list h3 {
    font-size: 24px;
    color: #0A60E3;
    margin-bottom: 10px;
    text-align: center;
}

.academy-list ul {
    list-style-type: none; /* Eliminar las viñetas */
    padding: 0;
}

.academy-list li {
    background: #f9f9f9;
    margin: 10px 0;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    line-height: 1.4;
}



#sec_club_exc_benef{
  /* border: 1px solid #000; */

    margin-top: 20px;
    padding-top: 20px;
    position:relative;

}

#sec_club_exc_benef h2{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;

}

#sec_club_exc_benef .container{
    margin-top: 10px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

#sec_club_exc_benef .container article a{
    text-decoration: none;
}

#sec_club_exc_benef .container article{

    margin: 25px;
    color: #000;
    width: 360px;
    border: 1px solid #545D69;
    border-radius:10px;
    height: 390px;

}

#sec_club_exc_benef .container article img{
    width: 358px;
    border-radius:10px 10px 0px 0px;
}

#sec_club_exc_benef .container article h3{
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #545D69;
}

#sec_club_exc_benef .container article p{

    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    font-weight: 300;
    color: #000000;
}

#sec_club_exc_benef .container article .programa-item-footer
{
    padding-top: 5%;
    padding-left:4%;
    display:flex;
    justify-content:flex-start;
    color: #545D69;
    font-size: 18px;
   /* border: 1px solid #000;*/
}

#sec_club_exc_benef .container article .programa-item-footer img{
 width: 43px;
 height: 40px;

}
#sec_club_exc_benef .container article .programa-item-footer p{

    padding-left: 5px;
    width: 400px;
    color: #545D69;
}
#sec_club_exc_benef .container article .programa-item-footer .precio{
    text-align: right;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 500;
     color: #545D69;
}

#sec_club_exc_benef div{
   text-align: center;
}

/* entrenadores */



#sec_club_entrenadores{
/*    border: 1px solid #000; */
   background-color: rgba(30, 159, 140, 15%);

    padding-top: 20px;
    padding-bottom: 40px;
}

#sec_club_entrenadores h2{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;

}

#sec_club_entrenadores .container{
    margin-top: 30px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

#sec_club_entrenadores .container article{

    color: #000;
    width: 575px;
  /*  border: 1px solid #545D69;*/
   /* border-radius:10px;*/

}

#sec_club_entrenadores .container .sec_club_entrenadores-art-foto img{
    width: 180px;
    margin-left: 30%;
}
#sec_club_entrenadores .container .sec_club_entrenadores-art-foto p{
    width: 180px;
    margin-left: 30%;
    text-align: center
}

#sec_club_entrenadores .container .sec_club_entrenadores-art-contenido p{
  text-align: justify;
  padding: 20px;
}

/* suscríbete */

#sec_club_suscribete{
/*    border: 1px solid #000; */
    padding-top: 20px;
    padding-bottom: 40px;
}

#sec_club_suscribete h2{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;

}

#sec_club_suscribete .container{
    margin-top: 0px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

#sec_club_suscribete .container p{
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
        font-weight: 300;

}

#sec_club_suscribete .container div{
  /*  border: 1px solid #000;*/
    text-align: center;
}

.input-text{
    width: 350px;
    height: 45px;
    border: 1px solid #C4C4C4;
    margin:4px;
    margin-left: 20px;
    padding: 0px;
}

.input-boton{
    width: 200px;
    height: 47px;
    background: #545D69;
    border:1px solid #545D69;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    margin:0px;
    padding: 0px;
    -webkit-appearance: none;
}


#sec_programa_presenta
{
    margin-top:40px;
    position:relative;
    background: rgba(30, 159, 140, 0.05);
    padding-bottom: 30px;
}

#sec_programa_presenta h1{
    margin-top: 70px;
    text-align: center;
    font-family: "OpenSans-Semibold";
    font-size: 40px;
    font-weight: 400;
    color: #7C066E;
}

#sec_programa_presenta .container{
    margin-top: 10px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    margin-bottom: 40px;
}

#sec_programa_presenta .container h2{
    text-align: center;
    color: #7C066E;
    font-family: "OpenSans-Semibold";
    font-size: 30px;
    font-weight: 400;
    width: 100%;
}

#sec_programa_presenta .container p{
    padding: 15px;
    text-align: center;
    font-size: 24px;

}

#sec_programa_presenta .container #sec_programa_presenta-video{
    margin-top: 30px;
    width: 100%;
    height: 300px;
}

#sec_programa_presenta .container div{
    margin-top: 50px;
    width: 100%;
    height:20px;
}

#sec_programa_presenta .container .input-boton-suscribete{
   margin-left: 20%;
}

.input-boton-suscribete{
    width: 300px;
    height: 60px;
    background: #545D69;
    border:1px solid #545D69;
    font-size: 25px;
    color: #ffffff;
    border-radius: 5px;
    padding: 15px;
    text-decoration: none;

}


/* sec_presenta_programa_det */


#sec_presenta_programa_det
{

}

#sec_presenta_programa_det h2
{
    font-family: "OpenSans-Light";
    font-size: 45px;
    font-weight: 300;
    text-align: center;
}

#sec_presenta_programa_det p
{
    padding:25px;
    text-align: center;
}

#sec_presenta_programa_det div img
{
    text-align: center;
    margin-left: 10%;

}

/* sec_presenta_programa_det_2 */

#sec_presenta_programa_det_2
{
    margin-top:40px;
    position:relative;
    background: rgba(30, 159, 140, 0.09);
    padding-bottom: 30px;
}
#sec_presenta_programa_det_2 h2{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;
    text-align: center;
}

#sec_presenta_programa_det_2 p{
    text-align: center;
    padding: 30px;
}

#sec_presenta_programa_det_sus {
    margin-top:40px;
    position:relative;

    padding-bottom: 30px;
}

#sec_presenta_programa_det_sus h2{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;
    text-align: center;
}


#sec_presenta_programa_det_sus p{
    text-align: center;
    padding: 30px;
    font-size:20px;
}

#sec_presenta_programa_det_sus .container{
    margin-top: 10px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    margin-bottom: 40px;
}

#sec_presenta_programa_det_sus .container article{
    color: #000;
    width: 375px;
    background: rgba(30, 159, 140, 0.05);
    font-family: "OpenSans-Light";
    font-size: 20px;
    font-weight: 300;
    padding: 20px;
  /*  border: 1px solid #545D69;*/
    border-radius:10px;
    text-align: center;
    margin: 5%;
}

#sec_presenta_programa_det_sus .container  article h3{
    font-family: "OpenSans-Light";
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

#sec_presenta_programa_det_sus .container  article .programa_precio{
    font-family: "OpenSans-Bold";
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    padding: 10px;
}

#sec_presenta_programa_det_sus .container  article .programa_precio_des{
    font-family: "OpenSans-Light";
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    padding: 20px;

    height: 60px;
}

#sec_presenta_programa_det_sus .container article ul{
    padding-top:10px;
    text-align: left;
    margin: 30px;
    margin-bottom: 50px;
}

#sec_presenta_programa_det_sus .container article .progama_instribete{
    text-align: center;
    margin-bottom: 30px;
    font-family: "OpenSans-SemiBold";
    font-size: 20px;
    font-weight: 300;

}

/* carrito de compras */
.main-carrito-compras{
    background: rgba(30, 159, 140, 0.09);
    border: 1px solid rgba(30, 159, 140, 0.09);
}

#sec_programa_compra h1{
    padding-top: 30px;
    margin-top: 70px;
    text-align: center;
    font-family: "OpenSans-Regular";
    font-size: 26px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
}

#sec_programa_compra .container{
    margin-top: 20px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    background: #ffffff;

}

#sec_programa_compra .container img{
    width: 200px;
    margin-top: 20px;
}

#sec_programa_compra .container p{
    padding-top: 20px;
    font-family: "OpenSans-SemiBold";
    text-align: center;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;

}

#sec_programa_compra .container .sec_programa_compra_sub_precio{
   font-size: 18px;
}

#dv_sec_programa_compra_precio{
    padding-top: 26px;
    font-family: "OpenSans-SemiBold";
    text-align: center;
    font-size: 26px;
    padding-bottom: 26px;
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
}

#dv_sec_programa_compra_precio div{
 /*   border: 1px solid #000000; */
    padding-left: 10%;
    padding-right: 10%;
}

/* #sec_programa_compra_2 */

#sec_programa_compra_2 h2{
    padding-top: 30px;
    text-align: center;
    font-family: "OpenSans-Regular";
    font-size: 26px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
}


#sec_programa_compra_2 .container{
    margin-top: 20px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    background: #ffffff;
    padding: 10px;

}

#sec_programa_compra_2 .container .input-text{
    margin-top: 20px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    background: #ffffff;
    padding: 10px;
    width: 560px;
    height: 40px;
    font-family: "OpenSans-Regular";
    font-size: 16px;
}
#sec_programa_compra_2 .container p{
    padding: 10px;
    text-align: center;
}


#sec_programa_compra_3 {
    margin-top: 30px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    padding: 0px;
    text-align: center;

}

#sec_programa_compra_3 p{
   /*border: 1px solid #000; */
    padding: 20px;
}


#sec_programa_compra_3 div{
    /*border: 1px solid #000; */
    padding: 20px;
    margin-bottom: 30px;
}

/* main-acceder*/

.main-acceder{
        background: rgba(30, 159, 140, 0.09);
}

#sec_acceder{
    margin-top:10%;
    background: #ffffff;
    padding-top: 1px;
    padding-bottom: 2%;
    margin-bottom: 12%;
}

#sec_acceder h1{
    margin-top: 5%;
    text-align: center;
    font-family: "OpenSans-Regular";
    font-size: 26px;
    font-weight: 400;
    color: #000000;


}

#sec_acceder .container{
    margin-top: 20px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;

}

#sec_acceder .container input{
    /*width: 300px;*/
    width: 85%;
    height: 35px;
    border: 1px solid #C4C4C4;
    padding: 5px;
    font-size: 16px;
}

.input-boton-small{
    width: 151px!important;
    height: 51px;
    background: #545D69;
    border:1px solid #545D69;
    font-size: 20px;
    color: #ffffff;
    border-radius: 5px;
    padding:5px;
    margin-left: 20%!important;
    text-decoration: none;
    -webkit-appearance: none;

}

#sec_acceder .container p{
    width: 90%;
    color: #000;

    text-align: center;
    margin: 15px;
}
#sec_acceder .container p a{
    color: #545D69;
    font-size: 16px;
    padding: 10px;
}

.sec-mid-body{
    margin-top: 20px;
    font-size: 16px;
    font-family: 'MuseoSans-700','Open Sans', sans-serif;;
    text-align: center;
}

/* mis programas */

#sec_mis_programas{
  /* border: 1px solid #000; */

    margin-top: 20px;
    padding-top: 10px;
    position:relative;

    margin-top:50px;
    position:relative;
    background: rgba(30, 159, 140, 0.09);
    padding-bottom: 20px;

}

#sec_mis_programas h1{
    text-align: center;
    font-family: "OpenSans-Light";
    font-size: 50px;
    font-weight: 300;

}

#sec_mis_programas .container{
    margin-top: 30px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

#sec_mis_programas .container article{

    margin: 25px;
    margin-top:5px;
    color: #000;
    width: 360px;
    border: 1px solid #545D69;
    border-radius:10px;
    height: 434px;
    background: #ffffff;
}

#sec_mis_programas .container article img{
    width: 358px;
    border-radius:10px 10px 0px 0px;
}

#sec_mis_programas .container article h3{
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #545D69;
}

#sec_mis_programas .container article p{

    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    font-weight: 300;
}

#sec_mis_programas .container article .programa-item-footer
{
    display:flex;
    justify-content:flex-start;
    color: #545D69;
    font-size: 18px;

    padding: 10%;
    padding-left: 25%;
}

#sec_mis_programas .container article .programa-item-footer .input-boton-suscribete{
  width: 180px;
  padding: 6%;
}

#sec_mis_programas .container article .programa-item-footer img{
 width: 43px;
 height: 40px;
}

#sec_mis_programas .container article .programa-item-footer p{
    padding-left: 5px;
    width: 400px;
}

#sec_mis_programas .container article .programa-item-footer .precio{
    text-align: right;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 500;
}

#sec_mis_programas div{
   text-align: center;

}


/**** Classroom  ****/


#main-container-classroom{
    width: 100%;
 /*   border: 1px solid #000;*/
}

/* classroom header ini */

#main-container-classroom header{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    height: 40px;
}

#header_classroom_left{
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 25%;
    display: none;
}

#header_classroom_left div{
    border: 1px solid #545D69;
    width: 40px!important;
    height: 40px!important;
    background: rgba(30, 159, 140, 0.15);
}

#header_classroom_left img{
    width: 30px;
    height: 30px;
}

#header_classroom_right{
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 100%;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    font-size: 14px;

}


#header_classroom_right_exit{

    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 10%;
    height: 39px;


}
#header_classroom_right_exit div{
    border: 1px solid #545D69;
    width: 40px!important;
    height: 40px!important;
    background: rgba(30, 159, 140, 0.15);
}
#header_classroom_right_exit img{
    width: 40px!important;
    height: 40px;
}

#header_classroom_right_back{
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 45%;
    text-align: center;
    padding: 5px;
}

#header_classroom_right_next{
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 45%;
    text-align: center;
    padding: 5px;
}

#header_classroom_right a{
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
}

#header_classroom_right a img{
    width: 15px;
    margin-top: -5px;
    margin-bottom: -3px;
}
#header_classroom_right a span{

}

.header_classroom_right_selected{
    background: rgba(30, 159, 140, 0.15)
}
/* classroom header end */


/* main_classroom_left ini */
#main_classroom_left{
    margin-top: 40px;
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 100%;

}

#main_classroom_left_header img{
    width: 100%;
}
#main_classroom_left_header h1{
    text-align: center;
    font-family: "OpenSans-SemiBold";
    font-size: 25px;
    font-weight: 400;
    color: #545D69;
    padding: 10px;
}
#main_classroom_left_header p{
    width: 100%;
    text-align: center;

    text-align: center;
    font-family: "OpenSans-Bold";
    font-size: 30px;
    font-weight: 500;
    padding: 10px;
    color: #545D69;
}

#main_classroom_left_menu{
    border: 1px solid rgba(30, 159, 140, 0.25);;
}

#main_classroom_left_menu .menu_item{

}

#main_classroom_left_menu .menu_item div{
    width: 100%;
    border: 1px solid rgba(30, 159, 140, 0.25);;
    color: #545D69;
    font-family: "OpenSans-Bold";
    font-size: 16px;
    padding-left: 15px;
    padding: 10px;
    background: rgba(30, 159, 140, 0.25);
}


#main_classroom_left_menu .menu_item section{
    border: 1px solid rgba(30, 159, 140, 0.25);;
    padding: 10px;
    background: rgba(30, 159, 140, 0.15);
    color: #545D69;
    font-family: "OpenSans-Light";
    font-size: 15px;
}

#main_classroom_left_menu .menu_item ul li{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin: 0px;
    padding: 0px;
    height: 69px;
}

#main_classroom_left_menu .menu_item ul{
    margin-bottom: 30px;
}

/* main_classroom_left_menu */

.sec_header_classroom_exit{
    width: 10%;
    margin-bottom: 0px;
}
.sec_header_classroom_exit img{
 /*  border: 1px solid #000; */
   margin-left: 0px;

}
.sec_header_classroom_doc{
    width: 90%;
     margin-bottom: 0px;
}
.sec_header_classroom_doc span{
    margin-left: 10px;
}
.sec_header_classroom_doc a{
   text-decoration: none;
    color: #545D69;
}
.img_header_classroom_check_hidden{
    visibility: hidden;
}

#main-container-classroom main{
    justify-content:flex-start;
    display:flex;
    flex-direction: column-reverse;

}

/* main_classroom_left end */

/* main_classroom_right ini */
#main_classroom_right{
    margin-top: 40px;
    border: 1px solid rgba(30, 159, 140, 0.75);
    width: 100%;
    padding: 2%;
    text-align: justify;
}

#main_classroom_right div{
    text-align: center;
    margin: 3%;
    height: 350px;
}

#main_classroom_right h2{
    text-align: left;
    margin: 1%;

}

#main_classroom_right p{
    margin: 2%;
}

/* main_classroom_right end */

    #b-club-title-2 img{

        display: none!important;
    }

/* Cards*/

.container-card {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 10px;
    width: 95%;
    font-weight: bold;
    margin: 0 auto !important;
}

.container-card div {
    margin-top: 20px;
    font-size: 22px;
}

.container-card p {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    font-size: 16px;
    color: #232A6D;
    margin: 0 auto;
    text-align: center;
    font-weight: normal;
    align-content: center;
}

.card {
    position: relative;
    width: 300px;
    background: #ffffff !important;
    border-radius: 20px !important;
    text-align: center;
    border: none;
    color: #232A6D;
    margin: 10px;
    overflow: visible;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    border-radius: 20px;
    z-index: 1;
    background-color: inherit;
}


.card-content {
    position: relative;
    z-index: 2;
    height: 300px;
    background: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); 
    text-align: center;
    align-content: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover .card-content {
    transform: translate(-5px, -5px);
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
}


.card:hover .card-bg {
    opacity: 1;
}

.card-p{
    
}


@media (min-width:600px){


     #sec_resources_post .container{

             flex-wrap:nowrap!important;

    }


    #sec_blog_post .container article{
    
        width: 378px;
       
    }

    #sec_blog_post .container article img{
        width: 377px;
    }


    #main-nav2 ul li{

        margin-left: 15px;
        margin-right: 15px;

    }

    #main-nav2 a{
        width: 100%!important;
    }

    #sec_det2{
        padding-bottom: 1% !important;
        padding-top: 1% !important;
    }

    #sec_det1 .container {
        padding-bottom: 3%!important;
    }

    

    #img_logo_footer{
        width: 125px;
    }

    #b-comienza-2{
        margin-left: 35%;
        margin-top: 5%;
    }

    footer .container section p{
        
    }

    #sec_det0_sec_message .container{
         max-width: 1280px;
         color: #ffffff;
         font-family: 'MuseoSans-500','Open Sans', sans-serif;
         font-size: 20px;
         text-align: center;
         padding: 1.8%;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
    }


    #sec_det0_sec_message{
        background-color: #0A60E3;
       /* 
        position: absolute;
        top: 950px; 
        */
    }

    #b-club-title-2 img{

      display: inline!important;
    }

    #sec_det0_influencer h2{
        text-align: center;
        font-size: 18px;
        font-family: 'MuseoSans-500';
        color: #26283B;
        padding-bottom: 0%;
    }


    #b-club-botones-1{

        margin-top: 0px!important;

    }

    #b-club-title{
        margin-top: 0px;
    }
    
    #banner-clubexc{
        margin-top: 5%;
        padding-bottom: 10% !important;
        max-width: 1280px !important;
    }

    ##b-club-title{
         width: 50%!important;
    }
    #b-club-title-1{
        font-size: 30px;
        margin-top: 20px;
       
        text-align: left;
    }

    #b-club-title-2{
        width: 50%;
        text-align: center;

    }

    #b-club-title-2 img{
        width: 550px;
    }

    #b-club-body-1{
        font-size: 14px;
    }

    .boton-link2{
        margin-left: 16%!important;
    }

}


@media (min-width:1024px){

  #btn-unete{
    font-size: 20px;
  }

    .btn_only_desktop{
        display: inherit !important;
    }


   .btn_only_mobile{
        display: none!important;
    }


    #b-club-title{
         /*height: 99%;*/
       /*  height: 600px; */
         height: auto;
        /* border: 1px solid #000;*/
         width: 50%!important;
    }

    #b-club-title-1{
        font-size: 35px;
        margin-top: 50px;
    }

    #b-club-body-1{
        font-size: 20px;
        margin-top: 5px;
        margin:5px;
    }


    #b-club-botones-1{
      /*  position: absolute;
        top: 70%;
        left: 41%!important;
        */
        position: relative;
      /*  border: 1px solid #000; */
        top: auto !important;
        left: auto !important;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        margin-left: 0%;
        margin-top: 0px!important;
    }

    .boton-link{
       /* font-size: 24px;*/
        margin: 20px;
        padding: 15px;
        padding-left: 65px;
        padding-right: 65px;

    }

    .boton-link2{
        margin-left: 5%;
    }

}

@media (min-width:1050px){

    #sec_det1 .container article div p.card-p {
        padding-right: 0% !important;
        text-align: center !important;
    }


    .banner-nosotros_det1 .container{
        padding: 5%; padding-top: 0px;
         padding-left: 2%; 
         text-align: justify;
    }
    
    .banner-nosotros_det1 .container article{
        width: 400px!important;
    }

    #banner-nosotros-img-logo{
        width: 290px !important;
    }

    .banner-nosotros #b-club-body-1{
        font-size: 20px !important;
        text-align: justify;
        padding: 10%;
    }
    

    .banner-marcas_1{
        width: 50%!important;
        padding-left: 1%!important;
    }

    .banner-marcas_2{
        width: 50%!important;
        padding-left: 1%!important;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #dv_contactame{
        padding-left: 1%!important;
    }

    #dv_contactame form{
        justify-content: left;
    }

    #dv_contactame input{
        width: 400px;
        height: 40px;
        margin: 10px;
        border-radius: 5px;
        border:1px solid #C4C4C4;
        font-size: 18px;
        padding-left: 1%;
        margin-bottom: 5px!important;
    }


    #dv_contactame textarea{
        width: 400px;
        height: 100px;
        margin: 10px;
        border-radius: 5px;
        border:1px solid #C4C4C4;
        font-size: 18px;
        padding-left: 1%;
        margin-bottom: 5px!important;
    }

    #sec_det1 .b-club-body-1{
        max-width: 65%;
        font-size: 24px;
    }

    .sec-mid-body{
        margin-top: 20px;
        font-size: 24px;
    }

    .banner-nosotros #b-club-body-1{
        margin-left: 0px;
        margin-right: 0px;
    }


    .banner-nosotros .banner-marcas_1 #b-club-title #b-club-title-1{
        margin-top: 0px;
        font-size: 45px !important;
        text-align: left;
        margin-left: 0px;
        margin-bottom: 0px;
    }


    .banner-marcas .banner-marcas_1 #b-club-title #b-club-title-1{
         margin-top: 0px;
         font-size: 45px !important;
         text-align: left;
         margin-left: 0px;
         margin-bottom: 0px;
     }
     
     .banner-marcas .banner-marcas_1 #b-club-title #b-club-body-1{
         margin-left: 0px;
         font-size: 25px;
         font-size: 25px !important;
         text-align: left;
     }



    .banner-profesionales-left{
        width: 50%;
    }
        
    .banner-profesionales-right{
            width: 50%;
    }

    .banner-profesionales #b-club-title{
        padding-bottom: 5% !important;
    }
    

    .banner-profesionales #b-club-title-1{
        font-size: 45px !important;
        margin-left: 5%;
        margin-right: 1%;
        padding-top: 10%!important;
        text-align: left;
    }

    .banner-profesionales #b-club-body-1{
       text-align: left;
        font-size: 25px;
        margin-left: 0px;
        padding-bottom: 0px!important;
    }

    .banner-profesionales #b-club-botones-1{
      left: 5% !important;
    }

    .b-club-botones-2{
        top:82%!important;
    }


    #dv_notification p a{
        font-size: 14px;
    }
    #dv_notification a{
        font-size: 16px;
    }
    #sec_det2 h2{
        
        font-size: 30px!important;
        padding-left: 20%;
        padding-right: 20%;
    }
    


    #img_det1_content_l_right{
        width: 500px!important;
    }
    #sec_det1 .container article{
        margin-top: 2%!important;
        max-width: 1280px !important;
    }

    #sec_det1 .container article .sec_det1_content_l_left{
        width: 50%;
      /*  border: 1px solid #000; */
        
    }
    
    #sec_det1 .container article .sec_det1_content_l_right {
        width: 50%;
        margin-left: 0px; /* Ajusta el margen según sea necesario */
        float: right; /* Alínea el contenido a la derecha */
    }
    
    

    #sec_det1 .container article div h3{
        text-align: left !important;
         font-size: 48px!important;
         font-weight: 900;
    }
    #sec_det1 .container article div h4 {
        text-align: left !important;
    }

    #sec_det1 .container article div p{
        text-align: justify!important;
        padding-left: 0%!important;
        padding-right: 20%!important;
        font-size: 16px;
        line-height: 1.4;
    }

    .sec_det1_content_sub{
        text-align: justify!important;
    }

    #b-comienza-1{
        margin-left: 0%;
        margin-top: 2%;
        display: inherit;
    }


    #sec_det1 h2{
     
        font-size: 45px;
 
    }


    .sec_det1_subtitle{
        padding: 3%;
        font-size: 25px;
        padding-left: 15%;
        padding-right: 15%;
    }
    


    #b-club-botones-1{
       /* top: 75%!important;*/
    }
    
/*
    .cont-main-menu{
        display: flex;
    }
*/
    #main-nav2{

        position: static;
        width: auto;
        height: auto;
        transform: translateX(0%);
        float: right;
        margin-top: 0px;
        background: none;

        display: flex!important;
        width: 65% !important;
        text-align: left;
        /*border: 1px solid #000;*/

        margin-left: 2%!important;
    
    }


    .main-nav-ul2{
        display: none!important;
    }

    #b-club-title-1{
        font-size: 54px!important;
        margin-top: 5%;
      /*  margin-left: 7%; */
        margin-right: 7%;
        margin-bottom: 3%;
        max-width: 90%;
       /* font-family: "Roboto Black 900 italic";*/
       font-family: "Roboto";
        font-weight: 900;
    }

    #b-club-body-1{
        font-weight: 600;
        font-size: 18px;
        margin-top: 5px;
        margin:15px;
        margin-left: 0%; 
        margin-right: 7%;
        text-align: left;
    }


    #b-club-botones-1{
     /*   position: absolute;
        top: 80%;
        left: 45%;
        */
    }


    .input-text{
        width: 350px!important;
        margin:10px;
        margin-left: 30px;

    }

    #sec_acceder .container input{
        width: 450px;
    }

    .input-boton-small{
        margin-left: 30%!important;
    }


    #sec_club_entrenadores .container .sec_club_entrenadores-art-foto img{
        width: 180px;
        margin-left: 60%;
    }
    #sec_club_entrenadores .container .sec_club_entrenadores-art-foto p{
        width: 180px;
        margin-left: 60%;
        text-align: center
    }
    #sec_club_entrenadores .container .sec_club_entrenadores-art-contenido p{
        text-align: justify;
        padding:0px;
    }


    #sec_programa_presenta .container div{
        margin-left: 35%;

    }

    #sec_programa_presenta .container #sec_programa_presenta-video{
        margin-top: 30px;
        width: 65%;
        height: 500px;
        margin-left: 2%;

   }

    #sec_presenta_programa_det div img{
        margin-left: 40%;
    }

    #sec_programa_presenta .container .input-boton-suscribete{
        margin-left: 10%;
    }

    #sec_programa_presenta .container {
        width: 100%;
    }




    /* #sec_programa_compra*/

    #sec_programa_compra .container{

        width: 678px;
        margin-left: 50px;
    }


   #sec_programa_compra h1{
     text-align: left;
     margin-left: 30px;
   }

   #sec_programa_compra_2 h2{
     text-align: left;
     margin-left: 30px;
   }

    #sec_programa_compra_2 .container{
        width: 678px;
        margin-left: 50px;
        padding-bottom: 20px;
    }

    #sec_programa_compra_2 .container p{
        text-align: left;
        margin-top: 10px;

    }

    #sec_programa_compra_3{
         width: 678px;
        margin-left: 50px;
        padding-bottom: 20px;

    }

    #sec_programa_compra_3 p{
        margin-bottom: 10px;
    }

    /* .main-acceder*/
    #sec_acceder{
        width: 519px;
        margin-left: 30%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .main-acceder{
        border: 1px solid rgba(30, 159, 140, 0.09);
    }

    #sec_mis_programas{
        padding-top: 40px;
    }

    #sec_mis_programas .container{
      margin-top: 0px;
    }


    /* Classroom */
       /* classroom header ini */

        #main-container-classroom header{
            /*display:flex;
            justify-content:space-around;
            flex-wrap:wrap;
            height: 40px;
            */
        }

        #header_classroom_left{
            /*border: 1px solid rgba(30, 159, 140, 0.75);*/
            width: 25%;
            display: block;
        }

        #header_classroom_left div{
            /*border: 1px solid #545D69;
            width: 40px!important;
            height: 40px!important;
            background: rgba(30, 159, 140, 0.15);*/
        }

        #header_classroom_left img{
        /*    width: 30px;
            height: 30px; */
        }

        #header_classroom_right{
            /*border: 1px solid rgba(30, 159, 140, 0.75);*/
            width: 75%;
           /* display:flex;
            justify-content:space-around;
            flex-wrap:wrap;
            font-size: 14px;*/
        }

        #header_classroom_right_exit{
            display: none;
        }

        #header_classroom_right_back{
        /*    border: 1px solid rgba(30, 159, 140, 0.75);
            width: 50%;
            text-align: center;
            padding: 5px;
            */
            width: 50%;
        }

        #header_classroom_right_next{
        /*    border: 1px solid rgba(30, 159, 140, 0.75);
            width: 50%;
            text-align: center;
            padding: 5px;*/
             width: 50%;
        }

        #header_classroom_right a{
          /*  text-decoration: none;
            color: #000000;
            vertical-align: middle; */
        }

        #header_classroom_right a img{
         /*   width: 15px;
            margin-top: -5px;
            margin-bottom: -3px;
            */
        }
        #header_classroom_right a span{

        }

        .header_classroom_right_selected{
          /*  background: rgba(30, 159, 140, 0.15) */
        }
        /* classroom header end */


        /* main_classroom_left ini  /2 */
        #main_classroom_left{
          /*
            margin-top: 40px;
            border: 1px solid rgba(30, 159, 140, 0.75);
            */
            width: 25%;

        }

        #main_classroom_left_header img{
           /* width: 100%; */
        }
        #main_classroom_left_header h1{

            /*
            text-align: center;
            font-family: "OpenSans-SemiBold";
            font-size: 25px;
            font-weight: 400;
            color: #545D69;
            padding: 10px;
            */
        }

        #main_classroom_left_header p{
            display: none;
        }

        #main_classroom_left_menu{
           /* border: 1px solid rgba(30, 159, 140, 0.25);*/
        }

        #main_classroom_left_menu .menu_item{

        }

        #main_classroom_left_menu .menu_item div{
         /*   width: 100%;

            border: 1px solid rgba(30, 159, 140, 0.25);;
            color: #545D69;
            font-family: "OpenSans-Bold";
            font-size: 16px;
            padding-left: 15px;
            padding: 10px;
            background: rgba(30, 159, 140, 0.25);*/
        }


        #main_classroom_left_menu .menu_item section{
        /*  border: 1px solid rgba(30, 159, 140, 0.25);;
            padding: 10px;
            background: rgba(30, 159, 140, 0.15);
            color: #545D69;
            font-family: "OpenSans-Light";
            font-size: 15px;
            */
        }

        #main_classroom_left_menu .menu_item ul li{
         /*   display:flex;
            justify-content:space-around;
            flex-wrap:wrap;
            margin: 0px;
            padding: 0px;
            height: 69px;*/
        }

        #main_classroom_left_menu .menu_item ul{
            margin-bottom: 30px;
        }

        /* main_classroom_left_menu */

        .sec_header_classroom_exit{
            width: 10%;
            margin-bottom: 0px;
        }
        .sec_header_classroom_exit img{
         /*  border: 1px solid #000; */
          margin-left: -8px;

        }
        .sec_header_classroom_doc{
           /* width: 90%;
             margin-bottom: 0px;*/
        }
        .sec_header_classroom_doc span{
           /* margin-left: 10px;*/
        }
        .sec_header_classroom_doc a{
          /* text-decoration: none;
            color: #545D69;*/
        }
        .img_header_classroom_check_hidden{
           /* visibility: hidden;*/
        }

        #main-container-classroom main{
            flex-direction:row;
        }

        /* main_classroom_left end */

        /* main_classroom_right ini */
            #main_classroom_right{
                /*margin-top: 40px;
                border: 1px solid rgba(30, 159, 140, 0.75);
                */
                width: 75%;
                /*
                padding: 40px;
                text-align: justify;
                */
            }

            #main_classroom_right div{
               /* text-align: center;
                margin: 40px;
                */
                height: 500px;

            }

            #main_classroom_right h2{
              /*  text-align: left;
                margin: 10px;
                margin-left: 0px;*/
            }

        /* main_classroom_right end */






}