p,a,span,h1,h2,h3,h4,h4,label,li{
    font-family: 'Poppins';
}
.toast{
    font-family: 'Poppins';
}
.toast-success{
    background-color:#3279fa ;
}
.borde_image_radius {
    border-radius: 20px;
}
.btn{
    font-family: 'Poppins'!important;
}
.btn-filtro {
    font-weight: 600;
    border-radius: 5px;
    border-width: 1px;
    font-style: normal;
    margin: 0.3rem 0.3rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    color: white;
    display: block !important;
    background-color: #32b8fa !important;
    border: transparent;
    width: 100%;
}


.btn-filtro:hover, .btn-filtro.active {
    color: #ffffff !important;
    background-color: #054dd0 !important;
    border-color: #054dd0 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.google-map {
    height: 350px !important;
}

.video_home {
    position: unset;
    width: 100%;
    border-radius: 10px;
}

.contenedor_video_home {
    width: 100%;
    display: block;
    top: 14px;
    padding-top: unset;
}

.contenedor_textos_home {
    width: 94%;
    position: absolute;
    z-index: 999;
    text-align: left;

}


.btn-logins, .btn-logins:active {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.btn-logins:hover, .btn-logins:focus, .btn-logins.focus, .btn-logins.active {
    color: #ffffff !important;
    background-color: #054dd0 !important;
    border-color: #054dd0 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.seccion1_home {
    margin: 3%;
}

.contenedor_texto > h1 {
    font-size: 65px;
    color: white;
    text-shadow: 3px 1px 6px #4479d9;
}

.contenedor_texto > p {
    font-size: 25px;
    font-weight: 400;
    color: white;
    text-shadow: 3px 1px 6px #4479d9;
}

.boton_login_home {
    width: 180px;
    height: 60px;
    font-size: 17px;
}

.boton_filtro_check {
    background-color: #054dd0 !important;
}

.owl-item > .item {
    margin: 20px !important;
    height: auto !important;
}

.owl-item > .item > .card-wrap {
    height: 250px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4479d9 !important;
}

.cursos_gradiente {
    height: 222px;
    background: linear-gradient(to top, #4479d9 11px, transparent, transparent);
    z-index: 999;
    position: relative;
    opacity: 1;
}

.datos_cursos_home {
    position: relative;
    bottom: 322px;
    z-index: 9999;
    margin-left: 10px;
}

.imagen_curso_wrap {
    position: relative;
    bottom: 222px
}

.img_responsive_carrusel {
    height: 300px;
    object-fit: cover;
}

.contenedor_imagen_curso_single {
    background-position: 0% 20%;
    background-size: inherit;
    background-repeat: no-repeat;
}

.sticky_banner_curso .btn-black{
    height: 40px;
    width: 250px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    background: black;
    border-radius: 7px;
    display: inline-block;
    font-size: 13px;
    border: unset;
    padding: 0.6rem 0.2rem !important;
    margin: 0.6rem 0.1rem !important;
    box-shadow: 0px 0px 12px 4px white;
}
.contenedor_interior_curso {
    height: auto;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.box_testimonial {
    border: 1px #e1e1e1 solid;
    border-radius: 20px;
    box-shadow: 1px 1px 6px #c8c8c8;
    padding: 15px;
}

.contenedor_portada_profesor {
    height: 500px;
    margin-top: 15px;
}

.portada_profesor {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    object-fit: cover;
}

.img_carrusel_clases {
    display: inline-block;
    width: 450px;
    margin-right: 25px;
    padding-top: 15px
}




.bloque_carrusel_clases {
    width: 100%;
    padding: 10px;
    height: 270px;

}

.clase_over {
    width: 91%;
    height: 100%;
    background: linear-gradient(to right, #316AFFB3 10%, #ffffff5e, transparent);
    opacity: 1;
    z-index: 1;
    position: absolute;
    border-radius: 18px;
}

.clase_over_video {
    width: inherit;
    height: 104%;
    z-index: 1;
    position: relative;
    border-radius: 20px;
}

.texto_clase_over {
    color: white;
    padding-left: 15px;
}

.clase_level_over {
    height: 35px;
    width: 60%;
    color: white;
    font-weight: bold;
    padding: 8px;
    margin: 15px;
    text-transform: uppercase;
    background: linear-gradient(to right, #76CAF2, #487DF7);
    border-radius: 7px;
    display: flex;

}

.clase_video_icons_over {
    width: auto;
    display: none;
    height: 40px;
    padding-left: 20px;
    background: linear-gradient(to bottom, #76CAF2, #487DF7);
    z-index: 3;
    position: absolute;
    border-radius: 8px;
    left: 26px;
    top: 10px;
}

.btn-nivel-clases {
    text-transform: uppercase;
    box-shadow: 2px 2px 10px #487DF7;
    width: 125px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    transition: 0.6s;
    height: 45px;
    font-size: 13px;
    border-radius: 9px!important;
}

.btn-nivel-clases:hover {
    background-color: #316AFF !important;
    border: 1px solid #316AFF !important;
    box-shadow: 2px 2px 10px #316AFF;
}

.margin_clase {
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) and (min-width: 490px) {
    .clase_over {
        width: 90%;
        height: 94%;
        border-radius: 20px;
    }
}

.contenedor_texto {
    margin-left: 60px;
    margin-right: auto;
    text-align: left;
    height: inherit;
    padding: 60px;
}

.img_clases {
    box-shadow: 2px 1px 6px black;
    opacity: 0.7;
    width: 100%;
    height: 270px
}

.btn_price_show {
    position: absolute;
    bottom: 0px;
    left: 90px;
    right: 90px;
}

@media (max-width: 489px) {
    .clase_video_icons_over {
            left:25px;
    }
    .btn_price_show {
        position: relative;
        bottom: 0px;
        left: unset;
        right: unset;
    }

    .bloque_carrusel_clases {
        height: inherit;
    }

    .margin_clase {
        margin-bottom: 15px;
    }

    .img_clases {
        box-shadow: 2px 1px 6px black;
        opacity: 0.7;
        width: 100%;
        height: 217px
    }

    .clase_over_video {
        width: 100%;
        height: inherit;
        z-index: 1;
        position: relative;
        border-radius: 20px;
    }

    .titulo_clase {
        margin-bottom: 25px !important;
    }

    .clase_over {
        width: 90%;
        height: 217px;
        border-radius: 20px;
    }

    .clase_level_over {
        padding: 6px;
        margin: 11px;
        margin-top: 15px;
        height: 35px;
        font-size: 13px;
        line-height: 22px;
    }

    .texto_clase_over {
        color: white;
        padding-left: 15px;
        width: inherit;
        font-size: 12px;
    }

    .texto_clase_over > p {
        margin-bottom: 0.30rem;
    }

    .contenedor_portada_profesor {
        height: 250px;
    }

    .contenedor_interior_curso {
        height: auto;
        padding-right: 0px;
        padding-left: 0px
    }

    .img_carrusel_clases {
        width: 250px;
    }

    .contenedor_imagen_curso_single {
        background-position: 0% 0%;
    }

    .cid-surLLUpCl5 .box {
        margin-top: 17rem !important;
    }

    .owl-item > .item {
        margin: 20px !important;
        height: 180px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .img_responsive_carrusel {
        height: 220px;
        object-fit: fill;
    }

    .cursos_gradiente {
        height: 255px;
    }

    .imagen_curso_wrap {
        bottom: 223px
    }

    .datos_cursos_home {
        bottom: 330px;
    }


    .boton_login_home {
        width: 140px;
        height: 33px;
        font-size: 13px;
        padding: 3px !important;
    }

    .cid-ssyI5gCjvw {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .textos_video_home {
        margin-bottom: 0px !important;
    }

    .mbr-section-btn {
        margin-top: 0px !important;
    }

    .contenedor_video_home {
        width: 100%;
        display: block;
        top: 40px;
        padding-top: unset;
    }

    .mbr-fullscreen {
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        align-items: center;
        min-height: unset;
        height: 32vh;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .contenedor_textos_home {
        width: 100%;
        position: relative;
        z-index: 999;
        margin-left: auto;
        margin-top: 10%;
        margin-right: auto;

    }

    .contenedor_texto {
        margin-top: 25px;
        margin-bottom: 20px;
        text-align: left;
        margin-left: 40px;
        margin-right: unset;
        padding: unset;
    }

    .contenedor_texto > h1 {
        font-size: 17px;
    }

    .contenedor_texto > p {
        font-size: 12px;
        text-shadow: 1px 1px 12px #000;
    }

    .video_home {
        position: unset;
        border-radius: 10px;
        margin: auto;
        margin-top: 35px;
    }

}


.section-header h2 {
    font-family: baloo;
    font-size: 50px;
    margin-bottom: 50px;
}

.single-team {
    position: relative;
    overflow: hidden;

}

.single-team:after, .single-team:before {
    position: absolute;
    content: '';
}

.single-team:before {
    width: 90%;
    height: 220%;
    top: -68%;
    left: -100%;
    z-index: 1;
}

.single-team:hover:before {
    left: 10%;
}

.single-team .team-text {
    text-align: center;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    left: 0;
    z-index: 2;
    transition: all .7s ease .1s;
}

.team-text2 {
    text-align: center;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    left: 0;
    z-index: 2;
    transition: all 1.0s ease .1s;
}

.single-team:hover:after {
    bottom: -70px;
}

.single-team img {
    width: 387px;
    height: auto;
    transition: all .4s ease 0s;
    margin: auto;
}

.single-team .team-text {
    top: 75%;
    width: auto;
    border-radius: 10px;
    margin: auto;
    left: 10%;

}

.team-text2 {
    top: 100%;
    width: 240px;
    border-radius: 10px;
    margin: auto;
    left: 10%;
    text-shadow: 1px 1px 3px black;
}

.team-text, .team-text2 p {
    color: white;
    font-size: 20px;
}

.single-team:hover .team-text {
    top: 55%;
}

.single-team:hover .team-text2 {
    top: 80%;
}

.single-team:hover .bg-dark-teachers {
    background: #6e6e6e;
    border-top: 4px solid #0228fb;
    border-left: 4px solid #0228fb;
}

.single-team:hover img {
    filter: brightness(35%);
}

h1, h2, h3, h4, h5 {
    font-family: Poppins;
}

.single-team h3 {
    font-size: 40px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-family: Poppins;
    background-color: black;
    padding: 5px;
    border-radius: 5px;
    text-align: left;

}

.bg-dark-teachers {
    width: 265px;
    height: 420px;
    position: absolute;
    border-radius: 10px;
    z-index: 0;
    top: 160px;
    opacity: 0.6;
    left: 7%;
    background: linear-gradient(to top, #0228fb, #5f97fd);
    transition: all .8s ease 0s;
}

/*.single-team h4{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top:5px;
    font-family: Poppins;
    color: #fff;
    background-color: black;
}*/
#inner_sup {
    margin-bottom: 20px;
    transform: translate3d(-80.0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    transform-style: preserve-3d;
    will-change: transform;
    transition: width 2s
}

#inner_inf {
    margin: auto;
    transform: translate3d(-45.0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    transform-style: preserve-3d;
    will-change: transform;
    transition: width 2s
}

@media (max-width: 789px) {
    #inner_sup {
        transform: translate3d(-83.0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    }

    #inner_inf {
        transform: translate3d(-50.0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    }

    .bg-dark-teachers {
        width: 265px;
        height: 420px;
        position: absolute;
        border-radius: 10px;
        z-index: 0;
        top: 160px;
        opacity: 0.6;
        left: 8%;
        background: linear-gradient(to top, #0228fb, #5f97fd);
        transition: all .8s ease 0s;
    }

    .single-team .team-text {
        top: 75%;
        width: auto;
        border-radius: 10px;
        margin: auto;
        left: 14%;

    }

    .team-text2 {
        top: 100%;
        width: 240px;
        border-radius: 10px;
        margin: auto;
        left: 14%;
        text-shadow: 1px 1px 3px black;
    }
}

@media (min-width: 790px) {

    .texto_guia_contacto {
        position: relative;
        top: 30%;
    }

}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 145px;
    left: -70px;
    top: -95px;
    position: relative;
    height: 0;
    color: red;
    z-index: 2;
}

blockquote::after {
    content: "\201C";
    display: block;
    font-size: 145px;
    left: 70px;
    top: 75px;
    position: relative;
    height: 0;
    rotate: 180deg;
    color: red;
    z-index: 2;
}

blockquote {
    font-style: italic;
    padding: 1rem;
    font-size: 1.2rem;
    position: relative;
    color: white;
    text-transform: uppercase;
}

.content_interior_profesor_avatar {
    position: absolute;
    bottom: 0%;
    top: -50px;
}

.img_curso_profesor {
    width: 108% !important;
    z-index: 10;
    position: relative;

}

.contenedor_prueba_profesor {
    background-position-y: 0% !important
}

.contenedor_cursos_profesor {
    width: 80%;
    margin: auto;
}

.title_about {
    font-weight: bold;
    font-size: 65px;
    position: absolute;
    top: 265px;
    width: 45%;
    text-align: left;
    left: 50px;
}


@media (max-width: 790px) {
    .title_about {
        font-size: 40px;
        position: absolute;
        top: 50px;
        width: 100%;
        text-align: center;
        left: 0px;

    }

    .owl-item {
        margin-bottom: 10px;
    }

    .contenedor_cursos_profesor {
        width: 100%;
        margin: auto;
    }

    .contenedor_prueba_profesor {
        background-position-y: 70% !important
    }

    .cid-ssyI5gCjvw .content__block {
        background: #ffffff;
        border-radius: 4px;
        padding: 0px;
    }

    .img_curso_profesor {
        width: 100% !important;
        margin-bottom: 15px;
        height: 250px;
        object-fit: cover
    }

    .content_interior_profesor_avatar {
        position: relative;
    }

    blockquote::before {
        content: "\201C";
        display: block;
        font-size: 100px;
        left: -50px;
        top: -70px;
        position: relative;
        height: 0;
        color: red;
        z-index: 2;
    }

    blockquote::after {
        content: "\201C";
        display: block;
        font-size: 100px;
        left: 45px;
        top: 40px;
        position: relative;
        height: 0;
        rotate: 180deg;
        color: red;
        z-index: 2;
    }
}

.box-post {
    background-color: black;
    border-radius: 10px;
    color: white;
    margin-top: 15px;
}

.blog-item {
    padding-left: 70px !important;
    padding-right: 70px !important;
    margin-bottom: 60px;
}

.bloq_redes {
    background-color: #e3e3e3;
    border-radius: 7px;
    text-align: center;
    color: black;
    margin: auto;
    padding: 5px;
    width: 100%;
}

.block_post_single {
    margin-top: 260px;
    margin-bottom: 80px;
    width: 100%;
    max-width: unset;

}

.text_post {
    padding-left: 65px !important;
}
.img_post_single{
    border-radius: 10px;height: 600px;object-fit: cover;margin-top:10px;object-position: center
}
.box_sup_post_single{
    background-color: #4479d9 ;height: 600px;width: 100%;max-width: unset;padding-left: 60px;padding-right: 60px
}
@media (max-width: 490px){
    .img_post_single{
        height: 250px;
    }
    .box_sup_post_single{
        height: 350px;
    }
    .text_post {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}
.rows_posts {
    padding-left: 70px;
    padding-right: 70px;
}

.owl-stage {
    margin-top: 20px;
    margin-bottom: 20px
}
video[poster]{
    height:270px;
    width:100%;
    object-fit: fill;
}
@media (max-width: 490px) {
    video[poster]{
        height:217px;
        width:100%;
        object-fit: fill;
    }
    .rows_posts {
        padding-left: 30px;
        padding-right: 30px;
    }
    .block_post_single {
        margin-left: unset !important;
        margin-top: 70px;
    }

    .blog-item {
        padding: 0px !important;
    }
}
.toast, toast-warning, toast-error, toast-error{
    opacity: 1 !important;
}
.cid-ssyG6Yu2Ev .dropdown-menu {
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    width: max-content;
}
.img-items-cal {
    width: 20px;
    float: right;
    top: 15px;
    right: 15px;
    position: absolute;
}
.btn-blue {
    height: 40px;
    width: 140px;
    color: white;
    font-weight: bold;
    /* padding: 8px; */
    /* margin: 15px; */
    text-transform: uppercase;
    background: linear-gradient(to right, #76CAF2, #487DF7);
    border-radius: 7px;
    /* display: flex; */
    display: inline-block;
    box-shadow:  1px 1px 11px #76CAF2;
    font-size: 13px;
    border: unset;
    padding: 0.6rem 0.2rem !important;
    margin: 0.6rem 0.1rem !important;
}

.btn-blue:hover {
    color: white;
    box-shadow: 2px 2px 7px #76CAF2;
}
.swiper-horizontal > .swiper-scrollbar {

    height: 20px!important;

}
.loading_screen_checkout{
    position: absolute;
    width: 100%;
    background-color: grey;
    opacity: 0.6;
    height: 90%;
    z-index: 100;
    text-align: center;
}
.loading_screen_checkout>#content_loading img{
    width: 200px;
    z-index: 101;
    position: relative;
    margin:auto;
}
.loading_screen_checkout>#content_loading p{
    z-index: 101;
    position: relative;
    font-size: 40px;
}
#content_loading{
    display: table-cell;
    vertical-align: middle;
}
.cc_dialog {
	padding: 0.5rem!important;
}
.cc_dialog .cc_dialog_headline {
	font-size: 20px!important;
	font-weight: 600;
}
.cc_dialog .cc_dialog_text {
	font-size: 13px!important;
}
.cc_css_reboot button {
	padding: .2rem 0.5rem!important;
}
.preloader{
    z-index: 999999;
    position: absolute;
    width: 100%;
    background-color: white;
    height: 100%;
}
.preloader img{
    width: 250px;
    height: 250px;
    object-fit: cover;
    margin: auto;
    margin-top: 30vh;
}