/* ==========================================================================
   GENERAL
========================================================================== */
.button-abo {
    display: inline-block;
    padding: 1em 2em;
    -webkit-box-shadow: inset 0 0 0 3px #A68AB9;
    -moz-box-shadow: inset 0 0 0 3px #A68AB9;
    box-shadow: inset 0 0 0 3px #A68AB9;
    color: #ffffff!important;
    transition: all .6s;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    background: #A68AB9;
    border-radius: 999px;
}
.button-abo:hover{
  background: #ffffff;
  color: #A68AB9!important;
}
.img-uni{
  background-color: #1e3765;
  padding: 0 5px;
}
.box-wimg{
/*  display: flex;*/
  align-items: center;
}
.ts-fx-ps{
  margin-top: -332px;
}
form:invalid, input:invalid{
  border:none !important;
}
.container-campos img{
  height: 310px;
  object-fit: cover;
  width: 100%;
}
.container-testimonio div:first-child {
    background-color: #FBEFDB;
    padding-top: 2em;
    min-height: auto;
    border-radius: 5px 6px 0 0;

}

/*.container-testimonio div:first-child {
    background-color: #FBEFDB;
    padding-top: 2em;
    min-height: 304px;
    border-radius: 5px 6px 0 0;

}*/
.container-testimonio div {
    padding: 1.5em 2em;
}
.fx-te{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.fx-te img{
  border-radius: 180px;
  /*width: 160px;*/
  object-fit: cover;
  /*height: 160px;*/
  width: 80px;
  height: 80px;
}

.fx-te div{
  padding: 0;
  /*text-align: center;*/
  text-align: start;
}
.fx-te div strong{
  color: #A68AB9;
}
.container-testimonio.col {
    flex-direction: column;
}
.container-testimonio {
    color: #000;
    border: 3px solid #F4A821;
    display: flex;
    margin: 1em;
    min-height: auto;
    border-radius: 8px;
    padding: 0px !important;
}
.container-testimonios{
  padding: 0 !important;
}
.testi::before {
   /* content: url(https://utdt.edu/Upload/grado/imagenes-varias/quote_2.png);*/
    position: absolute;
    z-index: 100000;
    left: 34px;
    top: 12px;
}
#testimonios h3{
  color: white !important;
}
.fx-width-campos{
  width: 25% !important;
}
#sciencesPo .box{
    background: transparent;
    border: 2px solid #A68AB9;
/*    display: flex;*/
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.block-in .box {
    background: #ffffff !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%);
    border-radius: 8px;
    color: #5a5a5a;
}
.block-in .box-vanguardia{
  padding: 0;
}
.block-in figure{
  margin: 0;
  background: #A68AB9;
  color: white;
  font-size: 18px;
  border-radius: 8px 8px 0 0;
}
.investigacion{
  background-color: #a68ab942;
}
.container-propuesta .button-white {
    width: 310px !important;
    min-height: 3em !important;
}

.container-video .header h2, .container-video .header h3 {
  font-size: 50px;
}
.h6-mapa{
    max-width: 1110px;
    margin: auto 
}
#Desarrollo .case-2{
  min-height: 140px;
}
#Porque img {
  filter: invert(81%) sepia(9%) saturate(1166%) hue-rotate(235deg) brightness(92%) contrast(93%);
}
.container-propuesta .box {
    background-color: inherit !important;
    border: inherit !important;
}
.container-propuesta .fz-p{
  color: #000 !important;
}
.container-orientaciones h5:after {
    content: '';
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: -5px;
    left: 20px;
    background-color: #000000;
}
.container-orientaciones h5 {
    font-size: 1.6em !important;
    font-weight: 700 !important;
    color: inherit !important;
}
.container-desarrollo .violet h6{
  font-size: 16px !important;
}
/*.container-testimonio div:first-child {
    background-color: #a68ab942;
    padding-top: 2em;
    min-height: 304px;
}*/
.container-testimonio div:first-child {
    background-color: #a68ab942;
    padding-top: 2em;
    min-height: auto;
}
.container-testimonio div {
    padding: 1.5em 2em;
}
.fx-te{
  display: flex;
  /*align-items: center;*/
  flex-direction: row;

}
.fx-te div{
  padding: 0;
}
.container-testimonio.col {
    flex-direction: column;
}
.container-testimonio {
    color: #000;
    border: 3px solid #A68AB9;
    display: flex;
    margin: 1em;
    min-height: auto;
    border-radius: 8px;
}
.container-testimonio::before {
   /* content: url(../Images/quote_3.png);*/
    position: absolute;
    z-index: 100000;
    left: 30px;
    top: -16px;
}
.violet{
  background-color: #A68AB9 !important;
}
.mx-w1132{
  max-width: 1132px;
  margin: auto;
}
.pd-30{
  padding: 30px;
}
.fz-p{
  font-size: 1.1666666667em;

}

.fz-h6{
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    color: #A68AB9;
}

.container-third-nav .clickable-card, .orientaciones .clickable-card {
    height: 200px;
    background-color: #ffffff;
    margin: 0 10px;
    text-align: center;
    display: block;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, .2);
    transition: 0.2s ease-in-out;
    padding: 25px;
    padding-top: 32px;
    font-size: 15px;
    color: rgb(43, 43, 43);
    border-radius: 8px;
}

.orientaciones .clickable-card {
    min-height: 510px;
    background-color: #ffffff;
    margin: 0 10px;
    text-align: left;
    display: block;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, .2);
    transition: 0.2s ease-in-out;
    padding: 0px;
    font-size: 15px;
    color: rgb(43, 43, 43);
}

.container-orientaciones {
    padding: 70px 0;
    text-align: center;
    background-color: #fef6e9;
    color: #333;
}


