@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");
/* .container-with-floated-children {
 	@extend %clearfix;
} */
/*
input,  
textarea {  
    @include input-placeholder {
        color: $grey;
    }
}
*/
/*@mixin scale($args) {
    -ms-transform: scale($args);
    -webkit-transform: scale($args);
    transform: scale($args);
}*/
/* EJEMPLO:
.sidebar {
	width: 60%;
	float: left;
	margin: 0 2% 0 0;
	@include bp-small {
		width: 100%;
		float: none;
		margin: 0;
	}
}
*/
/*
@include keyframes(slide-down) {
	0% { opacity: 1; }
	90% { opacity: 0; }
}
.element {
	width: 100px;
	height: 100px;
	background: black;
	@include animation('slide-down 5s 3');
}
*/
/* EJEMPLO:
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
transition: <property> || <duration> || <timing-function> || <delay> [, ...];

Note that the duration must come before the delay if the latter is specified. Individual transitions combined in shorthand declarations:

-webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
*/
/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1800px) {
  .m {
    max-width: 1500px; }
  .tit-huge {
    font-size: 4rem;
    line-height: 4rem; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
  .m {
    max-width: 1500px; }
  .lista-cuadros .elem .info, .otras-carreras-slider .slide a .info {
    padding: 44px; }
    .lista-cuadros .elem .info .subida, .otras-carreras-slider .slide a .info .subida {
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .lista-cuadros .elem .info .titulo, .otras-carreras-slider .slide a .info .titulo {
      font-size: 1.8rem;
      margin-bottom: 5px; }
    .lista-cuadros .elem .info .bajada, .otras-carreras-slider .slide a .info .bajada {
      margin-bottom: 5px; }
  #intro .cont {
    padding: 260px 44px 120px; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {
  #introHome .home-slider .slide .cont {
    padding-top: 6%;
    max-width: 700px;
    margin-left: 150px; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
  .tit-huge {
    font-size: 4rem;
    line-height: 4rem; }
  #introHome .home-slider .slide .cont {
    max-width: 600px;
    margin-left: 120px; }
  .info-set .img-lado {
    width: 32vw; }
  .info-set .cont {
    margin: 0 100px;
    max-width: 590px;
    padding: 100px 0; }
    .info-set .cont h1 {
      margin-bottom: 1.7rem;
      font-size: 3.4rem;
      line-height: 3.4rem; }
    .info-set .cont .bajada {
      margin-bottom: 1.7rem; }
  #intro .cont {
    padding: 220px 44px 80px; }
  .big-heading {
    padding: 90px 0 110px; }
    .big-heading .cont .tit-huge {
      margin-bottom: 54px; }
    .big-heading .cont .subtitulo {
      margin-bottom: 54px; } }

/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {
  .lista-cuadros .elem .info, .otras-carreras-slider .slide a .info {
    padding: 35px; }
    .lista-cuadros .elem .info .subida, .otras-carreras-slider .slide a .info .subida {
      font-size: 1rem;
      margin-bottom: 0; }
    .lista-cuadros .elem .info .titulo, .otras-carreras-slider .slide a .info .titulo {
      font-size: 1.2rem;
      line-height: 1.3rem;
      margin-bottom: 0; }
    .lista-cuadros .elem .info .bajada, .otras-carreras-slider .slide a .info .bajada {
      font-size: 0.8rem;
      line-height: 0.9rem; }
  #infoExtraCarrera .cuad .cont h1 {
    font-size: 1.2rem;
    line-height: 1.3rem; }
  #infoExtraCarrera .cuad .cont .bajada {
    margin-bottom: 20px; }
  #introHome .home-slider .slide video {
    width: 180%;
    margin-left: -90%; }
  #introHome .home-slider .slide .video-cont iframe.old-iframe {
    width: 180%;
    margin-left: -90%; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
  .tit1 {
    font-size: 2.44rem;
    line-height: 2.5rem; }
  #introHome .home-slider .slide .cont {
    padding-top: 50px;
    max-width: 600px;
    width: 100%;
    margin-left: 70px; }
  .btn {
    padding: 0.4rem 0.8rem; }
  .lista-cuadros .elem .info, .otras-carreras-slider .slide a .info {
    padding: 30px; }
    .lista-cuadros .elem .info .titulo, .otras-carreras-slider .slide a .info .titulo {
      font-size: 1.2rem; }
  .field-outline {
    padding: 0.7rem 1rem;
    font-size: 1.1rem; }
  .info-set .img-lado {
    width: 32vw; }
  .info-set .cont {
    padding: 120px 0;
    margin: 0 80px;
    max-width: calc(70vw - 159px); }
    .info-set .cont h1 {
      margin-bottom: 1.5rem;
      font-size: 3rem;
      line-height: 3.1rem; }
    .info-set .cont .bajada {
      margin-bottom: 1.7rem; }
  #intro .cont {
    padding: 190px 15px 60px;
    text-align: center; }
  #infoExtraCarrera .cuad {
    float: none;
    width: 100%;
    height: auto;
    padding: 90px 0; }
    #infoExtraCarrera .cuad .va {
      transform: none;
      top: auto; }
    #infoExtraCarrera .cuad .img {
      width: 100%;
      height: 100%; }
    #infoExtraCarrera .cuad .cont {
      height: auto; }
      #infoExtraCarrera .cuad .cont h1 {
        font-size: 1.2rem;
        line-height: 1.3rem;
        text-transform: uppercase; }
      #infoExtraCarrera .cuad .cont .bajada {
        margin-bottom: 20px; }
  .formulario-home-total .formulario-home-cont {
    display: block;
    margin: 44px 0 0; }
    .formulario-home-total .formulario-home-cont .formulario-home {
      width: 100%; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .m {
    padding: 0 30px; }
  .tit-huge {
    font-size: 3.2rem;
    line-height: 3.2rem; }
  .tit1 {
    font-size: 2rem;
    line-height: 2.1rem; }
  #introHome .home-slider .slide .video-cont #sliderPlayerCont #sliderPlayer {
    /*width: 340%;
            margin-left: -170%;
            height: 240vh;
            margin-top: -120vh;
            min-height: 100vh;*/
    margin-left: -65%;
    margin-top: -60vh;
    width: 130%;
    height: 120vh;
    min-height: 100vh; }
  #rrhhPage .cuadro-azul .cont .txt {
    margin: 10px auto 44px; }
  #rrhhPage .cuadro-azul .cont .formulario .form-col-1 {
    flex: 0 0 100%; }
  #rrhhPage .cuadro-azul .cont .formulario .form-col-2 {
    flex: 0 0 100%;
    padding-left: 0; }
  #header .logo img {
    height: 60px; }
  #introHome .home-slider .slide {
    height: auto; }
    #introHome .home-slider .slide .cont {
      padding: 50px 20px;
      max-width: 500px;
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      #introHome .home-slider .slide .cont .home-slider-titulo {
        font-size: 32px; }
        #introHome .home-slider .slide .cont .home-slider-titulo span.mid {
          font-size: 24px; }
        #introHome .home-slider .slide .cont .home-slider-titulo small {
          font-size: 15px; }
    #introHome .home-slider .slide video {
      width: 220%;
      margin-left: -110%; }
    #introHome .home-slider .slide .video-cont iframe.old-iframe {
      width: 220%;
      margin-left: -110%; }
  .info-set .img-lado {
    width: 100%; }
  .info-set .cont {
    margin: 0;
    padding: 120px 44px;
    width: 600px;
    max-width: 100%; }
    .info-set .cont h1 {
      font-size: 2rem;
      line-height: 2.1rem; }
    .info-set .cont .bajada {
      margin-bottom: 1.7rem; }
  .info-set.media-img .overlay {
    background: rgba(0, 0, 0, 0.3); }
  #footer {
    padding: 55px 24px 50px; }
    #footer .izq {
      float: none;
      text-align: center;
      width: 100%; }
      #footer .izq p a img {
        height: 44px; }
      #footer .izq p.logo {
        padding: 0 0 24px; }
    #footer .der {
      float: none;
      text-align: center;
      width: 100%;
      padding: 50px 0 0;
      font-size: 0.9rem; }
      #footer .der .redes a {
        color: #fff; }
  .big-heading {
    padding: 75px 0 80px; }
    .big-heading .cont .tit-huge {
      margin-bottom: 44px; }
    .big-heading .cont .subtitulo {
      margin-bottom: 44px; }
  .lista-cuadros .elem, .otras-carreras-slider .slide a {
    width: 100% !important;
    float: none;
    height: 60vw !important; }
    .lista-cuadros .elem .img, .otras-carreras-slider .slide a .img {
      height: 60vw; }
    .lista-cuadros .elem .info, .otras-carreras-slider .slide a .info {
      padding: 30px; }
      .lista-cuadros .elem .info .titulo, .otras-carreras-slider .slide a .info .titulo {
        font-size: 1.2rem; }
    .lista-cuadros .elem::after, .otras-carreras-slider .slide a::after {
      height: 60vw !important; }
  #mision_vision .col {
    float: none;
    width: 100%;
    padding: 55px 44px;
    display: block;
    min-height: 0 !important; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
  #introHome .home-slider .slide video {
    width: 240%;
    margin-left: -120%; }
  #introHome .home-slider .slide .video-cont iframe.old-iframe {
    width: 240%;
    margin-left: -120%; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 550px) {
  html {
    font-size: 15px;
    line-height: 23px; }
  .sec {
    padding: 70px 0 40px; }
  .info-set .cont {
    padding: 90px 30px; }
  .tit-huge {
    font-size: 2.6rem;
    line-height: 2.6rem; }
  .home-slider-titulo {
    font-size: 32px; }
    .home-slider-titulo small {
      font-size: 27px; }
  .tit1 {
    font-size: 1.8rem;
    line-height: 1.85rem; }
  .big-heading {
    padding: 55px 0 65px; }
    .big-heading .cont .tit-huge {
      margin-bottom: 30px; }
    .big-heading .cont .subtitulo {
      margin-bottom: 30px; }
  #header .logo img {
    height: 55px; }
  #header .botones-cont .mensaje-bolsa {
    right: 0;
    top: 70px; }
    #header .botones-cont .mensaje-bolsa:after {
      right: 180px;
      top: -12px; }
  .lista-cuadros .elem .info, .otras-carreras-slider .slide a .info {
    padding: 20px; }
  #contacto {
    padding-bottom: 10px; }
    #contacto .intro-txt {
      padding: 50px 0 30px; }
  #menu {
    width: 100vw;
    max-width: 100vw;
    padding: 150px 44px 0;
    -ms-transform: translate(-105vw, 0);
    -webkit-transform: translate(-105vw, 0);
    transform: translate(-105vw, 0); }
  #introHome .home-slider .slide video {
    width: 300%;
    margin-left: -150%; }
  #introHome .home-slider .slide .video-cont iframe.old-iframe {
    width: 300%;
    margin-left: -150%; }
  #header .botones-cont .mensaje-bolsa {
    display: none; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
  .m {
    padding: 0 20px; }
  #header {
    padding: 10px 10px 0; }
    #header .botones-cont {
      margin: 10px 0;
      right: 10px; }
      #header .botones-cont .botones {
        border-width: 2px; }
        #header .botones-cont .botones a {
          padding: 8px 9px; }
          #header .botones-cont .botones a img {
            width: 20px; }
      #header .botones-cont .whatsapp-btn {
        top: -18px;
        margin-right: 7px; }
        #header .botones-cont .whatsapp-btn img {
          width: 37px; }
      #header .botones-cont .mensaje-bolsa {
        top: 65px; }
        #header .botones-cont .mensaje-bolsa:after {
          right: 130px; }
  #introHome {
    min-height: 0;
    height: auto; }
    #introHome .home-slider .slide .cont {
      min-height: 0;
      height: auto;
      padding: 32vh 20px 13vh; }
      #introHome .home-slider .slide .cont h1 {
        margin-bottom: 17vh; }
      #introHome .home-slider .slide .cont .va {
        transform: none;
        top: auto; }
  #page_nuestra_u .big-heading .cont {
    padding: 0; }
    #page_nuestra_u .big-heading .cont .rector {
      padding: 0 0 24px; }
      #page_nuestra_u .big-heading .cont .rector .circ {
        width: 261px;
        height: 261px;
        padding: 10px;
        margin: 0 auto 25px; }
        #page_nuestra_u .big-heading .cont .rector .circ .img {
          width: 240px;
          height: 240px; }
  #introHome .home-slider .slide video {
    width: 340%;
    margin-left: -170%; }
  #introHome .home-slider .slide .video-cont iframe.old-iframe {
    width: 340%;
    margin-left: -170%; } }

/* ----------------------------------------------------------------------------------------- */
@media only screen and (max-width: 380px) {
  .field-outline {
    padding: 0.5rem 0.8rem;
    font-size: 1rem; }
  #menu {
    padding: 100px 30px 0; }
  #header {
    padding: 10px 10px 0; }
    #header .logo img {
      height: 55px; }
    #header .botones-cont {
      margin: 10px 0;
      right: 10px; }
      #header .botones-cont .botones a {
        padding: 6px 8px 10px; }
        #header .botones-cont .botones a img {
          width: 20px; }
  .info-set {
    text-align: left; }
    .info-set .cont {
      padding: 65px 25px; }
  .tit-huge {
    font-size: 2.2rem;
    line-height: 2.2rem; }
  .tit1 {
    font-size: 1.6rem;
    line-height: 1.65rem; } }
