.col-2p4{
    flex: 0 0 18%;
    max-width: 18%;
}
.first-v{
    height: 500px;
    background-image: linear-gradient(to top,#151323,#211c20);
    color: white;
}
.first-v h2{
    font-size: 2.5rem !important;
}
.first-v h6,a{
    font-family: 'Montserrat-Light';
    font-size: .95rem !important;
}
.div-sitios2 a{
    font-size: .79rem !important;
}
.first-v a{
    color: white;
}
.first-v a:hover{
    color: white;
}
.yt{
    color: #F9C300;
}
.first-v .pt{
    color: #60388E;
}
.rank-txt{
    font-size: 3rem !important;
}
.carousel-indicators{
    margin-right: 70% !important;
    margin-bottom: 70px;
}
.btn-ins:hover{
    border-color: #A186E6;
    border-width: 2px;
    background-color: transparent;
    
}
.btn-ins{
    background-color: #8f65ff;
    -webkit-box-shadow: 1px 7px 79px -8px rgba(143,101,255,1);
    -moz-box-shadow: 1px 7px 79px -8px rgba(143,101,255,1);
    box-shadow: 1px 7px 79px -8px rgba(143,101,255,1);
    margin-top: 30px;
    color: #fff !important;
}
.first-v-text{
    padding-top: 5%;
    padding-bottom: 6%;
    padding-left: 9%;
    font-family: 'Montserrat';
}
.first-v h3,h6, .first-v h1{
    margin-top: 20px !important;
}
.play-text-b1::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-01.jpg');
    background-size: auto 130%;
    background-repeat: no-repeat;
    background-position-x: left;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    opacity: .5;
}
.play-text-bk::before{
    z-index: 1;
    background-image: var(--urlcover);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 90px;
    opacity: 0.4;
}
.play-text-bk-prepa1{
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
.play-text-bk-prepa2 ul{
    font-size: 20px;
}
.play-text-bk-prepa2{
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
.play-text-bk-prepa3{
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 40%;
}
.play-text-bk-prepa3 .first-v-text{
    padding-left: 0px !important;
    padding-right: 9% !important;
    z-index: 3 !important;
}
.play-text-b2::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    
}
.play-text-bk-prepa4{
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
.nonsm{
    display: none;
}
.play-text{
    font-family: 'Cera Pro';
    vertical-align: center !important;
}
.play-text i{
    font-size: 3rem;
    transition: 0.3s;
    z-index: 2;
}
.play-text a{
    transition: 0.3s;
}
.play-text:hover i{
    font-size: 4rem;
}
.play-text:hover a{
    visibility: hidden;
}
.play-text:hover{
    cursor: pointer;
}
.play-text-btn{
    padding-top: 20%;
    padding-left: 60%;
}
/**/
#fixe-banner{
    position: fixed;
    width: 100%;
    z-index: 0;
    background-image: url('../img/banners22/banner-admisiones.jpg'),linear-gradient(to right, #0D0407, #3A0D34);
    background-size: auto 100%;
    background-position: top;
    background-repeat: no-repeat;
}
#banner-space{
    width: 100%;
}
.sec-relative{
    position: relative; 
    width: 100%;
    background-color: #fff;
}
.div-talgal .owl-dots{
    display: none;
}
.container-layer-text{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    height: 57%;
    margin: 0 auto;
}
.container-layer-container{
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 25px;
}
.layer-left{
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
}
.div-btn-fix{
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
}
.cards-enl{
    position: relative;
    width: 100%;
    z-index: 300;
    margin-top: -40px;
}
.mycard{
    background-color: white;
    color: #4D4F5C;
    border-top: 4px solid;
    border-top-color: #9E7AFF;
    margin: 10px;
    padding: 10px;
    border-bottom-right-radius: 3%;
    border-bottom-left-radius: 3%;
    font-size: 0.9rem;
}
.licon{
    color: #9E7AFF;
    font-size: 250%;
    margin-top: 20%
}
.mycard:hover{
    cursor: pointer;
    background-image: linear-gradient(to top,#9d79fd,#6242b6);
    z-index: 2;
    color: white !important;
}
.mycard:hover i{
    color: white !important;
}
.mycard:hover .icye{
    color: #ffc600 !important;
}
.col-card{
    flex:19%;
    max-width: 19%;
}
/**/
.div-ofe{
    background-color: #ffffff;
    color: #636F7B;
    z-index: 1;  
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: center;
}
.inf-ofe{
    margin-top: 10%;
    padding-left: 10%;
    padding-right: 2%;
    padding-bottom: 5%;
}
.div-ofe img{
    width: 100%;
}
.more-text{
    display: inline;
}
.more-read{
    display: none;
}
.more-text2{
    display: none;
}
.more-read2{
    display:inline;
    color:#b83def;
}
.div-ofe h3{
 font-size: 1.5rem;
}
/* sitios */
.div-sites{
    background-color: whitesmoke;
    color: white;
    margin-left: 0% !important;
}
.div-sites a{
    color: white;
    text-decoration: none;
}
.div-sites a h3{
    font-weight: bold;
}
.btn-ins2{
    border-color: #A186E6;
    border-width: 2px;
    margin-top: 30px;
    color: white !important;
}
.btnhomesi{
    position: absolute;
    top: 220px;
}
.recorbtn{
    margin-bottom: 30px;
    margin-top: 0px;
}
.btn-ins2 i{
    font-size: 1.1rem;
}
.card-site{
    padding-right: 0px !important;
    padding-left: 0px !important;
    transition: all 0.5s ease;    
}
.card-site .card{  
    border:0px !important;
    border-radius: 0px !important;   
    height: 400px;
    background-color: #0F0E24;
    transition: all 0.5s ease; 
}
.card-site .card-bach::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-02.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-tsu::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-03.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-lic::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-04.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-sab::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-05.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-onl::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-06.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-pos::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-07.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-edu::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-08.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card-esp::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/image-09.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-site .card:hover::before {  
    background-size: auto 110%;  
  }
.card-site .card-body{
    margin-top: 30%;
    margin-left: 10%;
    margin-bottom: 10%;
}
.card-site .card:hover{
    cursor: pointer;  
    background-color: rgba(126, 12, 232, 1); 
}
.card-site .card:hover .btn-ins2, .btn-ins2:hover{
    border-color: #ffd800;
    background-color: #ffd800;
    color: #5412a3 !important;
    font-weight: bold !important;
}
.card-site .card:hover .card-title{
    font-size: 2rem !important;
}
.card-site img{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 1;
    opacity: .5;
}
.card-site:hover img{
    width: 110%;
    height: 110%;
}
.card-site .card-body{
    z-index: 2;
}
.special-bi-card{
    margin: 0px !important;
}
.bi-card-1{
    margin-top: 10% !important;
    margin-left: 10% !important;
}
.bi-card-2{
    margin-left: 40% !important;
    margin-right: 10% !important;
}
.special-bi-card .btnhomesi{
    position: static;
    margin-top: 0px;
}
/* Logros */
.div-logros .card-footer,.card-body, .card{
    background-color: transparent;
    border: transparent;
    padding: 0px
}
.div-logros{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    /*margin-top: 15px;*/
    color: white;
    padding-top: 6%;
}
.div-logros .card{
    margin-bottom: 50px;
    margin-top: 50px;
}
.div-logros h4{
    font-size: 3rem;
    color: #FED700;
}
.div-logros h3{
    font-size: 3rem;
}
.div-logros h2{
    font-size: 15rem;
}
.div-logros hr{
    border-color: #FED700;
    border-width: 2px;
    opacity: .4;
    width: 100%;
}
.mon-eb2{
    font-family: 'Montserrat-EB' !important;
}
.mon-li2{
    font-family: 'Montserrat-Light' !important;
}
.lo-p1{
    font-size: 17px;
}
.lo-p2{
    font-size: 15px;
}
.lo-ti{
    font-size: 2.5rem;
}
.lo-te{
    font-size: 1.2rem;
}
.n29{
    margin-top: 3%;
    margin-left: 5%;
}
.img29{
    height: 110%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    margin-left: 20%;
}
.nu29{
    z-index: 1;  
    margin-top: -50px;
}
.te29{
    z-index: 3;
    position: absolute;
    margin-top: -50px;
}
.la-lo{
    padding-right: 20%;
}
.btn-logros{
    color: white !important;
}
.btn-logros:hover{
    color: #ebbc12 !important;
    font-weight: bold;
}
.justspace{
    height: 200px;
}
/**/
.whitediv{
    background-color: white;
    height: 15px; 
    position: relative;
    z-index: 3;
}
.div-conttest h4{
    font-size: 18px;
}
.div-conttest h2{
    font-size: 46px;
}
.div-conttest p{
    font-size: 17px;
    margin-top: 4% !important;
}
.div-conttest a{
    font-size: 14px;
}
.div-cont{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    margin-right: 0px;
    margin-left: 0px;

}
.div-cont img{
    width: 98%;
    position: absolute;
    bottom: 0;
    max-width: 316px;
    margin-left: -15%;
}
.text-test, .text-cont{
    padding-top: 10%;
    padding-bottom: 6%;
    z-index: 3;
}
.div-test{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    margin-right: 0px;
    margin-left: 0px;
    z-index: 10;
}
.div-test img{
    width: 124%;
    position: absolute;
    bottom: 0;
    max-width: 400px;
    margin-left: -27%;
}
.ctoff{
    margin-left: 8.333333%;
}
/* interes */
.div-interest{
    background-color: #0f0e24;
    color: #43425d;
    margin-left: 0% !important;
    /*margin-top: 15px;*/
}
.div-interest a{
    color: #43425d;
}
.card-inte .card{  
    border:0px !important;
    border-radius: 0px !important;   
    height: 350px;
    background-color: #75757a;
    transition: all 0.5s ease; 
}
.card-inte h3{
    font-size: 18px;
}
.card-inte p{
    font-size: 15px;
}
.card-inte .card-body{  
    position:absolute;
    background-color: #dededf;
    bottom: 0px;
    padding: 10%;
    transition: all 0.5s ease; 
    width: 70%;
    height: 55%;
}
.card-inte .card-aspaa::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-01.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.card-inte .card-vincu::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-02.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-talle::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-03.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-depor::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-04.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-corre::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-05.jpg');
    opacity: 0.5;
    background-position:left;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-sinto::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-06.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.card-inte .card-publi::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-07.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.card-inte .card-temar::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-08.jpg');
    opacity: 0.5;
    background-position:bottom;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-calen::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-09.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-club::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-10.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-bibli::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-11.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-empre::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-12.jpg');
    opacity: 0.5;
    background-position:left;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-direc::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-13.jpg');
    opacity: 0.5;
    background-position:center;
    background-size: cover;
    transition: all 0.5s ease; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.card-inte .card-becas::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-14.jpg');
    opacity: 0.5;
    background-position:right;
    background-size: cover;
    transition: all 0.5s ease; 
}
.card-inte .card-citas::before{    
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../img/si-15.jpg');
    opacity: 0.5;
    background-position:right;
    background-size: auto 100%;
    transition: all 0.5s ease; 
}
.card-inte .card:hover{
    cursor: pointer;  
    background-color: black; 
}
.card-inte .card:hover .card-body{
    color: white !important;  
    background-color: transparent;
    border-right: 2px solid;
    border-color: #dededf;
}
.btn-interest{
    position: absolute;
    margin-left: 100%;
    margin-top: -20%;
    width: 100px;
    font-size: 18px !important;
    color: white;
    visibility: hidden;
}
.btn-interest i{
    color: #FED700;
}
.card-inte .card:hover .btn-interest{
    visibility: visible;
}
/* egresados */
.div-egres{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    margin-top: 15px;
    padding: 5%;
    color: #636F7B !important;
}
.btn-egres{
    border-color: #A186E6;
    border-width: 2px;
    color: #636F7B !important;
}
.egres-card img{
    width: 70%;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: 15%;
    position: absolute;
    margin-top: -60%;
    transition: all 0.5s ease; 
}
.txt-egname{
    font-size: 18px !important;
    display: block;
}
.txt-eginfo{
    font-size: 13px !important;
    display: block;
}
.txt-egname2{
    font-size: 18px !important;
    color:#FED700 !important;
}
.txt-eginfo2{
    font-size: 13px !important;
    color: white !important;   
}
.eg-unseen{
    display: none;
}
.egres-card{
    background-color: #F8F7F7  !important;
    border-color: transparent !important;
    height: 350px;
    margin-top: 15%;
    width: 18rem;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.5s ease; 
}
.egres-card:hover{
    background-color: #0f0e24 !important;
}
.egres-card:hover img{
    margin-top: -40%;
}
.egres-card:hover .eg-unseen{
    display: block;
}
.egres-card:hover .txt-eginfo{
    display: none;
}
.egres-card:hover .txt-egname{
    display: none;
}
.play-text2{
    font-family: 'Cera Pro';
    vertical-align: center !important;
}
.play-text2 i{
    font-size: 2rem;
    transition: 0.3s;
}
.play-text2 a{
    transition: 0.3s;
}
.play-text2:hover i{
    font-size: 3rem;
    margin-left: 5%;
}
.play-text2:hover a{
    visibility: hidden;
}
.play-text2:hover{
    cursor: pointer;
}
.egres-card .card-body{
    padding-top: 40%;
}
/* galería */
.div-gallery{
    margin-top: 15px;
}
.div-gallery {
    overflow: hidden; 
  }
  .div-gallery img {
    z-index: 2;
    transition: transform .5s ease;
  }
  
  .div-gallery img:hover {
    transform: scale(1.5);
    z-index: 3;
    position: relative;
  }
.gal-4{
    height: 40%;
    width: 100%;
}
.gal-6{
    height: 60%;
    width: 100%;
}
.gal-3{
    height: 33.33%;
    width: 100%;
}
.gal-2{
    height: 20%;
    width: 100%;
}
.nopa{
    padding: 0px;
}
.div-talgal .owl-item{
    margin-right: 0px !important;
  } 
  .div-talgal img{
    height: auto !important;
  } 
/* recorrido */
.div-recor{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 8%;
    padding-left: 8%;
    color: #43425D  !important;
    background-color: #fff;
}
.div-recor p{
    margin-top: 5%;
}
.div-recor .col-rec{
    padding: 2%;
    transition: all 0.5s ease;
}
.div-recor .col-rec:hover{
    cursor: pointer;
}
.div-recor .col-rec:hover img{
    width: 90%;
    margin-bottom: 0.5%;
}
.div-recor img{
    width: 60%;
    margin-bottom: 22%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.5s ease;
}
/* UVP */
.div-uvp{
    background-color: #fff;
}
.div-uvp .col-info{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 8%;
}
.div-uvp .col-info .card{
    border-color: transparent;
    background-color: #F4F4F4;
}
.div-uvp .col-info h2{
    color: #5D3EAE;
    font-size: 46px;
    margin-bottom: 5%;
}
.div-uvp .col-info p{
    font-size: 17px;
}
.div-uvp .col-img img{
    width: 100%;
    height: auto;
  }
  @supports(object-fit: cover){
    .div-uvp .col-img img{
        height: 70%;
        object-fit: cover;
        object-position: center center;
        bottom: 0px;
        position: absolute;
      }
  }
.info-cards{
    margin-top: 5%;
    width: 100%;
}
.info-cards .card-body{
    margin: 10%;
}
/* Modales */
#calendarModal{
    background-color: #d0ced0 !important;
    opacity: 0.95;
}
#calendarModal .modal-content{
    background-color: transparent;
    border: none;
}
.border-dark{
    border: 1px solid;
    border-color: #8F65FF !important;
    background-color: #e3e2e4;
}
.border-dark h5{
    background-color: #8F65FF;
    color: #ffffff !important;
    font-weight: bold;
    padding: 5%;
}
.border-dark td{
    padding: 1%;
}
.border-dark:hover td{
    color: #ffffff;
}
.calmod-text{
    padding: 5%;
}
.border-dark:hover{
    border: 1px solid;
    border-color: #8F65FF !important;
    color: white !important;
    background-color: #8F65FF;
}
.border-dark:hover h5{
    color: white !important;
}
.btn-modal{
    border: 1px solid;
    border-color: lightgrey;  
}
.btn-modal:hover{
    border: 1px solid;
    border-color: #91268f;
    color: white !important;
    background-color: #91268f;
}
#men-ofe-lict, .men-ofe-lict{
    display: none;
  }
