@charset "UTF-8";

#listado,
#detalle {
  background: white;
  z-index: 1000;
  position: relative
}

.img-background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.overlay-absorcion {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
  cursor: pointer
}

.tituloBanner {
  font-weight: 400 !important
}

.subtituloBanner {
  font-size: 1.5rem;
  font-weight: 300
}

.md-form label {
  font-size: .85rem;
  font-weight: 300
}

.titleSectionAbsorcion,
.descriptionSectionAbsorcion {
  color: #fff
}

.blur-absorcion {
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px)
}

.card-blue-absorcion {
  background-color: #006fba;
  position: absolute;
  z-index: 10
}

.card-formulario {
  float: right
}

.form-head {
  height: 70px
}

.titulo-formulario-expuesto {
  color: #006fba
}

.titulo-formulario-expuesto h2 {
  font-size: 1.75em;
  font-weight: 500
}

.descFormExpuesto {
  font-size: 1rem;
  font-weight: 400
}

.frm-politicas-expuestas label {
  font-size: .625rem
}

.span-continuar {
  text-transform: uppercase;
  color: #f68b1f
}

.btn-frm-expuesto {
  background: #f68b1f !important;
  font-size: 1.125rem;
  font-weight: 500
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 2px solid #4285f4;
  box-shadow: none
}

.form-control {
  padding-bottom: 0
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
  padding-right: 0
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
  padding-right: 0
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #28a745
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
  display: block
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #dc3545
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
  display: block
}

[type=checkbox]+label:before {
  margin-top: 4px
}

@charset "UTF-8";

body {
  margin: 0
}

a.logoNav img {
  height: 34px
}

.navbar {
  border-radius: 0
}

.menuSuperior {
  background-color: #0f406b
}

.menuSuperior .optionMenuSuperior {
  height: 19px
}

.menuSuperior .optionMenuSuperior a {
  color: #fff;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 300;
  margin-top: 2px
}

.menuSuperior .optionMenuSuperior span {
  font-size: 14px;
  color: #f68b1f;
  line-height: normal
}

.navContLanding {
  max-height: 60px !important;
  min-height: 60px !important
}

.navCont {
  max-height: 50px;
  min-height: 50px;
  background-color: #006fba
}

.navCont a {
  color: #fff
}

.navCont a:hover {
  color: #fff
}

.navCont .btn-menu-head .whats .searchNav,
.navCont .btn-menu-head .tel .searchNav,
.navCont .btn-menu-head .solicitud .searchNav {
  font-size: 14px;
  color: #fff
}

.navCont .btn-menu-head .whats .searchNav i,
.navCont .btn-menu-head .tel .searchNav i,
.navCont .btn-menu-head .solicitud .searchNav i {
  padding-right: .25rem;
  font-size: 14px
}

.navCont .btn-menu-head .whats .searchNav .telefono,
.navCont .btn-menu-head .tel .searchNav .telefono,
.navCont .btn-menu-head .solicitud .searchNav .telefono {
  width: 115px;
  font-weight: 300
}

.navCont .btn-menu-head .whats .btn-naranja-unitec,
.navCont .btn-menu-head .tel .btn-naranja-unitec,
.navCont .btn-menu-head .solicitud .btn-naranja-unitec {
  background-color: #f68b1f;
  font-weight: 400;
  text-transform: none;
  padding: .5rem .25rem;
  letter-spacing: -0.3px;
  width: 155px;
  height: 32px
}

.navCont .btn-menu-head .whats .btn-naranja-landing,
.navCont .btn-menu-head .tel .btn-naranja-landing,
.navCont .btn-menu-head .solicitud .btn-naranja-landing {
  width: 110px
}

.navCont .buscador-desk {
  height: 32px;
  box-sizing: border-box;
  padding: 0 1rem;
  overflow: hidden;
  background: #fff
}

.navCont .buscador-desk .buscador-desk-input input[type=search] {
  margin: 0;
  border: 0;
  color: #757575;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  opacity: .4;
  -webkit-appearance: none;
  appearance: none
}

.navCont .buscador-desk .buscador-desk-input input[type=search]:focus:not([readonly]) {
  opacity: 1;
  box-shadow: none
}

.navCont .buscador-desk .buscador-desk-input .microfono {
  background: transparent;
  border: 0
}

.navCont .buscador-desk .buscador-desk-input .microfono i .path1 {
  font-size: 1.2rem !important
}

.navCont .buscador-desk .buscador-desk-input .microfono i .path2 {
  font-size: 1.2rem !important
}

.navCont .buscador-desk .buscador-desk-input .twitter-typeahead {
  width: 100%
}

.navCont a.logoMenu img {
  height: 32px
}

.navCont a.btnMenuMobile {
  flex-direction: column;
  margin-top: -3px
}

.navCont a.btnMenuMobile i {
  font-size: 2.3rem;
  padding: 0
}

.navCont a.btnMenuMobile .txt-menu {
  font-size: .65rem;
  text-align: center;
  margin-top: -6px
}

.navCont a {
  font-weight: 300
}

.navCont a i {
  font-size: 1rem;
  color: #fff
}

.arrow-r .icon-u-ver-abajo {
  position: absolute;
  right: 0
}

.arrow-r.active {
  font-weight: 500 !important
}

li.active>div {
  padding-left: 1rem
}

.nav-fixed-logo {
  position: fixed !important;
  width: inherit;
  background-color: #006fba !important;
  z-index: 10
}

.nav-margin-logo {
  padding-top: 56px
}

@charset "UTF-8";

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.modal-tarjeta .modal-fluid {
  max-width: none;
  margin: 0 auto
}

.modal-tarjeta .modal-content {
  min-height: 100vh;
  background-color: #fff;
  flex-direction: inherit;
  border: 0
}

.modal-tarjeta .modal-content .icons {
  position: absolute;
  z-index: 100;
  right: 1rem;
  top: .5rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-color: #f68b1f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.modal-tarjeta .modal-content .icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.modal-tarjeta .modal-content .icon-u-cerrar:before {
  color: #fff;
  font-size: 22px
}

