header img{
  max-width: 100% !important;
  width: 100% !important;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { 
  overflow: hidden; 
  padding: 0; 
  -webkit-box-shadow: 6px 4px 14px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 4px 14px 0px rgba(0,0,0,0.75);
  box-shadow: 6px 4px 14px 0px rgba(0,0,0,0.75);
}
.intro-ser{
  padding:20px;
}
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}
.caption h2{
  font-size: 40px ;
  color: white ;
  font-family: 'Raleway', sans-serif;
  font-weight: 1000 ;
}
.indicadores{
  position: absolute;
  top: 50%;
}
.slide-down{
  position: absolute;
    z-index: 2222;
    left: 4%;
    font-size: 23px;
    background: #0869b6b0;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    right: 2%;
}
.slide-up{
  position: absolute;
    z-index: 2222;
    left: 4%;
    font-size: 23px;
    background: #0869b6b0;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.caption h1{
  font-size: 60px;
  color: white !important;
  font-family: 'Raleway', sans-serif;
  font-weight: bold !important;
}
.menu_carreras{
  position: absolute;
  top: 90px;
  left: 7%;
}
.caption p{
  font-size: 18px;
  font-weight: bold;
  color: white;
  font-family: 'Raleway', sans-serif;
}
.caption {
  position: absolute;
  top: 37%;
  left: 15rem;
  z-index: 9;
  transform: translateY(-50%);
  opacity: 0;
  transition: 500ms ease opacity, 500ms ease transform;
  transform: translateY(60px);
}
@media screen and (max-width: 505px){
  .left-col .slide {
 
    background-size: cover !important;
    
  }
}
.caption.current-caption {
  transition-delay: 1000ms;
  opacity: 1;
  transform: translateY(0);
}
.caption.previous-caption {
  transform: translateY(-60px);
}
.caption .caption-heading {
  transition: 500ms ease-in all;
}
.caption .caption-heading h1 {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  text-indent: -0.2rem;
  letter-spacing: .2rem;
  font-weight: 300;
}
.caption .caption-subhead {
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  letter-spacing: 4px;
  word-spacing: .1rem;
  margin-bottom: 2.5rem;
  display: block;
}
.caption a.btn {
  color: #333;
  font-size: 0.8rem;
  text-decoration: none;
  background-color: white;
  padding: .5rem 1rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  position: relative;
  z-index: 9;
  transition: 250ms ease-in background-color, 500ms ease-in color;
}
.caption a.btn:hover {
  background-color: black;
  color: white;
}



.left-col, .right-col {
  width: 100%;
  box-sizing: border-box;
  height: calc(100% - 4rem);
  overflow: hidden;
}

.left-col {
  background-size: cover;
  background-position: center top;
  overflow: hidden;
  
  position: relative;
}
.left-col .slide {
  
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 1000ms cubic-bezier(1, 0.04, 0.355, 1) transform, 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) clip-path;
  
 
  z-index: -1;
}
.left-col .slide.previous {
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
  animation-delay: 1s;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: 3s ease transform;
  will-change: transform;
}
.left-col .slide.previous.change {
  transform: translateY(50%);
}
.left-col .slide.next {
  transform: translateY(-100%);
  z-index: 3;
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
.left-col .slide.current {

  opacity: 1;
  transform: translateY(0) scale(1);
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.right-col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-col .preview {
  max-width: 400px;
}

#intro .nav {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  overflow: hidden;
}
#intro .nav a {
  color: #fafafa;
  font-size: 3rem;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
#intro .nav:hover .slide-up, .nav:hover .slide-down {
  opacity: .5;
  transform: translateX(0);
}
#intro .nav .slide-up, .nav .slide-down {
  display: block;
  position: absolute;
  text-align: center;
  padding: 1rem;
  opacity: 0;
  transition: .25s ease opacity,.25s ease transform;
  z-index: 99;
}
#intro .nav .slide-up:hover, .nav .slide-down:hover {
  opacity: 1;
}
#intro .nav .slide-up a, .nav .slide-down a {
  text-decoration: none;
  font-weight: 300 !important;
}
#intro .nav .slide-up {
  top: 50%;
  left: 0;
  transform: translateX(-100%);
}
#intro .nav .slide-down {
  top: 50%;
  right: 0;
  transform: translateX(100%);
}
/* Slider */
.slick-slide {
    margin: 0px 20px;
    background: white;
    padding: 10px;
    border-radius: 10px 4px 10px 4px;
}
.slick-slide i{
    color: #d31145;
}
.it h3{
  color: white;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 2px dotted white;
}
.slick-slide img {
    width: 100%;
}
.slik-slide:hover{
  transition: all 0.3s linear;
  padding: 4px;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slide.slick-slide{
  height: 412;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}