/************/
/*  RESETS  */
/************/

h2 {
    font-family: 'Montserrat'!important;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}
h3 {
    font-family: 'Montserrat'!important;
    font-size: 26px;
    font-weight: 700;
}
h4 {
    font-family: 'Montserrat'!important;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.top-ditella-escuela .nav a, .top-ditella-escuela .nav a:visited, .top-ditella-escuela .nav button {
    font-size: 14px;
    FONT-FAMILY: 'Roboto'!IMPORTANT;
}
.footer-utdt a {
    FONT-FAMILY: 'Roboto'!IMPORTANT;
}


/*************       AGENDA         ************/

.agendas {padding: 0px;}

.agendas h3 {font-weight:700; padding-left:5px; margin-bottom:15px;}
.agendas .item-agenda {border: none; border-radius: 4px; margin: 10px 5px; display: flex; color: inherit;}
.agendas .item-agenda .fecha {color:#111; margin-right: 10px; transition: color 0.4s; -webkit-transition: color 0.4s;}
.agendas .item-agenda .fecha .num {font-size: 2.3em; line-height:1em; font-weight:800; font-family: 'Montserrat', sans-serif; text-align: left;}
.agendas .item-agenda .fecha .num span {font-size:0.55em; display: block; line-height: 0.6em; text-transform: lowercase;}
.agendas .item-agenda .fecha .month {float:left; text-transform: lowercase;}
.agendas .item-agenda .programa {}
.agendas .item-agenda .programa p {line-height:1.2em; margin-bottom:0!important; padding-bottom:0!important; }
.agendas .item-agenda .programa .bajada {color:#888; font-weight:700; margin-bottom:0!important; padding-bottom:0!important;}
.agendas .item-agenda .programa .titulo {font-weight: 900; padding-right: 6px; margin-bottom:0!important; padding-bottom:0!important;}
.agendas .item-agenda .programa span:before {content:"\f017"; font-family: FontAwesome; padding-right: 5px;}
.agendas .item-agenda:hover .fecha {color: #BFBFBF;}




#profesores-tit {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}
#profesores-tit, #profesores-tit div {
    padding: 0;
}
#profesores-tit img {
    width: 40%;
}
.profesores-med {
    margin-left: -50px;
}
#profesores h2 {
    color: #7DAFD3;
}
.profesor {
    text-transform: initial!important;
    color: #000000!important;
}
.container-aprende h2 {
    color: #7DAFD3;
}
.container-aprende h3 {
    color: #7DAFD3;
}


.contacto-home {
    color: white;
    background-color:#3D5F8B;
    font-family: Montserrat;
    padding-bottom: 3em;
}
.contacto-home h3 {
    font-weight:600;
    margin-bottom: 30px;
}
.contacto-home a:hover {
    color:#7DAFD3;
}
.contacto-home button {
    color:white;
    width:230px;
    padding:7px;
    font-weight:bold;
    height: initial!important;
    border-radius: 50px;
    background-color: #2A2929;
}

.rowform {
    background-color:#7DAFD3;
    padding: 2em;
    top: -60px;
}
.contacto-home .row-contacto {
    background-color:#7DAFD3;
    padding: 2em;
    top: -60px;
    margin-bottom: 0px;
    border-radius: 8px;
}

.main-slider {
    height: 500px;
}

.box {
    background: #fff !important;
    border: none !important;
    border-radius: 0px;
    -webkit-box-shadow: 2px 3px 7px 0px rgb(0 0 0 / 26%);
    -moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 20%);
    color: #5a5a5a;
    margin: 0 auto;
    padding: 0;
    min-height: 660px;
    height: auto;
    max-width: 480px;
    width: auto;
    border-radius: 8px;
}

.box:hover {
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 26%);
}

.box-titulo {
    background: #7DAFD3;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 600;
}

figure {
    margin:0!important;
}
.box img {
    width: 100%!important;
}
.box p {
    margin-bottom: 0;
    text-align: left;
    padding: 20px;
}

.box ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    background: url(../Images/img-list-box.png) no-repeat left 14px;
    padding: 10px 0px 10px 20px;
    width: 95%;
}

.box ul li:last-child {
    border-bottom: none;
}

.box ul li a {
    color: #7DAFD3;
    text-decoration: none;
}

.box ul li:hover {
    opacity: .8;
}

.button-white, .box p a {
    display: inline-block;
    padding: 1em 2em;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    -moz-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
    color: #fff !important;
    transition: all .6s;
    font-family: montserrat, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
}
.box p a {
    -webkit-box-shadow: inset 0 0 0 3px #7DAFD3;
    -moz-box-shadow: inset 0 0 0 3px #7DAFD3;
    box-shadow: inset 0 0 0 3px #7DAFD3;
    color: #7DAFD3 !important;
    display: block;
    width: 180px;
    margin: 0 auto;
    text-align: center;
}
.button-white:hover, .box p a:hover {
    background-color:#7DAFD333;
}


@media only screen and (min-width: 768px) {
    .agenda-read-more-wrap {
        width:33%;
        text-align:left;
        padding:1em;
        background-color:white;
        margin:10px;
    }
    .novedades-contenido-home {
        background: #fff;
        padding-top: 4px;
        overflow: hidden;
        height: 560px;
    }
}
@media only screen and (max-width: 767px) {
    .rowform {
        margin-left:0px!important;
    }
}

/******************/
/*  VIDEO         */
/******************/
.container-video {
    font-weight:700;
}
.container-video video {
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.container-video .video-wrapper {
    width:100vw;
    height:500px;
    position:relative;
    overflow:hidden;
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#4b90c2;
}
.container-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 40vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
@media only screen and (max-width: 768px) {
    .container-video .video-wrapper {
        width:100vw;
        height:70vh;
    }
    .container-video iframe {
        position:absolute;
        top:50%;
        left:50%;
        width:100vw;
        height:70vh;
    }
}
@media (min-aspect-ratio: 16/9) {
    .container-video .video-wrapper iframe {
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    .container-video .video-wrapper iframe {
        width: 177.78vh;
    }
}

.header{
    position:relative;
    color:white;
    text-align:left;
    padding: 0 40px 10px;
}
.header h2{
    font-size: 2.8em;
}
.header h2 span {
    font-weight: 600;
}
.header h2, .container-video .header h3 {
    text-shadow:1px 1px #000;
    line-height:1em;
}
.txt-form {
    font-family: 'Roboto'!important;
}
/******************/
/*  CONTENEDORES  */
/******************/
.container-motor, .container-programas, .container-aprende, .container-puertas, .container-centros, .container-ris, .container-destacados,  .container-prensa  {
    padding:70px 0!important;
    font-family: montserrat;
}

.container-motor h3, .container-programas h3, .container-aprende h3, .container-puertas h3, .container-centros h3, .container-ris h3, .container-destacados h3, .container-prensa h3 {
    font-weight:700!important;
}

/*  1.  */
.container-motor {
    background:#7DAFD3;
    color:#ffffff;
}

/*  2.  */
.container-programas {
    color:#7DAFD3;
}

.container-programas p {
    color:black;
}
.container-programas figure {
    margin:0;
    padding:0;
    margin-bottom: 1em;
}
.container-programas figcaption {
    color:white;
    background-color:#7DAFD3;
    font-weight:600;
    width:100%;
    display:block;
    margin: auto;
    z-index:100;
    font-family: montserrat;
    font-size:1em;
    text-align: center;
    overflow: auto!important;
    align-items: center;
    display: flex;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.container-programas ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.container-programas a {
    text-decoration:none;
    color:#7DAFD3;
    text-align: left;
}
.container-programas p, .box {
    text-align: left;
}

.container-programas em {
    text-decoration:none;
    color:#FFFFFF;
    font-size: 9px;
    font-weight: bold;
    background-color: red;
    padding: 5px;
    font-style: normal;
}

.box-titulo {
    background: #7DAFD3;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    height: auto;
}
.box ul {
    margin: 0 0 10px 20px;
}
.box ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    background: url(../Images/img-list-box.png) no-repeat left 14px;
    padding: 10px 10px 10px 20px;
    text-align: left;
}
.box ul li:last-child {
    border-bottom: none;
}
.box ul li.nolist {
    background: none;
    padding: 10px 10px 10px 0px;
}

/*  3.  */
.container-aprende {
    background-color:#e7f0f6;
    font-family:Montserrat!important;
}
.container-aprende a {
    color:#7DAFD3;
    font-family:Montserrat!important;
    font-weight:700;
    text-transform:uppercase;
    transition: all .3s;
}
.container-aprende a:hover {
    color:#7DAFD388;
}
.aprende-links-mas a {
    margin: 20px 10px 0;
}
/*  4.  */
.container-puertas {
    background-color:#3D5F8B;
    color: white;
    font-family:Montserrat!important;
}
.container-flex {
    display: flex;
    align-items: center;
}
/*  5.  */
.container-centros .row {
    color:#7DAFD3;
    max-width: 800px;
    margin: 0 auto;
}
.container-centros a {
    display: block;
}
.container-centros a:hover {
    -webkit-box-shadow: 2px 3px 7px 0px rgb(0 0 0 / 26%);
    -moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.26);
    box-shadow:2px 3px 7px 0px rgb(0 0 0 / 26%);
}
@media only screen and (max-width: 768px) {
    .container-centros img {
        width:60%;
    }
    .contacto-home h3 {
        text-align: center;
    }
    #swiper-main .title, #swiper-main .sub-title, #swiper-main .title {
        text-align: center!important;
    }
}