.modal-tarjeta .modal-content .content-gral .card-blue {
  background-color: #006fba;
  border-radius: .375rem
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc {
  color: #fff !important;
  width: 98%;
  font-weight: 400;
  line-height: normal
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc .tit-desc {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: normal
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc .sub-desc {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc .lista-desc .desc-ind {
  font-size: 1.125rem
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc .lista-desc .desc-ind .bullet {
  font-size: .5rem
}

.modal-tarjeta .modal-content .content-gral .card-blue .overlay .card-desc .legales {
  font-size: .875rem;
  font-weight: 200
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left {
  width: -webkit-calc(100% + 25px);
  width: -moz-calc(100% + 25px);
  width: calc(100% + 25px);
  margin-left: -25px;
  background-color: #fff;
  border-radius: .25rem;
  min-height: 400px
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .titulo-contactanos {
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .convenio {
  max-height: 160px
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .card-title-contacto {
  color: #757575;
  font-weight: 400
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .card-sub-contacto {
  position: inherit;
  bottom: 3rem
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .card-sub-contacto li.descuentos-lista {
  display: list-item
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .card-sub-contacto li.descuentos-lista a {
  color: inherit
}

.modal-tarjeta .modal-content .content-gral .card-white .card-left .card-sub-contacto li.descuentos-lista a .descargar-descuento {
  color: #f68b1f
}

@media(max-width:1200px) {

  .modal-tarjeta .modal-content .card-left,
  .modal-tarjeta .modal-content .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }

  .modal-tarjeta .modal-content .content-gral {
    display: block !important
  }
}

.modal-tarjeta .modal-descuentos {
  background-color: transparent !important
}

.content-portadas-galeria {
  width: 100%;
  margin: auto;
  max-width: 90%
}

.content-portadas-galeria .portada-galeria img {
  width: 72px !important;
  height: 70px !important;
  border-radius: 50%;
  margin: auto
}

.carrousel_inner {
  overflow: hidden
}

.carrousel_inner ul {
  display: flex
}

.descuentos {
  min-height: calc(100vh - 55px)
}

.descuentos .contenedor-descuentos .filtros .filtro-descuentos {
  border: solid 1px #939393;
  cursor: pointer
}

.descuentos .contenedor-descuentos .filtros .filtro-descuentos .icon-abajo {
  color: #f68b1f;
  font-weight: 400;
  font-size: 2.5rem
}

.descuentos .contenedor-descuentos .filtros .menu-filtro-descuentos {
  width: 100%
}

.descuentos .contenedor-descuentos .filtros .menu-filtro-descuentos .destacar:hover {
  background-color: #f68b1f
}

.descuentos .contenedor-descuentos .filtros .descargar {
  color: #f68b1f;
  font-weight: 400
}

.descuentos .contenedor-descuentos .fila-descuentos .collection-card .view {
  cursor: pointer
}

.descuentos .contenedor-descuentos .fila-descuentos .collection-card .stripe.dark {
  background-color: rgba(0, 80, 160, 0.7)
}

.descuentos .contenedor-descuentos .fila-descuentos .collection-card .stripe {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  padding: 1.2rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.descuentos .contenedor-descuentos .fila-descuentos .collection-card .stripe.dark p {
  color: #fff
}

.descuentos .contenedor-descuentos .fila-descuentos .collection-card .stripe p {
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.125rem
}

.descuentos .contenedor-descuentos .fila-descuentos .zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.descuentos .contenedor-descuentos .fila-descuentos .zoom img {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.scroll-hiden {
  overflow: hidden
}

.contactanos ul li {
  display: inline-flex;
  align-items: baseline;
  font-weight: 300 !important;
  padding-bottom: .5rem;
  text-align: left;
  line-height: 1.1rem
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

#listado,
#detalle {
  background: white;
  z-index: 1000;
  position: relative
}

section.cita {
  height: 100vh;
  background-color: transparent !important
}

section.cita .video-tour {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  z-index: -100;
  background-size: cover
}

section.cita .img-background {
  height: 100vh;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

section.cita .container-formulario {
  height: calc(100vh - 43px);
  top: 60px;
  overflow: visible !important;
  background-color: rgba(0, 0, 0, 0.4)
}

.overlay-absorcion {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
  cursor: pointer
}

.tituloBanner {
  font-weight: 400 !important
}

.subtituloBanner {
  font-size: 1.5rem;
  font-weight: 300
}

.bulletCita {
  font-size: 1.40rem
}

.md-select-form label,
.md-form label {
  font-size: .85rem !important;
  font-weight: 300
}

.titleCitaThanks {
  color: #006fba
}

.titleCitaLoad {
  color: #fff
}

.textInfoThankYou {
  font-size: .85rem
}

.textInfoThankYou a {
  color: #f68b1f
}

.textThankYou {
  font-weight: 400
}

.lineThankyouCita {
  border: solid 1px #f68b1f
}

.icon i {
  color: #006fba;
  font-size: 1.5rem
}

.blur-absorcion {
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px)
}

.card-blue-absorcion {
  background-color: #fff;
  position: absolute;
  z-index: 10
}

.card-formulario {
  float: right
}

.form-head {
  height: 70px
}

.titulo-formulario-expuesto {
  color: #006fba;
  font-weight: 400
}

.descFormExpuesto {
  font-size: 1rem;
  font-weight: 400
}

.frm-politicas-expuestas label {
  font-size: .625rem
}

.span-continuar {
  text-transform: uppercase;
  color: #f68b1f
}

.btn-frm-expuesto {
  background: #f68b1f !important;
  font-size: 1.125rem;
  font-weight: 500
}

input[type=email] {
  height: 2rem
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 2px solid #4285f4;
  box-shadow: none !important
}

.form-control {
  padding-bottom: 0
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
  padding-right: 0
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
  padding-right: 0
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #28a745
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
  display: block
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #dc3545
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
  display: block
}

[type=checkbox]+label:before {
  margin-top: 4px
}

section#tabNav {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center
}

section#tabNav.free {
  align-items: end
}

section#tabNav.free i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav.free i.direccionales:last-child {
  margin-left: 5px
}

section#tabNav .tabs-wrapper {
  flex: 1
}

section#tabNav .tabs-wrapper ul.nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-track {
  -moz-box-shadow: inset 0 0 6px red;
  background: red
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-thumb {
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px red;
  background: greenyellow
}

section#tabNav .tabs-wrapper ul.nav li.nav-item {
  width: 100%
}

section#tabNav i.direccionales {
  color: #f68b1f
}

section#tabNav i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav i.direccionales:last-child {
  margin-left: 5px
}

.banner-formulario-expuesto {
  margin-top: 52px
}

.dropdown,
.dropup {
  position: relative
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: none
}

.btn-select {
  border: 0;
  width: 100%;
  float: none;
  border: 0;
  outline: 0;
  font-size: 1rem;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  font-weight: 300;
  padding: .5rem 0;
  font-family: 'Roboto';
  background-color: #fff;
  color: #757575 !important;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center bottom, center calc(100% - 1px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#686868)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)) !important;
  background-image: linear-gradient(#686868, #686868), linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 0 1px, 100% 1px;
  transition: background 0 ease-out
}

.icon-style {
  color: #f6881f;
  font-size: 1.5rem;
  padding-top: .5rem
}

.alturaFila {
  height: 55px !important;
  max-height: 55px !important
}

.alturaHora {
  height: 55px
}

.backHora {
  background-color: #ededed;
  border-bottom: .1rem solid #f6881f !important;
  color: #757575
}

.classic-tabs li a.backHora.active {
  background-color: #f6881f;
  color: #fff
}

.dateBox {
  background-color: #757575
}

.dateBox span {
  color: #fff !important
}

.dateBox .date {
  font-size: .85rem
}

.dirRight,
.dirLeft {
  height: 55px;
  align-items: center;
  background-color: #767676;
  color: #fff !important
}

.px-b {
  padding: 0 .125rem
}

.btn-frm-expuesto {
  font-size: 1.125rem
}

.md-select-form span {
  color: #f6881f
}

.md-select-form p {
  font-weight: 300
}

label.politicas.light {
  font-size: .75rem;
  font-weight: 300;
  line-height: normal
}

label.politicas.light * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

.disabled {
  cursor: not-allowed !important;
  color: #cacaca;
  margin: .35rem 0
}

.icon-disabled {
  color: #cacaca !important
}

div#co-campus,
div#co-fecha {
  overflow-y: auto;
  z-index: 1100;
  max-height: 250px;
}

.picker__footer {
  display: none !important
}

.clockpicker-display {
  color: #e1e1e1 !important
}

.myFeedBackError {
  color: #dc3545;
  font-size: .75rem;
  font-weight: 400;
}

.form-control:focus {
  background: none !important
}

.disabled,
:disabled {
  pointer-events: none !important
}

.grey-text {
  color: #9e9e9e !important
}

.contenido-recursos {
  min-height: auto
}

.contenido-recursos .contenido-titulo-material {
  border-bottom: 2px solid #ededed
}

.contenido-recursos .contenido-titulo-material .titulo-material {
  font-size: 1.125rem;
  font-weight: 400
}

.contenido-recursos .material-links {
  font-size: 1rem
}

.contenido-recursos .material-links span {
  color: #f68b1f
}

.contenido-recursos .material-links span i {
  font-size: 1.125rem
}

.contenido-recursos .material-links a {
  color: #757575;
  font-weight: 300;
  line-height: normal
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

#listado {
  height: 60px
}

.descripcion-links {
  position: relative;
  z-index: 1000;
  background-color: #fff
}

.descripcion-links .respaldo-eco .respaldo-card .respaldo-title {
  margin-bottom: 1.5rem;
  font-weight: 300;
  font-size: 1.5rem
}

.descripcion-links .respaldo-eco .respaldo-card .respaldo-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  padding-bottom: 3rem
}

.descripcion-links .respaldo-eco .extra-info {
  position: absolute;
  bottom: .875rem;
  width: 100%
}

.descripcion-links .respaldo-eco .extra-info .respaldo-mas {
  background: 0;
  border: 0;
  font-family: inherit;
  color: #f68b1f;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer
}

.descripcion-links .respaldo-eco .extra-info span i {
  font-size: 2.5rem
}

.color-card-1 {
  border-bottom: solid .25rem #00b2e2
}

.color-card-2 {
  border-bottom: solid .25rem #006fba
}

.color-card-3 {
  border-bottom: solid .25rem #0f406b
}

.icon-color-1 {
  color: #00b2e2
}

.icon-color-2 {
  color: #006fba
}

.icon-color-3 {
  color: #0f406b
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.mapa-campus {
  min-height: calc(100vh - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000;
  padding: 0
}

.mapa-campus .geolocalizacion {
  display: flex;
  height: calc(100vh - 60px)
}

.mapa-campus .geolocalizacion .mapa {
  width: 100%;
  height: 100%
}

.mapa-campus .geolocalizacion .transport-links {
  padding-top: .5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around
}

.mapa-campus .geolocalizacion .transport-links .transport-pilot a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: #757575
}

.mapa-campus .geolocalizacion .transport-links .transport-pilot a span,
.mapa-campus .geolocalizacion .transport-links .transport-pilot a i {
  font-size: 38px
}

.mapa-campus .geolocalizacion .transport-links .transport-pilot a label {
  margin: 0
}

.mapa-campus .geolocalizacion .card-mapa {
  position: absolute;
  width: 30rem;
  right: 2%;
  top: 5%
}

.mapa-campus .geolocalizacion .card-mapa .card .card-title-mapa {
  margin-bottom: 0;
  text-align: center;
  border-bottom: 0;
  color: #757575;
  font-weight: 400;
  font-size: 1.75rem
}

.mapa-campus .parametros-geolocalizacion {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.mapa-campus .parametros-geolocalizacion .parametros {
  width: 100%;
  display: flex;
  padding-top: 1rem
}

.mapa-campus .parametros-geolocalizacion .parametros .iconos {
  width: 40px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-around
}

.mapa-campus .parametros-geolocalizacion .parametros .iconos i,
.mapa-campus .parametros-geolocalizacion .parametros .iconos span {
  font-size: 1.125rem
}

.mapa-campus .parametros-geolocalizacion .parametros .iconos i:first-child,
.mapa-campus .parametros-geolocalizacion .parametros .iconos span:first-child {
  padding-top: .75rem
}

.mapa-campus .parametros-geolocalizacion .parametros .iconos i:second-child,
.mapa-campus .parametros-geolocalizacion .parametros .iconos span:second-child {
  color: #006fba
}

.mapa-campus .parametros-geolocalizacion .parametros form {
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text] {
  border-bottom: solid 1px #006fba;
  font-family: inherit
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text]:focus:not([readonly]).mySuccess {
  border: none !important;
  box-shadow: none !important
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text].mySuccess {
  border: none !important;
  box-shadow: none !important
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text]:focus:not([readonly]).myError {
  border: none !important;
  box-shadow: none !important
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text].myError {
  border: none !important;
  box-shadow: none !important
}

.mapa-campus .parametros-geolocalizacion .parametros form input[type=text].valid {
  border: none !important;
  box-shadow: none !important
}

.mapa-campus .parametros-geolocalizacion .botonSecundario {
  margin: 1rem 0;
  width: 90%;
  text-align: center
}

.mapa-campus .simple-list .list-item-mapa {
  display: flex;
  height: 50px;
  width: 100%;
  margin-bottom: .75rem;
  align-items: center;
  justify-content: space-around;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-appearance: none;
  cursor: pointer
}

.mapa-campus .simple-list .list-item-mapa .item-icon {
  width: 15%;
  display: flex;
  justify-content: center
}

.mapa-campus .simple-list .list-item-mapa .item-description {
  width: 70%;
  display: flex;
  justify-content: left;
  font-weight: 400
}

.mapa-campus .simple-list .list-item-mapa .arrow {
  width: 15%;
  display: flex;
  justify-content: center;
  font-size: 1.75rem
}

.mapa-campus .simple-list.active {
  background-color: transparent
}

.mapa-campus .simple-list.active .list-item-mapa .list-icon {
  background-color: transparent;
  color: inherit
}

.mapa-campus .simple-list.active .list-item-mapa .item-description {
  font-weight: 500
}

.mapa-campus .desplegable {
  padding: 5px 15px
}

.mapa-campus .desplegable .item-interno .referencia {
  width: 100%;
  margin-bottom: 0;
  font-weight: 400 !important
}

.mapa-campus .botonesUnitec {
  width: 100% !important
}

.mapa-campus .botonesUnitec a {
  box-shadow: none;
  margin: 10px 0
}

.mapa-campus .parametros-geolocalizacion {
  border-bottom: none !important
}

.mapa-campus #map img {
  max-width: inherit !important
}

.mapa-campus html,
.mapa-campus body {
  height: 100%;
  margin: 0;
  padding: 0
}

.mapa-campus #floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto', 'sans-serif';
  line-height: 30px;
  padding-left: 10px
}

.mapa-campus #right-panel {
  font-family: 'Roboto', 'sans-serif';
  line-height: 30px;
  padding-left: 10px
}

.mapa-campus #right-panel select,
.mapa-campus #right-panel input {
  font-size: 15px
}

.mapa-campus #right-panel select {
  width: 100%
}

.mapa-campus #right-panel i {
  font-size: 12px
}

.mapa-campus #right-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto
}

