* {
	box-sizing: border-box;
}
html {
  height: 100%;
}
body {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;	
	color: #333;
	overflow-x: hidden;
}
header{
	/*height: 100vh;
	display: flex;*/
	align-items: center;
	color: #fff;
}
a{
  text-decoration: none;
  color: #3c3c3c;
}
a:hover{
  text-decoration: none;
}
nav{height: 5rem;
}
nav ul li{
}
nav ul li:last-child {
}
iframe {border: none;}
.navbar{
  text-align: center;
}
.header{
  padding: 10px;
}
.content {
	max-width: 40rem;
	position: absolute;
  top: 50%;
  left: 35%;
  margin-top: -75px;
  margin-left: -75px;
	text-align: center;
}

.header-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.header-video video{
  /*min-width: 100vw;
  min-height: 100vh;
  position: absolute; 
  bottom: 0px; 
  right: 0px; 
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto; 
  overflow: hidden;*/
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;    
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); 
  z-index: -100; 
  background-size: cover; 
}

.header-overlay{
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 1;
  opacity: .07;
}

.header-content {
  z-index: 2;
  position: relative;
}

.header-content h1 {
  font-size: 50px;
  margin-bottom: 0;
}

.header-content p{
  font-size: 1.5rem;
  display: block;
  padding-bottom: 2rem;
}
.buscar{margin-top:8%; z-index: 10001; width: 50%; margin: 0 auto;}
.botn {
  background:#c44569;
  color: #fff;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  text-decoration: none;
}

.black{
      background: #000;
      transition:all .9s ease-in-out;
}

.white{
  background: url("../imagenes/bg-nav-white.png") repeat;
  color: red;
  transition:all 0.3s ease-in-out;
}

.banner{
  position: relative;
  max-width: 100%;
  height: 100px;
  background: #ccc;
  z-index: -1;
}

.forma1 {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  min-height: auto;
  height: 100%;
  background-color: rgba(0, 46, 102, 0.8);
  transform: skewX(14deg);
  transform-origin: top right;
}
.forma1 p{
      color: #fff;
}
 .forma1 .masthead-bg {
    min-height: 0;
    transform: skewX(-8deg);
    transform-origin: top right;
  }