::selection, .bg_arquitectura {
  background-color:#A68AB9;
}
h3 {
  font-weight:bold;
}
h5 {
  margin-bottom:initial;
  line-height:1;
}
h6 {
  text-transform: initial;
}
section h3 {
  color:#A68AB9;
  font-size:30px;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

section h4 {
  font-size:20px;
  font-weight:bold;
}

.cd-main-content {
  font-family: "Montserrat";
}

.box {
  border-radius: 8px;
}

.foto-director a {
  text-decoration:underline;
}
.foto-director a:hover {
  color:#A68AB9;
}
.button, a.button, a.button:visited {
  font-family: "Montserrat",sans-serif!important;
  letter-spacing: -0.025em;
  overflow: hidden;
  border: none;
  font-size: 18px;
  box-shadow: none!important;
  border-radius: 0;
  padding:1em 2em;
  -webkit-box-shadow:inset 0 0 0 3px#A68AB9;
  -moz-box-shadow:inset 0 0 0 3px#A68AB9;
  box-shadow:inset 0 0 0 3px#A68AB9;
  color:#ffffff!important;
  border-radius: 999px;
  background-color:#A68AB9!important;
}

.button-white {
  display: inline-block;
  padding: 1em 2em;
  -webkit-box-shadow: inset 0 0 0 3px #ffffff;
  -moz-box-shadow: inset 0 0 0 3px #ffffff;
  box-shadow: inset 0 0 0 3px #ffffff;
  color:#A68AB9 !important;
  transition: all .6s;
  font-family: montserrat, sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 999px;
  background-color: #ffffff!important;
}
.button-white:hover {
  background-color:rgba(166, 138, 185, .2)!important;
  color: #ffffff!important;
}

.title-parent {
  color:#A68AB9;
  font-size: 1.8em;
  font-weight:700;
}

#contenido { position: relative; min-height: 200px; margin-bottom: 3em; }
#contenido a,
#contenido a:visited { color:#A68AB9; text-shadow: none; box-shadow: none; background-color: rgba(200,200,200,0.5); }
#contenido img[style*="left"],
#contenido img[align="left"] { margin-right: 15px; }
#contenido a font { color:#A68AB9; }
#contenido .row { border-bottom: 2px solid#A68AB9; padding: 15px 0; }
#contenido .row h3 { margin-bottom: 0; }
#contenido .row li { font-size: 14px; }

a[class*="addthis_button"] { float: none !important; display: inline-block !important; }

#Porque img,  {
  padding-bottom: 6px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(142%) saturate(783%) hue-rotate(356deg) brightness(152%) contrast(97%);
}

.top-ditella-escuela h1 {
  max-width: 100%;
}
.top-ditella-escuela .nav {
  background: inherit;
  border: none!important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: none;
}

.redes {
  background: #a68ab942 ;
  padding: 1em;
  text-align: center;
}
.redes h3 {
  color:#A68AB9;
  text-align: center;
}
.redes .box-redes {
  margin-top: 40px;
}
.redes .box-redes a {
  margin: 20px;
}

@media screen and (max-width: 1024px) {
  .top-ditella-escuela .nav {
    bottom: 0;
    width: initial;
  }
  .top-ditella-escuela .nav:not(.nocollapse):not(.small-tablet):not(.mobile) button.hamburger {
    outline: none;
    height: 32px;
    position: absolute;
    bottom: 10px;
    right: 2px;
    color: rgba(255,255,255,0.8);
    display: none;
  }
}

/* ==========================================================================
   SLIDER HERO
========================================================================== */
/*---Main Swiper---*/
.main-slider {height: 400px;}
.main-slider .swiper-container {height: 400px !important; width: 100%; }
.main-slider .swiper-container .arrow-right {display:block; position:absolute; background: none !important; top:180px; right:40px; z-index:30; color: #ffffff; 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:180px; left:10px; z-index:31; color: #ffffff; 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%; padding-left: 65px; position: absolute; bottom: -360px; opacity: 0; transition: opacity 1s;}
.main-slider .swiper-container .swiper-slide .caption .title {color:#ffffff; font-weight:800; font-size:3em; line-height:1em;}
.main-slider .swiper-container .swiper-slide .caption .sub-title {color:#ffffff; font-weight:300; font-size:1.3em; line-height:1.2em;}
.main-slider .swiper-container .swiper-slide .image-cover {position: absolute;height: 400px;background-color: #111;background-position: 55% 0;z-index: 0px;}

.main-slider .swiper-container .swiper-slide-active .caption {opacity: 1;}

/* Pego estas dos clases que vienen de utdt_menu.css?v=20191002 para que funcione el fixed del menu donde esta el whatsapp */
.cd-main-content,.cd-main-header {
  -webkit-transform:initial !important;
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;}

.cd-main-content,.cd-main-header{
  -webkit-transition:initial,!important;
  transition:initial !important;
  will-change:initial !important;
}

.container-hero-slider {height:480px;}
.container-hero-slider.bg_lee > .row {
  height: 100%;
  background-image: url(../Images/iluslee.png?=v1);
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: 97%;
}
.container-hero-slider.bg_lae > .row {
  height: 100%;
  background-image: url(../Images/iluslea.png?=v1);
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: 97%;
}
.hero-slider-left span {
  color:#A68AB9;
  background:#ffffff;
  padding:5px 10px;
  border-radius:0px;
  text-transform:uppercase;
  font-size: 20px;
}

.hero-slider-left h2 {
  margin:0;
  font-size:44px;
  font-weight:600;
  line-height:60px;
}

.hero-slider-left h2, .hero-slider-left h3, .hero-slider-left p {
  color:#ffffff;
}

.hero-slider-left a {
  background:none;
  color:#ffffff;
  font-weight:600;
  border-radius:0px;
  text-transform:uppercase;
  cursor:pointer;
  transition: 0.3s ease-in-out;
  font-size: 20px;
  font-family: "Montserrat", sans-serif!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 img {
  -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .7));
}
.container-video .video-wrapper {
  width:100vw;
  height:380px;
  position:relative;
  overflow:hidden;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#A68AB9;
}
.container-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 40vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.container-video .header{
  position:relative;
  color:white;
  text-align:left;
}

.container-video .header h2 {
    font-weight: 800;
}

.container-video .header h2, .container-video .header h3, .container-video .header h4 {
  text-shadow:1px 1px 5px #000;
  line-height:1em;
}
.container-video .header h4{
  color: white;
  line-height:1.4em;
}
.container-video .header h2, .container-video .header h3 {
  text-shadow:1px 1px 5px #000;
  line-height:1em;
}
.container-video a {
  color:#ffffff;
  font-weight:600;
  border-radius:0;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s ease-in-out;
  font-size:20px;
  font-family:'Montserrat', sans-serif!important;
}
@media only screen and (min-width: 1280px) {
  .container-video .video-wrapper {
    height: 480px;
  }
}
@media only screen and (max-width: 768px) {
  .img-uni{
    margin: auto;
    text-align: center;
  }
  .img-uni img{
    width: 50%;
  }
  .box-wimg{
    flex-direction: column;
  }
  .container-video .video-wrapper {
    width:100vw;
    height:70vh;
  }
  .container-video iframe {
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:70vh;
  }
  .fx-width-campos {
    width: 33.33333% !important;
  }
}
@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;
  }
}

/* ==========================================================================
   SECONDARY NAV
========================================================================== */
.top-ditella-escuela {
  height:40px;
  padding-top:4px;
  margin-bottom:0px!important;
  border-radius: 0!important;
}
.top-ditella-escuela .nav li > a:hover {
  border-radius:0px;
}

nav > ul#menu > li > .btn-folleto {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
  box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
  border-radius:0px;
  color:#ffffff;
  padding:4px 15px;
  margin-left:7px;
}