.mapa-campus #floating-panel {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4)
}

@media print {
  .mapa-campus #right-panel {
    float: none;
    width: auto
  }
}

.fix-margen-cards {
  padding-left: 12%;
  display: flex;
  flex-direction: column
}

.gm-style-iw {
  font-family: Work Sans, sans-serif;
  display: flex;
  justify-content: center;
  top: 25px !important
}

.gm-style-iw .img-mapa {
  width: 300px;
  height: 270px
}

.gm-style-iw .img-mapa .imagen {
  background-size: cover;
  background-position: center;
  height: 180px
}

.gm-style-iw .img-mapa .text-img {
  margin-top: 1rem;
  font-size: .875rem;
  font-weight: 400
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.card-simple {
  min-height: calc(100vh - 55px);
  background-color: #fff;
  z-index: 1000
}

.card-simple .cardsbullets .card-right {
  width: -webkit-calc(100% + 50px);
  width: -moz-calc(100% + 50px);
  width: calc(100% + 50px);
  height: auto;
  right: 50px;
  z-index: 1;
  background-color: #fff;
  border-radius: .25rem
}

.card-simple .cardsbullets .bullet {
  font-size: .5rem;
  color: #006fba;
  padding-right: 1rem
}

.card-simple .cardsbullets .texto-int-card .card-title-desk {
  color: #006fba;
  font-weight: 400;
  font-size: 1.5rem
}

.card-simple .cardsbullets .texto-int-card .card-sub-desk {
  font-size: 1rem;
  font-weight: 400
}

.card-simple .cardsbullets .texto-int-card .card-sub-int {
  font-size: 1rem;
  font-weight: 300;
  !important
}

.card-simple .cardsbullets .texto-int-card .ver {
  color: #f68b1f;
  font-weight: 300;
  !important
}

.card-simple .cardsbullets .texto-int-card .filo-inicio-t {
  color: #006fba;
  font-weight: 300
}

.card-simple .cardsbullets ul li {
  display: inline-flex;
  align-items: baseline;
  font-weight: 300 !important
}

.card-simple .cardsbullets ul li span {
  color: #757575;
  font-weight: 300;
  font-size: 1rem;
  line-height: normal
}

@media(max-width:1200px) {

  .card-left,
  .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }
}

@charset "UTF-8";

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

body {
  color: #757575;
  font-weight: 500
}

a {
  text-decoration-line: none
}

.boton-size-d {
  font-size: 1rem
}

.banner-share {
  position: relative;
  font-size: 1.75rem
}

.banner-share .social-reveal {
  position: absolute;
  display: flex;
  top: .125rem;
  left: 1rem;
  width: 20rem;
  visibility: hidden;
  transform: translateZ(0);
  transform: translateX(0);
  transition: transform .35s ease-in-out
}

.banner-share .social-reveal-active {
  z-index: 11;
  visibility: visible;
  transform: translateZ(0);
  transform: translateX(16px);
  transition: transform .35s ease-in-out
}

.banner-share a i {
  color: #f68b1f
}

.icon-share-banner .path1 {
  font-size: 2rem
}

.icon-share-banner .path2 {
  font-size: 2rem
}

.btn-floating i {
  font-size: 3rem !important;
  line-height: normal
}

.texto_claro {
  color: #fff
}

.texto_oscuro {
  color: #5a5a5a
}

.section-banner {
  min-height: calc(100vh - 55px);
  background-color: #fff;
  z-index: 1000;
  position: relative
}

.bann_wind {
  height: calc(100vh - 60px);
  background-position: center;
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-size: cover
}

.back-naranja-unitec {
  background-color: #f68b1f;
  box-shadow: none !important;
  padding: .75rem 1.5rem;
  font-size: 1rem
}

.back-naranja-unitec-2 {
  background-color: #f68b1f;
  font-weight: normal;
  font-size: .875rem;
  box-shadow: none !important;
  width: 100%
}

.boton-gris {
  background-color: #757575
}

.boton-azul {
  background-color: #42748d
}

.bg-light {
  background-color: #fff
}

.bg-video {
  background-color: rgba(0, 0, 0, 0.5)
}

.p-heredada {
  position: inherit
}

.title-banner {
  font-weight: normal;
  text-transform: uppercase
}

.descripcion-banner {
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: .5rem
}

.subtitulo-banner {
  font-weight: 300;
  font-size: 1.5rem;
  margin-bottom: .5rem
}

.share-button {
  position: relative;
  top: .25rem
}

.inline-ul {
  margin-top: .25rem
}

.indicadores {
  position: absolute
}

.indicadores li {
  max-width: .625rem !important;
  min-height: .625rem !important;
  margin-left: .625rem;
  background-color: #ededed !important;
  box-shadow: 0 0 8px .5px rgba(0, 0, 0, 0.5)
}

.indicadores .active {
  background-color: #f68b1f !important;
  max-width: 1rem !important;
  height: 1rem !important;
  position: relative;
  top: -0.15rem
}

.side-nav {
  z-index: 2000
}

.side-nav .scrollbar-ripe-malinka::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #006fba;
  border-radius: 10px
}

.side-nav .scrollbar-ripe-malinka::-webkit-scrollbar {
  width: 7px;
  background-color: #006fba
}

.side-nav .scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: rgba(15, 64, 107, 0.5)
}

.side-nav .side-nav-content {
  background: #006fba !important;
  width: 100%
}

.side-nav .side-nav-content .side-nav-header {
  position: relative
}

.side-nav .side-nav-content .side-nav-header .controls {
  justify-content: space-between
}

.side-nav .side-nav-content .side-nav-header .controls .logoNav img {
  height: 30px
}

.side-nav .side-nav-content .side-nav-header .controls .btnCerrar {
  font-size: 1.5rem;
  color: #fff
}

.side-nav .side-nav-content .side-nav-header .controls i.logo {
  font-size: 2rem
}

.side-nav .side-nav-content .side-nav-header .controls span {
  margin: .5rem !important
}

.side-nav .side-nav-content .side-nav-header .controls span::before {
  color: #fff
}

.titleSection {
  font-size: 1.75rem;
  font-weight: 400
}

.descriptionSection {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: .5px
}

.verMas {
  color: #f68b1f !important;
  font-weight: 300 !important;
  font-size: 1rem !important
}

.verMas:hover {
  color: #f68b1f !important;
  font-weight: 400 !important
}

.btn-back-tour {
  background-color: rgba(246, 139, 31, 0.9);
  color: #fff;
  font-size: 1rem
}

.btn-back-tour:hover {
  background-color: #f68b1f
}

