/************************  Modulo Chat ************************/
/*
07/05/2018 - 12:3pm;
Se desplaza el modulo de chat 950px hacia la izquierda, ya que 
no permitia el que se viera el boton de "Solicitar Informacion"
*/
.zopim{
right: 1010px !important;
}

/* 29/05/2018 */
/*Cambio slide----Isra
.slide__bg.especial{
    background-image: url(../img/narro.jpg);
    background-position: 40% 50%;
}
*/

/**  Loading ****/
.load {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}
.load .dot {
    width: 96px;
    height: 96px;
    background: #FFF;
    -o-animation: in 4s linear infinite;
    -moz-animation: in 4s linear infinite;
    -ms-animation: in 4s linear infinite;
    -webkit-animation: in 4s linear infinite;
    animation: in 4s linear infinite;
    z-index: 2;
}

.load .outline {
    width: 120px;
    height: 120px;
    z-index: 2;
}

.load .outline span {
    width: 68px;
    height: 68px;
    -o-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -o-transform: rotate(45deg) skewX(80deg);
    -moz-transform: rotate(45deg) skewX(80deg);
    -webkit-transform: rotate(45deg) skewX(80deg);
    -ms-transform: rotate(45deg) skewX(80deg);
    transform: rotate(45deg) skewX(80deg);
    overflow: hidden;
    position: absolute;
    bottom: 50%;
    right: 50%;
    -o-animation: outline 4s linear infinite;
    -moz-animation: outline 4s linear infinite;
    -ms-animation: outline 4s linear infinite;
    -webkit-animation: outline 4s linear infinite;
    animation: outline 4s linear infinite;
}
#Loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 9999999;
}
#Loading:before {
    content: "";
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#00ffffff',GradientType=0);
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
}

#Loading:after {
    content: "";
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#00ffffff',GradientType=0);
    position: absolute;
    width: 100%;
    height: 50%;
    top: -30px;
}

.load .outline span:before {
    content: "";
    display: block;
    border: solid 5px #fff;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    -o-animation: outlineBefore 4s linear infinite;
    -moz-animation: outlineBefore 4s linear infinite;
    -ms-animation: outlineBefore 4s linear infinite;
    -webkit-animation: outlineBefore 4s linear infinite;
    animation: outlineBefore 4s linear infinite;
}