nav > ul#menu > li > .btn-folleto:hover {
  background:#ffffff!important;
  color:#A68AB9!important;
}

/* ==========================================================================
   THIRD NAV: CARDS
========================================================================== */
.card h5 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2em;
  color:#A68AB9;
}

.container-third-nav {
  padding-bottom: 20px;
  top: -30px;
  z-index:10;
}
.container-third-nav img {
  height: 80px;
}
.container-third-nav .clickable-card, .propuesta .clickable-card {
  height: 200px;
  background-color: #ffffff;
  text-align:center;
  display:block;
  box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);
  transition: 0.2s ease-in-out;
  padding: 10px;
  padding-top: 32px;
  font-size: 15px!important;
  color: rgb(43,43,43);
  border-radius: 8px;
}
.bg_arquitectura, .container-actividades .novedades-item a .third article {
    border-radius: 8px;
}
.propuesta .clickable-card img, .bg_arquitectura img, .container-actividades .image-round {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.container-third-nav .clickable-card:hover {
  box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);
  color:#A68AB9;
}

@media screen and (min-width:780px) {
  .container-third-nav .clickable-card {
    margin:0 10px;
  }
  .container-propuesta .clickable-card {
    margin:0 5px;
  }
}

@media screen and (max-width: 900px) {
  .container-third-nav img {
    float: left;
    height: 40px;
    max-width: 30px;
  }
}

/* ==========================================================================
   00. SECTION MENSAJE DEL DIRECTOR + AGENDA + NOVEDADES
========================================================================== */
.news-inner h3 {
  margin-bottom: 0;
  font-size: 30px;
  color: #00a3b4;
}

.button-plan {
  display: inline-block;
  padding: 1em 2em;
  -webkit-box-shadow: inset 0px 0px 0px 3px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 3px #ffffff;
  box-shadow: inset 0px 0px 0px 3px #ffffff;
  color: #ffffff !important;
  transition: all 0.6s;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  border-radius: 999px;
}

/* MENSAJE DEL DIRECTOR ================================================== */
.mensaje-director h3 {
  font-size: 20px;
  margin: 0;
}

/* AGENDA ================================================== */
.container-msj-agenda-novedades {
  background-color: #f8f9fb;
  background-color: #ffffff;
  padding: 50px 0 70px 0;
  margin-top: 0;
}
.container-msj-agenda-novedades p {
  color: #2b2b2d;
}
.container-msj-agenda-novedades img {
  width: 200px;
  border-radius: 50%;
}
.container-msj-agenda-novedades, 
.container-msj-agenda-novedades h3 {
  color: #ffffff;
}
.container-msj-agenda-novedades h3 {
  font-size: 22px;
  font-weight:800;
  padding-bottom: 1em;
}
.container-msj-agenda-novedades h4 {
  font-weight:800;
}
.container-msj-agenda-novedades .margin-bottom-x4 {
  margin-bottom: 4em;
}
.agenda .evento {
  margin-bottom: 20px;
}
.agenda .evento .fecha {
  font-size: 22px;
  font-weight: 700;
}
.agenda .evento .titulo {
  font-weight: bold;
}

/* NOVEDADES ================================================== */
.novedades .novedad {
  font-size: 13px;
}
.news-inner h3 {
  margin-bottom: 0;
  font-size: 30px;
  color:#A68AB9;
}
.mensaje-director, .mensaje-director h3, .mensaje-director p, .mensaje-director a, .container-msj-agenda-novedades {
  color: #000000;
}
.container-msj-agenda-novedades h4 {
  color:#A68AB9;
}
.mensaje-director h4, .container-msj-agenda-novedades h4 {
  padding: 0;
}
.mensaje-director hr {
  width: 160px;
  border-top: 3px solid#A68AB9;
  margin: 0 auto;
  margin-bottom: 2em;
}
#contenido {
  position: relative;
  min-height: initial;
  margin-bottom:1em;
  font-weight: 800;
  font-size:22px;
}
@media only screen and (min-width: 768px) {
  .container-msj-agenda-novedades .leftline:before {
    content: '';
    width: 60px;
    height: 4px;
    position: absolute;
    top: -25px;
    left: 0px;
    background-color:#A68AB9;
  }
}
@media only screen and (max-width: 768px) {
  .mensaje-director {
    text-align: center;
  }
}