@supports(-ms-ime-align:auto) {
  .side-nav .side-nav-content {
    width: 30%
  }
}

@media not all and (min-resolution:.001dpcm) {
  @supports(-webkit-appearance:none) {
    .side-nav .side-nav-content {
      width: 30%
    }
  }
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.card-basica {
  min-height: 500px !important;
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000;
  position: relative
}

.card-basica .tabs-dinamicas {
  flex-wrap: wrap;
  min-height: fit-content
}

section#cardTextoBullet .mb-1 ul.nav li.nav-item {
  width: unset
}

.card-basica .cardstext .card-inversa {
  flex-direction: row-reverse
}

.card-basica .cardstext .card-left {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  margin-left: -75px;
  background-color: #fff;
  border-radius: .25rem
}

.card-basica .cardstext .card-right {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  right: 15px;
  z-index: 1;
  background-color: #fff;
  border-radius: .25rem
}

.card-basica .cardstext .bullet {
  font-size: .5rem;
  color: #006fba;
  padding-right: 1rem
}

.card-basica .cardstext .texto-int-card .card-title-desk {
  color: #006fba;
  font-weight: 400;
  font-size: 1.5rem
}

.card-basica .cardstext .texto-int-card .card-sub-desk {
  font-size: 1.15rem
}

.card-basica .cardstext .texto-int-card .filo-inicio-t {
  color: #006fba;
  font-weight: 500
}

.card-basica .cardstext ul li {
  display: inline-flex;
  align-items: baseline;
  font-weight: 300 !important
}

p {
  font-weight: 300
}

.navegacion.d-flex.justify-content-end {
  margin-top: 25px !important
}

.card-basica .cardstext ul li span {
  color: #757575;
  font-weight: 300;
  font-size: 1rem;
  line-height: normal
}

.carrousel_inner_cards_basicas {
  overflow: hidden
}

.controls-card-basica .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center
}

.controls-card-basica .btn-arrow .arrow-right,
.controls-card-basica .btn-arrow .arrow-left {
  font-size: 2.6rem;
  padding: unset;
  color: #939393
}