.onphone-espcards{
      display: none !important;
      background-color: #fff;
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
.div-sitios2{
    padding: 5%;
    background-color: #fff;
  }
.div-sitios2 h5{
    font-size: 17px;
    margin-top: 30px
  }
.btn-sit2{
      background-color: #ededed;
      color: #5e3fb1;
      margin-bottom: 30px;
}
.btn-sit2:hover{
    color: #FED700;
}
.btn-programs{
    border: #fff 2px solid;
    border-radius: 10px;
    color: #fff;
    width: 300px;
    margin-top: -10%;
    position: absolute;
    margin-left: 48%;
}
.btn-programs2{
    margin-left: 75%;
}
.btn-programs:hover{
    background-color: #fff;
    color: #8F10C2 !important;
}
.div-programas{
    margin-left: 60px;
    margin-top: 50px;
}
.banner-content{
    margin-top: -25%;
    position: absolute;
    margin-left: 42%;
    width: 50%;
}
.banner-contentv2 {
    margin-top: -25%;
    position: absolute;
    margin-left: 54%;
    width: 30%;
}
.banner-contentv3 {
    margin-top: -25%;
    position: absolute;
    margin-left: 54%;
    width: 30%;
}
.nsizebanner .h5{
    font-size: 2.25rem;
}
.nsizebanner .h4{
    font-size: 2.5rem;
}
.nsizebanner .h3{
    font-size: 2.75rem;
}
.acredi-logo{
    position: absolute;
    left: -50%;
    top: -20px;
}
.aclo2, .aclo3{
    width: 250px;
}
.aclo4{
    width: 180px;
}
.newprograms{
    margin-left: 50%;
    margin-top: -500px;
}
.newprograms hr{
    width: 48%;
    border-top: #fff 4px solid;
    margin-left: 0px;
}
.newprograms .h1{
    font-size: 3.5rem;
}
.newprograms .h2{
    font-size: 3rem;
}
.btn-programs-block{
        margin-top: -0px !important; 
        position: static !important;
        margin-left: -0px !important;
}
.admin-container{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.ba23-1{
    background-image: url('../img/admisiones/2023/Grupo 12.png');
}
.ba23-2{
    background-image: url('../img/admisiones/2023/Grupo 11.png');
}
.ba23-3{
    background-image: url('../img/admisiones/2023/Grupo 10.png');
}
.ba23-4{
    background-image: url('../img/admisiones/2023/Grupo 9.png');
}
.btns-admin23{
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
    padding: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
}
.ba32a{
    width: 100%;
}
.ba32a:hover{
    text-decoration: none !important;
}
.btns-admin23 .ctitle{
    font-family: 'Montserrat-EB';
    font-size: 18px;
}
.btns-admin23 p{
    font-family: 'Montserrat-Light';
    font-size: 12px;
}
.btns-admin23 img{
    position: absolute;
    width: 140px;
    right: -20px;
    margin-top: -105px;
}
.btns-admin23 l{
    background-color: #FFCE00;
    border-radius: 5px;
    color: #2E4B60;
    font-weight: bold;
    padding: 5px;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    font-family: 'Montserrat';
}
.btns-admin23 l i{
    margin-left: 30px;
}
.admin-space{
    height: 5px;
}
/**/
@media screen and (max-width: 2040px){
    .card-site .card-lic::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-sab::before{ 
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; 
    }
    .card-site .card-onl::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-pos::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-edu::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-esp::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media screen and (max-width: 1800px) {
    .col-2p4{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-card{
        flex:22%;
        max-width: 22%;
    }
    .div-cont img{
        width: auto;
        height: 100%;
        margin-left: -15%;
    }
    .div-test img{
        width: auto;
        height: 100%;
        margin-left: -35%;
    }
    #fixe-banner{
        background-size: 100% auto;
    }
}
@media screen and (max-width: 2149px) {
    .eg-4-nonphone{
        display: none;
    }
    .play-text-b2::before{
        background-position-x: right;
        
    }
}
@media screen and (max-width: 1788px) {
    .eg-1-nonphone{
        display: none;
    }
    .egres-card{
        margin-top: 20%;
    }
}
@media screen and (max-width: 1726px) {
    .play-text-bk-prepa3{
        background-position: 28%;
    }
    .newprograms{
        margin-top: -28%;
        margin-left: 40%;
    }
}
@media screen and (max-width: 1649px) {
    .card-inte .card-body{
        max-height: initial;
     }
}
@media screen and (max-width: 1600px) {
    .newprograms .h1{
        font-size: 3rem;
    }
    .newprograms .h2{
        font-size: 2.5rem;
    }
    .newprograms {
        margin-top: -26%;
        margin-left: 45%;
    }
    .acredi-logo {
        left: -60%;
    }
}
@media screen and (max-width: 1500px) {
    .banner-contentv3 {
        margin-top: -30%;
        width: 40%;
    }
    .nsizebanner .h5{
        font-size: 1.75rem;
    }
    .nsizebanner .h4{
        font-size: 2rem;
    }
    .nsizebanner .h3{
        font-size: 2.25rem;
    }
    .aclo2{
        margin-top: 20px;
    }
}
@media screen and (max-width: 1434px) {
    .newprograms {
        margin-top: -30%;
    }
}
@media screen and (max-width: 1456px) {
    .div-ofe{
        padding-top: 15%;
    }
    .inf-ofe{
        margin-top: auto;
    }
    .div-test img{
        width: auto;
        height: 105%;
        margin-left: -47%;
    }
    .ctoff {
        margin-left: 5%;
    }
    .play-text-bk-prepa1,.play-text-bk-prepa2,.play-text-bk-prepa3,.play-text-bk-prepa4{
        background-color: #682596;
        background-size: 1500px auto;
    }
}
@media screen and (max-width: 1424px) {
    .eg-2-nonphone{
        display: none;
    }
    .egres-card{
        margin-top: 20%;
    }
}
@media screen and (max-width: 1400px) {
    .play-text-bk::before{
        background-repeat: no-repeat;
        background-position-x: 65%;
    }
}
@media screen and (max-width: 1360px) {
    .img29{
        height: 70%;
        position: absolute;
        z-index: 2;
        bottom: 0;
        margin-left: 10%;
    }
    .div-programas{
        margin-left: 0px;
        width: 80%;
    }
}
@media screen and (max-width: 1325px) {
    .col-card{
        flex:25%;
        max-width: 25%;
    }
    .acredi-logo {
        left: -70%;
    }
    .aclo2 {
        left: -50%;
    }
}
@media screen and (max-width: 1265px) {
    .nsizebanner .h5{
        font-size: 1.25rem;
    }
    .nsizebanner .h4{
        font-size: 1.5rem;
    }
    .nsizebanner .h3{
        font-size: 1.75rem;
    }
    .newprograms .h1{
        font-size: 2.5rem;
    }
    .newprograms .h2{
        font-size: 2rem;
    }
    .newprograms {
        margin-top: -28%;
        margin-left: 40%;
    }
}
@media screen and (max-width: 1200px) {
    .play-text-btn{
        padding-top: 30%;
    }
    .nonphone-uvpimg{
        display: none;
    }
    .div-uvp{
        padding-left: 100px;
    }
    .col-2p4{
        flex: 0 0 33.333%;
        max-width: 33.33%;
    }
    .play-text-bk::before{
        background-repeat: no-repeat;
        background-position-x: 65%;
    }
    .play-text-bk{
        height: 600px !important;
    }

}
@media screen and (max-width: 1183px) {
    .play-text-b1::before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-size: auto 130%;
        background-repeat: no-repeat;
        background-position-x: 70%;
        opacity: .4;
        
    }
    .play-text-b2::before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-size: auto 130%;
        background-repeat: no-repeat;
        background-position-x: 80%;
        
    }
    .content-simple-list{
        margin-top: -30%;
    }
}
@media screen and (max-width: 1160px) {
    .div-ofe{
        padding-top: 20%;
    }
    .div-test img {
        margin-left: -90%;
    }
    .play-text-b2::before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position-x: 55%;
        
    }
    .play-text-bk-prepa2{
        background-size: 110% auto;
        background-position: -14%;
    }
    .play-text-bk-prepa4{
        background-size: 110% auto;
        background-position: -14%;
    }
    .newprograms {
        margin-top: -30%;
        margin-left: 48%;
    }
}
@media screen and (max-width: 1150px) {
    .banner-contentv3 {
        width: 50%;
        margin-left: 49%;
    }
    .content-simple-list .h1{
        font-size: 2rem;
    }
    .content-simple-list .btn-programs {
        width: 100%;
    }
}
@media screen and (max-width: 1100px) {
    .aclo2, .aclo3{
        width: 150px;
    }
    .aclo4{
        width: 100px;
    }
    .acredi-logo {
        left: -55%;
    }
    .aclo2 {
        left: -40%;
    }
}
@media screen and (max-width: 1059px) {
    .eg-3-nonphone{
        display: none;
    }
    .egres-card{
        margin-top: 30%;
    }
}
@media screen and (max-width: 1024px) {
    .col-card{
        flex:26%;
        max-width: 26%;
    }
    .banner-content {
        margin-top: -30%;
    }
    .btn-programs {
        width: 20%;
    }
    .btn-programs2 {
        width: 25%;
        margin-left: 70%;
    }
}
@media screen and (max-width: 991px) {
    .play-text-btn{
        padding-top: 60%;
    }
    .col-card{
        flex : 31%;
        max-width: 31%;
    }
    .mycard{
        font-size: 1em;    
        border: 4px solid;
        border-color: #9E7AFF;
        
    }
    .mycard:hover{
    cursor: pointer;
    background-image: linear-gradient(to top,#9d79fd,#6242b6);
    z-index: 2;
    color: white !important;
}
    .div-ofe{
        padding-top: 17%;
    }
    .inf-ofe{
        margin-left: -4%;
    }
    .more-text{
        display: none;
    }
    .more-read{
        display:inline;
        color:#590580;
    }
    .div-ofe h2{
        font-size: 2.5rem;
    }
    .img29{
        height: 170%;
        position: absolute;
        z-index: 2;
        bottom: -80%;
        margin-left: 63%;
    }
    .div-logros h2{
        font-size: 9rem;
    }
    .div-logros .card{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .no-mb{
        margin-bottom: 140px;
    }
    .lo-p1{
        font-size: 14px;
    }
    .lo-p2{
        font-size: 14px;
    }
    .lo-ti{
        font-size: 1.4rem;
       
    }
    .lo-te{
        font-size: .6rem;
        
    }
    .n29{
        margin-top: 3%;
        margin-left: 5%;
    }  
    .nu29{
        z-index: 1;  
        margin-top: 0px;
    }
    .te29{
        z-index: 3;
        margin-top: 1px;
    }
    .mon-eb2{
        font-family: 'CeraPro-Black' !important;
    }
    .mon-li2{
        font-family: 'CeraPro-Medium' !important;
    }
    .la-lo{
        padding-right: 20%;
    }
    .btn-logros i{
        display: none;
    }
    .btn-logros{
        border-color: #E5E8EA;
        color: #FFC600 !important;
        font-size: 12px !important;
    }
    .text-logr{
        padding-bottom: 15%;
    }
    
    .dif-btn{
        width: 80%;
        font-size: .7rem !important;
        margin-left: -5%;
    }
    .ej-mar{
        margin-bottom: 15%;
    }
    .div-conttest h4{
        font-size: 16px;
    }
    .div-conttest h2{
        font-size: 35px;
    }
    .div-conttest p{
        font-size: 14px;
        margin-top: 4% !important;
    }
    .ctoff{
        margin-left: 4%;
    }
    .div-test img{
        width: auto;
        height: 95%;
        z-index: 2;
        margin-left: -220%;
    }
    .div-cont img{
        width: auto;
        height: 100%;
        z-index: 2;
        margin-left: -155%;
    }
    .div-uvp{
        padding-left: 0px;
    }
    .div-uvp .col-info{
        padding-right: 0%;
    }
    .info-cards{
        margin-left: 0px;
        margin-right: 0px;
    }
    #card-lic, #card-mas, #card-bot{
        padding-left: 0px !important;
    }
    .info-text{
        margin-left: 8%;
        margin-right: 8%;
        padding-right: 5%;
    }
    .btn-logros:hover{
        color: #E5E8EA !important;
        background-color: #ebbc12 !important;
        font-weight: bold;
    }
    .nonphone-espcards{
		display: none !important;
	}
    .onphone-espcards{
		display: flex !important;
	}
    .play-text-bk-prepa1{
        background-repeat: no-repeat;
        background-size: auto 110%;
        background-position: top;
    }
    .play-text-bk-prepa2{
        background-repeat: no-repeat;
        background-size: auto 110%;
        background-position: bottom;
    }
    .play-text-bk-prepa4{
        background-repeat: no-repeat;
        background-size: auto 110%;
        background-position: bottom;
    }
    .play-text-bk-prepa3{
        background-repeat: no-repeat;
        background-size: auto 110%;
        background-position: bottom;
    }
    .nonsm{
        display: block;
    }
    .play-text-bk-prepa1,  .play-text-bk-prepa2,  .play-text-bk-prepa3,  .play-text-bk-prepa4{
        height: 1000px !important;
        padding: 3rem !important;
        padding-top: 0px !important;
    }
    .play-text-bk-prepa2 h1,  .play-text-bk-prepa3 h1, .play-text-bk-prepa2 h2,  .play-text-bk-prepa3 h2,  .play-text-bk-prepa4 h2{
        font-size: 1.5rem !important;
    }
    .div-programas{
        width: 65%;
    }
    .banner-contentv2 {
        width: 50%;
    }
    .newprograms .h1 {
        font-size: 2rem;
    }
    .newprograms {
        margin-top: -30%;
        width: 100%;
        margin-left: 33%;
    }
    .newprograms hr {
        width: 30%;
    }
    .acredi-logo {
        left: -40%;
    }
}
@media screen and (max-width: 984px) {
    .div-cont img {
        width: auto;
        height: 100%;
        z-index: 2;
        margin-left: -99%;
    }
}
@media screen and (max-width: 933px) {
    .content-simple-list .h4{
        font-size: 1rem;
    }
}
@media screen and (max-width: 929px) {
    .div-test img {
        margin-left: -340%;
    }
}
@media screen and (max-width: 800px) {
    #fixe-banner{
        background-image: url('../img/banners22/banner-admisiones-movil.jpg'),linear-gradient(to bottom, #2B0439, #A5443B);
        background-size: auto 100%;
        height: 460px;
    }
    #banner-space{
        height: 460px;
    }
    .container-layer-text {
        height: 85%;
    }
    .content-simple-list .h1 {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 856px) {
    .col-card{
        flex : 26%;
        max-width: 26%;
    }
}
@media screen and (max-width: 768px) {
    .play-text-btn{
        padding-top: 60%;
    }
    .div-ofe{
        background-color: #f8f8f8;
        background-image: none !important;
        padding: 8%;
    }
    .col-2p4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .img29{
        height: 130%;
        position: absolute;
        z-index: 2;
        bottom: -80%;
        margin-left: 63%;
    }
    .text-logr {
        padding-bottom: 0%;
    }
    .egres-card img {
        width: 50%;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: 25%;
        position: absolute;
        margin-top: -30%;
        transition: all 0.5s ease;
    }
    #form-contact button {
        margin-left: 0px;
        width: 94%;
    }
    .first-v{
        height: 720px;
    }
    .play-text-b1::before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-size: auto 130%;
        background-repeat: no-repeat;
        background-position-x: 70%;
        opacity: .4;
        
    }
    .play-text-b2::before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-size: auto 130%;
        background-repeat: no-repeat;
        background-position-x: 70%;
        opacity: .4;
        
    }
    .first-v-text{
        position: absolute;
        bottom: 80px;
    }
    .play-text-btn{
        display: none;
    }
    .play-text-bk::before{
        background-repeat: no-repeat;
        background-position-x: 70%;
    }
    
    .nonsm{
        display: none;
    }
    .play-text-bk-prepa4 .first-v-text{
        padding-left: 0px !important;
    }
    .play-text-bk-prepa4 .first-v-text ul{
        font-size: 13px;
    }
    .div-programas{
        width: 100%;
        margin-bottom: 373px;
        margin-left: 55%;
    }
}
@media screen and (max-width: 767px) {
    .btn-programs {
        width: 90%;
        margin-top: -33%;
        margin-left: 5%;
    }
    .btn-programs2 {     
        margin-top: -50%;
    }
    .banner-content,.banner-contentv2 {
        margin-top: -95%;
        margin-left: 7%;
        width: 90%;
    }
    .banner-contentv3 {
        width: 95%;
        margin-left: 5%;
        margin-top: -100%;
    }
    .acredi-logo{
        position: static;
        margin-top: 2rem;
        margin-left: 40%;
    }
}
@media screen and (max-width: 763px){
    .card-site .card-lic::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-sab::before{ 
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; 
    }
    .card-site .card-onl::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-pos::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-edu::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .card-site .card-esp::before{    
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media screen and (max-width: 600px) {
    .play-text-bk-prepa1, .play-text-bk-prepa2,  .play-text-bk-prepa3,  .play-text-bk-prepa4{
        background-size: 100%;
        background-position: bottom;
        background-color: #490f73;
    }
    .play-text-bk-prepa2 .first-v-text,  .play-text-bk-prepa3 .first-v-text,  .play-text-bk-prepa2 .first-v-text{
       top: 0px !important;
        
    }
}
@media screen and (max-width: 576px) {
    .play-text-btn{
        padding-top: 60%;
    }
    .col-card{
        flex:40%;
        max-width: 40%;
    }
    #logroModal{
        width: 135%;
    }
}
@media screen and (max-width: 575px) {
    .div-programas{
        margin-left: 0px;
        margin-bottom: 425px;
    }
}
@media screen and (max-width: 500px) {
    .play-text-bk-prepa1,  .play-text-bk-prepa2,  .play-text-bk-prepa3 ,  .play-text-bk-prepa4{
        height: 888px !important;
    }
}
@media screen and (max-width: 461px) {
    .aclo2{
        position: absolute;
        top: -150px;
        right: 10px;
        left: auto;
    }
}
@media screen and (max-width: 400px) {

        .play-text-bk-prepa1,  .play-text-bk-prepa2,  .play-text-bk-prepa3,  .play-text-bk-prepa4{
            height: 830px !important;
        }
        .play-text-bk-prepa1{
            background-size: 100%;
            background-position: top;
            background-color: #e29a08;
        }
        .banner-contentv3 {
            margin-top: -152%;
        }
}
@media screen and (max-width: 363px) {
    .newprograms {
        margin-top: -116% !important;
    }
    .newprograms hr {
        width: 45%;
    }
}
@media screen and (max-width: 320px) {

    .play-text-bk-prepa1,  .play-text-bk-prepa2,  .play-text-bk-prepa3,  .play-text-bk-prepa4{
        height: 900px !important;
    }
}