/* ==========================================================================
/* 01. QUE PODES
========================================================================== */
.destacados-fotos {
/*    max-width: 900px!important;*/
}
.container-destacados {
  padding: 70px 0;
}
.container-destacados h2 
.container-destacados p 
.container-destacados .case p {
  padding: 10px;
  line-height: 1!important;
}
.container-destacados .case a {
  font-weight: 700;
  text-decoration: none;
}
.container-destacados .case, .container-destacados .case-2, .container-destacados .case-3, .container-destacados .case-4 {
  width: 100%;
  border-radius: 8px;
  background-color: white;
  color: black;
  -webkit-box-shadow: inset 0 0 0 1px #00a3b4;
  -moz-box-shadow: inset 0 0 0 1px #00a3b4;
  box-shadow: inset 0 0 0 1px #00a3b4;
}
@media only screen and (min-width: 1024px) {
  .container-destacados .case {
    min-height: 600px;
  }
  .container-destacados .case-2 {
    background-color: white;
    min-height:290px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1040px) {
  .container-destacados .case {
    min-height: 350px;
  }
  .container-destacados .case-2 {
    background-color: white;
    min-height:165px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .container-destacados .case {
    min-height: 300px;
  }
  .container-destacados .case-2 {
    background-color: white;
    min-height:140px;
    margin-bottom: 20px;
  }
}

/* CSS Grid Layout Styles */
.auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  grid-gap: 1.4rem;
  /*  Equal height all rowa */
  grid-auto-rows: 1fr
}

.auto-grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33rem, 1fr));
  grid-gap: 1.4rem;
  /*  Equal height all rowa */
  grid-auto-rows: 1fr
}

/* Equal height columns from a width of 16rem */
@media screen and (max-width: 600px) {
  .auto-grid, .auto-grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    grid-auto-rows: 1fr;
  }
  .fx-width-campos {
    width: 49% !important;
  }
}

/*
 * 'display: flex & flex-flow: column nowrap' only needed if you want to place elements at the bottom
 */
.grid-box-destacados {
  display: flex;
  flex-flow: column nowrap;
  padding: 2rem;
  border: 1px solid#A68AB9;
  border-radius: 5px;
  background-color: white;
}

/* The Frame for the Figures */
.grid-figure {
  margin: 0;
  padding: 1rem;
  text-align: center;
  font-style: italic;
  color: #4d4d4d;
}

/* ==========================================================================
   02. POR QUE
========================================================================== */
.container-porque {
  text-align:center;
  padding: 70px 0;
}
.container-porque .row {
  display: flex;
  align-items: center;
}
.container-porque h3 {
  color:#A68AB9;
}
.container-porque h4 {
  padding: 0;
  color:#2b2b2d!important;
}
.container-porque h5 {
  font-size:1.6em;
  line-height:2em;
  font-weight:100;
}
.container-porque h6 {
  text-transform: none;
}
.container-porque hr {
  content: '';
  width:60px;
  margin:2em auto;
  border-bottom:3px solid #ffffff;
}
.container-porque li {
  line-height:initial;
}
.container-porque a {
  text-decoration: underline;
  font-family: 'Montserrat';
}
.container-porque .illus img {
  padding-right:20px;
}
.container-porque .button-white {
  width:100%;
  min-height:5em;
  display:flex;
  align-items:center;
  justify-content:center;
}
.container-porque input {
  position:absolute;
  opacity:0;
  z-index:-1;
}