@media(max-width:1200px) {

  .card-left,
  .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.card-basica {
  min-height: calc(100vh - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000;
  position: relative
}

.card-basica .tabs-dinamicas {
  flex-wrap: wrap;
  min-height: fit-content
}

.card-basica .tabs-dinamicas li.nav-item {
  width: 250px
}

.card-basica .cardstext .card-inversa {
  flex-direction: row-reverse
}

.card-basica .cardstext .inversa-row {
  flex-direction: row
}

.card-basica .cardstext .card-left {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  margin-left: -75px;
  background-color: #fff;
  border-radius: .25rem
}

.card-basica .cardstext .card-right {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  right: 15px;
  z-index: 1;
  background-color: #fff;
  border-radius: .25rem
}

.card-basica .cardstext .bullet {
  font-size: .5rem;
  color: #006fba;
  padding-right: 1rem
}

.card-basica .cardstext .texto-int-card .card-title-desk {
  margin: unset;
  margin-bottom: 1.5rem;
  color: #006fba;
  font-weight: 400;
  font-size: 1.5rem
}

.card-basica .cardstext .texto-int-card .card-sub-desk {
  font-size: 1.15rem
}

.card-basica .cardstext .texto-int-card .filo-inicio-t {
  color: #006fba;
  font-weight: 500
}

.card-basica .cardstext ul li {
  display: inline-flex;
  align-items: baseline;
  font-weight: 300 !important
}

.card-basica .cardstext ul li span {
  color: #757575;
  font-weight: 300;
  font-size: 1rem;
  line-height: normal
}

.carrousel_inner_cards_basicas {
  overflow: hidden
}

.controls-card-basica .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center
}

.controls-card-basica .btn-arrow .arrow-right,
.controls-card-basica .btn-arrow .arrow-left {
  font-size: 2.6rem;
  padding: unset;
  color: #939393
}

@media(max-width:1200px) {

  .card-left,
  .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.contenedor-nuevas-carreras {
  min-height: calc(100 - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000
}

.contenedor-nuevas-carreras .svg-top {
  fill: #ededed;
  margin-bottom: -10px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.contenedor-nuevas-carreras .svg-bottom {
  fill: #ededed;
  margin-top: -10px;
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg)
}

.contenedor-nuevas-carreras .back-carreras {
  background: #ededed
}

.contenedor-nuevas-carreras .nuevas-carreras .contenido-carreras p {
  font-size: 1rem;
  line-height: normal;
  font-weight: 300
}

.contenedor-nuevas-carreras .nuevas-carreras .contenido-carreras a {
  color: #757575
}

.contenedor-nuevas-carreras .nuevas-carreras .carrusel-nuevas-carreras .backface {
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  -webkit-transform: none;
  transform: none
}

.contenedor-nuevas-carreras .nuevas-carreras .card img {
  width: 100%
}

.contenedor-nuevas-carreras .nuevas-carreras .card .sub-nuevas-carreras {
  font-weight: 400;
  font-size: 1rem;
  line-height: normal
}

.contenedor-nuevas-carreras .nuevas-carreras .card .descripcion-carrera {
  font-size: .9375rem;
  font-weight: 300;
  line-height: 1.4
}

.active-link {
  font-weight: 500;
  color: #006fba !important
}

.titleSection,
.sub-nuevas-carreras {
  margin-bottom: .5rem !important;
  margin: 0
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.tabs-cardsbullets {
  min-height: calc(100 - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000
}

.tabs-cardsbullets .tabs-dinamicas {
  flex-wrap: wrap;
  min-height: fit-content
}

.tabs-cardsbullets .tabs-dinamicas li.nav-item {
  width: 250px
}

.tabs-cardsbullets .cardsbullets .card-inversa {
  flex-direction: row-reverse
}

.tabs-cardsbullets .cardsbullets .card-left {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  margin-left: -75px;
  background-color: #fff;
  border-radius: .25rem
}

.tabs-cardsbullets .cardsbullets .card-right {
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  height: auto;
  right: 15px;
  z-index: 1;
  background-color: #fff;
  border-radius: .25rem
}

.tabs-cardsbullets .cardsbullets .bullet {
  font-size: .5rem;
  color: #006fba;
  padding-right: 1rem
}

.tabs-cardsbullets .cardsbullets .texto-int-card .card-title-desk {
  color: #006fba;
  font-weight: 400;
  font-size: 1.5rem
}

.tabs-cardsbullets .cardsbullets .texto-int-card .card-sub-desk {
  font-size: 1.15rem
}

.tabs-cardsbullets .cardsbullets .texto-int-card .filo-inicio-t {
  color: #006fba;
  font-weight: 500
}

.tabs-cardsbullets .cardsbullets ul li {
  display: inline-flex;
  align-items: baseline;
  font-weight: 300 !important
}

.tabs-cardsbullets .cardsbullets ul li span {
  color: #757575;
  font-weight: 300;
  font-size: 1rem;
  line-height: normal
}

.tabs-cardsbullets .content-tour-carrusel {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0
}

.tabs-cardsbullets .content-tour-carrusel .title-carrusel-campus-tour {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 400
}

.tabs-cardsbullets .content-tour-carrusel .sizeSVG {
  width: 100px
}

.carrousel_inner_tabs_dinamicos {
  overflow: hidden
}

.controls-tabs-dinamicos .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center
}

.controls-tabs-dinamicos .btn-arrow .arrow-right,
.controls-tabs-dinamicos .btn-arrow .arrow-left {
  font-size: 2.6rem;
  color: #939393
}

@media(max-width:1200px) {

  .card-left,
  .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }
}

.horariosLine {
  flex: 1;
  line-height: normal;
  font-size: 1rem;
  color: #757575
}

.horarios-int {
  font-size: 1rem !important;
  color: #757575;
  font-weight: 300
}

.card-cascade.narrower .view {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0
}

.card-left .titulo-contactanos,
.card-right .titulo-contactanos {
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center
}

.card-left .simple-list,
.card-right .simple-list {
  font-weight: 300
}

.card-left .simple-list .list-item-container,
.card-right .simple-list .list-item-container {
  height: 35px
}

.card-left .simple-list .list-item-container .item-icon,
.card-right .simple-list .list-item-container .item-icon {
  font-size: 1rem
}

.card-left .simple-list .list-item-container .item-icon i,
.card-right .simple-list .list-item-container .item-icon i {
  font-size: 40px;
  color: #757575
}

.card-left .simple-list .list-item-container .item-description,
.card-right .simple-list .list-item-container .item-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  line-height: normal;
  font-weight: 300
}

.card-left .simple-list .list-item-container .item-description a,
.card-right .simple-list .list-item-container .item-description a {
  color: #757575
}

.card-left .simple-list .list-item-container .item-description-arrow,
.card-right .simple-list .list-item-container .item-description-arrow {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center
}

.card-left .simple-list .list-item-container .item-description-arrow a,
.card-right .simple-list .list-item-container .item-description-arrow a {
  color: #757575
}

.card-left .simple-list .card-int-float,
.card-right .simple-list .card-int-float {
  left: 5%;
  right: 5%;
  z-index: 1;
  border-radius: .25rem;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.card-left .simple-list.active,
.card-right .simple-list.active {
  background-color: transparent
}

.card-left .simple-list.active .item-description,
.card-right .simple-list.active .item-description {
  font-weight: 500
}

.card-left .simple-list.active .list-icon,
.card-right .simple-list.active .list-icon {
  background-color: transparent;
  color: inherit;
  border-style: none
}

.texto-int-card {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.texto-int-card .card-title-desk {
  color: #006fba;
  font-weight: 400;
  font-size: 1.5rem;
  position: relative;
  top: .25rem;
  margin-bottom: 1.5rem
}

.texto-int-card .card-sub-desk {
  font-size: 1.15rem
}

.texto-int-card .filo-inicio-t {
  color: #006fba;
  font-weight: 500
}

.icon-size>span {
  font-size: 1.5rem !important
}

@media(max-width:1200px) {

  .card-left,
  .card-right {
    margin-left: 0 !important;
    width: 100% !important;
    right: 0 !important
  }

  .legend-contacto {
    bottom: 0
  }
}

.whatsapp-icon .path2:before {
  margin-left: -1em !important
}

.carrousel_right_contacto_carrusel i {
  padding: 0
}

.carrousel_left_contacto_carrusel i {
  padding: 0
}

.btn-tel {
  padding-bottom: 2.5rem !important
}

.selectorCampus {
  border-top: 0;
  font-size: .85rem !important;
  font-weight: 300;
  color: #757575 !important;
  border-left: 0;
  border-right: 0
}

body {
  overflow-x: hidden !important
}

.contenedor-tour-virtual {
  height: 350px;
  position: relative;
  z-index: 0
}

.info-tour {
  color: white
}

.wrap {
  overflow: hidden
}

.bg-tour-virtual {
  width: 100%;
  height: 360px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: no-repeat center center;
  background-size: cover;
  transform: scale(1.1)
}

.title-tour {
  font-size: 2rem;
  font-weight: 300
}

.logo-unitec-tour {
  max-width: 90px
}

.title-campus-tour {
  font-size: 1.65rem;
  font-weight: 300
}

.frameToruVirtual {
  border: 0
}

.closeIframe {
  position: absolute !important;
  right: 2rem !important;
  top: 1rem !important;
  background-color: #f68b1f !important;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 2rem
}

.closeIframe:hover {
  color: #fff !important
}

.contentIframeTour {
  max-height: 100vh;
  min-height: 100vh;
  max-width: 100vw;
  min-width: 100vw;
  margin: 0 !important;
  overflow: hidden
}

.header-close-tour {
  border: none !important
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.tourVirtual-btn {
  padding: .85rem 2.13rem !important
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.contenedor-nuevas-carreras {
  min-height: calc(100 - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000
}

.contenedor-nuevas-carreras .svg-top {
  fill: #ededed;
  margin-bottom: -10px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.contenedor-nuevas-carreras .svg-bottom {
  fill: #ededed;
  margin-top: -10px;
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg)
}

.contenedor-nuevas-carreras .back-carreras {
  background: #ededed
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras {
  overflow: hidden
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .loader {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 19.5rem;
  background: url("../../../content/dam/unitec/iconos/cargando.gif") 50% 50% no-repeat #f9f9f9;
  background-size: 10%
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .card-wrapper {
  height: 210px
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .card-wrapper .back {
  border-radius: 0 !important
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .front {
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  background-color: #fff;
  box-shadow: none
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .front .card-title-nuevas-carreras {
  height: 3rem;
  font-weight: 300;
  font-size: 1.35rem;
  margin: 1rem 0 .5rem;
  word-break: break-word
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .card-text {
  color: #757575;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-weight: 300;
  line-height: normal;
  text-align: left;
  min-height: 4rem
}

.contenedor-nuevas-carreras .contenido-centrado .cards-nuevas-carreras .carrousel_inner_nuevas_carreras .icon-u-cerrar:before {
  color: #424242 !important;
  font-size: 25px !important
}

.contenedor-nuevas-carreras .contenido-centrado .controls-nuevas-carreras .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center
}

.contenedor-nuevas-carreras .contenido-centrado .controls-nuevas-carreras .btn-arrow .arrow-right,
.contenedor-nuevas-carreras .contenido-centrado .controls-nuevas-carreras .btn-arrow .arrow-left {
  font-size: 2.6rem;
  color: #939393
}

.share .activator {
  color: #757575;
  font-size: 1.5rem;
  font-weight: 500
}

a .new-ofert {
  color: #fff;
  font-weight: 400;
  padding: .25rem 1rem;
  position: absolute;
  z-index: 1;
  border-radius: 3px;
  margin: 1rem;
  right: 0
}

.verMasNewCareers {
  border: solid 1px;
  border-radius: 3px;
  color: #f68b1f
}

.verMasNewCareers:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}

.default {
  background-color: #066fba
}

.licenciatura {
  background-color: #f1c40f
}

.prepa {
  background-color: #59b14f
}

.ingenieria {
  background-color: #8b254f
}

.especialidad {
  background-color: #42748d
}

.diplomado {
  background-color: #ccdb2a
}

.maestria {
  background-color: #00afa9
}

.icon-u-facebook-card.btn-share .path2:before {
  margin-left: -1em
}

.icon-u-whatsapp-card.btn-share .path2:before {
  margin-left: -1em
}

.icon-u-correo-card.btn-share .path2:before {
  margin-left: -1em
}

.btn-n-oferta i {
  padding: 0;
  line-height: 1 !important
}

.carrousel_right_nuevas_carreras i {
  padding: 0
}

.carrousel_left_nuevas_carreras i {
  padding: 0
}

.cerrar-icon {
  padding: 0
}

#share-nuevas-carreras {
  overflow-y: inherit
}

.card-title-comparte {
  margin-left: 0;
  margin-right: 0
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.background-definido-prestigio {
  min-height: auto;
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000;
  position: relative
}

.background-definido-prestigio .nav-item {
  width: 16rem !important
}

.background-definido-prestigio .iconos-unitec .tab-content .list-item-container .linkDinamico {
  color: #5a5a5a
}

.background-definido-prestigio .iconos-unitec .tab-content .list-item-container .item-icon i {
  font-size: 3rem;
  color: #006fba
}

.background-definido-prestigio .iconos-unitec .tab-content .list-item-container .item-description {
  font-weight: 300;
  letter-spacing: -0.025rem;
  line-height: normal
}

.icon-u-estadosunidos .path6:before {
  content: "\e9cd";
  margin-left: -1em;
  color: #0052b4
}

.icon-u-nuevazelandia .path5:before {
  content: "\e9e8";
  margin-left: -1em;
  color: #d80027
}

.mask .pleca {
  min-height: 70vh;
  background-color: rgba(0, 80, 160, 0.9)
}

.mask .pleca .alineacion-texto .descripcion-banner {
  font-weight: normal
}

.mask .pleca .alineacion-texto .subtitulo-banner {
  font-weight: 300
}

.mask .pleca .alineacion-texto .texto-claro {
  color: #fff
}

.mask .pleca .alineacion-texto .texto_claro {
  color: #fff
}

.icon-u-facebook-card .path2:before {
  margin-left: -1.22em
}

.icon-u-twitter-card .path2:before {
  margin-left: -1.22em
}

.icon-u-whatsapp-card .path2:before {
  margin-left: -1.22em
}

.icon-u-correo-card .path2:before {
  margin-left: -1.24em !important
}

.correo-icon .path2:before {
  margin-left: -1em !important
}

.banner-share .inline-ul>li {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75rem
}

.banner-share .inline-ul i {
  padding: 0
}

.tooltip-info {
  position: relative;
  display: inline-block
}

.tooltip-info .tooltiptext {
  visibility: hidden;
  width: 6rem;
  font-size: .75rem;
  background-color: #f68b1f;
  color: #fff;
  text-align: center;
  border-radius: .25rem;
  padding: 1rem 0;
  margin-top: -4.75rem;
  left: -2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1
}

.tooltip-info .tooltiptext:before {
  content: "";
  position: absolute;
  top: 1.95rem;
  width: 0rem;
  height: 0rem;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-top: .5rem solid #f68b1f;
  font-size: 0rem;
  line-height: 0rem
}

.tooltip-info:hover .tooltiptext {
  visibility: visible
}

.botonesUnitecB {
  flex: initial
}

.botonesUnitecB a {
  width: 100%;
  border-radius: 2px;
  color: #fff;
  margin: 0;
  font-size: .875rem;
  text-decoration: none;
  box-shadow: none !important
}

.botonesUnitecB a .adjust-botonesUnitecB {
  margin-left: 5px !important;
  margin-right: 5px !important
}

.botonesUnitecB a .info {
  color: #006fba
}

.botonesUnitecB a .orange {
  color: #f68b1f
}

.botonesUnitecB a .default {
  color: #757575
}

.botonesUnitecB .adjust-botonesUnitecB {
  margin-left: 5px !important;
  margin-right: 5px !important
}

.botones .botones-contacto {
  margin-top: 25px
}

.botones .botones-contacto .iconos-contacto {
  font-size: 2rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
  line-height: 0;
  margin-top: .5rem
}

.filo-inicio-t {
  color: #006fba;
  font-weight: 500
}

.calendario i {
  font-size: 7.5rem;
  color: #ededed
}

.calendario a {
  position: absolute;
  color: #f68b1f
}

.calendario a:hover,
.calendario a:focus {
  color: #f68b1f
}

.calendario .ver-calendario {
  max-width: 6.25rem;
  font-size: .75rem;
  font-weight: 400
}

.descripcion {
  font-size: 1rem;
  font-weight: 300;
  line-height: normal
}

.fecha-cluster hr {
  display: none
}

.fecha-cluster>:nth-child(2) {
  padding: 0 !important
}

.btn-default:hover {
  background-color: #5390af !important
}

.botonesUnitecB .boton-azul {
  background-color: #42748d
}

.botonesUnitecB .btn-default:hover {
  background-color: #5390af !important
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.contenido-biblioteca .titulo-biblioteca {
  font-size: 1.75rem;
  font-weight: 400
}

.contenido-biblioteca .descripcion {
  font-weight: 300;
  font-size: 1rem;
  line-height: normal
}

.contenido-biblioteca .biblioteca-botones .biblioteca-card .biblioteca-title {
  margin-bottom: 1.5rem;
  font-weight: 300;
  font-size: 1.5rem
}

.contenido-biblioteca .biblioteca-botones .biblioteca-card .respaldo-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  padding-bottom: 3rem
}

.contenido-biblioteca .biblioteca-botones .extra-info {
  position: absolute;
  bottom: .875rem;
  width: 100%
}

.contenido-biblioteca .biblioteca-botones .extra-info .biblioteca-links {
  background: 0;
  border: 0;
  font-family: inherit;
  color: #f68b1f;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer
}

.contenido-biblioteca .biblioteca-botones .extra-info span i {
  font-size: 2.5rem
}

.color-card-1 {
  border-bottom: solid .25rem #00b2e2
}

.color-card-2 {
  border-bottom: solid .25rem #006fba
}

.color-card-3 {
  border-bottom: solid .25rem #0f406b
}

.icon-color-1 {
  color: #00b2e2
}

.icon-color-2 {
  color: #006fba
}

.icon-color-3 {
  color: #0f406b
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.contenedor-testimoniales {
  min-height: 500px;
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000
}

.contenedor-testimoniales .contenido-centrado .titulo-testimoniales {
  font-size: 1.75rem;
  font-weight: 400
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales {
  overflow: hidden
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .altura-card {
  min-height: 445px;
  height: auto
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .front {
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  background-color: #fff
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .cover {
  position: relative;
  overflow: hidden;
  width: 95%;
  height: 200px;
  top: -2rem;
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
  margin: auto;
  background-size: cover;
  background-position: center
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .content {
  text-align: center;
  line-height: normal;
  position: relative;
  top: -1rem
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .content .main .name {
  font-weight: 500;
  line-height: normal;
  font-size: 1.125rem
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .content .main .ocupacion {
  font-weight: 300
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .content .main .profesion {
  line-height: normal;
  padding-bottom: 10px
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .content .main .comilla {
  font-weight: 400
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .footer {
  border-top: 3px solid #eee;
  padding: 10px 30px 10px 30px
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .footer .navegacion {
  display: flex;
  width: 100%;
  justify-content: space-between
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .carrousel_inner_testimoniales .card-testimonial .footer .navegacion .activator {
  top: 0;
  right: 0;
  padding: 1rem;
  margin-right: 0;
  font-size: 1.5rem;
  color: #999
}

.contenedor-testimoniales .contenido-centrado .controls-testimoniales .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center
}

.contenedor-testimoniales .contenido-centrado .controls-testimoniales .btn-arrow .arrow-right,
.contenedor-testimoniales .contenido-centrado .controls-testimoniales .btn-arrow .arrow-left {
  font-size: 2.6rem;
  color: #939393
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales .content {
  max-width: initial
}

.contenedor-testimoniales .contenido-centrado .cards-testimoniales ul li {
  font-weight: 300;
  font-size: 1rem
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.content-gral-procesos {
  min-height: calc(100vh - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000;
  position: relative
}

.cont-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 765px
}

li.nav-item-2.nav-item {
  width: 100%;
  margin-left: 0
}

a.linkSecundario {
  margin: 0;
  font-size: 1rem;
  font-weight: 400 !important;
  padding: 0 !important;
  display: inline-block !important;
  color: #f68b1f !important
}

section#tabNav {
  align-items: center
}

section#tabNav.free {
  align-items: end
}

section#tabNav.free i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav.free i.direccionales:last-child {
  margin-left: 5px
}

section#tabNav .tabs-wrapper {
  flex: 1
}

section#tabNav .tabs-wrapper ul.nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-track {
  -moz-box-shadow: inset 0 0 6px red;
  background: red
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-thumb {
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px red;
  background: greenyellow
}

section#tabNav i.direccionales {
  color: #f68b1f
}

section#tabNav i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav i.direccionales:last-child {
  margin-left: 5px
}

.nextSeccion {
  padding: 10px;
  font-family: inherit;
  font-weight: 400;
  display: inline-block !important;
  color: #fff;
  background-color: #006fba;
  outline: 0;
  border: 0 solid transparent;
  cursor: pointer
}

.titulo-stepper {
  font-size: 1rem;
  text-align: left
}

.inicio-clases {
  padding: 1rem .7rem !important
}

.alineacion-collapsable {
  padding-left: 2.6875rem !important
}

.asesor {
  margin: auto;
  font-family: inherit;
  font-weight: 400
}

.content-procesos p {
  line-height: normal
}

.content-procesos .botones-coninuar {
  padding: 15px 15px !important
}

.stepper li a .circle {
  font-size: 1rem;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  width: 35px;
  height: 35px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center
}

.stepper li a .circle i {
  font-size: 1rem
}

.stepper-vertical li:not(:last-child):after {
  left: 15px
}

@charset "UTF-8";

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.titleGalerias {
  font-weight: 500;
  font-size: 1rem
}

#modal-tarjeta-galeria-carrusel {
  padding: 0rem !important;
  overflow: hidden !important
}

#modal-tarjeta-galeria-carrusel .modal-fluid {
  max-width: none;
  position: relative;
  margin: 0 auto
}

#modal-tarjeta-galeria-carrusel .modal-content {
  min-height: calc(100vh);
  background-color: #fff;
  font-size: 1rem;
  border: 0
}

#modal-tarjeta-galeria-carrusel .modal-content .icons {
  position: absolute;
  z-index: 100;
  right: 1rem;
  top: .5rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-color: #f68b1f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

#modal-tarjeta-galeria-carrusel .modal-content .icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

#modal-tarjeta-galeria-carrusel .modal-content .icon-u-cerrar:before {
  color: #fff;
  font-size: 22px
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .imgMin {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: .5rem
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .imgMin img {
  width: inherit;
  height: inherit
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .imgMin .portada-galeria {
  width: 100%;
  max-width: 125px !important;
  margin: 0 !important;
  margin-right: 8px !important
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .description {
  flex: 1;
  line-height: .75rem;
  font-weight: 200;
  font-size: .875rem
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .description .nombre,
#modal-tarjeta-galeria-carrusel .modal-content .modal-header .description .testimonio-title {
  font-size: inherit;
  font-weight: 400
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .icons .puntos-tarjeta {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1rem;
  color: #757575
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .icons .puntos-tarjeta .dropdown-item {
  display: flex !important;
  align-items: center;
  padding: 3px 1rem !important;
  color: inherit
}

#modal-tarjeta-galeria-carrusel .modal-content .modal-header .icons .puntos-tarjeta .dropdown-item i,
#modal-tarjeta-galeria-carrusel .modal-content .modal-header .icons .puntos-tarjeta .dropdown-item span {
  color: inherit;
  font-size: 1rem;
  padding-right: .5rem
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner {
  height: 100vh;
  box-shadow: none
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal {
  margin: auto;
  height: 100vh;
  width: 90%;
  text-align: center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
  background-position: center
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal iframe,
#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal img,
#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal audio,
#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal video {
  max-height: 100vh;
  min-height: 100vh;
  min-width: 99%;
  margin: auto
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal .right {
  -webkit-transform: none;
  transform: none;
  bottom: 2rem;
  position: absolute
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal .right .modal-footer {
  background-color: #fff;
  width: 26.25rem;
  padding: 1rem;
  border-right: solid .25rem #006fba
}

#modal-tarjeta-galeria-carrusel .modal-content .carousel-inner .cont-modal .right .modal-footer p {
  font-weight: 400;
  margin: 0;
  line-height: normal
}

.div-yt-video {
  padding: 0 !important
}

.div-yt-video-left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center
}

.div-yt-video-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center
}

.grid:after {
  content: '';
  display: block;
  clear: both
}

.grid-item {
  width: 50%;
  float: left
}

.grid-item-video,
video {
  width: 100%;
  float: left
}

.content-portadas-galeria {
  width: 100%;
  margin: auto;
  max-width: 90%
}

.content-portadas-galeria .portada-galeria img {
  width: 72px !important;
  height: 70px !important;
  border-radius: 50%;
  margin: auto
}

.contenedor-galeria {
  min-height: calc(100vh - 55px);
  padding-top: 60px !important;
  background-color: #fff;
  z-index: 1000
}

.contenedor-galeria .fila-galeria .carrousel_inner {
  overflow: hidden
}

.contenedor-galeria .fila-galeria .collection-card .view {
  cursor: pointer
}

.contenedor-galeria .fila-galeria .collection-card .stripe.dark {
  background-color: rgba(0, 80, 160, 0.7)
}

.contenedor-galeria .fila-galeria .collection-card .stripe {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  padding: 1.2rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.contenedor-galeria .fila-galeria .collection-card .stripe.dark p {
  color: #eee
}

.contenedor-galeria .fila-galeria .collection-card .stripe p {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem
}

.contenedor-galeria .fila-galeria .zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.contenedor-galeria .fila-galeria .zoom img {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.controls-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0rem;
  padding: 1rem
}

.controls-top .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  margin: 0rem
}

.controls-top .btn-arrow .arrow-right {
  padding: unset;
  padding-right: .25rem;
  font-size: 2.6rem;
  color: #939393
}

.controls-top .btn-arrow .arrow-left {
  padding-left: .25rem;
  font-size: 2.6rem;
  color: #939393
}

.controls-gallery .carrousel_left {
  position: absolute;
  left: 1.5%;
  z-index: 10
}

.controls-gallery .carrousel_right {
  position: absolute;
  right: 1.5%;
  z-index: 10
}

.controls-gallery .btn-arrow {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  margin: 0rem
}

.controls-gallery .btn-arrow .arrow-right {
  padding-right: .25rem;
  font-size: 2.6rem;
  color: #939393
}

.controls-gallery .btn-arrow .arrow-left {
  padding-left: .25rem;
  font-size: 2.6rem;
  color: #939393
}

.scroll-hiden {
  overflow: hidden
}

.galeriasInstalaciones {
  flex-direction: column !important
}

.btn-floating {
  z-index: 2 !important
}

.modalGaleria {
  width: unset !important;
  height: unset !important;
  z-index: 99999 !important;
  max-width: unset !important;
  max-height: unset !important
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

body {
  overflow-x: hidden !important
}

.contenedor-tour-virtual {
  position: relative;
  z-index: 0
}

.info-tour {
  color: white
}

.wrap {
  overflow: hidden
}

.bg-tour-virtual-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: no-repeat center center;
  background-size: cover;
  transform: scale(1.1)
}

.title-tour {
  font-size: 2rem;
  font-weight: 300
}

.logo-unitec-tour {
  max-width: 90px
}

.subtitle-campus-tour {
  font-size: 1.5rem;
  font-weight: 300
}

.frameToruVirtual {
  border: 0
}

.closeIframe {
  position: absolute !important;
  right: 2rem !important;
  top: 1rem !important;
  background-color: #f68b1f !important;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 2rem
}

.closeIframe:hover {
  color: #fff !important
}

.contentIframeTour {
  max-height: 100vh;
  min-height: 100vh;
  max-width: 100vw;
  min-width: 100vw;
  margin: 0 !important;
  overflow: hidden
}

.header-close-tour {
  border: none !important
}

.contenido-buscador .titulo-buscador {
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--primary-color);
}

.contenido-buscador .descripcion {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: .5px
}

.contenido-buscador .contenedor-buscador .buscador-desk {
  border: solid 1px #aba99e;
  height: 3rem;
  box-sizing: border-box;
  padding: 0 .5rem;
  overflow: hidden;
  background: #fff
}

.contenido-buscador .contenedor-buscador .buscador-desk .buscador-desk-input input[type=search] {
  border: 0;
  color: #757575;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-appearance: none;
  appearance: none;
  opacity: .5;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 400
}

.contenido-buscador .contenedor-buscador .buscador-desk .buscador-desk-input input[type=search]:focus:not([readonly]) {
  opacity: 1;
  box-shadow: none
}

.contenido-buscador .contenedor-buscador .buscador-desk .buscador-desk-input .microfono {
  background: 0;
  border: 0;
  width: 5rem;
  border-left: solid 1px #aba99e
}

.contenido-buscador .contenedor-buscador .buscador-desk .buscador-desk-input .microfono i {
  font-size: 2rem;
  color: #006fba
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

#listado,
#detalle {
  background: white;
  z-index: 1000;
  position: relative
}

section.cita {
  height: calc(100vh - 60px);
  background-color: transparent !important
}

section.cita .video-tour {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  z-index: -100;
  background-size: cover
}

section.cita .img-background {
  height: calc(100vh - 60px);
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.overlay-absorcion {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
  cursor: pointer
}

.tituloBanner {
  font-weight: 400 !important
}

.subtituloBanner {
  font-size: 1.5rem;
  font-weight: 300
}

.bulletCita {
  font-size: 1.40rem
}

.md-select-form label,
.md-form label {
  font-size: .85rem !important;
  font-weight: 300
}

.titleCitaThanks {
  color: #006fba
}

.titleCitaLoad {
  color: #fff
}

.textInfoThankYou {
  font-size: .85rem
}

.textInfoThankYou a {
  color: #f68b1f
}

.textThankYou {
  font-weight: 400
}

.lineThankyouCita {
  border: solid 1px #f68b1f
}

.icon i {
  color: #006fba;
  font-size: 1.5rem
}

.blur-absorcion {
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px)
}

.card-blue-absorcion {
  background-color: #fff;
  position: absolute;
  z-index: 10
}

.card-formulario {
  float: right
}

.form-head {
  height: 70px
}

.titulo-formulario-expuesto {
  color: #006fba;
  font-weight: 400
}

.descFormExpuesto {
  font-size: 1rem;
  font-weight: 400
}

.frm-politicas-expuestas label {
  font-size: .625rem
}

.span-continuar {
  text-transform: uppercase;
  color: #f68b1f
}

.btn-frm-expuesto {
  background: #f68b1f !important;
  font-size: 1.125rem;
  font-weight: 500
}

input[type=email] {
  height: 2rem
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 2px solid #4285f4;
  box-shadow: none !important
}

.form-control {
  padding-bottom: 0
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
  padding-right: 0
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
  padding-right: 0
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2)
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #28a745
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
  display: block
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-bottom: .25rem;
  font-size: 80%;
  color: #dc3545
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
  display: block
}

[type=checkbox]+label:before {
  margin-top: 4px
}

section#tabNav {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center
}

section#tabNav.free {
  align-items: end
}

section#tabNav.free i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav.free i.direccionales:last-child {
  margin-left: 5px
}

section#tabNav .tabs-wrapper {
  flex: 1
}

section#tabNav .tabs-wrapper ul.nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-track {
  -moz-box-shadow: inset 0 0 6px red;
  background: red
}

section#tabNav .tabs-wrapper ul.nav ::-moz-scrollbar-thumb {
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px red;
  background: greenyellow
}

section#tabNav .tabs-wrapper ul.nav li.nav-item {
  width: 100%
}

section#tabNav i.direccionales {
  color: #f68b1f
}

section#tabNav i.direccionales:first-child {
  margin-right: 5px
}

section#tabNav i.direccionales:last-child {
  margin-left: 5px
}

.dropdown,
.dropup {
  position: relative
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: none
}

.btn-select {
  border: 0;
  width: 100%;
  float: none;
  border: 0;
  outline: 0;
  font-size: 1rem;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  font-weight: 300;
  padding: .5rem 0;
  font-family: 'Roboto';
  background-color: #fff;
  color: #757575 !important;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center bottom, center calc(100% - 1px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#686868)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)) !important;
  background-image: linear-gradient(#686868, #686868), linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 0 1px, 100% 1px;
  transition: background 0 ease-out
}

.icon-style {
  color: #f6881f;
  font-size: 1.5rem;
  padding-top: .5rem
}

.alturaFila {
  height: 55px !important;
  max-height: 55px !important
}

.alturaHora {
  height: 55px
}

.backHora {
  background-color: #ededed;
  border-bottom: .1rem solid #f6881f !important;
  color: #757575
}

.classic-tabs li a.backHora.active {
  background-color: #f6881f;
  color: #fff
}

.dateBox {
  background-color: #757575
}

.dateBox span {
  color: #fff !important
}

.dateBox .date {
  font-size: .85rem
}

.dirRight,
.dirLeft {
  height: 55px;
  align-items: center;
  background-color: #767676;
  color: #fff !important
}

.px-b {
  padding: 0 .125rem
}

.btn-frm-expuesto {
  font-size: 1.125rem
}

.md-select-form span {
  color: #f6881f
}

.md-select-form p {
  font-weight: 300
}

label.politicas.light {
  font-size: .75rem;
  font-weight: 300;
  line-height: normal
}

label.politicas.light * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

.disabled {
  cursor: not-allowed !important;
  color: #cacaca;
  margin: .35rem 0
}

.icon-disabled {
  color: #cacaca !important
}

div#co-campus,
div#co-fecha {
  overflow-y: auto;
  z-index: 1100
}

.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f6881f !important
}

.campus {
  margin-right: -15px;
  margin-left: -15px
}

@keyframes rotating {
  0 {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  20% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
  }

  60% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg)
  }

  80% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
  }
}

.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite
}

@keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

@-webkit-keyframes ld-breath {
  0 {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }

  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }

  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86)
  }
}

.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite
}

.content-portadas-galeria {
  width: 100%;
  margin: auto;
  max-width: 90%
}

.content-portadas-galeria .portada-galeria img {
  width: 72px !important;
  height: 70px !important;
  border-radius: 50%;
  margin: auto
}

.descuentos {
  min-height: calc(100vh - 69px)
}

.descuentos .contenedor-descuentos .filtros .filtro-descuentos {
  border: solid 1px #939393;
  cursor: pointer
}

.descuentos .contenedor-descuentos .filtros .filtro-descuentos .icon-abajo {
  color: #f68b1f;
  font-weight: 400;
  font-size: 2.5rem
}

.descuentos .contenedor-descuentos .filtros .menu-filtro-descuentos {
  width: 100%
}

.descuentos .contenedor-descuentos .filtros .menu-filtro-descuentos .destacar:hover {
  background-color: #f68b1f
}

.scroll-hiden {
  overflow: hidden
}

.cardHeight {
  height: 550px
}

.cardHeight .front,
.cardHeight .back {
  z-index: 2;
  -webkit-transition: -webkit-transform .8s;
  transition: transform .8s
}

.cardHeight .front .cover {
  position: relative;
  overflow: hidden;
  max-height: 220px;
  margin: auto;
  z-index: 5;
  width: 96%;
  top: -1.5rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.03)
}