/*  6.  */
.container-ris {
    background-color:#e7f0f6;
    color:#7DAFD3;
    font-family:Montserrat!important;
}
.container-ris a {
    color:#7DAFD3;
    font-family:Montserrat!important;
    font-weight:700;
    text-decoration:underline;
    text-transform:uppercase;
}

/*  7.  */
.novedades-contenido-home {
    background:initial!important;
}

/* OCULTA ULTIMA NOTA */
.novedades-contenido-home .estructura_u:nth-of-type(5) {
    display:none;
}
.container-destacados {
    background-color:#EEEEEE;
    color:#7DAFD3;
    font-family:Montserrat!important;
}
.container-destacados .image-round {
    height:290px!important;
    background-size:cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.container-destacados .novedades-item a .third div:last-child, 
.container-destacados .novedades-item a .fourth div:last-child {
    background:white;
    display:block;
    min-height: 250px;
    color: black;
}
#cnovedad a:hover {
    color:#7DAFD3!important;
}
.container-destacados .butt {
    color:white!important;
    background-color:#7DAFD3!important;
    font-weight:bold;
    padding:1em;
}
.sTituloNovedad {
    font-size: 16px;
}
.copeteNovedad {
    font-size: 15px;
}
#cnovedad a div div {
    overflow: hidden;
    height: 35vh;
    -webkit-box-shadow: 0px -1px 8px 0px rgb(0 0 0 / 26%);
    -moz-box-shadow: 0px -1px 8px 0px rgb(0 0 0 / 26%);
    box-shadow:0px -1px 8px 0px rgb(0 0 0 / 26%); 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media only screen and (max-width:768px) {
    .box {
        min-height: 390px;
        margin-bottom:1.6em;
    }
    .container-aprende a {
        display:block;
    }
    .contacto-home .third {
        text-align:center;
    }
    .contacto-home p {
        margin-bottom: 30px;
    }
    .container-puertas, .container-motor {
        text-align:center;
    }
    .main-slider {
        height:250px;
    }
    .container-destacados .novedades-item a .fourth div:last-child {
        min-height: 120px;
    }
    .container-centros .row {
        max-width: 1280px;
    }
}


/*******************/
/*  CONTENEDORES 2 */
/*******************/

/*************        HEADER        ************/

.container-hero .header {
    background: url("https://www.utdt.edu/Themes2G/escuela_negocios/Images/home/BANNER-CAMPUS-WEB-1.jpg?v=3") no-repeat;
    background-size: cover;
    background-position: center 50%;
    max-width: 100%;
    height: 500px;
    padding: 120px 1em 0;
}
.container-hero h3 {
    text-shadow: 1px 1px #000;
}
.header h1 {
    color: #ffffff;
    border-bottom: none;
    text-shadow: 0 0 5px #333;
    line-height: 1.2em;
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
}
.header h1 span {
    font-size:100px;
}
.header h2.header-full-title {
    font-size: 1.67em;
    color: #ffffff;
    font-weight: 800;
}
.header h3 {
    font-size: 22px;
    font-weight: 600;
}
.container-secundaria-hero .header h3 {
    margin: 50px auto;
    width: 60%;
    text-shadow: 0px 0px 7px #000;
}

.container-secundaria-hero {
    background-color: #7DAFD3;
    color: white;
    text-align: center;
    padding: 50px 40px;
}
.container-secundaria-hero h4 {
    color: white;
    font-size: 18px;
}
.container-secundaria-hero .arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 8px;
}
.container-secundaria-hero .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.container-0, .container-1, .container-2, .container-3, .container-4, .container-5, .container-6 {
    padding: 50px 0 60px;
}

.container-0 {
    color: #ffffff;
    background-color: #7dafd3;
    margin: 0 auto;
    text-align: center;
}
.container-1 {
    background-color:white;
    color:#000000;
}
.container-1 .row {
    display: flex;
    align-items: center;
}
.container-1 p, .container-2 p, .container-3 p  {
    font-family: montserrat;
}
.container-2 {
    background-color:#3D5F8B;
    color:white;
}
.container-2 .datos {
    text-align: center;
}
.container-2 .grafica .datos .datos-in  {
    color: #fff;
}
.container-3 h2 {
    color: #3D5F8B;
}
.container-3 {
    background-color:#e7f0f6;
    color:#000000;
    padding: 70px 0;
}
.acuerdos_internacionales_column2 h2 {
    color:#3D5F8B!important;    
    display: block!important;
    text-align: left!important;
    width: 100%!important;
}
.universidadesdelmundo h2 {
    width: 70%;
    text-align: center;
    margin: 0 auto 40px;
}
.container-4 {
    background-color:white;
    color:#3D5F8B;
}
.container-4 .acreditaciones img {
    max-width: 200px;
}
.container-4 hr {
    border: 0;
    border-bottom: 4px solid #3D5F8B; 
    margin: 10px auto;
    clear: both;
    width: 110px;
}
.datos {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    text-align: center;
}
.datos strong {
    font-weight: 600;
}
.datos .datos-in:last-child {
    border-left: 1px solid #8ccfff;
}
.datos span {
    color: #3D5F8B;
    font-size: 80px;
    font-weight: 800;
}
.datos i {
    font-size: 11px;
}