.container-porque img {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.container-porque .box, .container-porque .box h3 {
  color: white;
  background-color:#A68AB9;
  border: none;
}

@media only screen and (min-width: 767px) {
  .container-porque .row {
    padding: 1em 4em!important;
  }
  
}
@media only screen and (max-width: 767px) {
  .container-porque {
    text-align: center;
  }
  .container-porque .row {
    display: initial;
  }
  .ts-fx-ps{
    margin-top: 0;
  }
}

/* ==========================================================================
   03. PROPUESTA ACADEMICA
========================================================================== */
.container-propuesta {
  padding:70px 0;
  text-align:center;
  background-color: #a68ab942 !important;
}
.container-propuesta h2 {
  color:#ffffff;
  font-weight:900;
  font-size:3em;
}
.container-propuesta h3 {
  color:#A68AB9;
}
.container-propuesta h5 {
  /*font-size:1.3em;
  font-weight:700;*/
}
/*.container-propuesta h5:after {
  content: '';
  width:60px;
  height:4px;
  position:absolute;
  bottom:-5px;
  left:20px;
  background-color:#000000;
}*/
.container-propuesta .row {
  display: flex;
  align-items: flex-start;
}
.container-propuesta .clickable-card:hover {
  color:#000000;
}
.container-propuesta .clickable-card {
  height:700px;
  padding:0;
}
.container-propuesta .illus img {
  padding-right:20px;
}

.container-propuesta h4 {padding: 0; color:#2b2b2d!important;}
.container-propuesta h5 {/*font-size:1.6em; line-height:2em;*/ font-weight:100;}
.container-propuesta h6 {text-transform: none;}
.container-propuesta hr {content: ''; width:100%; margin:1em auto; border-bottom:2px solid#A68AB9;}
.container-propuesta li {line-height:initial; font-size:12px;}
.container-propuesta a { font-family: 'Montserrat';}
.container-propuesta .illus img {padding-right:20px;}
.container-propuesta .button-white {width:100%; min-height:5em; display:flex; align-items:center; justify-content:center;}
.container-propuesta input {
  position:absolute;
  opacity:0;
  z-index:-1;
}

.container-propuesta img {
/*  display: flex;
  align-items: flex-start;
  justify-content: flex-start;*/
}

.container-propuesta .box, .container-propuesta .box h3 {
  color: white;
  background-color:#A68AB9;
}

.container-propuesta .box-gr, .container-propuesta .box-gr h3 {
  background-color: #ebe9e9;
}

@media only screen and (max-width: 767px) {
  .container-propuesta {
    text-align: center;
  }
  .container-propuesta .row {
    display: initial;
  }
}

.propuesta ul {
    margin-left: 14px;
}

.propuesta .button {
  padding: 1em;
  -webkit-box-shadow:inset 0px 0px 0px 3px#A68AB9!important;
  -moz-box-shadow:inset 0px 0px 0px 3px#A68AB9!important;
  box-shadow:inset 0px 0px 0px 3px#A68AB9!important;
  color:#A68AB9!important;
  transition: all 0.6s!important;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700!important;
  background-color:initial!important;
}
.propuesta .button:hover {
  background-color:rgba(255,255,255,0.5)!important;
}

/* ==========================================================================
   ACCORDION
========================================================================== */
.acc {
  overflow:hidden;
  background: #ffffff;
  border-radius: 12px;
  padding: 1px;
}
.acc .lil_arrow {
  width: 15px;
  height: 15px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 4px solid rgba(255, 255, 255, 1);
  border-right: 4px solid rgba(255, 255, 255, 1);
  float: right;
  position: absolute;
  top: 24px;
  right: 24px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.acc input[type="checkbox"]:checked + label > .lil_arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ac {
  width:100%;
  overflow:hidden;
  margin:0;
}
.ac-label {
  display: -webkit-box;
  background-color:#A68AB9;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  font-family:'Montserrat', arial, sans-serif;
}
.ac-label:hover {
  color:#A68AB9;
}
.ac-label h3 {
  color: #ffffff!important;
  font-size: 1.4em;
}
.ac-content {
  max-height: 3em;
  padding: 1em;
  background: #ebe9e9;
  -webkit-transition: all .35s;
  transition: all .35s;
  font-weight: 200!important;
  text-align: left;
}
.ac-content h6 {
  text-transform: none;
  margin: 0;
  padding: 0;
}
.ac-content h6 strong {
  color:#A68AB9;
  font-weight: 800;
}
.ac-content .row {
  padding: 0!important;
}
.ac-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #ffffff;
  cursor: pointer;
}
.ac-close:hover {
  background: rgba(0,196,179,.2);
}

input:checked + .ac-label {
  color:#A68AB9;
}
input:checked + .ac-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
input:checked ~ .ac-content {
  max-height: 100%;
  padding: 1em;
}

.tabs.vertical>div {
  border-radius: 8px;
}
.tabs>div, [role~=tabpanel] {
  border: 0px;
}

@media only screen and (max-width: 767px) {
  .ac-label h3 {
    font-size: 1.2em;
  }
  .ac-label {
    justify-content: left;
  }
}


/* ==========================================================================
   4. ACTIVIDADES
========================================================================== */
.container-actividades {
  padding:70px 0;
  text-align:center;
  background-color:#ffffff;
  color:#000;
}
.container-actividades h3 {
  color:#A68AB9;
}
.container-actividades h5 {
  font-size:1.6em;
  line-height:2em;
  font-weight:100;
}
.container-actividades .illus img {
  padding-right:20px;
}

/*  7.  */
.novedades-contenido-home {
  background:initial!important;
}

.container-actividades {
  color:#A68AB9;
  font-family:Montserrat!important;
}
.container-actividades .image-round {
  height:290px!important;
  background-size:cover;
}
.container-actividades strong:after { 
  content: '';
  width: 50px;
  height: 2px;
  position: absolute;
  bottom: -7px;
  left: 0px;
  background-color: #000;
}
.container-actividades p {
  margin-top:10px;
}
.container-actividades .novedades-item a .third article{
  background:white;
  -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%);
  display:block;
  min-height: 600px;
  color: black;
}
#cnovedad a:hover {
  color:#A68AB9!important;
}
.container-actividades .butt {
  color:white!important;
  background-color:#A68AB9!important;
  font-weight:bold;
  padding:1em;
}

/* ==========================================================================
   4. PROFESORES
========================================================================== */
.container-cuerpo-de-profesores {
  padding:70px 0;
  text-align:center;
  background-color:#A68AB9;
  color:#ffffff;
  font-family: Montserrat;
}
.container-cuerpo-de-profesores h3 {
  color:#ffffff;
}
.container-cuerpo-de-profesores h5 {
  font-size:1.6em;
  line-height:2em;
  font-weight:100;
}

.half.one, .halves.one{
  width: 50%;
}

.container-cuerpo-de-profesores .swiper img {
  border-radius: 300px;
  margin-bottom: 1em;
}

.container-cuerpo-de-profesores .swiper-slide img {
  display: block;
  width: 100%;
  height: initial;
  object-fit: cover;
}

.container-cuerpo-de-profesores .swiper-slide article {
  font-size: 1em;
  width: 80%;
  margin: 0 auto;
}
.container-cuerpo-de-profesores .swiper-pagination-bullet {
  border-radius: 50%!important;
}
.container-cuerpo-de-profesores .swiper-button-next:after,
.container-cuerpo-de-profesores .swiper-rtl .swiper-button-prev:after {
  background : url(https://www.utdt.edu/Images/2023/sliders/img/right-arrow.svg?=v5) no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  background-size: 20px;
  margin-top: 4px;
  content: '';
}
.container-cuerpo-de-profesores .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  background : url(https://www.utdt.edu/Images/2023/sliders/img/left-arrow.svg?=v5) no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  background-size: 20px;
  margin-top: 4px;
  content: '';
}
.container-cuerpo-de-profesores .swiper button,
.swiper input[type=submit],
.swiper input[type=button],
.swiper input[type=reset],
.swiper .button, .swiper a.button,
.swiper a.button:visited, [role~=button] {
  padding: 0!important;
}
:root {
  --swiper-theme-color:#ffffff;
}
.container-cuerpo-de-profesores .swiper button.disabled,
.container-cuerpo-de-profesores .swiper input[type=submit].disabled,
.container-cuerpo-de-profesores .swiper input[type=button].disabled,
.container-cuerpo-de-profesores .swiper input[type=reset].disabled,
.container-cuerpo-de-profesores .swiper .button.disabled,
.container-cuerpo-de-profesores .swiper a.button.disabled,
.container-cuerpo-de-profesores .swiper a.button.disabled:visited,
.container-cuerpo-de-profesores .swiper ul.button-group li a.disabled,
.container-cuerpo-de-profesores .swiper ul.button-group li button.disabled,
.container-cuerpo-de-profesores .swiper ol.button-group li a.disabled,
.container-cuerpo-de-profesores .swiper ol.button-group li button.disabled,
[role~=button][aria-disabled],
[role~=button].disabled,
[role~=button][aria-readonly] {
  border-radius: 50%!important;
  width: 40px!important;
  height: 40px!important;
}
.container-cuerpo-de-profesores .swiper-button-prev {
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 9999;
}
.container-cuerpo-de-profesores .swiper-button-next {
  position: absolute;
  top: 200px;
  right: 0px;
  z-index: 9999;
}
.container-cuerpo-de-profesores .mySwiper2 .swiper-button-prev {
  position: absolute;
  top: 120px;
  left: 0px;
  z-index: 9999;
}
.container-cuerpo-de-profesores .mySwiper2 .swiper-button-next {
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: 9999;
}
@media screen and (min-width: 1025px) {
  .container-cuerpo-de-profesores .swiper-button-next {
    margin-right:120px;
  }
}
@media screen and (min-width: 1500px) {
  .container-cuerpo-de-profesores .swiper-button-next {
    margin-right:0px;
  }
}

/* ==========================================================================
   04. DESARROLLO
========================================================================== */
.container-desarrollo {
  padding: 70px 0;
  text-align: center;
  background-color: #a68ab942 ;
  background-size: cover;
  color: #333;
}
.container-desarrollo .row {
  display: flex;
  align-items: center;
}
.container-desarrollo .button-green {
  display: inline-block;
  padding: 1em 2em;
  -webkit-box-shadow: inset 0 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 0 3px #000000;
  box-shadow: inset 0 0 0 3px #000000;
  background-color: #00A1AF;
  border-radius: 999px;
  color: #ffffff;
  transition: all .6s;
  font-family: montserrat, sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
}
.container-desarrollo .button-green:hover {
  background-color: #1fabb9;
}
.container-desarrollo h3, .container-desarrollo h4 {
}
.container-desarrollo h3 {
  font-size: 28px;
  text-align: center;
}

.container-desarrollo .red.box {
  border-radius: 8px;
  border: none;
  background-color: #A68AB9;
}
.container-desarrollo .red.box h3 {
  color: white;
}
.container-desarrollo h4 {padding: 0;}
.container-desarrollo h5 {font-size:1.6em; line-height:2em; font-weight:100;}
.container-desarrollo h6 {text-transform: none;}
.container-desarrollo hr {content: ''; width:60px; margin:2em auto; border-bottom:3px solid #ffffff;}
.container-desarrollo li {line-height:initial;}
.container-desarrollo a {text-decoration: none; font-family: 'Montserrat';}
.container-desarrollo .illus img {padding-right:20px;}
.container-desarrollo input {
  position:absolute;
  opacity:0;
  z-index:-1;
}
.container-desarrollo img {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .container-desarrollo, .container-desarrollo p {
    text-align: center;
  }
  .container-desarrollo .row {
    display: initial;
  }
  .container-desarrollo h6 {
    text-align: center;
  }
}

.container-desarrollo .gateway {
  color: white;
  background: url("https://www.utdt.edu/Upload/grado/imagenes-varias/loginBG.webp") no-repeat;
  background-size: cover;
  background-color: rgba(0,0,0,0.6);
  background-blend-mode: multiply;
  border-radius: 8px;
}
.container-desarrollo ul {
  list-style-type: none;
  margin: 0;
}
.container-desarrollo li:before {
  content: "\2022  ";
}
.container-desarrollo .podes ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  margin: 0;
}
.container-desarrollo .empresas ul {
  columns: 5;
  -webkit-columns: 5;
  -moz-columns: 5;
  margin: 0;
}
.container-desarrollo li {
  list-style-position: inside;
  text-indent: -.5em;
  padding-left: .5em;
}
.container-desarrollo input {
  position:absolute;
  opacity:0;
  z-index:-1;
}

@media only screen and (min-width: 767px) {
  .container-desarrollo .row {
    padding: 0 3em !important;
  }
}

@media screen and (max-width: 768px) {
  .container-desarrollo .empresas ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

.container-desarrollo .case p {
  padding: 10px;
}
.container-desarrollo .case a {
  font-weight: 700;
  text-decoration: none;
}
.container-desarrollo .case {
  border-radius: 8px;
  color: #ffffff;
}
@media only screen and (min-width: 767px) {
  .container-desarrollo .case {
    min-height:auto;
  }
}
.container-desarrollo .case h6{
  margin: 0 !important;
}

/* CAMPOS ========================================================================== */
.container-campos {
  text-align:center;
  background-color:#ffffff;
  background-size: cover;
  padding: 70px 0;
}
.container-campos .blur {
  background: rgba(0, 0, 0, 0.3);
  padding:70px 0;
}

.container-campos h3 {
  color:#A68AB9;
}
.container-campos h4 {
  padding: 0;
  color:#2b2b2d!important;
}
.container-campos h5 {
  font-size:1.6em;
  line-height:2em;
  font-weight:100;
}
.container-campos hr {
  content: '';
  width:60px;
  margin:2em auto;
  border-bottom:3px solid #ffffff;
}
.container-campos .illus img {
  padding-right:20px;
}
.container-campos .button-white {
  width:100%;
  min-height:5em;
  display:flex;
  align-items:center;
  justify-content:center;
}
.container-campos li {
  line-height:initial;
  font-size:12px;
}
.container-campos a {
  text-decoration:underline;
  font-family: 'Montserrat';
}
.container-campos .col {
  -webkit-box-flex:1;
  flex:1;
}
.container-campos input {
  position:absolute;
  opacity:0;
  z-index:-1;
}
.destacados article div div {
  height:100px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  top:-5px;
}
.destacados h5 {
  font-weight:bold;
  color:white;
  font-size:1em;
  line-height:1.4em;
  margin: 0;
}

.scuerpo_docente {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  flex-wrap: wrap;
}

.container-contacto {
  background-color:#A68AB9;
  padding: 50px 0;
  color: #ffffff;
}
.container-contacto button {
  color:#ffffff!important;
  border: 3px solid white!important;
  background-color:#A68AB9!important;
}
@media only screen and (min-width: 767px) {
  .container-campos .row {padding: 0 3em!important;}
}

/* ==========================================================================
   05. CEAC
========================================================================== */
.container-graduado { 
  height: 100%;
  background-image: url(../Images/container-graduado-2025.jpg?=v1);
  background-size: cover;
  background-repeat: no-repeat;
  background-color:#A68AB9;
  padding: 100px 0;
  color:white;
}
.container-graduado h3, .container-graduado p {
  color:white!important;
}

/* ==========================================================================
   06. ACUERDO DE INTERCAMBIO
========================================================================== */
.container-intercambio, .container-tour {
  padding:70px 0;
  background-color:#ffffff;
}
.container-intercambio h3, .container-tour {
  color:#A68AB9!important;
}

/* ==========================================================================
   CONTACTO
========================================================================== */
.container-contacto {
  background-color:#A68AB9;
  padding:50px 0 0 0;
  color:#ffffff;
}
.container-contacto h3 {
  color:#ffffff;
  font-size: 24px;
}
.container-contacto .contacto h5 {
  color:#ffffff;
}
.container-contacto .contacto .datos {
  color:#ffffff;
}
.container-contacto button {
  color:#ffffff!important;
  border:3px solid white!important;
  background-color:#A68AB9!important;
}
.container-contacto a:hover {
  color:rgba(255, 255, 255, .7)!important;
}
.container-contacto button:hover {
  background-color:#A68AB9!important;
}
.container-contacto .contacto {
  background:initial!important;
}

button[type=submit], input[type=submit], input[type=button], input[type=reset] {
  opacity:1!important;
}

.form-contacto h2 {
  display: none;
}
.form-contacto .legaltextinfo {
  display: none;
}

/* ==========================================================================
    CONTACTO
========================================================================== */
.contact-wrapper, .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;
}
a:hover.contact-btn { background-color: #A68AB9; }
.contact-wrapper-2 { top: 271px; background-color: #25D366; }
.contact-wrapper-2:Hover, .contact-wrapper-2 a, .contact-wrapper-2 a:hover {background-color: #25D366;opacity:1;}
.contact-wrapper-3 { top: 352px; }
.contact-wrapper-4 { top: 433px; }
.contact-wrapper-2, .contact-wrapper-3, .contact-wrapper-4, .contact-btn { 
  height: 80px;
  width: 80px;
  padding-top: 15px;
  font-size: 12px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.contact-wrapper-2 img, .contact-wrapper-3 img, .contact-wrapper-4 img, .contact-btn img { 
  width: 40px;
}
.contact-btn { background: rgb(84 84 84 / 57%);}
.contact-wrapper-2 a:hover, .contact-wrapper-3 a:hover, .contact-wrapper-4 a:hover { color: #ffffff; }
.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%; }

#whatsapp-msng-icon { width: 48px; }
#contact-msng-icon { width: 38px; }
@media only screen and (max-width: 767px) {
  .contact-wrapper-2 {right: 119px;}
  .contact-wrapper-3 {right:0; }
  .contact-wrapper-4 {right: 57px; }
  .contact-wrapper-2,
  .contact-wrapper-3,
  .contact-wrapper-4,
  .contact-btn {
    height: 50px;
    width: 110px;
    background-color: #714a8f00;
  }
  .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-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-wrapper-2:hover, .contact-wrapper-2 a, .contact-wrapper-2 a:hover {
    background-color: #25D366;
  }
  .contact-wrapper-1 a, .contact-wrapper-2 a, .contact-wrapper-3 a, .contact-wrapper-4 a { 
    top: 5px;
  }
  .contact-wrapper-1 a img, .contact-wrapper-2 a img, .contact-wrapper-3 a img, .contact-wrapper-4 a img{
    bottom: 5px;
  }
}

/* PURE CSS BACK TO TOP */
.scrolltop-wrap { box-sizing: border-box; position: absolute; top: 12rem; bottom: 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1000000; right: 90px;}
.scrolltop-wrap #scrolltop-arrow { fill: white; }
.scrolltop-wrap a:hover #scrolltop-bg { fill: #A68AB9; }
.scrolltop-wrap a:hover #scrolltop-arrow { fill: white; }
@supports (-moz-appearance: meterbar) {
  .scrolltop-wrap { clip: rect(0, 3rem, auto, 0); }
}
.scrolltop-wrap [role~=button] { border-radius:0px; }
.scrolltop-wrap a {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  padding: 0!important;
  top: -5rem;
  width: 5rem;
  height: 5rem;
  margin-bottom: -5rem;
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: all;
  outline: none;
  overflow: hidden;
}
.scrolltop-wrap a svg { display: block; border-radius: 0px; width: 100%; height: 100%; }
.scrolltop-wrap a svg path { transition: all 0.1s; }
.scrolltop-wrap a #scrolltop-arrow {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
  -webkit-transform-origin: center;
          transform-origin: center;
}

/* ==========================================================================
   MEDIA QUERIES
========================================================================== */
@media screen and (max-width: 1025px) {
  .container-hero-slider.bg_lee > .row, .container-hero-slider.bg_lae > .row {
    height: 100%;
    background-image: none;
  }
  .container-hero-slider {
    height: initial;
  }
}
@media screen and (min-width: 1200px) {
  .container-cursada img {
    max-width: 70%;
  }
}
@media screen and (max-width: 900px) {
  .logo-amba{padding: 10px 40px 10px;}
  .hero-slider-left {
    padding-top:0px;
  }
  .hero-slider-left span {
    color:#A68AB9;
    background:#ffffff;
    padding:5px 10px;
    border-radius:0px;
    text-transform:uppercase;
  }
  .hero-slider-left h2 {
    color:#ffffff;
    font-size:70px;
    font-weight:600;
    line-height:68px;
  }
  .hero-slider-left h4 {
    padding:0 0 18px 0!important;
  }
  section h3 {color:#A68AB9; font-size:25px; }
  .formulariocontacto{ padding:inherit;width:100%;}

  #form_contacto_t{
    width:100%;
  }
  .boton-enviar{
    width:100%;  
  }
  .container-hero-slider.bg_lee > .row,  .container-hero-slider.bg_lae > .row {
  background-size: 40%;
  background-position: initial;
  background-position: top center!important;
  }
  .banner {
    padding-right: 10px;
  }
  .container-cuerpo-de-profesores p {
    text-align: center!important;
  }
  .container-actividades .novedades-item a .third div:last-child {
    min-height: initial!important;
  }
}

@media screen and (max-width: 480px) {
  section h4 {
    font-size:16px;
  }
  .hero-slider-left h2 {
    font-size:40px;
    line-height:40px;
  }
  .hero-slider-left a {
    font-size: 15px;
  }
  .hero-slider-left span {
    font-size: 15px;
  }
  .container-third-nav .clickable-card {
    padding: 12px;
    height: 60px;
  }
  #contenido .row h3 {
    font-size: 20px;
  }
  .formulariocontacto {
    padding:inherit;width:100%;
  }
  .container-tour .text-tour div {
    padding: 1em;
    width: 60%;
    min-height: 240px
  }
  #form_contacto_t{
    width:100%;
  }
  .boton-enviar{
    width:100%;  
  }
  .container-propuesta h4, .container-propuesta h5 {
    font-size: 16px;
  }
  .container-propuesta .double-padded {
    padding:15px;
  }
  .propuesta .clickable-card {
    text-align:left;
    height: auto;
    min-height: 340px;
  }
  .foto-director {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 900px) {
  .container-third-nav .clickable-card {
    height: 60px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 900px) {
  .container-third-nav .clickable-card h5 {
    font-size: 16px;
    margin: 0;
    text-align: left;
    /*padding-left: 2.4em;*/
    padding-top: 10px;
  }
  img.mensaje-director, img.propuesta-academica, img.cuerpo-de-profesores , img.cursada, img.intercambio {float:left; height:40px; width:initial;}
  .foto-director img { float: left; padding-right: 20px; width: 50%; }
  .formulariocontacto{ padding:inherit;width:100%;}

  #form_contacto_t{
      width:100%;
    }
    .boton-enviar{
      width:100%;  
    }

  .container-hero-slider.bg_lae > .row {
    height: 100%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 97%;
    background: none;
  }

}

@media only screen and (min-width: 767px) {
  .container-propuesta .row, .container-propuesta .two-up-mobile {
    align-items: flex-start;
    justify-content: left;
  }
  .container-actividades .row {
    /*padding: 0 6em!important;*/
  }
}

@media only screen and (max-width: 767px) {
  .container-propuesta span {
    border: 1px solid #ffffff;
    padding: 1.2em;
  }
  .links-extra a {
    display: block;
  }
  .contactos {
    margin: -4em 0 0 0;
  }

  #admisiones-icon { width: 28px!important; }

  .container-cuerpo-de-profesores h5 {font-size: 1.4em;line-height: 2em;font-weight: 100;}
  .formulariocontacto {padding:inherit;width:100%;}

  .iFramecuadro {position:relative; padding-bottom:56.25%; overflow:hidden;}
  .iframemedidas {position:absolute; top:5px; left:0; width:100%; height:100%;}

  .container-tour .text-tour div {
    padding: 1em;
    width:60%;
    min-height: 240px
  }

  #form_contacto_t{
    width:100%;
  }
  .boton-enviar{
    width:100%;  
  }

  .propuesta-button:hover {
    color:#A68AB9;
  }

  .container-desarrollo img, .container-desarrollo a {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

}

@media print {
  .scrolltop-wrap {display:none!important;}
  .formulariocontacto {padding:inherit;width:100%;}
}


/*** ? ***/
.adacademia {
  top:5px;
}

.cnt{ background-color: #ffffff;}
.cnt:hover { background-color: #ffffff;  color:#000; }
.cnt active {font-weight: 700 !important;}
.cnt:focus {background-color:#ffffff;}
label{ color:#000; }

.logo-amba{
  padding:10px 500px 10px;    
}

.formulariocontacto{
  width: 80%;
  padding-left: 300px;
}

.iFramecuadro{ position: relative; padding-bottom: 40%; overflow: hidden;}
.iframemedidas{position: absolute;top:5px;left:0;width:100%;height: 100%;}

#form_contacto_t{
  width:200%;
}
.boton-enviar{
  width:100%;  
}

@media screen and (max-width: 1025px){
  .container-third-nav img {
        display: none !important;
    }
  .container-third-nav .clickable-card {
        height: 60px;
        padding-top: 10px;
        padding: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}