.cardHeight .front .cover .etiqueta {
  position: absolute;
  top: .25rem;
  right: .25rem;
  color: #fff;
  padding: .2rem 1rem;
  font-size: .75rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .85
}

.cardHeight .front .content {
  color: #757575;
  top: -2rem
}

.cardHeight .front .content .titleTaller {
  font-weight: 400;
  line-height: 1;
  font-size: 1.125rem
}

.cardHeight .front .content .shortDescription {
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  max-height: 2.75rem
}

.cardHeight .front .content .rowData {
  font-size: 1rem;
  font-weight: 300
}

.cardHeight .front .content .rowData .itemIcon {
  color: #757575
}

.cardHeight .front .content .rowData .tallerCampus {
  font-weight: 400
}

.cardHeight .front .content .rowData .tallerCost {
  font-weight: 400;
  color: #006fba
}

.cardHeight .front .footer {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0
}

.cardHeight .back .content {
  line-height: normal
}

.cardHeight .back .content .main {
  min-height: 265px
}

.cardHeight .back .content .title {
  font-weight: 500;
  line-height: normal;
  font-size: 1.125rem
}

.cardHeight .back .content .longDescription {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2
}

.cardHeight .back .footer {
  border-top: 3px solid #ededed;
  padding: 5px 15px 5px 15px;
  position: absolute;
  bottom: 0
}