.load:before, .load:after, .load .dot, .load .outline {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.load:before {
    content: "";
    width: 0;
    height: 0;
    background: #00adee;
    -o-animation: out1 4s linear infinite;
    -moz-animation: out1 4s linear infinite;
    -ms-animation: out1 4s linear infinite;
    -webkit-animation: out1 4s linear infinite;
    animation: out1 4s linear infinite
}

.load:after {
    content: "";
    width: 0;
    height: 0;
    background: #FFF;
    -o-animation: out 4s linear infinite;
    -moz-animation: out 4s linear infinite;
    -ms-animation: out 4s linear infinite;
    -webkit-animation: out 4s linear infinite;
    animation: out 4s linear infinite;
}

@keyframes outline {
  0% {
    -o-transform: rotate(0deg) skewX(80deg);
    -moz-transform: rotate(0deg) skewX(80deg);
    -webkit-transform: rotate(0deg) skewX(80deg);
    -ms-transform: rotate(0deg) skewX(80deg);
    transform: rotate(0deg) skewX(80deg);
  }

  25% {
      -o-transform: rotate(500deg) skewX(15deg);
      -moz-transform: rotate(500deg) skewX(15deg);
      -webkit-transform: rotate(500deg) skewX(15deg);
      -ms-transform: rotate(500deg) skewX(15deg);
      transform: rotate(500deg) skewX(15deg);
  }
  50% {
      -o-transform: rotate(1000deg) skewX(40deg);
      -moz-transform: rotate(1000deg) skewX(40deg);
      -webkit-transform: rotate(1000deg) skewX(40deg);
      -ms-transform: rotate(1000deg) skewX(40deg);
      transform: rotate(1000deg) skewX(40deg);
  }
  75% {
      -o-transform: rotate(1500deg) skewX(60deg);
      -moz-transform: rotate(1500deg) skewX(60deg);
      -webkit-transform: rotate(1500deg) skewX(60deg);
      -ms-transform: rotate(1500deg) skewX(60deg);
      transform: rotate(1500deg) skewX(60deg);
  }
  100% {
      -o-transform: rotate(2160deg) skewX(80deg);
      -moz-transform: rotate(2160deg) skewX(80deg);
      -webkit-transform: rotate(2160deg) skewX(80deg);
      -ms-transform: rotate(2160deg) skewX(80deg);
      transform: rotate(2160deg) skewX(80deg);
  }
}

@keyframes outlineBefore {
    0% {
        -o-transform: skewX(-80deg);
        -moz-transform: skewX(-80deg);
        -webkit-transform: skewX(-80deg);
        -ms-transform: skewX(-80deg);
        transform: skewX(-80deg);
        border: solid 5px #fff
    }
    25% {
        -o-transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        transform: skewX(-15deg);
        border: solid 5px #fff
    }
    49% {
        border: solid 5px #fff
    }
    50% {
        -o-transform: skewX(-40deg);
        -moz-transform: skewX(-40deg);
        -webkit-transform: skewX(-40deg);
        -ms-transform: skewX(-40deg);
        transform: skewX(-40deg);
        border: solid 5px #00adee
    }
    75% {
        -o-transform: skewX(-60deg);
        -moz-transform: skewX(-60deg);
        -webkit-transform: skewX(-60deg);
        -ms-transform: skewX(-60deg);
        transform: skewX(-60deg);
        border: solid 5px #00adee
    }
    100% {
        -o-transform: skewX(-80deg);
        -moz-transform: skewX(-80deg);
        -webkit-transform: skewX(-80deg);
        -ms-transform: skewX(-80deg);
        transform: skewX(-80deg);
        border: solid 5px #00adee
    }
}

@keyframes in {
  0% {
    width: 144px;
    height: 144px;
    background: #FFF;
  }
  40% {
      width: 0;
      height: 0;
      background: #FFF;
  }
  41% {
      width: 0;
      height: 0;
      background: #00adee;
  }

  50% {
      width: 144px;
      height: 144px;
      background: #00adee;
  }
  90% {
      width: 0;
      height: 0;
      background: #00adee;
  }
  91% {
      width: 0;
      height: 0;
      background: #FFF;
  }
  100% {
      width: 144px;
      height: 144px;
      background: #FFF;
  }
}

@keyframes out1 {
    0% {
        width: 0;
        height: 0
    }
    30% {
        width: 120vw;
        height: 120vw
    }
    100% {
        width: 120vw;
        height: 120vw
    }
}

@keyframes out {
    0% {
        width: 0;
        height: 0
    }
    30% {
        width: 0;
        height: 0
    }
    60% {
        width: 120vw;
        height: 120vw
    }
    100% {
        width: 120vw;
        height: 120vw
    }
}


.wrapper{
  position: relative;
  overflow-x: hidden;
}
.circle-action{
  position: fixed;
  bottom: 5%;
  right: 30%;
  padding:2em;
  font-size: 1.4em;
  font-weight: 400;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc7500+0,f99c4f+50,fcad26+96,fcad26+100,207cca+100,fcad26+100 */
background: #fc7500; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fc7500 0%, #f99c4f 50%, #fcad26 96%, #fcad26 100%, #207cca 100%, #fcad26 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fc7500 0%,#f99c4f 50%,#fcad26 96%,#fcad26 100%,#207cca 100%,#fcad26 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fc7500 0%,#f99c4f 50%,#fcad26 96%,#fcad26 100%,#207cca 100%,#fcad26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7500', endColorstr='#fcad26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color:#fff;
  border-radius: 50%;
  text-align: center;
  z-index: 999999;
}

.circle-action:hover{
  color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcad26+0,207cca+0,fcad26+0,fcad26+4,f99c4f+50,fc7500+100 */
background: #fcad26; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fcad26 0%, #207cca 0%, #fcad26 0%, #fcad26 4%, #f99c4f 50%, #fc7500 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fcad26 0%,#207cca 0%,#fcad26 0%,#fcad26 4%,#f99c4f 50%,#fc7500 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fcad26 0%,#207cca 0%,#fcad26 0%,#fcad26 4%,#f99c4f 50%,#fc7500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcad26', endColorstr='#fc7500',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.circle-action.fixeded{
  width: 100%;
  bottom: 0;
  right: 0;
  border-radius: 0px;
  padding:0.5em 2em;
}

.circle-action.fixeded br{
  display: none;
}

.btn-action{
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 999;
  padding: 15px 90px 15px 30px;
  overflow: hidden;
  font-size:1.3em;
  border: none;
  border-radius: 0;
  background: #fcad26;
  color: #fff;
  cursor: pointer;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-action:hover {
    background: #f29e0d;
}
.btn-action:before{
    font-family: 'LineAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 3;
    font-size: 140%;
    width: 60px;
    height: 100%;
    left: auto;
    right: 10px;
    top: -10px;
    z-index: 2;
}

.btn-action:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-action:after {
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}

.btn-action:hover:after {
    width: 40%;
}
.btn-action.form-action{
  display: inline-block;
  position: relative;
  margin-bottom: 80px;
}
.btn-action.modal-action{
  display: inline-block;
  position: relative;
  margin-bottom: 0px;
}
.btn-action.blue{
  display: inline-block;
  position: relative;
  background-color: #00adee;
}
.btn-action.blue:hover{
  color: #fff;
}

@media (min-width: 768px){
  .btn-action{
    position: fixed;
    width: auto;
    bottom: 5%;
    right: 2%;
    padding: 15px 90px 15px 30px;
    font-size:1.3em;
    border: none;
    border-radius: 25px;
    margin: 15px 0px;
    }
  .btn-action.form-action{
    display: inline-block;
    position: relative;
    margin-bottom: 0;
  }
}



/* -------------------------------- 

 Header

-------------------------------- */
.cd-morph-dropdown {
  position: fixed;
  width: 100%;
  height: 60px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00adee+0,273896+84,2e3192+100,2989d8+100,207cca+100,7db9e8+100 */
background: #00adee; /* Old browsers */
background: -moz-linear-gradient(left, #00adee 0%, #273896 84%, #2e3192 100%, #2989d8 100%, #207cca 100%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #00adee 0%,#273896 84%,#2e3192 100%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #00adee 0%,#273896 84%,#2e3192 100%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
  z-index: 999999;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #fff;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100vh - 60px);
  padding: 1.2em 5%;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #FFFFFF;
  overflow: scroll;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: .3em;
}
.cd-morph-dropdown .label {
  display: block;
  font-size: 1.6rem;
  color: #4D4D4D;
  margin-bottom: .8em;
  background: #F6F7F8;
  padding:1em;
}
.cd-morph-dropdown .label:hover, .cd-morph-dropdown .label:focus{
  color: #0C75BB;
  background: #D5EEFF;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.4em;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}
.cd-morph-dropdown .gallery .content a::before {
  /* icon on the left */
  content: '';
  display: inline-block;
  float: left;
  height: 54px;
  width: 54px;
  margin-right: .6em;
  background: red;
  border-radius: 50%;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em {
  display: block;
  line-height: 1.2;
}
.cd-morph-dropdown .gallery .content a em {
  font-size: 1.6rem;
  padding: .4em 0 .2em;
  color: #1A1A1A;
  font-style: normal; 
}
.cd-morph-dropdown .gallery .content a span {
  font-size: 1.4rem;
  color: #a6a6a6;
}
.cd-morph-dropdown .gallery .content a:hover::before {
  background-color: #1A1A1A;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before {
  background: #f4e58a url(../img/cd-gallery-icons.svg) no-repeat 0 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before {
  background: #F4AF6D url(../img/cd-gallery-icons.svg) no-repeat -54px 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before {
  background: #DB6356 url(../img/cd-gallery-icons.svg) no-repeat -108px 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before {
  background: #8D4645 url(../img/cd-gallery-icons.svg) no-repeat -162px 0;
}
.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a,
.cd-morph-dropdown .btn {
  display: block;
  margin-left: 14px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 12px;
}
#social .links-social{
  text-align: center;
}
#social .links-social li{
  display: inline-block;
  margin-left: 14px;
  font-size: 3.2rem;
  line-height: 1.6;
}
.cd-morph-dropdown .links-list{
  padding-bottom: 15px;
  padding-top: 15px;
}
.cd-morph-dropdown .links-list a:hover,
.cd-morph-dropdown .btn:hover {
  color: #fcad26;
}

.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 20px 0 10px 14px;
}

.navbar-brand{
  max-width: 200px;
  margin-left: 0;
}

.banner-uni{
  width: 100%;
  height: 100px;
  background: url(../img/plantel.jpg) no-repeat center;
  background-size: cover;
  border-top: 4px solid #DDE3E9;
}
.banner-uni.one{
  background: url(../img/about.jpg) no-repeat top;
}

@media only screen and (min-width: 768px) {
  .cd-morph-dropdown {
    position: fixed;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul{
    margin-top: 6px;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 1.2em;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 0.7rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-morph-dropdown .main-nav > ul > li.social{
    margin-right: 40px;
    margin-left: 40px;
  }
  .cd-morph-dropdown .main-nav > ul > li.social > a{
    display: inline-block;
    padding:22px 5px;
    font-size: 2.4rem;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 58px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    overflow: initial;
    height: auto;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #0571F1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    border-top: 4px solid #0571F1;
    padding: 1.2em 1.8em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul.links-list > li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-top: 0;
    text-align: center;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .gallery .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 510px;
    padding-bottom: .8em;
  }
  .cd-morph-dropdown .gallery .content li {
    margin-bottom: 1.8em;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .list .content {
    width: 180px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 60px;
    margin: 1.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 40px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn:hover {
    background: #1A1A1A;
    color: #FFFFFF;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: 700;
    color: #1A1A1A;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }

  .navbar-brand{
    max-width: 240px;
    margin-left: 0px;
  }

  .bg-section{
    background: url(../img/bg-section.png);
    background-size: cover;
  }
  .content.collapse {
    display: block;
  }
}
@media(min-width: 992px){
  .cd-morph-dropdown .main-nav > ul > li > a {
    font-size: 1.09rem;
  }
}

@media only screen and (min-width: 1200px){
  .cd-morph-dropdown .main-nav > ul > li > a {
    font-size: 1.4rem;
  }
}
.grad {
    background: -webkit-linear-gradient(#0C4ED1, #0CC5D1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* -------------------------------- 

 Section Home

-------------------------------- */
#owl-intro .owl-content{
  padding: 0;
  height: 100vh;
}

.slide__bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    will-change: transform;
}


.slide__bg{
  background: no-repeat;
  background-size: cover;
  background-position: center;
}
/*
.slide__bg.one {
    background-image: url(../img/rvoe.jpg);
}
*/
.slide__bg.two {
    background-image: url(../img/1.jpg);
    background-position: 40% 50%;
}
.slide__bg.three {
    background-image: url(../img/2.jpg);
    background-position: 65% 50%;
}

.slide__bg.four {
    background-image: url(../img/3.jpg);
    background-position: 45% 50%;   
}

.slide__bg.five {
    background-image: url(../img/4.jpg);
    background-position: 45% 50%;
}

.slide__bg.six {

    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);

    z-index: -100;

    background-size: cover;

    background-position: 45% 50%;
}

/*.slide__bg.five {
    background-image: url(../img/4.jpg);
    background-position: 45% 50%;   
}

.slide__bg.five {
    background-image: url(../img/5.jpg);
    background-position: 45% 50%;   
}*/




.slide__bg.landing{
  background-image: url(../img/rvoe.jpg);
}

.hero__content__title {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 2.375rem;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hero__content__title {
    width: 100%;
    margin-bottom: 2.1875rem;
}
.hero__content__title__hard-wrap {
    width: 100%;
    overflow: hidden;
}
.hero__content__title .highlighter {
    display: block;
    float: left;
    color: #fff;
}
.hero__content__title .highlighter.only{
    background: #000;
    background: rgba(7,67,159,0.8);
    padding: 0.1rem 1.3125rem;
}
.hero__content__title .highlighter.red{
    background: #000;
    background: rgba(204,0,51,0.5);
    padding: 0.1rem 1.3125rem;
}
.hero__content__title .highlighter.green{
    background: #000;
    background: rgba(63,153,44,0.8);
    padding: 0.1rem 1.3125rem;
}

.hero__content__title .highlighter:before, .hero__content__title .highlighter:after {
    content: " ";
    display: table;
}




.slide .slide__overlay-path {
    fill: #066AB4;
}
.slide.active .slide__overlay, .slide.active .slide__text {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
@media (min-width: 768px) {
  .slide__bg.three, .slide__bg.four, .slide__bg.five {
    background-position: center;
  }
}


@media (min-width: 992px) {
  .slide .slide__bg{
    background:center no-repeat;
    background-size: cover
  }
  .hero__content__title {
    font-size: 4.375rem;
  }

  #owl-intro .owl-content{
    padding: 0;
    height: 100vh;
    margin-top: 0px;
  }
  
}

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

.slide .slide__bg p{
  text-align: center;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0 20px 30px;
  padding: 1em;
  background: #000;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
}


.section h2 {
    margin: 0 0 0.5em;
    font-weight: 600;
    position: relative;
    font-size: 26px;
    line-height: 40px;
    padding: 15px;
    color: #00adee;
}
@media (min-width: 768px) {

  .section h2 {
      font-size: 36px;
  }
}



/* -------------------------------- 

 Section Intro

-------------------------------- */

.intro{
  min-height: 100vh;
  width: 100%;
}

.intro.home{
  min-height: calc(100vh - 80px);
  width: 100%;
}

/*.columm .banner-left{
  background: url(../img/bg-intro.jpg) no-repeat bottom;
  background-size: cover;
}*/

.columm-padding{
  padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

.link-intro{
  position: relative;
  display: block;
    width: auto;
    z-index: 999;
    margin-top: 20px;
    padding: 10px 25px 10px 15px;
    overflow: hidden;
    font-size: 0.55em;
    border: none;
    border-radius: 0;
    background: #00adee;
    background:rgba(0, 173, 238, 0.8);
    color: #fff;
    cursor: pointer;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.link-intro i{
  font-weight: 800;
}

.link-intro:before {
    font-family: 'LineAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 3;
    font-size: 140%;
    width: 60px;
    height: 100%;
    left: auto;
    right: 10px;
    top: -10px;
    z-index: 2;
}
.link-intro:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}
.link-intro:hover{
 color: #fff;
}
.link-intro:hover:after {
    width: 40%;
}

@media (max-width: 320px) {
  .hero__content__title {
    font-size: 1.975rem;
  }
  .link-intro{
      padding: 15px 40px 15px 30px;
      font-size: 0.65em;
  }
}

@media (min-width: 768px) {
  .link-intro{
    padding: 15px 90px 15px 30px;
    font-size: 0.45em;
  }
}
@media (min-width: 992px){
  .title{
    font-size: 5rem;
    font-weight: 800;
  }

  .flex{
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .columm{
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
  }
  .columm .banner-left{
    min-height: 100vh;
    height: 100%;
  }
  .columm .info{
    padding:2.2rem 4rem;
  }
  .link-intro{
    padding: 15px 40px 15px 30px;
    font-size: 0.35em;
  }
}


form label {
    margin: 0 0 4px;
    display: block;
    font-size: 1.05em;
    color: #217093;
    font-weight: 400;
    font-family: inherit;
}

form input {
    display: block;
    margin: 0;
    padding: 0.5em;
    background-color: transparent;
    border: solid 2px #217093;
    border-radius: 4px;
    height: auto;
    font-size: 1.25em;
    color: #353538;
    font-weight: 600;
    font-family: inherit;
}

.checkbox label input, .radio label input{
  cursor: pointer;
}
.checkbox a{
  color:#fcad26;
}
textarea.form-control {
    resize:none;
}
textarea.form-control.hide {
    resize:none;
    display: none !important;
}
textarea.form-control.show {
    display:block !important;
}



/* ===== Keyframes ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


/* -------------------------------- 

 Section About

-------------------------------- */

.subtitle{
  font-size: 3.5rem;
  font-weight: 800;

}

@media (min-width: 768px) {
  .subtitle{
    font-size: 6rem;
  }
  
}

figure.snip1477 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 100%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000;
}
figure.snip1477.red {
  background-color: #EC361D;
}
figure.snip1477.blue {
  background-color: #1D91EC;
}
figure.snip1477.purple {
  background-color: #A11DEC;
}
figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
figure.snip1477 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9;
}
figure.snip1477 .title {
  position: absolute;
  top: 58%;
  left: 25px;
  padding: 10px;
}
figure.snip1477 .title:before,
figure.snip1477 .title:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
figure.snip1477 .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
figure.snip1477 .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
figure.snip1477 h2,
figure.snip1477 h4 {
  margin: 0;

}
figure.snip1477 h2 {
  font-weight: 400;
}
figure.snip1477 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
}
figure.snip1477 figcaption {
  position: absolute;
  bottom: 42%;
  left: 25px;
  text-align: left;
  opacity: 0;
  padding: 5px 60px 5px 10px;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1.5px;
}
figure.snip1477 figcaption p {
  margin: 0;
  line-height: 16px;
}
figure.snip1477 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1477:hover img,
figure.snip1477.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35;
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after,
figure.snip1477:hover .title div:before,
figure.snip1477.hover .title div:before,
figure.snip1477:hover .title div:after,
figure.snip1477.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/* -------------------------------- 

 Section Univer

-------------------------------- */

.content-text{
  padding:3em 1em;
}

.owl-carousel.facts .owl-content{
  padding:0;
}
.owl-nav{
  position: absolute;
  top: 45%;
  width: 100%;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
  float: left;
  width: 50%;
  padding:1em 1em;
  color:#fff;
  background: #1966B2;
  background: rgba(93,185,253,0.9);
  width: 50px;
}
.owl-carousel .owl-nav .owl-prev{
  float: left;
  margin-left:-15px;
}
.owl-carousel .owl-nav .owl-next{
  float: right;
  margin-right:-15px;
}
.owl-theme .owl-nav{
  position: absolute;
  top: initial;
  bottom: 55px;
  width: 100%;
}

.owl-theme .owl-nav .owl-prev{
    float: left;
    margin-left: 5px;
    width: 45%;
}
.owl-theme .owl-nav .owl-next{
  float: right;
  margin-right:5px;
  width: 45%;
}

.title-float{
  background: #fff;
  padding: 5px 15px;
  position: absolute;
  top: -25px;
  left: 50px;
}
.title-float h2{
  color: #000;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 700;
  width: auto;

}

#bigTriangleColor path{
  fill: #1159A0;
}

@media(min-width: 375px){
  .title-float{
    left: 85px;
  }
}
@media(min-width: 425px){
  .title-float{
    left: 100px;
  }
}

@media(min-width: 768px){
  .title-float{
    left: 50px;
  }
}
@media(min-width: 992px){
  .title-float{
    font-size: 1.9em;
    left: 20px;
    top: -50px;
  }
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Ram escenarios*/


/*@media (max-width: 1800px) {
.slide__bg.one {
 background-image: url(../img/1.jpg);
}
}


@media (max-width: 1400px) {
.slide__bg.one {
    background-image: url(../img/1_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.one {
    background-image: url(../img/1_3.jpg)!important;
    background-size: 100% !important;
}
}*/



@media (max-width: 1800px) {
.slide__bg.two {
 background-image: url(../img/1.jpg);
}
}
@media (max-width: 1400px) {
.slide__bg.two {
    background-image: url(../img/1_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.two {
    background-image: url(../img/1_3.jpg)!important;
    background-size: 100% !important;
}
}


@media (max-width: 1800px) {
.slide__bg.three {
 background-image: url(../img/2.jpg);
}
}
@media (max-width: 1400px) {
.slide__bg.three {
    background-image: url(../img/2_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.three {
    background-image: url(../img/2_3.jpg)!important;
    background-size: 100% !important;
}
}



@media (max-width: 1800px) {
.slide__bg.four {
 background-image: url(../img/3.jpg);
}
}
@media (max-width: 1400px) {
.slide__bg.four {
    background-image: url(../img/3_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.four {
    background-image: url(../img/3_3.jpg)!important;
    background-size: 100% !important;
}
}


@media (max-width: 1800px) {
    .slide__bg.five {
        background-image: url(../img/4.jpg);
    }
}
@media (max-width: 1400px) {
    .slide__bg.five {
        background-image: url(../img/4_2.jpg)!important;
        background-size: 100% !important;
    }
}
@media (max-width: 720px) {
    .slide__bg.five {
        background-image: url(../img/4_3.jpg)!important;
        background-size: 100% !important;
    }
}

/*

@media (max-width: 1800px) {
.slide__bg.five {
 background-image: url(../img/.jpg);
}
}
@media (max-width: 1400px) {
.slide__bg.five {
    background-image: url(../img/_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.five {
    background-image: url(../img/_3.jpg)!important;
    background-size: 100% !important;
}
}


@media (max-width: 1800px) {
.slide__bg.six {
 background-image: url(../img/.jpg);
}
}
@media (max-width: 1400px) {
.slide__bg.six {
    background-image: url(../img/_2.jpg)!important;
    background-size: 100% !important;
}
}
@media (max-width: 720px) {
.slide__bg.six {
    background-image: url(../img/_3.jpg)!important;
    background-size: 100% !important;
}
}*/









/* -------------------------------- 

 Section More

-------------------------------- */

.paragraph{
  padding:1em;
}

@media(min-width: 768px){
  .paragraph{
    padding:1em 3em;
  }
}

.box-title{
  width: 100%;
  padding:0.5em;
}
.box-title h2{
  margin-bottom: 0;
  font-size: 20px;
}

/* -------------------------------- 

 Section Card Test

-------------------------------- */
.banner{
  width: 100%;
  position: relative;
}




/* -------------------------------- 

 Section Skills

-------------------------------- */

.card{
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(204,197,185,.5);
    background-color: #FFF;
    color: #252422;
    margin-bottom: 20px;
}
.card-content{
  padding:15px 20px;
}
.card-footer{
  text-align: right;
  padding:0px 20px 20px;
}

.col-button{
  z-index: 1;
}


@media(min-width: 768px){
  .card-learn{
    min-height: 459px;
  }
  .card-learn .card-footer{
    margin-top: 50px;
  }

}

/* -------------------------------- 

 Section Footer

-------------------------------- */

.copyright {
    line-height: 1.9;
    color: #fff;
}
.copyright h3{
  cursor: default;
  font-size:1.2em;
}

.copyright p{
  cursor: default;
  font-size: 1.1em;
}
footer{
  padding-bottom: 60px;
}

@media (min-width: 768px) {
  footer{
    padding-bottom: 0px;
  }
}

/* -------------------------------- 

 Page Licenciaturas

-------------------------------- */

.banner-licenciatura{
  background: url(../img/licenciatura.jpg) center  no-repeat;
}
.banner-maestria{
  background: url(../img/maestrias2.jpg) center 35% no-repeat; 
}
.banner-especialidades{
  background: url(../img/especialidades2.jpg) center no-repeat;
}
.banner-title {
    background-size: cover;
    margin-top: 60px;
    padding-bottom: 0;
    padding-top: 130px;
}

.pattern-bg{
  background: url(../img/pattern2.png);
}
.banner-title h1{
  color:#fff;
  font-size: 25px;
}

.banner-rectoria{
  background: url(../img/rectoria.jpg) center no-repeat;
  background-size: cover;
}
.banner-hidalgo{
  background: url(../img/toluca_hidalgo.jpg) center no-repeat;
  background-size: cover;
}

.banner-chalco{
  background: url(../img/chalco.jpg) center no-repeat;
  background-size: cover;
}


.banner-salud{
  background: url(../img/toluca_salud.jpg) center no-repeat;
  background-size: cover;
}
.banner-ixtapaluca{
  background: url(../img/ixtapaluca.jpg) center no-repeat;
  background-size: cover;
}
.banner-neza{
  background: url(../img/neza.jpg) center no-repeat;
  background-size: cover;
}
.banner-ecatepec{
  background: url(../img/ecatepec.jpg) center no-repeat;
  background-size: cover;
}
.banner-pantitlan{
  background: url(../img/pantitlan.jpg) center no-repeat;
  background-size: cover;
}
.banner-cuautitlan{
  background: url(../img/cuautitlan.jpg) center no-repeat;
  background-size: cover;
}
.banner-privacidad{
  background: url(../img/univerfront.jpg) center no-repeat;
  background-size: cover;
}
.banner-red{
  background: url(../img/red_profesional.jpg) center no-repeat;
  background-size: cover;
}
.banner-perspectiva{
  /*background: url(../img/banners-especialidades/perspectiva.jpg) center no-repeat;*/
  background: url(../img/banners-maestrias/perspectiva.jpg) center no-repeat;
  background-size: cover;
}

.banner-perspectiva-especialidad{
  /*background: url(../img/banners-especialidades/perspectiva.jpg) center no-repeat;*/
  background: url(../img/banners-especialidades/perspectiva.jpg) center no-repeat;
  background-size: cover;
}

.banner-administracion{
  background: url(../img/banners-licenciaturas/administracion_empresas.jpg) center no-repeat;
  background-size: cover;
}
.banner-ciencias{
  background: url(../img/banners-licenciaturas/ciencias_politicas.jpg) center no-repeat;
  background-size: cover;
}
.banner-comercio{
  background: url(../img/banners-licenciaturas/comercio_internacional.jpg) top no-repeat;
  background-size: cover;
}
.banner-comunicacion{
  background: url(../img/banners-licenciaturas/comunicacion.jpg) center no-repeat;
  background-size: cover;
}
.banner-contaduria{
  background: url(../img/banners-licenciaturas/contaduria_finanzas.jpg) top no-repeat;
  background-size: cover;
}
.banner-criminologia{
  background: url(../img/banners-licenciaturas/criminologia.jpg) center no-repeat;
  background-size: cover;
}
.banner-derecho{
  background: url(../img/banners-licenciaturas/derecho.jpg) center no-repeat;
  background-size: cover;
  background-position: 50% 60% !important;

}
.banner-derecho-penal{
  background: url(../img/banners-especialidades/derecho_penal.jpg) center no-repeat;
  background-size: cover;
}
.banner-diseno{
  background: url(../img/banners-licenciaturas/diseno_grafico.jpg) center no-repeat;
  background-size: cover;
}
.banner-enfermeria{
  background: url(../img/banners-licenciaturas/enfermeria.jpg) center no-repeat;
  background-size: cover;
}
.banner-gastronomia{
  background: url(../img/banners-licenciaturas/gastronomia.jpg) center no-repeat;
  background-size: cover;
}
.banner-impuestos{
  background: url(../img/banners-especialidades/impuestos.jpg) center no-repeat;
  background-size: cover;
}
.banner-industrial{
  background: url(../img/banners-licenciaturas/ingenieria_industrial.jpg) center no-repeat;
  background-size: cover;
}
.banner-sistemas{
  background: url(../img/banners-licenciaturas/ingenieria_sistemas.jpg) center no-repeat;
  background-size: cover;
}
.banner-habilidades{
  background: url(../img/banners-maestrias/maestria_habilidades.jpg) center no-repeat;
  background-size: cover;
}
.banner-justicia{
  background: url(../img/banners-maestrias/maestria_justicia.jpg) center no-repeat;
  background-size: cover;
}
.banner-negocios{
  background: url(../img/banners-maestrias/maestria_negocios.jpg) center no-repeat;
  background-size: cover;
}
.banner-negocios-maestria{
  background: url(../img/banners-maestrias/maestria_negocios.jpg) center no-repeat;
  background-size: cover;
}
.banner-profesionalizacion{
  background: url(../img/banners-maestrias/maestria_profesionalizacion.jpg) center no-repeat;
  background-size: cover;
}
.banner-psicologia{
  background: url(../img/banners-maestrias/maestria_psicologia.jpg) center no-repeat;
  background-size: cover;
}
.banner-psicologia-maestria{
  background: url(../img/banners-maestrias/maestria_psicologia.jpg) center no-repeat;
  background-size: cover;
}
.banner-mercadotecnia{
  background: url(../img/banners-licenciaturas/mercadotecnia.jpg) center no-repeat;
  background-size: cover;
}
.banner-nutricion{
  background: url(../img/banners-licenciaturas/nutricion.jpg) center no-repeat;
  background-size: cover;
}
.banner-pedagogia{
  background: url(../img/banners-licenciaturas/pedagogia.jpg) center no-repeat;
  background-size: cover;
}
.banner-psicologia{
  background: url(../img/banners-licenciaturas/psicologia.jpg) top no-repeat;
  background-size: cover;
}
.banner-quimico{
  background: url(../img/banners-licenciaturas/quimico.jpg) center no-repeat;
  background-size: cover;
}
.banner-radiologia{
  background: url(../img/banners-licenciaturas/radiologia.jpg) center no-repeat;
  background-size: cover;
}
.banner-seguridad{
  background: url(../img/banners-licenciaturas/seguridad_publica.jpg) center no-repeat;
  background-size: cover;
}
.banner-terapia{
  background: url(../img/banners-licenciaturas/terapia.jpg) top no-repeat;
  background-size: cover;
}
.banner-tsu{
    background: url(../img/banners-tsu/tsu.jpg) center no-repeat;
    background-size: cover;
}
.banner-tsu-administracion{
    background: url(../img/banners-licenciaturas/tsu_administracion_empresas.jpg) center no-repeat;
    background-size: cover;
}
.banner-tsu-comercio{
    background: url(../img/banners-licenciaturas/tsu_comercio_internacional.jpg) top no-repeat;
    background-size: cover;	
}
.banner-tsu-comunicacion{
    background: url(../img/banners-licenciaturas/tsu_comunicacion.jpg) top no-repeat;
    background-size: cover;	
}
.banner-tsu-contaduria{
    background: url(../img/banners-licenciaturas/tsu_contaduria_finanzas.jpg) top no-repeat;
    background-size: cover;	
}
.banner-tsu-criminologia{
    background: url(../img/banners-licenciaturas/tsu_criminologia.jpg) center no-repeat;
    background-size: cover;	
}
.banner-tsu-diseno{
    background: url(../img/banners-licenciaturas/tsu_diseno_grafico.jpg) top no-repeat;
    background-size: cover;	
}
.banner-tsu-gastronomia{
    background: url(../img/banners-licenciaturas/tsu_gastronomia.jpg) center no-repeat;
    background-size: cover;		
}
.banner-tsu-mercadotecnia{
    background: url(../img/banners-licenciaturas/tsu_mercadotecnia.jpg) center no-repeat;
    background-size: cover;	
}
.banner-tsu-procesos{
    background: url(../img/banners-licenciaturas/tsu_ingenieria_industrial.jpg) center no-repeat;
    background-size: cover;		
}
.banner-tsu-sistemas{
    background: url(../img/banners-licenciaturas/tsu_ingenieria_sistemas.jpg) center no-repeat;
    background-size: cover;		
}

.banner-rector{
  background: url(../img/carta.jpg) center no-repeat;
  background-size: cover;
}
.banner-vision{
  background: url(../img/vision.jpg) center no-repeat;
  background-size: cover;
}
.banner-becas{
  background: url(../img/becas.jpg) center no-repeat;
  background-size: cover;
}
.banner-quienes{
  background: url(../img/about/about-1.jpg) center no-repeat;
  background-size: cover;
}

.banner-administracion_online{
  background: url(../img/banners-licenciaturas-online/administracion_online.jpg) center no-repeat;
  background-size: cover;
}


.banner-licenciaturas-online{
  background: url(../img/banners-licenciaturas-online/licenciaturas_online.jpg) center no-repeat;
  background-size: cover;
}


/*div div.container.text-center{
    margin-top: 15% !important;
}*/

.accordion-uni {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    background: #ccc;
    cursor: pointer;
}

.accordion-uni .item {
    height: 80px;
}

.accordion-uni .item img {
    padding-left: 15px;
    width: 50px;
    vertical-align: middle;
}
.accordion-uni .item i {
    padding-left: 15px;
    font-size: 2em;
    vertical-align: middle;
}

.accordion-uni .item h3 {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
}

.accordion-uni .item h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.accordion-uni .item-content {
    font-size: 14px;
    font-weight: 400;
    padding:15px;
    margin-bottom: 0;
    display: none;
    width: 100%;
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2);
    opacity: 0.7;
}
.accordion-uni .item-content ul{
  font-size: 1em;
  list-style: none;
  padding: 0 15px;
  margin-bottom: 0;
}
.accordion-uni .item-content ul li{
  margin: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
  position: relative;
}
.accordion-uni .item-content ul li a:hover, .accordion-uni .item-content ul li a:focus {
  color: #fcad26;
}

.accordion-uni .item-content ul li::before {
    content: "\f17b";
    font-family: "LineAwesome";
    font-size: 16px;
    position: absolute;
    left: -5px;
    color: #fcad26;
}
.accordion-uni .item.one, .accordion-uni .item-content.one {
    background: #273896;
    color: #fff;
}
.accordion-uni .item.two, .accordion-uni .item-content.two {
    background: #067ADD;
    color: #fff;
}
.accordion-uni .item.three, .accordion-uni .item-content.three {
    background: #2989d8;
    color: #fff;
}
.accordion-uni .item.four, .accordion-uni .item-content.four {
    background: #4E9BDC;
    color: #fff;
}

.accordion-uni .item.one, .accordion-uni .item-content.one.in{
  display: block;
}

@media (max-width: 320px) {
  .accordion-uni .item i {
      display: none;
  }
  .accordion-uni .item h3 {
      padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .banner-title{
    background-size: cover;
    margin-top: 60px;
  }
  .banner-title h1{
    font-size: 44px;
  }

}

@media (min-width: 992px){
  .hero__content__title.center{
    margin-left: 12%;
  }
  .accordion-uni .item-content ul{
    font-size: 1.1em;
  }

  .accordion-uni .item h3{
    font-size: 20px;
  }
  
  .banner-fixed{
    background-position: 50% 30%;
  }
  .banner-fixed2{
    background-position: 50% 10%;
  }
  /*.banner-fixed3{
    background-position: 50% 0%;
  }*/
}

@media (min-width: 1200px){
  .banner-title{
    background-size: cover;
    margin-top: 80px;
    min-height: 70vh;
    background-color: #f8f8f8;
  }
  .banner-top{
    background-size: cover;
    margin-top: 80px;
    min-height: 35vh;
  }
  .banner-middle{
    background-size: cover;
    margin-top: 80px;
    min-height: 65vh;
  }
}

@media (min-width: 1500px) {
  .banner-middle{
    background-size: cover;
    margin-top: 80px;
    min-height: 55vh;
  }
}

/*      Pages Licenciaturas, Ingenierías..etc.    */


.box-description{
  padding: 30px 15px;
}

.cd-tabs {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 2em auto;
}

@supports (background: linear-gradient(to left, #000, #000)) or (background: -webkit-linear-gradient(to left, #000, #000)) {
  /* if linear-gradient is supported */
  .cd-tabs::after {
    /* subtle gradient layer on top right of the tabbed navigation- to indicate it's possible to scroll */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    pointer-events: none;
    background: -webkit-gradient(linear, right top, left top, from(#f8f7ee), to(rgba(248, 247, 238, 0)));
    background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-tabs.cd-tabs--scroll-ended::after {
    /* class added in JavaScript - remove the gradient layer when it's no longer possible to scroll */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
}

.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #f8f7ee;
  -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
          box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}

@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    -webkit-box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
            box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
    z-index: 1;
  }
}

@media only screen and (min-width: 960px) {
  .box-description{
    padding: 30px;
  }
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.cd-tabs__navigation {
  width: 500px;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.cd-tabs__navigation:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-tabs__navigation li {
  float: left;
}

.cd-tabs__navigation a {
  position: relative;
  display: block;
  height: 60px;
  width: auto;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #c3c2b9;
  padding-top: 35px;
  padding-left: 10px;
  padding-right: 10px;
}

.cd-tabs__navigation a:hover {
  color: #29324e;
  background-color: rgba(233, 230, 202, 0.3);
}

.cd-tabs__navigation a.cd-selected {
  background-color: #ffffff !important;
  -webkit-box-shadow: inset 0 2px 0 #1966b2;
          box-shadow: inset 0 2px 0 #1966b2;
  color: #1966b2;
  text-decoration: none;
}




@media only screen and (min-width: 768px) {
  .cd-tabs__navigation {
    /* move the nav to the left on medium sized devices */
    width: 80px;
    float: left;
  }
  .cd-tabs__navigation a {
    height: 80px;
    width: 80px;
    padding-top: 46px;
  }
  .cd-tabs__navigation a.cd-selected {
    -webkit-box-shadow: inset 2px 0 0 #1966b2;
            box-shadow: inset 2px 0 0 #1966b2;
  }

}

@media only screen and (min-width: 960px) {
  .cd-tabs__navigation {
    /* tabbed navigation on top on big devices */
    width: auto;
    background-color: #f8f7ee;
    -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
            box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .cd-tabs__navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    text-align: left;
    font-size: 1.4rem;
    padding: 0 2.8em 0 4.6em;
  }
  .cd-tabs__navigation a.cd-selected {
    -webkit-box-shadow: inset 0 2px 0 #1966b2;
            box-shadow: inset 0 2px 0 #1966b2;
  }
}

.cd-tabs__content {
  background: #ffffff;
  padding-left: 0;
}

.cd-tabs__content li {
  display: none;
  padding: 1.4em;
}

.cd-tabs__content li.cd-selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
          animation: cd-fade-in 0.5s;
}

.cd-tabs__content li p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #8493bf;
  margin-bottom: 2em;
}
.table-horario{
  margin-bottom: 0;
}
.table-horario .table thead{
  display: none;
}

@media only screen and (min-width: 768px) {
  .cd-tabs__content {
    min-height: 480px;
  }
  .cd-tabs__content li {
    padding: 2em 2em 2em 7em;
  }
  .table-horario{
    margin-bottom: 15px;
  }
  .table-horario .table thead{
    display: table-header-group;
  }
}

@media only screen and (min-width: 960px) {
  .cd-tabs__content {
    min-height: 0;
  }
  .cd-tabs__content li {
    padding: 3em;
  }
  .cd-tabs__content li p {
    font-size: 1.6rem;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.panel-uni .panel-heading{
  background-color: #00adee;
  color: #fff;
  position: relative;
}
.panel-uni .panel-heading .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}
.panel-uni .panel-heading .panel-title a:hover,
.panel-uni .panel-heading .panel-title a:active,
.panel-uni .panel-heading .panel-title a:focus{
  color: #fff;
}


.panel-uni .panel-heading .more{
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
}
.panel-uni .panel-heading .panel-title a i:before{
  content: '\f113'
}
.panel-uni .panel-heading .panel-title a.collapsed i:before{
  content: '\f2c2'
}
.panel-body {
  text-align: left;
}
.panel-uni .panel-body h3{
  font-size: 16px
}

.panel-default>.panel-heading-info{
  background-color: #207cca;
  color: #fff;
}
.panel-default>.panel-heading-info h4 a:hover,
.panel-default>.panel-heading-info h4 a:focus,
.panel-default>.panel-heading-info h4 a:active{
  color: #fff;
  text-decoration: none;
} 

.panel-default>.panel-heading-info

@media (min-width: 768px) {
  .hidden-lg{
    display: none;
  }

  
}

/*+++++++++++++++++ Planteles *****************/
.card-title-ui{
  padding: 0.3em;
  text-align: center;
  border-radius: 5px 5px 0 0; 
}
.plantel-ui ul {
    font-size: 1em;
    list-style: none;
    padding: 0 15px;
    margin-bottom: 0;
}
.plantel-ui ul li {
    margin: 0;
    margin-bottom: 1em;
    padding-left: 1.5em;
    position: relative;
}
.plantel-ui ul li::before {
    content: "\f17b";
    font-family: "LineAwesome";
    font-size: 16px;
    position: absolute;
    left: -5px;
    color: #fcad26;
}
.plantel-ui ul li a:hover{
    color: #fcad26;
}
.address{
  max-width: 80%;
  margin-left: 10%;
}
.address::before{
  content: "\f27d";
  font-family: "LineAwesome";
  font-size: 16px;
  position: absolute;
  left: 20px;
  color: #fcad26;
}
.address.phone::before{
  content: "\f2b3";
}
.address.clock::before{
  content: "\f236";
}
.embed-responsive{
  border: 10px solid #f9f9f9;
  padding-bottom: 350px;
}
#map{
  height: 350px;
}

.flex-content{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-box{
    display: -webkit-flex;
    display: flex;
}

@media (min-width: 768px) {
  .address::before{
  left: 10px;
  }
}
@media (min-width: 992px) {
  .address::before{
  left: 20px;
  }
}
@media (min-width: 1200px) {
  .card-plantel{
    min-height: 534px;
  }
  
}


/************ Becas ****************/

.timeline {
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(22,125,235);
  background: -moz-linear-gradient(top, rgba(22,125,235,0) 0%, rgb(22,125,235) 8%, rgb(22,125,235) 92%, rgba(822,125,235,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(22,125,235,0) 0%, rgb(22,125,235) 8%, rgb(22,125,235) 92%, rgba(22,125,235,0) 100%);
  background: -o-linear-gradient(top, rgba(22,125,235,0) 0%, rgb(22,125,235) 8%, rgb(22,125,235) 92%, rgba(22,125,235,0) 100%);
  background: -ms-linear-gradient(top, rgba(22,125,235,0) 0%, rgb(22,125,235) 8%, rgb(22,125,235) 92%, rgba(22,125,235,0) 100%);
  background: linear-gradient(to bottom, rgba(22,125,235,0) 0%, rgb(22,125,235) 8%, rgb(22,125,235) 92%, rgba(22,125,235,0) 100%);
  
  z-index: 5;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  
  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: #2989d8;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  color: #fff;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -40px;
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid #2989d8;
  z-index: 10;
}

.direction-r .flag:before {
  left: -40px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: #2989d8;
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: #2989d8;
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 1em 0.75em 0 0;
  
  font-size: 1.07em;
  font-style: italic;
  line-height: 1.5em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {

.timeline {
  width: 100%;
  padding: 4em 0 1em 0;
}

.timeline li {
  padding: 2em 0;
}
.timeline li ul.list-none li{
  padding: 1em 0
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;

  text-align: center;
}

.flag-wrapper {
  text-align: center;
}

.flag {
  background: #2989d8;
  z-index: 15;
  color: #fff;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
  left: 50%;
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -9px;
  background: #fff;
  border-radius: 10px;
  border-right-color: #2989d8;
  z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  height: 0;
  width: 0;
  margin-left: -8px;
  border: solid transparent;
  border-bottom-color: #2989d8;
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: block;
  position: relative;
  margin: 4px 0 0 0;
  z-index: 14;
}

.direction-l .time-wrapper {
  float: none;
}

.direction-r .time-wrapper {
  float: none;
}

.desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 1em;
  background: rgb(245,245,245);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  box-shadow: 0 0 1px rgba(0,0,0,0.20);
  
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
  position: relative;
  margin: 1em 1em 0 1em;
  padding: 1em;
  
  z-index: 15;
}

}

@media screen and (min-width: 400px) and (max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
  margin: 1em 4em 0 4em;
}

}



/******************** Rector ************************/
.card-rector{
  background: url(../img/logofirma.png) no-repeat center;
}
.max-center{
  text-align: center;
  line-height: 18px;
  font-weight: 800;
}
@media (min-width: 992px) {
  .card-rector{
    padding: 3.5em 2.5em;
  }
  
}



/************************  Visión ************************/


@media (min-width: 1200px) {
  .card-v{
    min-height: 307px;
  }
  
}
/************************  Red Profesional  ************************/
.list-red{
  position: relative;
  list-style: none;
}
.list-red li:before{
  position: absolute;
  left: 20px;
  font-weight: 800;
}
.list-red li:nth-child(1)::before{
  content: "a.";
}
.list-red li:nth-child(2)::before{
  content: "b.";
}
.list-red li:nth-child(3)::before{
  content: "c.";
}
.list-red li:nth-child(4)::before{
  content: "d.";
}
.list-red li:nth-child(5)::before{
  content: "e.";
}


/************************  Requisitos ************************/

.requisitos .card-content p {
    margin: 0;
    margin-bottom: 1em;
    padding-left: 2.5em;
    position: relative;
}
.requisitos .card-content p span{

}
.requisitos .card-content p::before {
    content: "\f17e";
    font-family: "LineAwesome";
    font-size: 1.5em;
    position: absolute;
    left: 5px;
    top: -4px;
    color: #fcad26;
}

/************************  Video ************************/
.title-video{
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

@media (min-width: 992px) {
    .title-video{
        font-size: 22px;
    }
}

/************************  Exit page ************************/

#exit .container{
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#exit .container .row div img{
    max-width: 80%;
}
#exit .container .row div h1{
    font-size: 2em;
}

/************************  POP UP  ************************/

#popup {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    -webkit-animation:autopopup 2s;
    -moz-animation:autopopup 2s;
    animation:autopopup 2s;
    z-index: 200;
}
@-webkit-keyframes autopopup {
    from {opacity: 0;margin-top:-200px;}
    to {opacity: 1;}
}
@-moz-keyframes autopopup {
    from {opacity: 0;margin-top:-200px;}
    to {opacity: 1;}
}
@keyframes autopopup {
    from {opacity: 0;margin-top:-200px;}
    to {opacity: 1;}
}

#popup:target {
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    opacity: 0;
    visibility: hidden;
}


.popup-contenedor {
    position: relative;
    margin:7% auto;
    padding:30px 50px;
    background-color: #fafafa;
    color:#333;
    border-radius: 3px;
    width:65%;
    z-index: 5000;
}
button.popup-cerrar {
    position: absolute;
    top:3px;
    right:3px;
    background-color: #333;
    padding:7px 10px;
    font-size: 20px;
    text-decoration: none;
    line-height: 1;
    color:#fff;
}

@keyframes autopopup{
    from {opacity: 0;margin-top:-200px;}
    to {opacity: 1;}
}


/************************  Boton UM-Academic ************************/

#umacademic {
    color: white;
	font-weight: bold !important;
	text-shadow: 2px 2px 2px #0C0C1B;
	height:60px;
			  
}
/************************  Boton MIUM-ONLINE ************************/


#miumonline a{
    color: #fcad26 !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 2px #0C0C1B;
}

.btn-mium{
    position: relative;
    width: 100%;
    z-index: 1000;
    padding: 15px 90px 15px 30px;
    overflow: hidden;
    font-size:1.3em;
    border: none;
    border-radius: 0;
    background: #fcad26;
    color: #fff !important;
    cursor: pointer;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-mium:hover {
    background: #f29e0d;
}
.btn-mium:before{
    font-family: 'LineAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 3;
    font-size: 140%;
    width: 60px;
    height: 100%;
    left: auto;
    right: 10px;
    top: -10px;
    z-index: 2;
}

.btn-mium:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-mium:after {
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}

.btn-mium:hover:after {
    width: 40%;
}
.btn-mium.form-action{
    display: inline-block;
    position: relative;
    margin-bottom: 80px;
}
.btn-mium.modal-action{
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}

@media (min-width: 768px){
    .btn-mium {
        position: relative;
        width: auto;
        padding: 15px 90px 15px 30px;
        font-size: 1.3em;
        border: none;
        border-radius: 25px;
        margin: 15px 0px;
    }
}

.btn-manual{
    position: relative;
    width: 100%;
    z-index: 1000;
    padding: 15px 90px 15px 30px;
    overflow: hidden;
    font-size:1.3em;
    border: none;
    border-radius: 0;
    background: #66cd61;
    color: #fff !important;
    cursor: pointer;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-manual:hover {
    background: #31af42;
}
.btn-manual:before{
    font-family: 'LineAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 3;
    font-size: 140%;
    width: 60px;
    height: 100%;
    left: auto;
    right: 10px;
    top: -10px;
    z-index: 2;
}

.btn-manual:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-manual:after {
    width: 30%;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}

.btn-manual:hover:after {
    width: 40%;
}
.btn-manual.form-action{
    display: inline-block;
    position: relative;
    margin-bottom: 80px;
}
.btn-manual.modal-action{
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}

@media (min-width: 768px){
    .btn-manual {
        position: relative;
        width: auto;
        padding: 15px 90px 15px 30px;
        font-size: 1.3em;
        border: none;
        border-radius: 25px;
        margin: 15px 0px;
    }
}

.ppt-tit{
    text-align: center;
    font-size: 30px;
    color: #1375b9;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
}
.ppt-down{
    text-align: center;
    font-size: 15px;
    color: #1375b9;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
}
.img-clase{
    width: 100%;
}
@media (max-width: 768px){
    .img-clase{
        padding-left:70px;
        width: 65%;
    }
}
.video{
    width:560px;
    height:315px;
}
@media (max-width: 600px){
    .video{
        width:250px;
        height:150px;
    }
}

#btnGoogleAcademic {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    width: 100%;
    color: #212529;
    background-color: #ced4da;
    border-color: #ced4da;
    text-decoration: none;
}

#btnGoogleAcademic img{
    vertical-align: middle;
    border-style: none;
}