/* OCULTA LINKS Acreditaciones internacionales N.A.*/
.container-4 a:nth-child(2), .container-4 a:nth-child(3) {
    pointer-events:none;
}
.container-5 {
    background-color:#F2F2F2;
}
.container-5 h3 {
    color:#3D5F8B;
}
.container-6 {
    background: url(https://www.utdt.edu/Themes2G/escuela_negocios/Images/home/BANNER-CAMPUS-WEB-2.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    max-width: 100%;
    min-height: 30vh;
    padding: 1em;
    color: white;
}
.container-6 h2 {
    font-size: 3em;
    line-height: .9em;
    font-weight: 800;
    padding-bottom: 20px;
}
.container-6 .button-white {
    font-size: 16px;
    padding: 1.2em 3em;
}
.container-6 .row {
    display:flex;
    flex-direction:column;
    align-items:left;
    justify-content:center;
    height:340px;
}
.text-intercambio #contenido .box {
    max-width: 70%!important;
    width: 70%!important;
    min-height: 220px!important;
    box-shadow: none!important;
}

@media screen and (max-width: 800px) {
    .container-hero {
        min-height: 25vh;
    }
    .container-secundaria-hero, .container-1, .container-2, .container-3, .container-4, .container-5, .container-6 {
        padding: 30px 0;
        text-align: center;
    }
    .container-2 img {
        width: 90%!important;
    }
    .container-6 h2 {
        font-size: 3em;
    }
    .container-secundaria-hero .header h3 {
        font-size: 18px;
        margin: 40px auto;
        width: 100%;
        text-shadow: 0px 0px 7px #000;
    }
    .datos {
        flex-direction: column;
        text-align: center;
    }
    .datos div {
        width: 100%;
    }
    .acuerdos_internacionales_column2 h2 {
        text-align: center!important;
    }
    .text-intercambio #contenido .box {
        max-width: 100%!important;
        width: 100%!important;
    }
}

/*SWIPER 2022*/
/*---Main Swiper---*/
#swiper-main .title, #swiper-main .sub-title {font-family:"Montserrat", sans-serif;}
#swiper-main .title {font-weight:700; font-size:2em; text-align: left;}

#swiper-prensa .swiper-wrapper .swiper-slide { width:205px!important;}
#swiper-prensa .swiper-wrapper .swiper-slide a { background:transparent!important;}

#swiper-prensa-notas .swiper-wrapper .swiper-slide { width:205px!important; min-height:140px;border-radius: 8px;}
#swiper-prensa-notas .swiper-wrapper .swiper-slide a { background:transparent!important; }

#swiper-actividades .swiper-wrapper .swiper-slide { width:160px!important; padding:2px 14px; height:200px;}
#swiper-actividades .swiper-wrapper .swiper-slide a { background: transparent !important; }
#swiper-actividades .swiper-wrapper .swiper-slide a:hover { color: #fff !important; }

#swiper-mejores .swiper-wrapper .swiper-slide { width:100%!important;}
#swiper-mejores .swiper-wrapper .swiper-slide a { background:transparent!important;}


.lnotas{left: 0px !important;}
.rnotas{right: 0px !important;}
.bannerNotas {height: inherit; padding: 10px; margin: 10px;border: none !important; background: #fff;
-webkit-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1); -moz-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);
box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);}