.cardHeight .back .footer .regresar {
  font-size: 1.25rem;
  font-weight: 400;
  color: #939393
}

.cardHeight .verMas-taller,
.cardHeight .asistir {
  border-radius: .25rem;
  font-weight: 400;
  font-size: 1rem;
  height: 35px
}

.cardHeight .verMas-taller {
  font-size: 1.125rem
}

.cardHeight .asistir {
  border: solid 1px #f68b1f !important;
  color: #f68b1f !important;
  overflow: hidden;
  white-space: nowrap
}

.cardHeight .asistir:hover {
  background-color: #f68b1f !important;
  color: #fff !important
}

.cardHeight .stats-container .stats .card-back {
  height: 180px
}

.cardHeight .stats-container .stats .card-back :nth-child(1) {
  text-align: center !important;
  font-size: 3rem
}

.cardHeight .stats-container .stats .card-back .btn-share-evs {
  position: relative;
  z-index: -1
}

.cardHeight .stats-container .stats .desktop-card-title-comparte {
  border-bottom: 3px solid #ededed;
  color: #5a5a5a;
  padding: 18px 12px 12px 12px;
  font-weight: 400;
  font-size: 1.125rem
}

.cardHeight .stats-container .stats ul.inline-ul-desktop {
  display: flex
}