.social{
  background: #00679e;
  color: #fff;
  font-size: 1.1rem;
}  
.social div{
  padding: 0;
  padding: 20px;
}
.social a{ color: #fff; text-decoration: none;}
.social a:hover{ color: yellow;}

.img-components{
  height: 100vh;
}
.cont-height{
  height: 100vh;
}
.margin-content{
  padding: 50px;
}
/* Background colors */
/*Degradados*/
.color-1 {
  background-color: #0197c2;
  background-image: -webkit-linear-gradient(#0197c2 0%, #004a83 74%);
  background-image: -moz-linear-gradient(#0197c2 0%, #004a83 74%);
  background-image: -ms-linear-gradient(#0197c2 0%, #004a83 74%);
  background-image: -o-linear-gradient(#0197c2 0%, #004a83 74%);
  background-image: linear-gradient(#0197c2 0%, #004a83 74%);
  
  
}
.color-2 {
  font-family: 'Playfair Display', serif;
  background: -webkit-linear-gradient(90deg, #e74d6b 10%, #8cc8ac 90%);
  background:    -moz-linear-gradient(90deg, #e74d6b 10%, #8cc8ac 90%);
  background:     -ms-linear-gradient(90deg, #e74d6b 10%, #8cc8ac 90%);
  background:      -o-linear-gradient(90deg, #e74d6b 10%, #8cc8ac 90%);
  background:         linear-gradient(90deg, #e74d6b 10%, #8cc8ac 90%);
}
.color-3 {
  background: -webkit-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
  background:    -moz-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
  background:     -ms-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
  background:      -o-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
  background:         linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);

}
.color-4 {
  font-family: 'Source Code Pro', serif;
  background: -webkit-linear-gradient(90deg, #e75053 10%, #f9d423 90%);
  background:    -moz-linear-gradient(90deg, #e75053 10%, #f9d423 90%);
  background:     -ms-linear-gradient(90deg, #e75053 10%, #f9d423 90%);
  background:      -o-linear-gradient(90deg, #e75053 10%, #f9d423 90%);
  background:         linear-gradient(90deg, #e75053 10%, #f9d423 90%);
}
.color-5 {
  font-family: 'Lora', serif;
  background: -webkit-linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);
  background:    -moz-linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);
  background:     -ms-linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);
  background:      -o-linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);
  background:         linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);
}
.color-6 {
  font-family: 'Montserrat', Helvetica, sans-serif;
  background: -webkit-linear-gradient(90deg, #16A085 10%, #F4D03F 90%);
  background:    -moz-linear-gradient(90deg, #16A085 10%, #F4D03F 90%);
  background:     -ms-linear-gradient(90deg, #16A085 10%, #F4D03F 90%);
  background:      -o-linear-gradient(90deg, #16A085 10%, #F4D03F 90%);
  background:         linear-gradient(90deg, #16A085 10%, #F4D03F 90%);
}
/*Solidos*/
.color-1solid{
  background: #DB504A;
}
.color-2solid{
  background: #351c3e;
}
.color-3solid{
  background: #DB504A;
}
.color-4solid{
  background: #E3E7EA;
}
.color-5solid{
  background: #DB504A;
}
 /*Bordes*/
 .border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
  border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
  border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
  border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
  border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
  border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
  border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
  border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
  border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
  border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
  border-bottom: 0.25rem solid #5a5c69 !important;
} 
/*################## Efectos ################*/
.blink {
  animation: blink-animation 1.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 1.5s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/***********Sections******/
h1 {
  font-size: 60px;
  margin-bottom: 40px;
}

h1 span {
  background: #0197C2;
  padding: 0 10px;
  color: #fff;
  display: inline-block;
}
.spad {
  padding: 100px 0;
} 
.pad{padding: 30px;}

.intro {
  position: relative;
  padding: 100px 0;
  background: #f4f4f4;
  background: url("../imagenes/bgnoti.jpg");
  background-image: no-repeat;
  background-image: fixed;
  background-image: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.card-noticia{
  height: 300px;
}
.intro h2 {
  font-size: 50px;
  margin-top: 0;
  color: #2c2c2c;
  letter-spacing: .05em;
  /*text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);*/
}

section.oferta {
  position: relative;
  padding: 50px 0;
}

section.oferta h2, .admision h2 {
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {
  section.intro h2 {
    font-size: 70px;
  }
  section.oferta h2, .admision  h2 {
    font-size: 60px;
  }
}

.about-stats {
    text-align: center;
}

.stats__col {
    margin: 3.4rem 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.stats__col:last-child {
    border-right: none;
}

.stats__count {
    font-family: "montserrat-bold", sans-serif;
    font-size: 5rem;
    line-height: 1;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-outline {
  color: white;
  font-size: 1.5rem;
  border: 1px solid;
  border-color: white;
  margin: 10px;
  width: 100%;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

@media only screen and (max-width: 600px) {
    .s-about {
        padding-top: 12rem;
    }
    .about-desc {
        font-size: 1.9rem;
    }
    .about-stats {
        padding-top: 0;
    }
    .stats__col {
        margin: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: relative;
    }
    .stats__col::after {
        content: "";
        display: block;
        height: 1px;
        width: 250px;
        background-color: rgba(255, 255, 255, 0.25);
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -125px;
    }
    .stats__col:last-child::after {
        display: none;
    }
    .stats__col:nth-child(n) {
        border: none;
    }
    .about__line {
        height: 2.2rem;
    }
    .btn-outline {
      color: white;
      font-size: 1rem;
      border: 1px solid;
      border-color: white;
      margin: 10px;
      width: 100%;
    }
    .card-noticia{
      height: auto;
    }    
}
#social{
  padding: 50px 10px;
  vertical-align: middle;
}
#social div{
}
#utselva{
  background: url(../imagenes/utselva.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  height: auto; 
}
#utselva .btn{
  font-size: 1rem;
}
#utselva .card{
  color: #000;
}
#oferta{
  /*padding: 50px 10px;*/
  color: #000;
  height: auto;
}

#admision{  
   color: #000;
   height: 100vh;
}
.adm-bg{position:relative;padding:250px 0;background-image:url(../imagenes/componentes/admision-2.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

#vidauni{
  color: #000;
  height: 100vh;
}
.vdu-bg{position:relative;padding:250px 0;background-image:url(../imagenes/componentes/vidaU.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

#vinculacion{
  background: #fff;
  color: #000;
  height: auto;
}
.vin-bg{position:relative;padding:250px 0;background-image:url(../imagenes/componentes/vinculacion.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

#serviciosE{
  padding: 60px 0;
  color: #fff;
}
.media{
  padding: 10px;
}
.ti-service-icon {
  font-size: 2rem;
    color: #0197C2;
  }
  #serviciosE .serviciosE-box h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    margin-bottom: 12px;
    letter-spacing: 1px;
  }
.ser-bg{position:relative;padding:250px 0;background-image:url(../imagenes/componentes/servicios.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.ser-bga{position:relative;padding:250px 0;background-image:url(../imagenes/atencion-integral.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#infopu{
  padding: 50px 10px;
  height: auto;
}
.Aprivacidad{
  background: #eeeeee;
  padding: 5px;
}
.Aprivacidad ul li{

}
.section-dv-1{
  background: #222222;
  color: #fff;
}
.section-dv-2{
  background: #fff;
  color: #000;
}
.section-dv-3{
  background: #698298;
  color: #fff;
}
.section-dv-1 a,.section-dv-3 a{
  color: #fff;
}
.noticias-img{max-width: 100%; max-height: 150px; overflow: hidden;}
.noticias-img img {margin-top: -15%;}

/*##################Subpaginas################*/

.div-admin{
  position:relative;background-image:url(../imagenes/componentes/div-admin.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.div-ti{
  position:relative;background-image:url(../imagenes/componentes/div-tic.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.div-tg{
  position:relative;background-image:url(../imagenes/componentes/div-trga.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.div-agro{
  position:relative;background-image:url(../imagenes/componentes/div-ag.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.div-admin a, .div-ti a, .div-tg a, .div-agro a{
  color: #fff;
}
.bg-legislacion{
  position:relative;background-image:url(../imagenes/componentes/legislacion-uni.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.bg-conocenos{
  position:relative;background-image:url(../imagenes/componentes/conocenos.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.bg-capacidadA{
  position:relative;background-image:url(../imagenes/componentes/capacidadA.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.bg-bolsaTrabajo{
  position:relative;background-image:url(../imagenes/componentes/bolsaTrabajo.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}
.bg-noticias{
  position:relative;background-image:url(../imagenes/componentes/noticias.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
  color: #fff;
}

.text-border{-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;}
.icon{
  font-size: 1.5rem;
  color: #0197C2;
}
/*°°°°°°°°°°Sponsor°°°°°°°°°°°°°|*/
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-sponsor{
      background: #f7f7f7;
}
.sponsor{
      padding: 30px;
}

.sponsor img{
  max-width: 100%;
  min-height: auto;
  background: #fff;
}
/**#####Boostrat#########*/
.dropdown-menu {
  width: 350px; !important 
}
/*################## Media querys ################*/
@media(max-width: 786px) {

      .logo {
            position: fixed;
            top: 0;
            margin-top: 16px;
      }       

      .showing {
            max-height: 100vh;border:groove;
      }     

       .menu-icon {
            display: block;
      }
      #social, #utselva, #oferta, #admision, #vidauni, #vinculacion, #serviciosE, #infopu{
        height: auto;
      }
      .cont-height{height: auto;}
      h1 {
        font-size: 2.5rem;
        margin-bottom: 40px;
      }
      .navbar-brand{
        display: inline-block;
      }
      .header-video video{
        display: none;      
      }
      .header-video {
        position:relative;background-image:url(../imagenes/utselva2018.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
      }
      nav {height: auto;}
      .intro {        
        top: 40%;      
        padding: 20px;
        width: 100%;
      }
      .intro h5{        
        font-size: 1rem;
      }
      
      .sponsor .row div{
        padding: 10px;
      }
      .buscar{margin-top:100px;z-index: 10001; width: 100%;}
      .btn-buscar{right: 90px; border: groove; position: fixed;}
}
/**/
@media (max-width: 960px) {
	.content{
		padding:0 3rem 0 3rem;
	}
  #social, #utselva, #oferta, #admision, #vidauni, #vinculacion, #serviciosE, #infopu{
        height: auto;
      }
      .cont-height{height: auto;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .content{
    padding:0 3rem 0 3rem;
  }
  #social, #utselva, #oferta, #admision, #vidauni, #vinculacion, #serviciosE, #infopu{
        height: auto;
      }
  .cont-height{height: auto;}
}


@media screen and (max-width:1024px) and (min-width:640px) {
  .navbar-brand{
    position: relative;
  }
    section.oferta h2, .admision  h2 {
      font-size: 30px;
      }
    .btn-outline {
      font-size: 1rem;
    }
    .stats__col {
        margin: 3.4rem 0;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }
    .stats__count {
        font-size: 4rem;
        line-height: 1;
        color: #FFFFFF;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .stats__count h3{
      font-size: 1rem;
    }
    .nav-item{ font-size: 12px; }
    .admision .display-4{ font-size: 2rem; }
    .admision .h1{ font-size: 1.8rem; }
    .admision .h3{ font-size: 1.5rem; }
}

@media (min-width: 320px) and (max-width: 480px) {
  header,section,div,footer{}  
  .oferta div{max-width: 100%; text-align: center;}
  .admision { max-width: 95%;}
  #serviciosE {max-width: 100%;}
}
@media (max-width: 320px){  
  
}

footer{
  background-color: #f7f7f7 ;
  text-align: center;
  color: #fff;
  padding: 10px;
}