.bannerNotas h6{font-size: 12px; text-align: initial; color: black;}
.bannerNotas h5{font-size: 12px; text-align: initial; color: black; font-weight: 900;}
.bannerNotas h4{font-size: 12px; text-align: initial; color: #8a8a8a; font-weight: 600;}
.titulo{}
.autor{}

.containerNotas {height:265px; max-height:300px; width:95%;}

.main-slider {height: 400px; margin-bottom:100px;}
.main-slider .swiper-container {height: 400px !important; width: 100%; }
.main-slider .swiper-container .arrow-right {display:block; position:absolute; background: none !important; top:130px; right:0px; z-index:30; color: #fff; font-size: 50px; line-height: 45px; height: 50px; text-align: center; width: 50px; border-radius: 50%; padding-left: 5px;}
.main-slider .swiper-container .arrow-left {display:block; position:absolute; background: none !important; top:130px; left:10px; z-index:31; color: #fff; font-size: 50px; line-height: 45px; height: 50px; text-align: center; width: 50px; border-radius: 50%; padding-right: 5px;}
.main-slider .swiper-container .arrow-right:hover,
.main-slider .swiper-container .arrow-left:hover {background: rgba(255,255,255,0.1) !important;}
.main-slider .swiper-container .swiper-slide {position:relative;}
.main-slider .swiper-container .swiper-slide > a {display: block; width: 100%; height: 100%;}
.main-slider .swiper-container .swiper-slide .caption {
    z-index:55; 
    width:100%;
    left: 40px;
    opacity:0;
    transition:opacity 1s;}
.main-slider .swiper-container .swiper-slide .caption .title {color:#fff;font-weight:800;font-size:3em;line-height:1em;text-align: center;}
.main-slider .swiper-container .swiper-slide .caption .sub-title {color:#fff;font-weight:300;font-size:1.3em;line-height:1.1em;text-align: left;}
.main-slider .swiper-container .swiper-slide .image-cover {position: absolute; height: 300px; background-color: #111; background-position: 50% 0;}
.main-slider .swiper-container .swiper-slide-active .caption {opacity: 1;}

@media screen and (max-width: 800px) {
  .main-slider {height: 180px;}
  .main-slider .swiper-container {height: 230px !important;}
  .main-slider .swiper-container .swiper-slide .caption {bottom: initial; top:35px; padding-left: 0; text-align: center; text-shadow: 1px 1px 2px #333; padding: 0 15px;}
  .main-slider .swiper-container .swiper-slide .caption .title {color:#fff; font-weight:800; font-size:1.2em; line-height:1em;}
  .main-slider .swiper-container .swiper-slide .caption .sub-title {color:#fff; font-weight:300; font-size:1em; line-height:1em; padding: 0;}
  .main-slider .swiper-container .arrow-left {top: initial; bottom: 30px;}
  .main-slider .swiper-container .arrow-right {right: 15px; top: initial; bottom: 30px;}
  .main-slider .swiper-container .swiper-slide .image-cover {position: absolute; height: 180px; background-color: #111; background-position: 50% 0;}
  #swiper-main .title {font-weight:700; font-size:1.4em;}
  #swiper-prensa-notas .swiper-wrapper .swiper-slide{width:188px!important;}
}

.mejores-slider {height: 400px; margin-bottom:100px;}
.mejores-slider .swiper-container {height: 400px !important; width: 100%; }
.mejores-slider .swiper-container .arrow-right {display:block; position:absolute; background: none !important; top:150px; right:0px; z-index:30; color: #fff; font-size: 50px; line-height: 45px; height: 50px; text-align: center; width: 50px; border-radius: 50%; padding-left: 5px;}
.mejores-slider .swiper-container .arrow-left {display:block; position:absolute; background: none !important; top:150px; left:10px; z-index:31; color: #fff; font-size: 50px; line-height: 45px; height: 50px; text-align: center; width: 50px; border-radius: 50%; padding-right: 5px;}
.mejores-slider .swiper-container .arrow-right:hover,
.mejores-slider .swiper-container .arrow-left:hover {background: rgba(255,255,255,0.1) !important;}
.mejores-slider .swiper-container .swiper-slide {position:relative;}
.mejores-slider .swiper-container .swiper-slide > a {display: block; width: 100%; height: 100%;}
.mejores-slider .swiper-container .swiper-slide .caption {z-index:55; width:100%;}
.mejores-slider .swiper-container .swiper-slide .caption .title {color:#fff;font-weight:800;font-size:3em;line-height:1em;text-align: center;}
.mejores-slider .swiper-container .swiper-slide .caption .sub-title {color:#fff;font-weight:300;font-size:1.3em;line-height:1.1em;text-align: center;}
.mejores-slider .swiper-container .swiper-slide .image-cover {position: absolute; height: 400px; background-color: #111; background-position: 50% 0;}
.mejores-slider .swiper-container .swiper-slide-active .caption {opacity: 1;}
.mejores-slider .swiper-container .swiper-slide-active .image-cover {-webkit-animation: imageAnimation 27s; animation: imageAnimation 27s;}

@media screen and (max-width: 800px) {
  .mejores-slider {height: 180px;}
  .mejores-slider .swiper-container {height: 230px !important;}
  .mejores-slider .swiper-container .swiper-slide .caption {bottom: initial; top:35px; padding-left: 0; text-align: center; text-shadow: 1px 1px 2px #333; padding: 0 15px;}
  .mejores-slider .swiper-container .swiper-slide .caption .title {color:#fff; font-weight:800; font-size:1.2em; line-height:1em;}
  .mejores-slider .swiper-container .swiper-slide .caption .sub-title {color:#fff; font-weight:300; font-size:1em; line-height:1em; padding: 0;}
  .mejores-slider .swiper-container .arrow-left {top: initial; bottom: 30px;}
  .mejores-slider .swiper-container .arrow-right {right: 15px; top: initial; bottom: 30px;}
  .mejores-slider .swiper-container .swiper-slide .image-cover {position: absolute; height: 180px; background-color: #111; background-position: 50% 0;}
  #swiper-mejores .title {font-weight:700; font-size:1.4em;}
}


@media screen and (max-width: 768px){
    .novedades-content {
        max-height: 490px!important;
    }
    #btn-more-less {
        display: none;
    }
    .container-6 {
        background: url(https://www.utdt.edu/Themes2G/escuela_negocios/Images/home/BANNER-CAMPUS-WEB-MOBILE.jpg) no-repeat;
        background-size: cover;
        background-position: center 50%;
        max-width: 100%;
        min-height: 55vh;
        padding: 1em;
        color: white;
        margin-bottom: 70px;
    }
    .container-6 .row {
        display:flex;
        flex-direction:column;
        align-items:left;
        justify-content:center;
        height:50vh;
    }
}

@media screen and (max-width: 768px){
    .novedades-content {
        max-height: 490px!important;
    }
    #btn-more-less {
        display: none;
    }
    .container-6 {
        background: url(https://www.utdt.edu/Themes2G/escuela_negocios/Images/home/BANNER-CAMPUS-WEB-MOBILE.jpg) no-repeat;
        background-size: cover;
        background-position: center 50%;
        max-width: 100%;
        min-height: 55vh;
        padding: 1em;
        color: white;
        margin-bottom: 70px;
    }
    .container-6 .row {
        display:flex;
        flex-direction:column;
        align-items:left;
        justify-content:center;
        height:50vh;
    }
    .container-1 .row, .container-flex {
        flex-direction: column;
    }
    .container-1 .row img, .container-flex img {
        width: 80%;
    }
    .container-2 .datos {
        flex-direction: column;
    }
    .container-2 .datos div,
    .container-3 .datos div {
        margin-top: 0;
        border-left: none;
        border-right: none;
        width: 100%;
        font-family: 'Montserrat';
    }
    .container-2 .datos div:last-child,
    .container-3 .datos div:last-child {
        border-bottom: none;
    }
    .contador2::before {
        margin-right: 40px;
    }
    .contador::after {
        margin-left: 40px;
    }
    .numero {
        margin-left: 30px !important;
    }
}

/*NEW-VERSION-2022*/
.reuniones-informativas-area{background: #e7f0f6;padding: 50px;height: 100%; display: flex;}
.prensa{background: #e7f0f6;padding: 50px;height: 100%; color:#7DAFD3;}
.reuniones-informativas-area h2 {text-align:center; font-weight:700; color:#7DAFD3; margin-bottom:0;}
.banner object {max-width: 240px;border: solid 2px;border-color: #7cafd4;background: #ffffff00;-webkit-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);-moz-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);}
.programas-abiertos{padding: 50px;padding-bottom: 100px;}
.programas-abiertos h2, .reuniones-informativas-area h2, .gap-bottom h2 {text-align:center; font-weight:600; font-size:2em;}
.gap-bottom {margin-bottom:10px!important; padding:50px 0 0 0!important;}
.input-icons {width: 100%; padding: 0px; margin: 0px; }
.input-icons .iconbuscador {position: absolute; padding: 2px; right: -5px; min-width: 30px; cursor: pointer; z-index: 10;}
.input-icons input {width: 100%; padding: 1px 0px; }
.containerBuscador {position: relative;width:100%;padding: 0px;margin: 0px; margin-top:0px;}
.containerBuscador input {border:solid!important; /*width:85%!important;*/ font-size:14px!important;}
.containerBuscador h3 {font-size: 18px; font-weight: 700;}
.containerBuscador p {font-size: 15px; font-weight: 600;cursor: pointer;}
#distring{font-weight:700 !important;color: #000 !important;}
.ini{padding: 10px;}
.ini p{line-height: 0.5;}

.botonera{padding: 10px;
    padding-bottom: 100px;}

.ver-masprogramas-button {
    padding: 1em 2em !important;
    -webkit-box-shadow: inset 0px 0px 0px 3px #7CAFD4 !important;
    -moz-box-shadow: inset 0px 0px 0px 3px #7CAFD4 !important;
    box-shadow: inset 0px 0px 0px 3px #7CAFD4 !important;
    color: #7CAFD4!important;
    transition: all 0.6s !important;
    font-family: "Montserrat", sans-serif!important;
    font-weight: 700 !important;
    top: 50px !important;
    background:transparent !important;
}
/* S4 */
img.section-cuatro {height:75px; padding-top:8px; padding-bottom:12px;}
.container-section-cuatro {padding:70px 0; text-align:center; background:url(https://www.utdt.edu/Themes2G/escuela_negocios_ee/Images/bk_seccion_4.png);background-size:cover;}
.container-section-cuatro h3 {color:#fff; font-size:1.6em; /*line-height:2em;*/ font-weight:700;}
.container-section-cuatro p {color: #ffff;}
.container-section-cuatro .illus-section-cuatro img {padding-right:20px;}
.section-cuatro-button {
  padding: 1em 2em;
  -webkit-box-shadow:inset 0px 0px 0px 3px #7CAFD4;
  -moz-box-shadow:inset 0px 0px 0px 3px #7CAFD4;
  box-shadow: inset 0px 0px 0px 3px #ffffff;
  color: #fbfdff!important;
  margin-top: 2px;
  transition: all 0.6s;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700;
}
.section-cuatro-button:hover {
    color: #93c7ed;
}
@media screen and (max-width: 800px) {
    .container-section-cuatro .align-left {
        text-align:center!important;
    }
}

/*S5*/
img.section-cinco { height:75px; padding-top:8px; padding-bottom: 12px; }
.container-section-cinco { padding:70px 0; text-align: center;background:#fff;}
.container-section-cinco h2 {color: #9bbed9;font-size: 1.2em;line-height: 2em;font-weight:700;}
.container-section-cinco h3 {color: #9bbed9;font-size: 1.6em;line-height: 1.3em;font-weight:700;}
.container-section-cinco p {color: #707070;}
.container-section-cinco .illus-section-cinco img { padding-right:20px; }
.section-cinco-button {
  padding: 1em 2em;
  -webkit-box-shadow:inset 0px 0px 0px 3px #9bbed9;
  -moz-box-shadow:inset 0px 0px 0px 3px #9bbed9;
  box-shadow: inset 0px 0px 0px 3px #9bbed9;
  color: #9bbed9!important;
  margin-top: 2px;
  transition: all 0.6s;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700;
}
.container-section-cinco .col1 {
    padding: 100px;
}

@media screen and (max-width: 800px) {
  .container-section-cinco .imagen-cp{width:70%;}
  .container-section-cinco .col1{padding:0px;}
  .container-section-cinco .align-left {text-align:center!important;}
}

/*S6*/
img.section-cinco { height:75px; padding-top:8px; padding-bottom: 12px; }
.container-section-seis { padding:70px 0; text-align: center;background:#f1f6fa;}
.container-section-seis h3 {color: #000;font-size: 1.4em;line-height: 1.3em;font-weight:300;}
.container-section-seis p {color: #707070;}
.container-section-seis .illus-section-cinco img { padding-right:20px; }
.section-seis-button {
  padding: 1em 2em;
  -webkit-box-shadow:inset 0px 0px 0px 3px #9bbed9;
  -moz-box-shadow:inset 0px 0px 0px 3px #9bbed9;
  box-shadow: inset 0px 0px 0px 3px #9bbed9;
  color: #9bbed9!important;
  margin-top: 2px;
  transition: all 0.6s;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700;
  left: -10px;
}
.container-section-seis .col1{padding: 100px;}

@media screen and (max-width: 800px) {
  .container-section-cinco .col1{padding: 0px;}
}

.section-cinco-button:hover { color: #93c7ed; }

#swiper-prensa .swiper-wrapper .swiper-slide h3 {font-size: 15px; font-weight: 600; margin: 0; color: #414042; }
#swiper-prensa .swiper-wrapper .swiper-slide p {color: #333; font-size: 13px;}

#swiper-prensa-notas .swiper-wrapper .swiper-slide h3 {font-size: 15px; font-weight: 600; margin: 0; color: #414042; }
#swiper-prensa-notas .swiper-wrapper .swiper-slide p {color: #333; font-size: 13px;}

#swiper-actividades .swiper-wrapper .swiper-slide h3 {font-size: 15px; font-weight: 600; margin: 0; color: #414042; }
#swiper-actividades .swiper-wrapper .swiper-slide p {
    color: #fff;
    width: 130px;
    margin: 0;
    line-height: 1.1em;
}

#swiper-novedades .swiper-wrapper .swiper-slide a {padding: 0 1em 0.5em 0;height: 200px; width: 212px;}
#swiper-novedades .swiper-wrapper .swiper-slide h3 {font-size: 17px; font-weight: 400; margin: 0; color: #414042; padding-right: 5px; }
#swiper-novedades .swiper-wrapper .swiper-slide p {color: #333; font-size: 13px;}

/*TRAIDO DE TEMPLATE 2022*/

/*LLEVAR TODO AL STYLESHEETS*/
.box-programa .datos-programa .inicio {
    bottom: -15px;
}
.box-wrapper > p, .box-programa > p, .datos-programa > p,  #utdt-main > p, #programas > p {
    display: none;
}
.inicio p {
    font-weight: bold;
    font-style: italic;
    margin:0;
    padding-left:30px;
}

.presencial{top:0px;}
.online {background-repeat: no-repeat;top: -8px;}
.online p::before {content: url('https://www.utdt.edu/Images/UI/icono_online_2022.png'); width: 42px; height: 42px; position: relative; left: 0px; bottom: -5px; }
.blend {background-repeat: no-repeat;top: -8px; }
.blend p::before {content: url(https://www.utdt.edu/Images/UI/icono_blend_42.png); width: 42px; height: 42px; position: relative; left: 0px; bottom: 0px; }
.modalidad-listado{
  display: none;
}
.iconremove {position: absolute;margin-top:2px; padding: 2px; right:0px; min-width: 30px; cursor: pointer; z-index: 10;}
.iconremoveduracion {position: absolute;margin-top:2px; padding: 2px; right:0px; min-width: 30px; cursor: pointer; z-index: 10;}
.decoreOnline {border-bottom: solid; border-bottom-color:red; width:100%;transition: width 2s;}
.decoreBlend {border-bottom: solid; border-bottom-color:red; width:80%;transition: width 2s;}
.decorePresencial {border-bottom: solid; border-bottom-color:red; width:38%;transition: width 2s;}
.duracion-listado{display: none;}
.arrow-right-prensa {position: absolute; right:0px; opacity: 0.5; transition: opacity 0.5s;}
.arrow-right-prensa:hover {opacity:1;}
.arrow-left{/*margin:-30px!important;*/}
.arrow-left-prensa, .arrow-right-prensa {top:100px;}

.reuniones-informativas-area .arrow-left{top: -10px;margin:-30px!important; height:310px!important;}
.reuniones-informativas-area .arrow-right{height:250px!important;top: -10px;}

@media only screen and (max-width:767px){
    .inicio p {margin:4px;}
    .ncount {
        position:absolute!important;
        font-size:60px!important;
        font-weight:900!important;
        top:13px!important;
        float:right!important;
        right:35px!important;
        z-index:999!important;
        display: none;
    }
    .contact-wrapper-3 {left:initial!important;}
    .remodalnegocios{width:350px;}
    .reuniones-informativas-area {padding: 50px 0;}
    .containerNotas {width: 85%;}
}

.prognoencontrado{margin-left: 50px;}
.icon-warning-sign{color: red;}

.banner{width: 140px;max-width: 190px;display: block;padding: 10px;}
.info-item a{ color: #ffffff; font-weight: 600; text-decoration: underline;}
.info-item a:hover{ color: #4e4970; font-weight: 600; }
.info-item h2:nth-of-type(1) { display: none; }
.info-item li {list-style: none; }
.remodalnegocios{width: 650px;background: #7CAFD4 !important;color: rgb(248 248 248) !important;-webkit-box-shadow: 4px 22px 21px -7px rgba(0,0,0,0.48);
-moz-box-shadow: 4px 22px 21px -7px rgba(0,0,0,0.48);box-shadow: 4px 22px 21px -7px rgba(0,0,0,0.48);}

.ncount{
    position: absolute;
    font-size: 70px;
    font-weight: 900;
    top: 40px;
    float: right;
    right: 99px;
    z-index: 999;
    display: none;
}

/*** SLIDE PARA LAS ACTIVIDADES ***/
/*
#swiper-actividades { display: block; width: 100%!important; height: 235px; }
#swiper-actividades .swiper-wrapper-actvidades .swiper-slide h3 {font-size: 15px; font-weight: 600; margin: 0; color: #414042; }
#swiper-actividades .swiper-wrapper-actvidades .swiper-slide p {color: #333; font-size: 13px;}
#swiper-actividades .swiper-wrapper-actvidades .swiper-slide{width: 205px !important;}
*/
.swiper-container-actividades {height: 400px !important; width: 100%; }
.swiper-slide-actividades{ height: 161px; background: red; padding: 10px 10px 10px; padding-bottom: 190px; width: 200px; }
.banner-actividades{width: 190px; max-width: 190px; display: block; background-color: grey;}
.arrow-right-actividades {position: absolute;top:-15px; right:-10px; opacity: 0.5; transition: opacity 0.5s;}
.arrow-right-actividades:hover {opacity:1;}
.arrow-left-actividades{position:absolute;top:35px;margin:-30px!important;}
.ss-actividades{height: 161px;background: #6699cc;padding: 10px 22px 10px;padding-bottom: 190px;margin:15px 17px 0px;width: 335px !important;}
.ss-actividades:hover{cursor: pointer;}

.banner-actividad { max-width:240px; border:none!important; background:#fff; -webkit-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1); -moz-box-shadow: 1px 10px 25px -16px rgba(166,166,166,1); box-shadow: 1px 10px 25px -16px rgba(166,166,166,1);}
.descripcion-actividad { font-size:12px; color:#fff;}
#reloj {position: fixed; bottom:-5px; z-index: 11;}
.descripcion-actividad p:nth-of-type(2) { font-weight:900!important; font-family:'Montserrat'!important; font-size: 1.1em;}
.fecha-actividad { font-size:30px; font-weight:900; color:#fff; font-family:'Montserrat'!important; height: 80px;}
.fecha-actividad span { /*font-weight:700;*/ }
.fecha-actividad .dia { text-decoration: none !important; }
.fecha-actividad .mes { font-size:20px; top:-20px; text-transform:lowercase; border-bottom:3px solid white; padding-bottom:6px; /*text-decoration: underline; text-underline-offset: 30%;*/}
.eventosfechahoras { color:#fff!important; font-size:11px; padding-left:5px; }

.scontainer-actividades{height:210px !important; max-height: 300px !important; } /* <== lo correcto*/
/*.scontainer-actividades{height:100% !important; max-height: 100% !important; } /* <== lo no correcto*/

.classhora {
    display: inline-flex;
}


/*VIDEO*/

/** { box-sizing: border-box; }*/
.video-background {
    background: #000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

/* GRAFICO DE TORTA BY D.A */
.chart-skills {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  left: -65px;
  top: -250px;
}
.chart-skills *,
.chart-skills::before {
  box-sizing: border-box;
}
.chart-skills {
  position: relative;
  width: 350px;
  height: 175px;
  /*overflow: hidden;*/
}
.chart-skills::before,
.chart-skills::after {
  position: absolute;
}
.chart-skills::before {
  content: '';
  width: inherit;
  height: inherit;
  border: 55px solid rgb(61 95 139);
  border-bottom: none;
  border-top-left-radius: 175px;
  border-top-right-radius: 175px;
  left: 0px;
}
.chart-skills::after {
  content: '';
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  font-size: 1.1rem;
  font-weight: bold;
  color: cadetblue;
}
.chart-skills li {
  position: absolute;
  top: 100%;
  left: 0;
  width: inherit;
  height: inherit;
  border: 80px solid;
  border-top: none;
  border-bottom-left-radius: 175px;
  border-bottom-right-radius: 175px;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation-fill-mode: forwards;
  animation-duration: .4s;
  animation-timing-function: linear;
}
.chart-skills li:nth-child(1) {
  z-index: 1;
  border-color: #2a4151;
  animation-name: rotate-one;
}
.chart-skills li:nth-child(2) {
  z-index: 2;
  border-color:#1c5998;
  animation-name: rotate-two;
  animation-delay: .4s;
}
.chart-skills li:nth-child(3) {
  z-index: 3;
  border-color: #5482a3;
  animation-name: rotate-three;
  animation-delay: .8s;
}
.chart-skills li:nth-child(4) {
  z-index: 4;
  border-color: #6a8193;
  animation-name: rotate-four;
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(5) {
  z-index: 5;
  border-color: #8da4b2;
  animation-name: rotate-five;
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(6) {
  z-index: 6;
  border-color: #afc5d0;
  animation-name: rotate-six;
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(7) {
  z-index: 7;
  border-color: #142129;
  animation-name: rotate-seven;
  animation-delay: 1.2s;
}
.chart-skills span {
  position: relative;
  font-size: 2.85rem;
  backface-visibility: hidden;
  animation: fade-in .4s linear forwards;
  color: white;
  top: 50px;
}
.chart-skills span::after {
  /* content: '.'; */
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  font-size: 1.1rem;
  font-weight: bold;
  color: cadetblue;
}
.chart-skills li:nth-child(1) span {
  top: 47px;
  left: -120px;
  transform: rotate(-21.6deg);
}
.chart-skills li:nth-child(2) span {
  position: relative;
  top: 32px;
  left: -130px;
  transform: rotate(-79.2deg);
  animation-delay: .4s;
}
.chart-skills li:nth-child(3) span {
  top: -8px;
  left: -142px;
  transform: rotate(-140.4deg);
  animation-delay: .8s;
}
.chart-skills li:nth-child(4) span {
  top: -7px;
  left: -143px;
  transform: rotate(-180deg);
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(5) span {
  top: -13px;
  left: -145px;
  transform: rotate(-180deg);
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(6) span {
  top: -1px;
  left: -146px;
  transform: rotate(-180deg);
  animation-delay: 1.2s;
}
.chart-skills li:nth-child(7) span {
  top: 98px;
  left: -52px;
  transform: rotate(-180deg);
  animation-delay: 1.2s;
}
/* ANIMACIONES  */
@keyframes rotate-one {
  100% {
    transform: rotate(70.6deg);
    /**
     * 12% => 21.6deg
     */
  }
}
@keyframes rotate-two {
  0% {
    transform: rotate(90.6deg);
  }
  100% {
    transform: rotate(125.6deg);
    /**
     * 32% => 57.6deg
     * 57.6 + 21.6 => 79.2deg
     */
  }
}
@keyframes rotate-three {
  0% {
    transform: rotate(120.2deg);
  }
  100% {
    transform: rotate(155.4deg);
    /**
     * 34% => 61.2deg
     * 61.2 + 79.2 => 140.4deg
     */
  }
}
@keyframes rotate-four {
  0% {
    transform: rotate(140.4deg);
  }
  100% {
    transform: rotate(185deg);
    /**
     * 22% => 39.6deg
     * 140.4 + 39.6 => 180deg
     */
  }
}
@keyframes rotate-five {
  0% {
    transform: rotate(160.4deg);
  }
  100% {
    transform: rotate(210deg);
    /**
     * 22% => 39.6deg
     * 140.4 + 39.6 => 180deg
     */
  }
}
@keyframes rotate-six {
  0% {
    transform: rotate(180.4deg);
  }
  100% {
    transform: rotate(240deg);
    /**
     * 22% => 39.6deg
     * 140.4 + 39.6 => 180deg
     */
  }
}
@keyframes rotate-seven {
  0% {
    transform: rotate(210.4deg);
  }
  100% {
    transform: rotate(-100deg);
    /**
     * 22% => 39.6deg
     * 140.4 + 39.6 => 180deg
     */
  }
}

@keyframes fade-in {
  0%,
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.percent-mayor{color:#fff;font-weight:700;font-size:45px;}
.percent{color:#fff;font-weight:700;font-size:13px;}


#item1{position: relative;left: 67px;/* top: -52px; */top: -55px;ont-weight: 900;z-index: 9;font-size: 20px;}
#item2{font-size: 65px;font-weight: 800;}
#item3{z-index: 12;top: 291px;left: -84px;}
#item4{z-index: 13;left: -195px;top: 146px;}
#item5{z-index: 14;top: 180px;left: -164px;}
#item6{z-index: 15;top: 18px;left: -187px;: -195px;}
#item7{z-index: 16;left: -158px;top: -69px;x;op: -69px;}
#item8{z-index: 17; top: -135px; left: 100px; left: -108px}


#textitem2 {color:#88b8de; font-weight:700; font-size:18px; top:0px; display:inline-block;}
.parritem2 {
    text-align:initial;
    padding:9px;
    position:absolute;
    left:60px;
    top:440px;
    width:100%;
    padding-left: 4em;
    background-image: url("https://www.utdt.edu/Themes2G/escuela_negocios/Images/thumb-ph.png");
    background-position: left 35%;
    background-repeat: no-repeat;
}
.escuelaennumerostext{text-align: initial;right: 140px;top: -10px;}
.escuelaennumerostext h5 {font-weight: 800;}
.escuelaennumerostext strong {font-weight: 800;color: #88badf;}
.tabladerecha{position: absolute;left: 420px;text-align: initial;top: 109px;}
.tabladerecha p {font-weight: 900;font-size: 12px;}
.universidades-percent{font-weight: 700;font-size:12px;color:#88b8de;}
.acuerdos_internacionales{width: 121px;
    position: relative;
    font-size: 95px;
    left: 100px;
    top: 176px;
    z-index: 11;
    font-weight: 900;
    color: #fff;
    display: none;
}
/*.acuerdos_internacionales_column1 {top: -145px}
.acuerdos_internacionales_column2 {display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;top: -90px;}*/

.acuerdos_internacionales_column1 {}
.acuerdos_internacionales_column2 {display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;}

.container-3 {
    max-height: auto;
}

.button-white {
    box-shadow: inset 0 0 0 3px #fff;
    color: #7DAFD3 !important;
    cursor: pointer;
    display: inline-block;
    font-family: montserrat, sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    padding: 1em 2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s;
    border-radius: 999px;
    background: #fff!important;
}
.button-white:hover {
    background-color: #ffffff11!important;
    color: #fff !important;
}
.button-blue {
    color: #fff!important;
    box-shadow: inset 0 0 0 3px #7DAFD3!important;
    background: #7DAFD3!important;
    border-radius: 999px;
}
.button-blue:hover, .button-green:hover {
    background-color: #ffffff11!important;
    color: #7DAFD3!important;
}
.button-second {
    display: inline-block;
    background-color: #fff!important;
    color: #7DAFD3!important;
}
.button-second:hover {
    background-color: #7DAFD311!important;
    color: #7DAFD3!important;
}

@media screen and (max-width: 768px) {
    /*fix scrollbar D.A*/
    .universidadesdelmundo{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px !important;}
    .agenda-home {position: relative; overflow: scroll; max-height:250px!important;}
    .novedades-content {position: relative; overflow: scroll; max-height:250px!important;}
    .acuerdos_internacionales {position: relative; font-size: 45px; left:50px; top: 100px; z-index: 11; font-weight: 900; color: #fff; }
    .acuerdos_internacionales_column1{/*top: -80px*/}
    .acuerdos_internacionales_column2{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
    .percent-mayor{fonize: 25px;}
    .universidades-percent{font-weight: 700;font-size:10px;color:#88b8de;}
    .chart-skills {
      margin: 0 auto;
      padding: 0;
      list-style-type:none;
      left:-90px!important;
    }
    .chart-skills *,
    .chart-skills::before {
      box-sizing: border-box;
    }
    .chart-skills {
      position: relative;
      width: 180px !important;
      height: 90px !important;
      /*overflow: hidden;
      top: -50px !important;*/
    }
    .chart-skills::before,
    .chart-skills::after {
      position: absolute;
    }
    .chart-skills::before {
      content: '';
      width: inherit;
      height: inherit;
      border: 40px solid rgba(211, 211, 211, 0);
      border-bottom: none;
      border-top-left-radius: 165px;
      border-top-right-radius: 183px;
/*      left: -70px;
      top: -190px;*/
    }
    .chart-skills::after {
      content: '';
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
      font-size: 1.1rem;
      font-weight: bold;
      color: cadetblue;
    }
    .chart-skills li {
      position: absolute;
      top:-100px;
      left:-70px;
      width:inherit;
      height:inherit;
      border-bottom-left-radius: 156px;
      border-bottom-right-radius: 180px;
      border-bottom-right-radius: 188px;
      border-bottom-left-radius:175px;
      border-bottom-right-radius:175px;
      transform-origin:50% 0;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      animation-fill-mode: forwards;
      animation-duration: .4s;
      animation-timing-function: linear;
    }
    .escuelaennumerostext{left: -60px;}
    .escuelaennumerostext {
    text-align:center!important;
    left:initial!important;
    right:initial!important;
    top:inherit!important;
    }
/* prueba */
    #item1 {position: relative; left:-140px; top:-15px !important; font-weight: 600; font-size: 16px!important; }
    #item2 {/*font-size: 25px !important;*/}

    .parritem2 {
        text-align:initial;
        /*border:solid 1px;*/
        padding:0 15px 0 4em;
        width:80%!important;
        position:absolute;
        left:initial!important;
        top:285px!important;
        background-position:left 5%;
        margin:auto;
    }
    #textitem2 { }

    .tabladerecha {right:20px!important; top:77px!important; left:initial;}
    .tablaizquierda {left: -70px;}
    .percent {color:#fff; font-weight:700; font-size:10px;}
    .chart-skills li:nth-child(1) span {top: 27px; left: -24px; transform: rotate(-21.6deg);}
    .chart-skills li:nth-child(2) span{ position: relative; top: -3px; left: -67px; transform: rotate(-79.2deg); animation-delay: .4s; }
    .chart-skills li:nth-child(3) span {top: -22px; left: -67px; transform: rotate(-140.4deg); animation-delay: .8s; }
    .chart-skills li:nth-child(4) span {top: -24px; left: -67px; transform: rotate(-180deg); animation-delay: 1.2s; }
    .chart-skills li:nth-child(5) span {top: -26px; left: -70px; transform: rotate(-180deg); animation-delay: 1.2s; }
    .chart-skills li:nth-child(6) span {top: -23px; left: -73px; transform: rotate(-180deg); animation-delay: 1.2s; }
    .chart-skills li:nth-child(7) span {top: 23px; left: -28px; transform: rotate(-180deg); animation-delay: 1.2s; }

    #item1{position: relative; left:50px; top:-145px; font-weight: 900; z-index:9; font-size:20px;}
    #item2{font-size:65px; font-weight:800; line-height:initial;} /*  <=== MOMENTANEAMENTE  */
    #item3{z-index: 12;top: 135px;left:-32px;}
    #item4{z-index: 13;left: -85px;top: 14px;}
    #item5{z-index: 14;top:-50px;left: -72px;}
    #item6{z-index: 15;top: 9px;left: -76px;}
    #item7{z-index: 16;left: -88px;top: -59px;}
    #item8{z-index: 17; top: -172px; left:-46px;}

    .chart-skills li {
      position: absolute;
      top: 100%;
      left: 0;
      width: inherit;
      height: inherit;
      border: 40px solid;
      border-top: none;
      border-bottom-left-radius: 100px;
      border-bottom-right-radius: 100px;
      transform-origin: 50% 0;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      animation-fill-mode: forwards;
      animation-duration: .4s;
      animation-timing-function: linear;
    }
    h1 {
     font-size: 26px;
    }
    h2 {
      font-size: 24px;
    }
    h3 {
      font-size: 22px
    }
    h4, h5 {
      font-size: 18px;
    }
    p {
      font-size: 16px;
    }
    .container-aprende h4 p {
        font-size: 18px;
    }
    .container-aprende h4 p {
        font-size: 18px;
    }
    .container-puertas h3 {
        font-size: 24px;
    }
    .main-slider {
        margin-bottom: 90px;
    }
    .button-white {
        font-size: 14px;
        padding: .8em 1em;
    }
    .main-slider {height: 180px;}
      .main-slider .swiper-container {height: 230px !important;}
      .main-slider .swiper-container .swiper-slide .caption {
        top:35px; 
        left: 40px;
        position: relative; 
        text-align: center; 
        text-shadow: 1px 1px 2px #333; 
        padding: 0 15px; 
        margin-left: -50px!important; 
    }
}
@media screen and (max-width: 768px) {
    .banner{ width: 100% !important; display: block; }
    .header h2, .container-hero h1 {font-size: 2em; }
    .container-video .header h3, .container-hero h3 { font-size: 18px; }
}
/* END GRAFICO DE TORTA BY DAVID */


/*AGENDAS Y RI CAMBIOS EN EL BOCETO*/

/* BANNERS */
.box-banners {padding-left: 4px; margin-bottom: 5px;box-sizing:initial !important;}
.box-banner {padding-right: 4px;}
.box-banner img {width: 100% !important;}

.banner a {border: solid 0px #fff;transition: all 0.6s;}
.banner a:hover {border: solid 0px #f1f1f1;}

/*************       AGENDA         ************/

.agendas {padding: 0px;}

.agendas h3 {font-weight:700; padding-left:5px; margin-bottom:15px;}
.agendas .item-agenda {border: none; border-radius: 4px; margin: 10px 5px; display: flex; color: inherit;}
.agendas .item-agenda .fecha {color:#111; margin-right: 10px; transition: color 0.4s; -webkit-transition: color 0.4s;}
.agendas .item-agenda .fecha .num {font-size: 2.3em; line-height:1em; font-weight:800; font-family: 'Montserrat', sans-serif; text-align: left;}
.agendas .item-agenda .fecha .num span {font-size:0.55em; display: block; line-height: 0.6em; text-transform: lowercase;}
.agendas .item-agenda .fecha .month {float:left; text-transform: lowercase;}
.agendas .item-agenda .programa {}
.agendas .item-agenda .programa p {line-height:1.2em; margin-bottom:0!important; padding-bottom:0!important; }
.agendas .item-agenda .programa .bajada {color:#888; font-weight:700; margin-bottom:0!important; padding-bottom:0!important;}
.agendas .item-agenda .programa .titulo {font-weight: 900; padding-right: 6px; margin-bottom:0!important; padding-bottom:0!important;}
.agendas .item-agenda .programa span:before {content:"\f017"; font-family: FontAwesome; padding-right: 5px;}
.agendas .item-agenda:hover .fecha {color: #BFBFBF;}


/* ==========================================================================
    CONTACTO
   ========================================================================== */
.contact-wrapper, .contact-wrapper-1, .contact-wrapper-2, .contact-wrapper-3, .contact-wrapper-4  {display: flex; flex-direction:column; align-items: center; justify-content: center; align-items: center; padding: 10px; border-radius: 0px; position: fixed; top: 80px; right: 0px; z-index: 10; color: white; transition: all 0.6s; } 
.contact-wrapper-1 { top: 190px; }
.contact-wrapper-2 { top: 271px; padding-top: 20px }
.contact-wrapper-3 { top: 352px; }
.contact-wrapper-4 { top: 433px; }
.contact-wrapper-1, .contact-wrapper-2, .contact-wrapper-3, .contact-wrapper-4, .contact-btn { 
    height: 105px;
    width: 80px;
    padding-top: 15px;
    font-size: 12px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.contact-wrapper-1 img, .contact-wrapper-2 img, .contact-wrapper-3 img, .contact-wrapper-4 img, .contact-btn img { 
    width: 24px
}
.contact-btn { background: rgb(84 84 84 / 57%);}
.contact-wrapper-1 a:hover, .contact-wrapper-2 a:hover, .contact-wrapper-3 a:hover, .contact-wrapper-4 a:hover { color: #fff!important; }
.contact-wrapper p { font-size: 14px; text-align: center; margin: 0 10px; }
.contact-wrapper input { border-radius: 15px; outline: none; display: flex; }
.contact-wrapper button { background: rgba(162,195,58,.5); border-radius: 50%; border: 0; padding: 0; margin: 0 5px; }
.contact-wrapper hr { border-top: 1px solid white; width: 70%; }
a:hover.contact-btn { background-color: #7CAFD4 }
#whatsapp-msng-icon { width: 48px; }
#contact-msng-icon { width: 38px; }
@media only screen and (max-width: 767px)
{
.contact-wrapper-2 {right: 57px;}
.contact-wrapper-3 {right: 0; }
.contact-wrapper-4 {right: 57px; }
.contact-wrapper-1, .contact-wrapper-2, 
.contact-wrapper-3, .contact-wrapper-4, .contact-btn
{height: 50px;width: 110px;
background-color: #714a8f00;}
.contact-wrapper-1, .contact-wrapper-2, 
.contact-wrapper-3, .contact-wrapper-4 
{top: initial; bottom: 0; flex-direction: row;
background-color: #00000088; height: 50px; width: 55px;
padding:0px 10px 10px }
.contact-wrapper-1, .contact-wrapper-2, .contact-wrapper-3, .contact-wrapper-4, .contact-btn { 
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
}
  .contact-btn p {
    font-size: 12px;
    line-height: 10px;
  }
}

.container-destacados{padding: 20px!important;}
.container-prensa{padding: 20px!important;}

/* ==========================================================================
   Swiper styles
========================================================================== */
.container-aprende .swiper {
    width:100%;
    height: 100%;
}
.container-aprende .swiper-slide {
    text-align:center;
    font-size:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100%;
}
.container-aprende .swiper-slide img {
    width: 100%;
}
@media screen and (min-width:1400px){
    .container-aprende .swiper {
        width:100%;
    }
}
@media screen and (min-width:1600px){
    .container-aprende .swiper {
        width:100%;
    }
}
@media screen and (max-width:768px){
    .container-aprende .swiper img {
        width:70%;
        border-radius: 50%;
    }
}

.container-aprende .swiper-button-next, .container-aprende .swiper-button-prev {
    border-radius: 100%;
    width: 40px!important;
    height: 40px!important;
}

.container-aprende .swiper-button-next:after, .container-aprende .swiper-rtl .swiper-button-prev:after {
    background: url(https://www.utdt.edu/Themes2G/escuela_negocios/Images/right-arrow.png?=v5) no-repeat;
    height: 24px;
    width: 19px;
    position: absolute;
    background-size: 20px;
    margin: 10px;
    content: ''!important;
    right: 0;
}
.container-aprende .swiper-button-prev:after, .container-aprende .swiper-rtl .swiper-button-next:after {
    content: ''!important;
    background:url(https://www.utdt.edu/Themes2G/escuela_negocios/Images/left-arrow.png?=v5) no-repeat;
    height: 22px;
    width: 20px;
    position: absolute;
    background-size: 20px;
    margin: 10px;
    left: 0;
}
:root {
    --swiper-theme-color:#2ECABB;
}
.container-aprende .swiper button.disabled, .container-aprende .swiper input[type=submit].disabled, .container-aprende .swiper input[type=button].disabled, .container-aprende .swiper input[type=reset].disabled, .container-aprende .swiper.button.disabled, .container-aprende .swiper a.button.disabled, .container-aprende .swiper a.button.disabled:visited, .container-aprende .swiper ul.button-group li a.disabled, .container-aprende .swiper ul.button-group li button.disabled, .container-aprende .swiper ol.button-group li a.disabled, .container-aprende .swiper ol.button-group li button.disabled, [role~=button][aria-disabled], [role~=button].disabled, [role~=button][aria-readonly] {
    border-radius:50%;
    width:40px;
    height:40px;
}
.container-aprende .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    padding: 0;
}
.container-aprende .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .container-aprende .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    padding: 5px;
    background-color: #000000;
}


.scrolltop-wrap [role~=button] {
    border-radius: 8px 8px 0 0;
}



@media only screen and (max-width: 768px) {
    .widthCustom{
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .widthCustom{
        width: 100%;
    }
}