.cardHeight .stats-container .stats ul.inline-ul-desktop li {
  width: 25%
}

@media(max-width:1200px) {
  .cardHeight .asistir {
    font-size: .75rem
  }

  div#co-campus,
  div#co-fecha {
    overflow-y: auto;
    z-index: 1100;
    max-height: 170px;
  }
}

.default {
  background-color: #066fba
}

.licenciaturas {
  background-color: #ccdb2a
}

.salud {
  background-color: #00b2e2
}

.gastronomia {
  background-color: #ffc100
}

.comunicacion-y-mercadotecnia {
  background-color: #06c4b4
}

.cultura-fisica-y-deporte {
  background-color: #00a54f
}

.preparatoria {
  background-color: #0b9d58
}

.cyad {
  background-color: #8c288c
}

.turismo-y-reuniones {
  background-color: #eb6852
}

.ciencia-y-tecnologia {
  background-color: #6201ab
}

.vinculacion {
  background-color: #d2691e
}

.ingenierias {
  background-color: #c93
}

.odontologia {
  background-color: #39f
}

.ciencias-sociales {
  background-color: #f3b41b
}

.economico-admin {
  background-color: #87c80a
}

.o-vocacional {
  background-color: #00f
}

.icon-u-facebook-card-t .path2:before {
  margin-left: -1.5em
}

.icon-u-twitter-card-t .path2:before {
  margin-left: -1.5em
}

.icon-u-whatsapp-card-t .path2:before {
  margin-left: -1.5em
}

.icon-u-correo-card-t .path2:before {
  margin-left: -1.5em !important
}

.bot-contacto i {
  font-size: 1.40rem !important
}

i.icon-u.icon-u-chat-card {
  font-size: 1.8rem !important
}

.btn-principal {
  background-color: #25d366 !important;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center
}

.btn-principal i {
  font-size: 1.8rem !important
}

.btn-ctc {
  background-color: #4285f4 !important;
  font-size: 1.8rem
}

.btn-calcu {
  background-color: #4285f4 !important;
  font-size: 1.6rem;
  font-weight: bold
}

.btn-msn {
  background-color: #fff !important;
  font-size: 1.6rem;
  font-weight: bold
}

.btn-formulario {
  background-color: #4285f4 !important;
  font-size: 1.8rem
}

.btn-chat-botonera {
  background-color: #4285f4 !important;
  font-size: 1.8rem
}

.btn-whatsapp {
  background-color: #4285f4 !important;
  font-size: 1.8rem
}

.chatMsj {
  margin-bottom: -25px;
  padding-right: 5px;
  position: relative;
  z-index: 10
}

.chatMsj-int-botonera,
.whatsMsj-int {
  margin: 4px 4px -15px 0;
  position: relative;
  z-index: 10
}

.chatMsj-int {
  margin: -5px 0 0 30px;
  position: absolute;
  z-index: 10
}

.notificacion {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: red;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .75rem
}

.notificacion-int {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: red;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .5rem
}

.tooltip-info-ctc {
  position: relative;
  display: inline-block
}

.tooltiptext-ctc {
  visibility: hidden;
  width: auto;
  font-size: 1rem;
  background-color: #f68b1f;
  color: white;
  text-align: center;
  border-radius: .25rem;
  margin-top: -2.25rem;
  right: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  line-height: 1;
  height: 26px;
  padding: 0 10px;
  white-space: nowrap;
  letter-spacing: .5px
}

.tooltiptext-ctc:after {
  content: "";
  position: absolute;
  right: -11px;
  width: 0rem;
  height: 0rem;
  border-bottom: .75rem solid transparent;
  border-top: .75rem solid transparent;
  border-left: .75rem solid #f68b1f;
  font-size: 0rem;
  line-height: 0rem
}

.tooltip-info-ctc:hover .tooltiptext-ctc {
  visibility: visible
}

span.btn-floating.bot-contacto {
  opacity: 0
}

.botonera-gral {
  bottom: 35px;
  right: 20px;
  z-index: 1000
}

.bootstrap-datetimepicker-widget .table-condensed {
  text-align: center;
  margin: auto
}

.bootstrap-datetimepicker-widget .btn-primary.disabled,
.bootstrap-datetimepicker-widget .btn-primary:disabled {
  background-color: transparent;
  border-color: transparent;
  color: #000 !important;
  font-size: 1.25rem;
  padding: .5rem
}

.bootstrap-datetimepicker-widget span.glyphicon-chevron-up,
.bootstrap-datetimepicker-widget span.glyphicon-chevron-down {
  display: flex;
  justify-content: center;
  align-items: center
}

.bootstrap-datetimepicker-widget .table-condensed tr td a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important
}

.bootstrap-datetimepicker-widget span.glyphicon-chevron-up::after {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f68b1f
}

.bootstrap-datetimepicker-widget span.glyphicon-chevron-down::after {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f68b1f
}

.bootstrap-datetimepicker-widget .btn {
  box-shadow: none
}

.md-form .btn {
  margin: 0 .75rem !important
}

.bootstrap-datetimepicker-widget .btn.disabled,
.bootstrap-datetimepicker-widge .btn:disabled {
  opacity: 1
}

.bootstrap-datetimepicker-widget span {
  color: black;
  font-size: 1.2rem;
  font-weight: 500
}

.bootstrap-datetimepicker-widget .glyphicon-remove {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #f68b1f;
  position: absolute;
  border-radius: 3px;
  font-size: .75rem;
  cursor: pointer;
  padding: 0 10px;
  color: #fff;
  bottom: 15px;
  right: 52px
}

.bootstrap-datetimepicker-widget .glyphicon-remove:after {
  content: 'Confirmar'
}

.formExpuesto .form-control {
  height: 1.9rem !important
}

@media only screen and (max-width: 767px){
  .card-blue-absorcion {
    position: fixed;
    z-index: 999;
    top: 0;
    height: 100vh;
    left: 0;
  }
}