@import url("https://www.upc.edu.pe/html/fonts/fuentes.css");

@font-face {
	font-family: 'HelveticaNeueLTProBdCn';
	src: url('../fonts/HelveticaNeueLTPro-BdCn.otf');
  }
  @font-face {
	font-family: 'HelveticaNeueLTProHvCn';
	src: url('../fonts/HelveticaNeueLTPro-HvCn.otf');
  }
  @font-face {
	font-family: 'SolanoGothicMVBProBd';
	src: url('../fonts/SolanoGothicMVBProBd.otf');
  }
  @font-face {
	font-family: 'SolanoGothicMVBStdBdCap';
  src: url('../fonts/upc_sgothic-bdcap-webfont.eot');
  src: url('../fonts/upc_sgothic-bdcap-webfont.eot') format('embedded-opentype'), url('../fonts/upc_sgothic-bdcap-webfont.woff') format('woff'), url('../fonts/upc_sgothic-bdcap-webfont.ttf') format('truetype'), url('../fonts/upc_sgothic-bdcap-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'zizou-slab-bold';
  src: url('../fonts/zizou-slab-bold.eot');
  src: url('../fonts/zizou-slab-bold.eot') format('embedded-opentype'), url('../fonts/zizou-slab-bold.woff') format('woff'), url('../fonts/zizou-slab-bold.ttf') format('truetype'), url('../fonts/zizou-slab-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'zizou-slab-regular';
  src: url('../fonts/zizou-slab-regular.eot');
  src: url('../fonts/zizou-slab-regular.eot') format('embedded-opentype'), url('../fonts/zizou-slab-regular.woff') format('woff'), url('../fonts/zizou-slab-regular.ttf') format('truetype'), url('../fonts/zizou-slab-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'zizou-slab-light';
	src: url('../fonts/zizou-slab-light.eot');
	src: url('../fonts/zizou-slab-light.eot?#iefix') format('embedded-opentype'), url('../fonts/zizou-slab-light.woff') format('woff'), url('../fonts/zizou-slab-light.ttf') format('truetype'), url('../fonts/zizou-slab-light.svg#zizou-slab-light') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  .zizou-bold{
  font-family: 'zizou-slab-bold';
  }
  .solano {
	font-family: 'SolanoGothicMVBStdBdCap';
  }
  .zizou {
	font-family: 'zizou-slab-regular';
  }
  .light{
	font-family: 'zizou-slab-light';
  }
  .helvetica{
  font-family: 'HelveticaNeueLTProBdCn';
  }
  .helvetica-light{
  font-family: 'HelveticaNeueLTProHvCn';
  }

body{
	background-color: #fff!important;
}

.list-none{
	list-style-type: none !important;
}

.roboto{
	font-family: 'Roboto Condensed', sans-serif;
}
.oswald{
	font-family: 'Oswald', sans-serif;
	line-height: 1.2;
}


input{
	outline: transparent;
}
/*NAV*/
.nav-inverse{
	background:  rgba(255, 254, 255, 0.5) !important;
}
/*HEADER*/
.img-header{
	width: 100% 100%;
	height: 560px;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
}

.titulo {
    font-size: 3.5em;
    font-family: 'zizou-slab-bold';
    color: #fff;
    text-align: right;
}

.titulo-carrera{
	font-size: 3.5em;
	font-family: 'zizou-slab-bold';
	color: #fff;
	text-align: left;
}

.text-description-size {
	font-size: 22px;
}

.zizou-bold{
	font-family: 'zizou-slab-bold';
}
.wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: url(/imagenes/003.jpg);
	background-position: 90% 30%;
	padding-bottom: 15%;
	padding-left: 9%;
}

.container-slider {
    overflow: hidden;
}

.financiamiento{
	position: 	absolute;
	margin: -91px 0px;
}
.black-line{
	border-top: 2px solid #555;
}
.black-solid-line{
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.black-line-bottom{
	border-bottom: 1px dashed #555;
	width: 100%;
}
.white-dashed-bottom{
	border-bottom: 1px dashed #fff;
	width: 100%;
}
.white-line-bottom{
	border-bottom: 3px solid #fff;
	width: 6%;
}
.red-line-bottom{
	border: 3px solid #ea2322;
	width: 8%;
}
.white-line{
	border-bottom: 1px solid #fff;
	width: 100%;
}
.yellow-line{
	border-bottom: 5px solid #F79307;
	width: 10%;
}
.title-borderline{
	border-bottom: 3px solid #000;
	width: 6%;
}
.title-borderline-white{
	border-bottom: 3px solid #fff;
	width: 6%;
}
.btn-style{
	border: 2px solid #b3b3b3 !important;
	background-color: transparent;
	color: #ccc;
}
.ubicacion-campus-eventos span:hover{
	color: #3399ff;
	cursor: pointer;

}
.btn-style:focus {
    color: #fff !important;
    text-decoration: none;
}
.dias-admisión{
	width: 350px;
	height: auto;
	float: left;
	position: absolute;
	bottom: 0;
}
.fecha{
	margin-top: -9%;
}
.monterrico{
	background: #555 url('../imagenes/campus/1X/fondo-2.png')center;
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
}

.feria::-webkit-scrollbar {
  width:10px;
}

.feria::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
}

/*BOTONES*/
.button-down{

	margin: -1.5% auto;
	position: relative;
}
/*FONDOS DE CAJAS*/
.carreras-xs{
	background: #D70506;
	height: 250px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.carreras{
	background: #D70506 url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 250px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.carreras:hover{
	background: #9A1010 url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 250px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.carreras-2{
	background: #D70506 url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 323px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.carreras-2:hover{
	background: #9A1010 url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 323px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.carreras-description {
    height: 290px;
}
.carreras-description img {
	height: 50px;
	width: 50px;
}

.campus-xs{
	background: #58595b;
	height: 250px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.campus{
	background: #58595b url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 250px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.campus:hover{
	background: #333 url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 250px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.campus-2{
	background: #58595b url('../imagenes/trama-fondo.png');
	width: 100%;
	height: 323px;
	background-size: 100%, 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.internacionalidad{
	background: url('../imagenes/mapa.png')center;
	width: 100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
.apptitud{
	background: url('../imagenes/apptitud/video-apptitud.jpg')center;
	width: 100%;
	height: 316px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	margin-top: 7px;
}
.apptitud-active{
	background: url('../imagenes/video.png')center;
	width: 94%;
	height: 332px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	margin-top: 7px;
	margin-left: 65px;
}
.caja-negra-transparente{
	background-color: rgba(41, 44, 44, 0.5);
	padding: 25px;
	width: 100%;
	position:absolute; bottom:0%; right:0%;
}
.alumni{
	background: url('../imagenes/testimoneos.png')center;
	width: 100%;
	height: 280px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}

.decano{
	background: url('../imagenes/decano.jpg')center;
	width: 100%;
	height: 280px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
.decano-preferente{
	background: url('../imagenes/acreditacion/acreditaciones.jpg')top;
	width: 100%;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
.input-grey-border{
	border-bottom: 1px solid #555;
}
.input-white-border{
	border-bottom: 1px solid #fff;
}
.select-white-border{
	border-bottom: 1px solid #fff;
}
.input-grey-border-postula{
	border-bottom: 1px solid #7c7c7c !important;
}
.select-grey-border{
	border-bottom: 1px solid #7c7c7c !important;
}
.border-bottom-gray{
	border-bottom: 7px solid #82827b;
	width: 60px;
}
.border-bottom-white{
	border-bottom: 7px solid #FFFFFF;
	width: 70px;
}
.sede img {
    width: 100px;
    height: 100px;
    padding: 0 !important;
}

.sede.sede-Monterrico {
    height: 170px;
}
.header-list-items-inner {
	width: 90%;
	margin: 0 auto;
}

@media(max-width: 480px) {
	.sede.sede-Monterrico {
	    height: 170px;
	}

	.base-interno .titulo {
		margin: 0;
		padding: 0;
	}
}

@media(max-width: 780px) {
	.sede.sede-Monterrico {
	    height: 180px;
	}

	.base-interno .titulo {
		margin: 0;
		padding: 0;
	}

}

input{
	padding:10px 10px 4px 5px;
	display:block;
	border:none;
	background: transparent;
	width: 100%;
}
::-webkit-input-placeholder { color:#fff; }
::-moz-placeholder { color:#555; } /* firefox 19+ */

.size-12{
	font-size: 12px;
}
.size-13{
	font-size: 13px;
}
.size-14{
	font-size: 14px;
}
.size-15{
	font-size: 15px;
}
.size-16{
	font-size: 16px;
}
.size-18{
	font-size: 18px;
}
.size-20{
	font-size: 20px;
}
.size-23 {
	font-size: 23px;
}
.size-24{
	font-size: 24px;
}
.size-25{
	font-size: 25px;
}
.size-32{
   font-size: 32px;
}
.size-35{
	font-size: 35px !important;
}
.size-65{
	font-size: 65px;
}
/*backgrounds especiales*/
	.trama-1 {
		background:  url('../imagenes/tramaMat.png') !important;
		width: 100% !important;
		height: auto !important;
		background-size: 2.3% !important;
		background-repeat: repeat !important;
		margin-top: -5% !important;
	}
.trama-2{
	background: url('../imagenes/tramaMat.jpg');
	width: 100%;
	height: auto;
	background-repeat: repeat;
	-webkit-box-shadow: -2px 1px 6px 1px #808080;
	box-shadow: -2px 1px 6px 1px #808080;
}


.grey-footer{
    background: #b3b3b3 url('../imagenes/fondo-blanco.png') ;
    width: 100%;
    background-size: 3%;
}

.black-footer{
	background: #222222;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.black-footer a:hover, .black-footer a:focus{
	color: #fff !important;
}

.p-v-28 {
	padding: 28px 0 !important;
}

.trama-fondo-2{
	background: url(../imagenes/trama-fondo.png);
	width: 100%;
	background-size: 50%;
	background-repeat: repeat;
	padding: 45px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.trama-fondo-blue{
	background: url(../imagenes/f-triangulo.png);
	width: 100%;
	background-repeat: repeat;
	padding: 45px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.border-left-points{
	border-left: 	1px dashed #555 !important;
}

.feria-icon{
	width: 	20px;
}
/*Backgrounds*/

.border-white{
	border: 1px solid #FFFFFF !important;
}
.border-bottom-red{
	border-bottom: 7px solid #e42322;
	width: 70px;
}
.black-2{
	color: #808080 !important;
}
.bg-general{
	background: url("../imagenes/manana.png");
	width: 100%;
	height: auto;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.bg-general-noche{
	background: url("../imagenes/entrada-upc.png");
	width: 100%;
	height: auto;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.bg-tarde{
	background: url("../imagenes/tarde.png") !important;
	width: 100%;
	height: auto;
	padding: 0px 50px 50px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.bg-grey-logros{
	background: #e42322 url('../imagenes/cajagris.png');
	width: 100% 100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-grey-logros-ipad{
	background: #e42322 url('../imagenes/caja-gris-ipad.png');
	width: 100% 100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-grey-logros-movil{
	background: #e42322 url('../imagenes/caja-gris-movil.png');
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-grey-logros-movil-blue{
	background: #3399ff url('../imagenes/caja-gris-movil.png');
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.no-radius{
	border-radius: 0px !important;
}
.bg-blue-circle{
	background: url('../imagenes/cajaceleste.png');
	width: 100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-evento-civil{
	background: url(../imagenes/eventos/bg-webinar-ingcivil.jpg);
	width:100%;
	height:auto;
	background-size: cover;
}
input[type="text"] {
    border-bottom: 1px solid;
}
input[type="password"] {
    border-bottom: 1px solid;
}

.finanzas{
	background: #555 url("http://pregrado.upc.edu.pe/sites/default/files/styles/carrera_pregrado/public/upc/pregrado/facultades/es/facultad_de_negocios/carreras/administracion_y_finanzas_/facultad_imagen_principal/administ-finanzas.jpg?itok=ZxAGyTsn") center;
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-blend-mode: overlay;
}
.decano-banner{
	background-image: #555 url(../imagenes/decano.png);
	width: 100%;
	height: 480px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-blend-mode: overlay;
}
.apptitud-banner{
	background: url(../imagenes/apptitud/1x/video_1.png);
	width: 100%;
	height: 480px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
/*background de carreras*/


.button-small{
	bottom: 0%;
    margin: -9% 0% 0%;
}
.capa-amarilla{
	background: #ffb400;
	width: 100%;
	background-size: 100%;
}
.button-right{
	float: right;
	position: absolute;
	margin-top: -33%;
	right: 0;
}
.img-campus{
	width: 100px;
	height: 100px;
}
.img-campus-desktop{
	width: 200px;
	height: 200px;
}
.redes-mobile{
	float: right;
    margin-top: -76px;
    padding: 0 35px 20px;
}
.wrapper-2 {
	width: 800px;
	height: 200px;
	overflow: hidden;
	position: relative;
	background: url(/imagenes/003.jpg);
	background-position: 90% 30%;
}
.wrapper-2 img {
	position: absolute;
}
.wrapper-2 .desc {
	position: relative;
	background: rgba(255, 125, 35, 0.9);
	color: white;
	width: 200px;
	height: 200px;
	float: right;
	top: 0;
	right: 0;
	z-index: 99;
	padding: 20px;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 0.5;
}
.wrapper-2 .desc:hover {
	opacity: 1;
}
.wrapper-2 .desc:before {
	content: "";
	width: 0;
	height: 0;
	border-top: solid 10px transparent;
	border-right: solid 20px rgba(255, 125, 35, 0.9);
	border-bottom: solid 10px transparent;
	border-left: solid 20px transparent;
	position: absolute;
	top: 70%;
	left: -40px;
}
@media only screen and (max-width: 1200px){

	.xl {
		font-size: 36px !important;
		font-size: 2.9rem !important;
	}
}
@media (max-width: 1024px){
	.trama-1 {
		background:  url('../imagenes/tramaMat.png') !important;
		width: 100% !important;
		height: auto !important;
		background-size: 6.3% !important;
		background-repeat: repeat !important;
		margin-top: -22% !important;
	}
	.user-1 {
    	margin-top: -50px !important;
}
	.fecha {
		margin-top: -13%;
	}
	.wrapper {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		background: url(/imagenes/003.jpg);
		background-position: 90% 30%;
		padding-bottom: 15%;
		padding-left: 9%;
	}
	.saber {
		margin-top: -184px !important;
    	margin-right: 50px !important;
	}

	.titulo{
		font-size: 	28px;
		padding-top: 	5%;
		line-height: 	1.2;
	}
	.button-down {
		margin: -4.5% auto;
		position: relative;
		z-index: 99;
	}
	.rojo-footer{
		text-align: 	center;
	}
	.padding-resp [class*="p-42"] {
		padding: 10px !important;
	}
	.fondo-icono {
	    background: #fff;
	    border-radius: 100%;
	    width: 46px !important;
	    height: 42px !important;
	    padding: 3%;
	    margin: auto;
	}
}
.fondo-icono {
    background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 32px;
    padding: 8px 6px 5px 5px;

}
.necesita{
	margin-top: 0%;
}
.saber{
	margin-top: -12%;
	margin-right: 103px;
}
.user img{
	position: absolute;
	margin-top: -56%;
	border-radius: 2px solid #fff;
}
#items-nav{
	float: left;
	text-transform: 	uppercase;
}
#items-nav ul li{
	float: right;
}
.red-line-horizontal{
	width: 60px;
	border-bottom: 5px solid #d70505;
}
.line-static {
	height: 30%;
	border: 1px solid  #d70505;
	position: absolute;
	z-index: 99999999;
	margin: 4% 9%;
}
.line-static-copy {
	height: 33%;
	border: 1px solid  #d70505;
	position: absolute;
	z-index: 99999999;
	margin: 25% 9%;
}
.title-apptitud{
	font-family: 'zizou-slab-bold';
    position: absolute;
    top: 45%;
    left: 35px;
    text-transform: uppercase;
    width:90%;
}
.title-line {
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 41%;
	left: 35px;
	text-transform: uppercase;
	width: 75%;
}
.title-line-small {
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 40%;
	left: 35px;
	text-transform: uppercase;
	width: 20%;
}
.title-line-medium {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 40%;
    left: 35px;
    text-transform: uppercase;
    width: 50%;
}

.title-line-2 {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 36%;
    left: 35px;
    text-transform: uppercase;
}
.title-2-apptitud{
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 37%;
	left: 35px;
	width: 100%;
	text-transform: uppercase;
}
.cicle{
	display: inline-block;
}
.user-1 {
	float: right;
	margin-top: -4%;
	z-index: 99;
	position: relative;
}
.bloque-info{
	background: #fff;
	width: 289.3px;
	height: auto;
	background-size: 100%;
	margin: -4% 6%;
	position: absolute;
	-webkit-box-shadow: 4px 2px 19px 2px #ccc;
	box-shadow: 4px 2px 19px 2px #ccc;
}

.helvetica-warrior ul li  p {
	padding-bottom: 	14px;
	padding-top: 	14px;
}
.bg-black-transparent{
	background-color: rgba(0, 0, 0, 0.8) !important;
}
@media only screen and (max-width: 1200px){
	.xl {
		font-size: 2.1rem !important;
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}
	.border-left-points{
		border-left: none;
	}

}

/*nube*/
.calloutUp
{
	height: 0;
	width: 0;
	border-bottom: 12px solid #ffffff;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	z-index: 10;
}
.calloutUp2
{
	position: relative;
	left: -10px;
	top: 2px;
	height: 0;
	width: 0;
	border-bottom: 10px solid #9999ff;
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 11;
}
.calloutDown
{
	height: 0;
	width: 0;
	border-top: 12px solid #ffffff;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	left: 0px;
	top: 0px;

	margin-left: 20px;
	margin-right: 20px;
	z-index: 11;
}
.calloutDown2
{
	position: relative;
	left: -10px;
	top: -12px;
	height: 0;
	width: 0;
	border-top: 10px solid rgba(47, 16, 16, 0.07);
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 10;
}
.calloutDownblue
{
	height: 0;
	width: 0;
	border-top: 12px solid #3399ff;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	z-index: 11;
}
.calloutDown2blue
{
	position: relative;
	left: -10px;
	top: -12px;
	height: 0;
	width: 0;
	border-top: 10px solid #3399ff;
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 10;
}
.divContainerUp
{
	background-color: #fff;
	border: solid 1px #ffffff;
	position: relative;
	top: -1px;
	z-index: 9;
	width: 100%;
	padding: 4px;
}
@media only screen and (max-width: 768px) and (min-width: 280px) {
	.divContainerDown
		{

		    position: relative;
		    background-color: transparent;
		    top: 1px;
		    z-index: 3;
		    width: 100% !important;
		    padding: 10px;
		    height: auto !important;
		    color: #fff;
		    margin-left: 0 !important;

		}
		.event-image{
			width: 100%;
			height: 50px;
			background-position: bottom center;
		}
		.height-200-mobile{
	height: 200px;
	}
	.campus{
		background: #58595b url('../imagenes/trama-fondo.png');
		width: 100%;
		height: auto !important;
		background-size: 100%, 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.height-200-mobile{
		height: none;
	}




}
@media only screen and (max-width: 768px) and (min-width: 900px) {

		.campus{
		background: #58595b url('../imagenes/trama-fondo.png');
		width: 100%;
		height: 250px !important;
		background-size: 100%, 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}
}
.divContainerDown
{
    background-color: rgba(47, 16, 16, 0.07);
    position: relative;
    top: 1px;
    z-index: 3;
    width: 100%;
    padding: 10px;
    margin-left: 5px;
    margin-right: 20px;
    height: 254px;
}
.divContainerMain{
	background-color: #ccccff;
	padding: 8px;
}
.divContainerRight
{
	background-color: #fff;
	position: relative;
	top: 1px;
	z-index: 3;
	width: 100%;
	padding: 27px;
	margin-left: 5px;
	margin-right: 20px;
	border: 3px solid #ccc;
}
.calloutRight {
    position: relative;
    left: 396px;
    top: -23px;
    height: 0;
    width: 0;
    border-top: 24px solid #ccc;
    border-right: 27px dotted transparent;
    border-right: -6px dotted transparent;
    z-index: 10;
}

.nube{
	width: 100%;
	margin: auto;
}
.jump{
	cursor: pointer;
}

.titulo-general{
	margin-top: -4%;
	display: inline;
	position: absolute;
	padding-left: 5%;
}
.titulo-general-2 {
    margin-top: -3%;
    display: inline-block;
    position: relative;
    padding-left: 6%;
    width: 50%;
}
.titulo-general h2{
	position: absolute;
}
.circular{
	background: url(../imagenes/circular.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 37% 47%;
}

iframe.mapa{
    width: 135%;
}
@media (min-width: 320px) and (max-width: 990px){
    iframe.mapa{
    width: 100% !important;
   }
   .volver{
   	width: 49px !important;
   	padding: 8%  !important;
   }


	.titulo-general-2 {
    margin-top: -6%;
    display: inline-block;
    position: relative;
    padding-left: 6%;
    width: 65%;
    font-size: 2em !important;
}
.fondo-icono {
    background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 32px;
    padding: 8px 6px 5px 5px;
    margin: auto;
}
	.primer{
		font-size: 24px !important;
	}
.trama-1 {
    background: url(../imagenes/tramaMat.png) !important;
    width: 100% !important;
    height: auto !important;
    background-size: 4.5%;
    background-repeat: repeat !important;
    margin-top: -22% !important;
}
.title-line-2 {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 35%;
    left: 35px;
    text-transform: uppercase;
    width: 100%;
}
.title-apptitud{
	font-family: 'zizou-slab-bold';
    position: absolute;
    top: 45%;
    left: 35px;
    text-transform: uppercase;
    width:90%;
}
.title-line {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 42%;
    left: 35px;
    text-transform: uppercase;
    width:90%;

}
.title-line-medium {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 42%;
    left: 35px;
    text-transform: uppercase;
    width:70%;
}
.title-line-small {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 41%;
    left: 35px;
    text-transform: uppercase;
    width:22%;
}
.bg-white-transparent.history.p-28.mb-21{
		width: 100%;
	}
}
@media (max-width: 320px) and (min-width: 590px){
	.user-1 {
		float: right;
	    display: block;
	    margin-top: -15% !important;
	    z-index: 99;
	}

}


@media (min-width: 768px) and (max-width: 1024px){
.trama-1 {
    background: url(../imagenes/tramaMat.png) !important;
    width: 100% !important;
    height: auto !important;
    background-size: 2.5%;
    background-repeat: repeat !important;
    margin-top: -6% !important;
}
.user-1 {
    float: right;
    margin-top: -7% !important;
    z-index: 99;
    position: relative;
}
.title-apptitud{
	font-family: 'zizou-slab-bold';
    position: absolute;
    top: 48%;
    left: 35px;
    text-transform: uppercase;
    width:90%;
}
.title-line {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 40%;
    left: 35px;
    text-transform: uppercase;
    width:50%;

}
.title-line-medium {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 40%;
    left: 35px;
    text-transform: uppercase;
    width:40%;

}
.title-line-small {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 41%;
    left: 35px;
    text-transform: uppercase;
    width:20%;


}
}
.volver{
   	width: 49px !important;
   	padding: 8%  !important;
}

@media only screen and (min-width: 796px) and (max-width: 1031px){
   .title-line-2 {
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 37% !important;
	left: 35px;
	text-transform: uppercase;
}
.title-2-apptitud{
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 37% !important;
	left: 35px;
	text-transform: uppercase;
	width: 100%;
}
.title-line-medium {
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 45% !important;
	left: 35px;
	text-transform: uppercase;
	width: 50%;

}
}
@media (min-width: 812px) and (max-width: 1043px){
	.title-line-2.gastronomia {
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 37% !important;
	left: 35px;
	text-transform: uppercase;
}
.title-2-apptitud{
	font-family: 'zizou-slab-bold';
	position: absolute;
	top: 38% !important;
	left: 35px;
	text-transform: uppercase;
}
.title-line {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 41%;
    left: 35px;
    text-transform: uppercase;
    width:50%;
}
.title-apptitud{
	font-family: 'zizou-slab-bold';
    position: absolute;
    top: 47%;
    left: 35px;
    text-transform: uppercase;
    width:90%;
}
}
@media only screen and (min-width: 480px) and (max-width: 999px){
	.height-100{
		height: 100px;
	}
	.centrado{
		text-align: center;
	}
}
/*Acreditaciones*/
p.helvetica.acreditaciones{
  font-size: 1.2em;
}
h3.acreditaciones{
	font-family: 'zizou-slab-regular';
	font-size: 2.7em;
}
h4.acreditaciones{
  font-size: 1.7em;
}
/*APPTITUD*/
.bg-white-transparent.history.p-28.mb-21 {
    width: 50%;
}
h3.title-form.text-black.aptitud{
	font-family: 'zizou-slab-bold';
}
.bg-grey-apptitud{
	background: #3399FF url('../imagenes/cajagris.png');
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.bg-blue.p-28.mt-28.zizou-14{
	position: relative;
	padding-left: 28px;
}
.info-aptitud p{
	display: inline;
	font-size: 1.2em;
}
.info-aptitud span{
	font-size: 1.4em;
	font-weight: 800;
}
@media (min-width: 414px) and (max-width: 991px){
	.text-carreras-xs, .text-campus-xs{
		padding: 42px !important;

	}
	.text-convenios-xs{
		padding: 42px !important;
	}
	.text-carreras-xs h2, .text-campus-xs h2, .text-convenios-xs h2{
 font-size: 23px!important;
	}
}

@media (min-width: 310px) and (max-width: 413px){
	.text-carreras-xs, .text-campus-xs{
		padding: 28px !important;
	}
	.text-convenios-xs{
		padding: 21px !important;
	}
	.text-carreras-xs h2, .text-campus-xs h2, .text-convenios-xs h2{
 font-size: 22px!important;
	}
}

@media (min-width: 460px) and (max-width: 320px){
	.title-apptitud {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 46% !important;
    left: 35px;
    text-transform: uppercase;
    width: 90%;
}
.title-2-apptitud {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 34% !important;
    left: 35px;
    text-transform: uppercase;
    width: 100%;
}
}
@media (min-width: 310px) and (max-width: 481px){
	.title-2-apptitud {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 32% !important;
    left: 35px;
    text-transform: uppercase;
    width: 102%;
}
	.title-apptitud {
    font-family: 'zizou-slab-bold';
    position: absolute;
    top: 47% !important;
    left: 35px;
    text-transform: uppercase;
    width: 90%;
}
}

/*Testimonios*/

.testimonios{
	background:  url('../imagenes/testimonios/imag1.png') top;
	width: 100% 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;

}
.testimonios-preferente{
	background:  url('../imagenes/preferente/testimonios2.png') top;
	width: 100% 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}
.quote{
	float: right;
    position: relative;
    right: 0;
    width: 38%;
}
.quote-2 {
    position: relative;
    right: 0;
    width: 38%;
    background-color: rgba(228, 35, 34, 0.8);
}

.quote-texto{
	font-family: 'Helvetica';
	color: #000;
	font-size: 1.4em;
	line-height: 1.5;
}
/*Vida universitaria*/
.vida-u{
	background: url("../imagenes/vida/vidauniversitaria.png")center;
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
/*Deportes UPC*/
.deportes{
	background: url("../imagenes/deportes/imag1.png")top;
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.academicos ul li{
	padding-bottom: 15px;
	font-size: 'helvetica' !important;
	font-size: 1.4em;
}
.selecciones ul li{
	padding-bottom: 15px;
	font-size: 'helvetica';
	font-size: 1.4em;
}
/*videos y frases*/
.frase img{
	width: 600px;
	height: 315.66px;
}
.img-video{
	background: url('../imagenes/testimonios/diego-figueroa.png');
	width:  200px;
	height: 200px;
	background-size: cover;
	margin: auto;
}

.padding-image{
	padding: 27% 28%;

}
.padding-image img:hover{
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.no-uppercase{
	text-transform: none ;
}


@media (min-width: 1000px) and (max-width: 1024px){

.trama-1 {
    background: url(../imagenes/tramaMat.png) !important;
    width: 100% !important;
    height: auto !important;
    background-size: 2.5%;
    background-repeat: repeat !important;
    margin-top: -3% !important;
}
}
@media (min-width: 445px) and (max-width: 764px){
  .trama-1 {
    background: url(../imagenes/tramaMat.png) !important;
    width: 100% !important;
    height: auto !important;
    background-size: 2.5%;
    background-repeat: repeat !important;
    margin-top: -14% !important;
}
}
@media (min-width: 900px) and (max-width: 989px){
.col-lg-3.col-md-3.col-sm-3.col-xs-3.campus-move.text-right{
	margin-left: -18%;
}

}
@media (min-width: 380px) and (max-width: 895px){
	.col-lg-3.col-md-3.col-sm-3.col-xs-3.campus-move.text-right{
	margin-left: -14%;

}

}
@media (min-width: 310px) and (max-width: 480px){
	.grey-footer h4{
        text-align: center;
	}
	.trama-fondo-2{
		padding: 20px;
	}
	.bg-financiamiento{
		background: url('../imagenes/hoja-financiamiento.png') top right;
		width: 100%;
		height: 100% !important;
		background-size: cover;
		background-repeat: no-repeat;
		}
	.bg-becas{
		background: url('../imagenes/hoja-becas-financiamiento_03.png') top right;
		width: 100%;
		height: 100% !important;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.logo-responsive{
		width: 60px; float: right ;margin-top: 116px; bottom: 0;
	}
}
.logo-responsive{
		width: 60px;
		float: right ;
		margin-top: 110px !important;
		bottom: 0;
	}

@media (min-width: 720px) and (max-width: 768px){
	p.text-dias-admision{
		padding-top: 18px !important;
	}

}
@media (min-width: 480px) and (max-width: 767px){
	.bg-grey-logros-ipad {
		background: #d70505 url('../imagenes/caja-gris-ipad.png') !important;
		width: 100% 100% !important;
		height: auto !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}

}


@media (min-width: 991px) and (max-width: 1197px){
	.form-basico-button button{
		position: absolute;
       margin: 0 auto;
	}
    .form-basico-button{
    	padding-bottom: 30px;
    }
}
@media (min-width: 320px) and (max-width: 1200px){
.black-footer p, .black-footer a {
    font-size: 1em !important;
}
}

@media (min-width: 320px) and (max-width: 991px){
	.border-left-none{
		border-left: none !important;
	}
	.history{
	width: 100% !important;
}
}

/*registros*/

.border-general-grey{
	border: 1px solid #ccc;
}
.hover-ninos{
	cursor: pointer;
}
.hover-ninos:hover{
	border-bottom: 3px solid #3399ff;
	padding-bottom: 2px;
	opacity: 0.7
}

.hover-ninos:selected{
	border-bottom: 3px solid #3399ff;
	padding-bottom: 2px;
	opacity: 0.7
}
.vias{
	font-size: 1.2em
}
.font-25{
	font-size: 25px;
}
img.img-facultad-ingenieria, img.img-facultad-ciencias{
	width: 50px;
	height: 50px;
}

.border-general-grey{
	border: 1px solid #ccc;
}
.hover-ninos{
	cursor: pointer;
}
.hover-ninos:hover{
	border-bottom: 3px solid #3399ff;
	padding-bottom: 2px;
	opacity: 0.7
}

.hover-ninos:selected{
	border-bottom: 3px solid #3399ff;
	padding-bottom: 2px;
	opacity: 0.7
}

.vias{
	font-size: 1.2em
}
img.img-facultad-ingenieria, img.img-facultad-ciencias{
	width: 50px;
	height: 50px;
}
.img-user-form{
	display: inline;
	position: relative;
	left: -5%;
}
.img-user-form.personalizado{
	display: inline;
	position: relative;
	left: -12%;
}
.mg-top-100{
	margin-top: 100px;
}
.line{
	border-top: 1px solid #82827b;
    margin: 5px 0;
}
.circle-purple{
	background-color: #7ab31e;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	padding: 27px 10px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	font-family: 'helvetica';
	margin: 0 auto;
}

button.btn.btn-anterior, button.btn.btn-siguiente, button.btn.btn-registrarte{
	border-radius: 0px !important;
	color: #fff;
	width: 70%;
	font-family: 'sgothic-bdcap';
	font-size: 1.5em;
}
button.btn.btn-anterior{
	background-color: #58585A;
}
button.btn.btn-siguiente{
	background-color: #E42322;
}
button.btn.btn-registrarte{
	background-color: #000000;
}
button.btn.btn-info{
	font-family: "sgothic-bdcap", Charcoal, sans-serif;
	font-size: 2em;
	background-color: #3399FF;
	border-radius: 0;
}

.col-sm-6.col-md-6.col-lg-6.col-xs-12.login{
	border-right: 1px solid #58585A;
	height: 300px;
}
button.btn.btn-info{
	font-family: "sgothic-bdcap", Charcoal, sans-serif;
	font-size: 2em;
	background-color: #3399FF;
	border-radius: 0;
}
.col-sm-6.col-md-6.col-lg-6.col-xs-12.login{
	border-right: 1px solid #58585A;
	height: 300px;
}
.line-title-large{
	border-bottom: 3px solid #000000;
	width: 5%;
}
.line-title-short{
	border-bottom: 3px solid #000000;
	width: 3%;
}
label:hover:before {
  border: 1px solid #4778d9!important;
}
.checkbox-circle input{
	border-radius: 50px;
}
/*index momento 1*/
.perfil-hidden{
	border-top: 5px solid #3399ff;

}
.blue-btn{
	background: #3399ff;
}
.vive-apptitud{
	background: url('../imagenes/preferente/apptitud2.png')center;
	width: 100%;
	height: 323px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
.vive-apptitud2{
	background: url('../imagenes/preferente/apptitud2.png')center;
	width: 100%;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}

.caja-transparente{
	background-color: transparent;
	padding: 5%;
	width: 100%;
	position:absolute; bottom:0%; right:0%;

}

.frase-aleatoria{
	background-color: #66c15f;
	width: 100%;
	height: 238px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}

a:hover{

	text-decoration: none !important;
	color: #000;


}
.vida-u-2{
	background: url('../imagenes/preferente/vida-u-2.png');
	width: 100%;
	height: 238px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
.deportes-2{
	background: url('../imagenes/preferente/deporte.png');
	width: 100%;
	height: 238px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}
/*EVENTO EXPANDED*/
::-webkit-input-placeholder {
   color:  #7c7c7c;
}

:-moz-placeholder { /* Firefox 18- */
   color: #58585A;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #58585A;
}

:-ms-input-placeholder {
   color: red;
}

.eventsList .event-description {
	height: 57px;
	overflow: hidden;
}

.campus-evento{
	background: url('../imagenes/preferente/ranking.png')center;
	width: 100%;
	height: 238px;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
}

.ml-ninos{
	margin-left: 9%;
}
.capa-evento{
	background-color: #ffc000;
}
.event-detail {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.event-detail .capa-evento {
    margin-top: 1em;
}


.titulares{
	color: #413b3b;
}

.bg-mapa-modal{
	background: url('../imagenes/fondo-titu-mapa.png');
	width: 100%;
	background-repeat: no-repeat;
	background-size:  100%;
}
.perfil-hidden-rojo{
	border-bottom: 3px solid #ea2322;
}
.bg-becas{
	background: url('../imagenes/hoja-becas-financiamiento_03.png') top right;
	width: 100%;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-financiamiento{
	background: url('../imagenes/hoja-financiamiento.png') top right;
	width: 100%;
	height: 220px;
	background-size: cover;
	background-repeat: no-repeat;
}
.titulo-becas{
	color: #ffd83a;
}
.resultado-simulador{
	border: 1px dashed #ffd83a;
background-color: rgba(255, 255, 255, 0.3);
}
.postula-bg {
    background-image: url(../imagenes/foto-ficha-m2.jpg);
    width: 47%;
    height: 100%;
    min-height: 100%;
    background-attachment: fixed;
    position: fixed;
    background-repeat: no-repeat;
}
input.datepicker-input{
	background-image: url(../imagenes/calendar-negro.png);
   background-size: 20px;
   background-position: right;
   background-repeat: no-repeat;
}
.femenino{
	width: 40px;
	height: 40px;
	border: 3px solid #ccc;
	padding: 7px;
}
.downside{
	bottom: 0;
}
/*BOTONES DISCAPACITADOS*/
.caja-discapacidad{
	width: 100%;
	border: 5px solid #ccc;
	padding: 35px;
	color: #ccc;
	overflow:hidden;

}
.caja-discapacidad:hover{
	content:"♥";
	background-color: #3399ff;
	color: #fff;
	border: 5px solid #3399ff;
}
.red-square{
	border: 6px solid #e42332;
	padding: 33px;
	width: 100%;
}

.indicadores {

	margin: auto 60px;
}
.indicadores li{
	width: 15px;
	height: 15px;
	background-color: #ccc;
	margin-left: 10px;
	display: inline-block;
	list-style: none;
	border-radius: 15px;
}
.indicadores-mobile {
	margin: auto 0px;
}
.indicadores-mobile li{
	width: 10px;
	height: 10px;
	background-color: #ccc;
	margin-left: 5px;
	margin-bottom: 28px;
	display: inline-block;
	list-style: none;
	border-radius: 10px;
}

li.active{
	background-color: #e42322;
}
.ultimos-eventos:active{
	border-bottom: 5px solid #e42322;
	margin-left: 7px;
}
 #gridview:active, #listview:active{
 	border-bottom: 5px solid #e42322;
	margin-left: 7px;
	margin-top: 10px;
	width: 200px
 }
.eventos-pasados:active{
	border-bottom: 5px solid #e42322;
	margin-left: 7px;
}
@media (min-width: 320px) and (max-width: 990px){
	.pr-80{
		padding-right: 80px;
	}
	.logo-final{
		position: absolute;
		right: 0;
		z-index: 99

	}
}
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}
#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  text-align: center;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 15%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  color: #ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

.menujq ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.menujq a {
  display: inline-block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}

.menujq ul ul, .menujq ul ul ul {
  display: none;
  width: 100%;
}
.menujq ul ul a {
  padding-left: 20px;
  text-transform: capitalize;
}
.menujq ul ul ul a {
  padding-left: 40px;
  text-transform: capitalize;
}
@media screen and (max-width: 479px) {
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active,
  .nav-tabs-responsive > li.prev,
  .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev,
  .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a,
  .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text,
  .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after,
  .nav-tabs-responsive > li.next > a:after,
  .nav-tabs-responsive > li.prev > a:after,
  .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e079";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e080";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}

#tabs{
	width:800px;
  margin:0 auto;
  margin-top:2%;
  margin-bottom:2%;
  border-radius:3px;
}

.tab{
	min-height:200px;

	display:none;
	padding:12px;
  color:#444;

}

#toggle-tab1:checked ~ label[for="toggle-tab1"],#toggle-tab2:checked ~ label[for="toggle-tab2"],#toggle-tab3:checked ~ label[for="toggle-tab3"],#toggle-tab4:checked ~ label[for="toggle-tab4"]{

  margin-bottom:0;
  margin-right: 5px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  padding-bottom:18px;
  color:#606060;
  cursor:default;
}

#toggle-tab1:checked ~ #tab1,#toggle-tab2:checked ~ #tab2,#toggle-tab3:checked ~ #tab3,#toggle-tab4:checked ~ #tab4{
  display:block;
}

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

.carousel {
    margin-bottom: 0;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 50px;
	width: 50px;
	color: #000;
    margin-top: 90px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: rgba(206, 206, 206, 0.38);
}
.carousel-indicators .active {
background: #fff;
}
.item-active{
	overflow: hidden;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block !important;
}


/* Header Top Carrusel */
#headerCarrusel {
    height: auto;
    float: none;
}

#headerCarrusel .carousel-control {
    top: 45%;
    background-image: none;
    margin: 0;
}

.sede-Monterrico img {
	margin-bottom: 10px;
}

@media screen and (max-width: 780px) {
	.carousel-mobile .col-xs-6 {
	    width: 40%;
	    text-align: center;
	    margin: 0 auto;
	    display: inline-block;
	    float: none;
	    vertical-align: top;
	}

	.facultades-item-next, .facultades-item-prev {
		background-size: 70% !important;
	}

}

#modal-convenio-mobile .col-xs-6 {
    width: 42%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    float: none;
    vertical-align: top;
}

#modal-convenio-mobile .facultad-title {
	width: 90%;
    margin: 0 auto;
}

/*landing*/
#home-landing{
	height: 100%;
}

.login-floting{
	    box-shadow: 3px 0px 4px 0px #838683;
    	min-height: 330px;
}
.chica{
    background: url(../imagenes/postula/banner-01.jpg) center;
    width: 100%;
    background-repeat: no-repeat;
    height: 850px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
}
.chico-postula{
    background:  center;
    width: 100%;
    background-repeat: no-repeat;
    height: 850px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
}
.bloque{
	width:100%;height: 10000px;background: rgba(43, 44, 44, 0.6);background-size: 100%;position: relative;
}


.chico-admision{
	background: #555 url(../imagenes/admision/admision001.jpg) center;
    width: 100%;
    background-repeat: no-repeat;
    height: 850px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
}
.chico-ingenieria{
	background: #555 url('../imagenes/facultad/ingenieria/facu-ingenieria.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    height: 815px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
}
.chico-negocios{
	background: #555 url('../imagenes/facultad/negocios/adm-finanzas-1.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    height: 815px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
}
.chica-comunicaciones{
	background: #555 url('../imagenes/carreras/comunicaciones/com-audiovisual-02.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
}
@media screen and (max-width: 850px) {
	.chica{
		background: url('../imagenes/postula/banner-01.jpg') center;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
		padding-left: 5%;
	}
	.chico-ingenieria{
		background: #555 url('../imagenes/facultad/ingenieria/facu-ingenieria.jpg') center;
	    width: 100%;
	    background-repeat: no-repeat;
	    height: auto;
	    background-size: cover;
	    padding: 0;
	    background-attachment: fixed;
	    background-blend-mode: overlay;
	}
	.chico-postula{
	    background: url('../imagenes/postula/banner-01.jpg') center;
	    width: 100%;
	    background-repeat: no-repeat;
	    height: auto;
	    background-size: cover;
	    padding: 0;
	    background-attachment: fixed;
	    background-blend-mode: overlay;
	}
	.chico-negocios {
		height: auto;
	}
	.chica-comunicaciones{
	background: #555 url('../imagenes/facultad/comunicaciones/com-audiovisual-02-movil.jpg') center;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	}
	.text-westin-mobile h3 , .text-westin-mobile h4{
		color: #fff;
	}
	.ncuk-bg {
		height: auto !important;
	}
}

.bottom-red{
	    border-bottom: 2px solid #E42322;
}
.bottom-final-form{
	    padding: 10px;
    background: #e42322;
    width: 70px;
    color: #fff;
}
.logo{
	margin-top: -32px;
}
.name{
	background-color:rgba(228, 35, 34, 0.8);
	padding: 2%;
	width: 135px;
}
.quote{

	padding: 1%;

}
.primer-name{
	font-size: 3em !important;

}
.primer{
	font-size: 3.5em !important;
    letter-spacing: 0.5px;
}
#gran-paso{
	background:  url('../imagenes/tramaMat.png'), #e42322;
	width: 100%;
}

.hover-img-testimonio:hover{
	border: 2px solid #e42322;
	background: #e42322;
	padding: 4px;
	border-radius: 100%
}
.dni-footer{
	background: #000 url(../imagenes/trama_xs.png);
    width: 100%;
    background-repeat: repeat;
    background-blend-mode: screen;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(-100%);

}
.headroom--unpinned {
    transform: translateY(0%);
}



@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  40% {margin-left: -1400px;}
  60% {margin-left: -1800px;}
  80% {margin-left: -2600px;}
  100% {margin-left: -4200px;}
}



/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }
}
/********************************/
/*        termina   Media Queries       */
/********************************/

.thumbnail-modificado  .thumbnail{
	background-color: transparent !important;
	border: none !important;

}
.text-button{
	font-family: 'zizou-slab-bold' !important;
}
.border-circle img{
	border: 1px solid black;
	background-color: white;
    border-radius: 50%;
    padding: 5px;
    display: inline-block;
}
.video-campus{
	width: 100%;
	max-width: 320px;
}
@media (max-width:768px) and (min-width: 600px){
	.video-campus{
	width: 100%;
}
}

.conoce-mas-flecha{
	height: 13px !important;
    width: 16px !important;
}

/********************************EVENTOS********************************************/

.border-gray{
	border-bottom: 1px solid #C4C5C7;
	width: 300px;
	position: relative;
	position: center;
}
ul.list li section.right-view {
    display: block;
    margin-right: 10px;
}
ul.list li section.left img.thumb {
    float: left;
    margin-right: 10px;
}
ul.list li section.left img.featured-banner {
    position: absolute;
    left: -18px;
    top: 35px;
}
ul.list li section.left h3 {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #707375;
    font-size: 1.4em;
    line-height: 1.6em;
}
ul.list li section.left span.meta {
    color: #93989b;
    font-weight: normal;
    font-size: 1.1em;
}
ul.list li section.right span.price {
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
    color: #ad3939;
    font-size: 1.6em;
    text-align: right;
}
ul.list li section.right a.firstbtn {
    margin-right: 7px;
}
/** grid view **/

ul.grid {
    list-style: none;
    margin: 0 auto;
    padding-left: 25px;
}
ul.grid li.third {
    border: 0;
}
ul.grid li section.left {
    position: relative;
}
ul.grid li section.right-view {
    /* nothing */
}
ul.grid li section.left img.featured-banner {
    position: absolute;
    top: 0;
}

ul.grid li section.left span.meta {
    display: block;
    color: #93989b;
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 7px;
}
ul.grid li section.right-view span.price {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #ad3939;
    font-size: 1.75em;
}
ul.grid li section.right-view span.darkview {
    opacity: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 200px;
    margin: 0 15px;
    border-radius: 6px;
    background: rgba(40, 45, 55, 0.75);
    overflow: hidden;
    text-align: center;
    padding-top: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.25s linear 0s;
    -o-transition: opacity 0.25s linear 0s;
}
.tabs input {
	position: absolute;
	z-index: 1000;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}

.tabs label {
	cursor: pointer;
	line-height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	text-align: center;
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tab-label-2 {
    z-index: 3;
}

.tabs input:checked + label {
    background: #fff;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content {
	position: relative;
    width: 100%;
	height: 370px;
	z-index: 5;
}

.content div {
    position: absolute;
	top: 0;
	left: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
@media (min-width: 320px) and (max-width: 800px){
	.eventos-bg{
	background-color: transparent !important;
    }
    .chico-admision{
	background: #555 url(../imagenes/admision/admision001-movil.jpg) center;
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
	}
	.img-eventos{
	 height:250px !important;
	 width: 100% !important;
}
}
.evento-interna-hover{
	cursor: pointer;
}
.evento-interna-hover:hover, .evento-interna-hover h2:hover, .evento-interna-hover h5:hover{
	background-color: #3E3D3F;
	color: #FFFFFF;
}
.bg-talk{
	background: url("https://pregrado.upc.edu.pe/sites/default/files/styles/carrera_pregrado/public/upc/pregrado/facultades/es/facultad_de_artes_contemporaneas/carreras/artes_escenicas/facultad_imagen_principal/cabecera-artes-escenicas.jpg?itok=hoq2Nkz1") top center;
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-blend-mode: overlay;
}
input#form-evento, select#form-evento{
	background: #000000 !important;
	color: #FFFFFF !important;
	padding: 5px;
}
input#form-evento#check{
	position: initial;
}
#buttonEventos{
	border-top: 3px solid #e42322;
	border-bottom: 3px solid #e42322;
}
@media (min-width: 320px) and (max-width: 781px){
	.eventos-bg-white{
		margin-right: 0px !important;
		margin-top: 50px;
    }
}
#carrusel{
	float:left;
	width:588px;
	overflow:hidden;
	height:100px;
	position:relative;
	margin-top:20px;
}
#carrusel .izquierda_flecha{
	position:absolute;
	left:10px;
	z-index:1;
	top:50%;
	margin-top:-9px;
}
#carrusel .derecha_flecha{
	position:absolute;
	right:10px;
	z-index:1;
	top:50%;
	margin-top:-9px;
}
.carrusel{
	width:4000px;
	left:0px;
	position:absolute;
	z-index:0
}
.carrusel>div{
    float: left;
    height: 100px;
    margin-right: 5px;
    width: 195px;
    text-align:center;
}
.carrusel .img_carrusel{
	cursor:pointer;
}

#content {
    float:left;
    width:600px;
    margin-bottom:40px;
    margin:0px auto;
}
a#politica-evento:hover{
	color: #e42322;
}
a#politica-evento{
	text-decoration: underline;
}
.pp_social{
	visibility: hidden!important;
}
.pp_facebook{
	visibility: hidden!important;
}
@media (min-width: 320px) and (max-width: 480px){
img#fullResImage {
    width: 250px !important;
    height: 400px !important;
}
}
@media (min-width: 1096px) and (max-width: 1182px){
.col-lg-5.col-md-5.col-sm-5.col-xs-12.col-lg-offset-1.fecha.text-white.hidden-xs.hidden-md.hidden-sm.absolute.mb-12.pb-12.text-evento{
    bottom: 60px !important;
}
}
@media (min-width: 708px) and (max-width: 967px){
.option-termine{
	margin-left: 27px !important;
}
}
@media (min-width: 320px) and (max-width: 738px){
.container-fluid.container-slider.slider-eventos{
	position: relative !important;
}
.bg-white-transparent.p-28.absolute.mb-12{
	position: inherit !important;
}
}
@media (min-width: 320px) and (max-width: 480px){
	.base-evento.hidden-lg.hidden-sm.hidden-md{
	width: 75%;
	}
	section.bg-tarde.pd-28.eventos-interna{
		padding: 0 !important;
	}
	.bg-box-evento, ul.event-past{
		padding-left: 0 !important;
	}
}
/*YOSEQUEQUIERO LANIDNG*/

.bg-img{
	background-image: url('../imagenes/feria-responsive-03.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-yasequequiero{
	background: rgba(255, 255, 255, 0.8);
}
.bg-white-yasequequiero{
	background: rgba(255, 255, 255, 0.3);
}

/* TERMINA YOSEQUEQUIERO LANIDNG*/

.text-red-landing{
	color: #FF0000;
}
.border-bottom-red-landing{
	border-bottom: 7px solid #FF0000;
	width: 80px;
}
input#form-landing, select#form-landing{
	background-color: #FFFFFF !important;
	border: 1px solid #000000 !important;
}
.bg-white-yasequequiero{
	background-attachment: fixed !important;
	height: 855px;
}
.border-bottom-red-modal{
	border-bottom: 4px solid #e42322;
	width: 100px;
	position: relative;
	margin: auto;
}
.square-color{
	width: 7px;
	height: 7px;
	display: inline-block;
    margin-right: 2px;
}
.panel-default>.panel-heading {
	color: #fff !important;

}

.panel-default>.panel-heading.arquitectura{
	background-color: #e42322 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}


/*MALLAS CURRICULARES*/
.hoteleria-malla{
	background-color: #31b352!important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.educacion-malla{
	background-color: #e15407!important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.traduccion-malla{
	background-color: #633864 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.cienciasalud-malla{
	background-color: #108876 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.derecho-malla{
	background-color: #8a5335 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.disenio-malla{
	background-color: #0e75b3 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.comunicaciones-malla{
	background-color: #e1b315 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.ingenieria-malla{
	background-color: #8fc266 !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.economia-malla{
	background-color: #0f378b !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.negdeportes{
	background-color: #42abda !important;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	color: #fff;
}
.list-group-item{
	padding: 8px 10px !important;
}
.list-group li{
	letter-spacing: 0.3px;
    color: #1b1b1b;
}
.crd{
	font-family: 'Helvetica';
	font-size: 10px;
	margin-left: 4px;
    padding-top: 4px;
}
.btn{
	padding: 5px 35px !important;
}
.collapsed .fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.panel-heading.arquitectura{
	background-color: #e42322 !important;
	margin-bottom: 2px !important;
	color: #fff;
}
.list-group-item{
	margin-bottom: 2px !important;
	border: none !important;
}

/* Hoteleria */
.bg--item-hoteleria-hoteleria{
	background: rgba(26, 66, 91, 0.40);
}
.bg--item-hoteleria-hoteciencias{
	background: rgba(176, 202, 210, 0.65);
}
.bg--item-hoteleria-hotehumanidades{
	background: rgba(7, 108, 102, 0.40);
}
.bg--item-hoteleria-hoteadministracion{
	background: rgba(134, 168, 90, 0.49);
}
.bg--item-hoteleria-hotederecho{
	background: rgba(204, 204, 204, 0.47);
}
.bg--item-hoteleria-hotelectivos{
	background: rgba(113, 112, 105, 0.32);
}

/* turismo y administracion */
.bg--item-hoteleria-turicursos{
	background: rgba(255, 144, 0, 0.25);
}
.bg--item-hoteleria-turihumanidades{
	background: rgba(44, 35, 98, 0.51);
}
.bg--item-hoteleria-turiempresarial{
	background: rgba(132, 28, 191, 0.28);
}
.bg--item-hoteleria-turiciencias{
	background: rgba(22, 122, 123, 0.49);
}
.bg--item-hoteleria-turiderecho{
	background: rgba(174, 225, 168, 0.50);
}
.bg--item-hoteleria-turielectivos{
	background: rgba(65, 222, 255, 0.32);
}

/* Educación */
.bg--item-educacion-fundamentos{
	background: rgba(103, 34, 156, 0.33);
}
.bg--item-educacion-gestion{
	background: rgba(145, 61, 81, 0.40);
}
.bg--item-educacion-generales{
	background: rgba(217, 123, 203, 0.40);
}
.bg--item-educacion-electivo{
	background: rgba(255, 204, 247, 0.90);
}
.bg--item-educacion-especialidad{
	background: rgba(27, 124, 255, 0.40);
}

/*Derecho*/
.bg--item-derecho-civil{
	background: rgba(60, 151, 252, 0.18);
}
.bg--item-derecho-constitucion{
	background: rgba(19, 57, 100, 0.26);
}
.bg--item-derecho-humanidades{
	background: rgba(163, 169, 255, 0.33);
}
.bg--item-derecho-finanzas{
	background: rgba(85, 85, 85, 0.30);
}
.bg--item-derecho-empresa{
	background: rgba(216, 9, 131, 0.14);
}
.bg--item-derecho-administrativo{
	background: rgba(201, 255, 162, 0.35);
}
.bg--item-derecho-liderazgo{
	background: rgba(192, 173, 224, 0.50);
}
.bg--item-derecho-penal{
	background: rgba(137, 14, 172, 0.18);
}
.bg--item-derecho-procesal-civil{
	background: rgba(129, 121, 211, 0.40);
}
.bg--item-derecho-internacional{
	background: rgba(141, 39, 63, 0.30);
}

/*Diseño y Gestión en Moda*/
.bg--item-dismoda-tecnicas{
	background: rgba(108, 120, 63, 0.33);
}
.bg--item-dismoda-disenio{
	background: rgba(200, 231, 170, 0.40);
}
.bg--item-dismoda-historia{
	background: rgba(255, 90, 0, 0.30);
}
.bg--item-dismoda-talleres{
	background: rgba(205, 1, 1, 0.30);
}
.bg--item-dismoda-analisis{
	background: rgba(200, 201, 203, 0.47);
}
.bg--item-dismoda-digital{
	background: rgba(255, 224, 116, 0.40);
}
.bg--item-dismoda-gestion{
	background: rgba(201, 172, 216, 0.54);
}
.bg--item-dismoda-mencion{
	background: rgba(201, 64, 161, 0.30);
}

/*Diseño de Interiores*/
.bg--item-disinteriores-fundamentos{
	background: rgba(239, 62, 87, 0.15);
}
.bg--item-disinteriores-taller{
	background: rgba(72, 190, 165, 0.20);
}
.bg--item-disinteriores-humanidades{
	background: rgba(255, 223, 78, 0.42);
}
.bg--item-disinteriores-tecnologia{
	background: rgba(118, 82, 82, 0.20);
}
.bg--item-disinteriores-gestion{
	background: rgba(224, 204, 158, 0.65);
}
.bg--item-disinteriores-comercial{
	background: rgba(37, 37, 36, 0.30);
}
.bg--item-disinteriores-electivos{
	background: rgba(255, 138, 0, 0.25);
}

/*Terapia Física*/
.bg--item-saluterapia-generales{
	background: rgba(255, 0, 0, 0.18);
}
.bg--item-saluterapia-fundamentos{
	background: rgba(68, 180, 158, 0.51);
}
.bg--item-saluterapia-estructura{
	background: rgba(248, 182, 103, 0.51);
}
.bg--item-saluterapia-gestion{
	background: rgba(82, 118, 200, 0.38);
}
.bg--item-saluterapia-investigacion{
	background: rgba(158, 81, 198, 0.47);
}
.bg--item-saluterapia-educacion{
	background: rgba(243, 216, 38, 0.25);
}
.bg--item-saluterapia-rotaciones{
	background: rgba(173, 239, 170, 0.48);
}
.bg--item-saluterapia-electivos{
	background: rgba(88, 100, 87, 0.40);
}
.bg--item-saluterapia-comportamiento{
	background: rgba(166, 47, 55, 0.38);
}

/*Traducción*/
.bg--item-traduc-investigacion{
	background: rgba(168, 168, 168, 0.60);
}
.bg--item-traduc-interculturalidad{
	background: rgba(39, 102, 108, 0.40);
}
.bg--item-traduc-empresarial{
	background: rgba(227, 227, 227, 0.80);
}
.bg--item-traduc-lenguamater{
	background: rgba(253, 171, 64, 0.40);
}
.bg--item-traduc-segunlenguas{
	background: rgba(0, 0, 0, 0.40);
}
.bg--item-traduc-traductologia{
	background: rgba(242, 232, 179, 0.90);
}
.bg--item-traduc-habilidades{
	background: rgba(255, 255, 62, 0.40);
}
.bg--item-traduc-tecnologia{
	background: rgba(255, 0, 0, 0.27);
}
.bg--item-traduc-interpretacion{
	background: rgba(99, 31, 31, 0.47);
}
.bg--item-traduc-electivo{
	background: rgba(116, 209, 206, 0.54);
}
.bg--item-traduc-sinfondo{
	background: rgba(255, 255, 255, 0.99);
}



/*Diseño Gráfico*/
.bg--item-disgrafico-fundamentos{
	background: rgba(191, 201, 207, 0.33);
}
.bg--item-disgrafico-general{
	background: rgba(143, 146, 200, 0.36);
}
.bg--item-disgrafico-LE{
	background: rgba(188, 39, 112, 0.20);
}
.bg--item-disgrafico-LD{
	background: rgba(190, 208, 0, 0.30);
}
.bg--item-disgrafico-LC{
	background: rgba(247, 166, 0, 0.30);
}
.bg--item-disgrafico-LP{
	background: rgba(0, 78, 158, 0.18);
}
.bg--item-disgrafico-electivo{
	background: rgba(1, 162, 141, 0.15);
}


/*Ingenieria de Gestión Minera*/
.bg--item-ingminera-humanidades{
	background: rgba(197, 226, 35, 0.30);
}
.bg--item-ingminera-matematica{
	background: rgba(38, 214, 199, 0.18);
}
.bg--item-ingminera-gestion{
	background: rgba(5, 191, 0, 0.20);
}
.bg--item-ingminera-geociencias{
	background: rgba(141, 76, 13, 0.30);
}
.bg--item-ingminera-ingaplicada{
	background: rgba(128, 10, 10, 0.15);
}
.bg--item-ingminera-proyectos{
	background: rgba(0, 68, 3, 0.25);
}
.bg--item-ingminera-especializacion{
	background: rgba(20, 92, 147, 0.25);
}

/*Ingenieria de Gestión Empresarial*/
.bg--item-ingempresarial-humanidades{
	background: rgba(13, 166, 176, 0.22);
}
.bg--item-ingempresarial-matematica{
	background: rgba(143, 99, 22, 0.28);
}
.bg--item-ingempresarial-proyectos{
	background: rgba(183, 205, 255, 0.40);
}
.bg--item-ingempresarial-empresarial{
	background: rgba(150, 10, 138, 0.10);
}
.bg--item-ingempresarial-gestion{
	background: rgba(53, 42, 52, 0.35);
}
.bg--item-ingempresarial-especializacion{
	background: rgba(62, 109, 91, 0.30);
}

/*Ciencias de la computación*/
.bg--item-computacion-cienciascomput{
	background: rgba(255, 252, 0, 0.20);
}
.bg--item-computacion-humanidades{
	background: rgba(41, 41, 41, 0.25);
}
.bg--item-computacion-ciencias{
	background: rgba(192, 220, 0, 0.25);
}
.bg--item-computacion-administracion{
	background: rgba(199, 160, 4, 0.25);
}
.bg--item-computacion-ingsoftware{
	background: rgba(255, 0, 0, 0.35);
}
.bg--item-computacion-electivo{
	background: rgba(115, 124, 11, 0.30);
}
.bg--item-computacion-tecnologia{
	background: rgba(255, 96, 0, 0.25);
}
.bg--item-computacion-practica{
	background: rgba(61, 18, 126, 0.15);
}

/*Ing-Gestión-Ambiental*/

.bg--item-ingamb-ambiental{
	background: rgba(173, 215, 3, 0.25);
}
.bg--item-ingamb-gestion{
	background: rgba(179, 228, 249, 0.35);
}
.bg--item-ingamb-generales{
	background: rgba(255, 250, 120, 0.50);
}
/*Ingenieria Mecatrónica*/
.bg--item-meca-hh{
	background: rgba(50, 182, 179, 0.16);
}
.bg--item-meca-cb{
	background: rgba(79, 41, 118, 0.18);
}
.bg--item-meca-mc{
	background: rgba(147, 194, 73, 0.30);
}
.bg--item-meca-cs{
	background: rgba(193, 204, 10, 0.30);
}
.bg--item-meca-el{
	background: rgba(47, 77, 200, 0.19);
}
.bg--item-meca-ge{
	background: rgba(234, 79, 83, 0.25);
}
.bg--item-meca-ee{
	background: rgba(41, 74, 6, 0.25);
}

/*Ingenieria Electrónica*/
.bg--item-electro-hh{
	background: rgba(70, 136, 116, 0.25);
}
.bg--item-electro-cb{
	background: rgba(34, 170, 41, 0.17);
}
.bg--item-electro-cs{
	background: rgba(19, 66, 43, 0.25);
}
.bg--item-electro-ele{
	background: rgba(176, 208, 63, 0.25);
}
.bg--item-electro-ge{
	background: rgba(195, 30, 235, 0.30);
}
.bg--item-electro-elc{
	background: rgba(154, 230, 162, 0.40);
}
/*Ingenieria de Sistemas*/
.bg--item-ingsis-hh{
	background: rgba(255, 160, 119, 0.30);
}
.bg--item-ingsis-cc{
	background: rgba(168, 224, 250, 0.51);
}
.bg--item-ingsis-cb{
	background: rgba(255, 250, 194, 0.81);
}
.bg--item-ingsis-adm{
	background: rgba(255, 171, 40, 0.25);
}
.bg--item-ingsis-ing{
	background: rgba(81, 78, 143, 0.23);
}
.bg--item-ingsis-ti{
	background: rgba(89, 169, 76, 0.28);
}
.bg--item-ingsis-si{
	background: rgba(0, 161, 156, 0.28);
}
.bg--item-ingsis-pp{
	background: rgba(122, 206, 214, 0.30);
}
.bg--item-ingsis-elc{
	background: rgba(105, 137, 99, 0.30);
}
/*Ingenieria de Software*/
.bg--item-soft-hh{
	background: rgba(47, 159, 174, 0.15);
}
.bg--item-soft-cc{
	background: rgba(5, 181, 157, 0.21);
}
.bg--item-soft-cb{
	background: rgba(63, 11, 168, 0.17);
}
.bg--item-soft-adm{
	background: rgba(246, 139, 51, 0.25);
}
.bg--item-soft-ing{
	background: rgba(171, 205, 51, 0.25);
}
.bg--item-soft-ti{
	background: rgba(118, 2, 40, 0.20);
}
.bg--item-soft-elc{
	background: rgba(176, 176, 176, 0.25);
}
.bg--item-soft-pp{
	background: rgba(7, 99, 159, 0.30);
}
/*Ingenieria Industrial*/
.bg--item-indus-pr{
	background: rgba(223, 218, 170, 0.60);
}
.bg--item-indus-ge{
	background: rgba(143, 173, 104, 0.40);
}
.bg--item-indus-hh{
	background: rgba(187, 225, 241, 0.30);
}
.bg--item-indus-ia{
	background: rgba(104, 87, 82, 0.40);
}
.bg--item-indus-cm{
	background: rgba(140, 141, 140, 0.40);
}
.bg--item-indus-di{
	background: rgba(237, 110, 121, 0.25);
}
.bg--item-indus-el{
	background: rgba(207, 208, 208, 0.40);
}
/*Ing-civil*/
.bg--item-ingciv-humanidades{
	background: rgba(100, 4, 131, 0.20);
}
.bg--item-ingciv-transporte{
	background: rgba(255, 174, 0, 0.35);
}
.bg--item-ingciv-construccion{
	background: rgba(255, 84, 0, 0.25);
}
.bg--item-ingciv-cienciasbasicas{
	background: rgba(255, 240, 0, 0.25);
}
.bg--item-ingciv-geotecnia{
	background: rgba(6, 39, 202, 0.30);
}
.bg--item-ingciv-gestion{
	background: rgba(78, 213, 189, 0.32);
}
.bg--item-ingciv-estructuras{
	background: rgba(239, 22, 196, 0.15);
}
.bg--item-ingciv-hidraulica{
	background: rgba(212, 241, 254, 0.45);
}
.bg--item-ingciv-integracion{
	background: rgba(153, 233, 50, 0.32);
}
.bg--item-ingciv-electivos{
	background: rgba(48, 141, 255, 0.30);
}
/*Contabilidad*/

.bg--item-management-cont{
	background: rgba(42, 125, 226, 0.35);
}
.bg--item-neg-cont{
	background: rgba(204, 224, 125, 0.45);
}
/*Adm-rrhh*/
.bg--item-management-rrhh{
	background: rgba(185, 229, 251, 0.50);
}
.bg--item-neg-rrhh{
	background: rgba(12, 129, 89, 0.45);
}
/*Adm-negocios propios*/
.bg--item-negpropios-negpropios{
	background: rgba(33, 110, 95, 0.30);
}
.bg--item-negpropios-management{
	background: rgba(81, 69, 105, 0.30);
}
/*Adm-nnii*/
.bg--item-management-nnii{
	background: rgba(0, 180, 241, 0.20);
}
.bg--item-neg-nnii{
	background: rgba(187, 215, 81, 0.35);
}
/*Adm-marketing*/
.bg--item-management-mkt{
	background: rgba(136, 203, 185, 0.50);
}
.bg--item-neg-mkt{
	background: rgba(171, 177, 55, 0.51);
}
/*Adm-finanzas*/
.bg--item-management-finan{
	background: rgba(7, 63, 125, 0.30);
}
.bg--item-neg-finanzas{
	background: rgba(125, 177, 12, 0.40);
}
/*Gastronomía y Negocios Propios*/
.bg--item-cursos-carrera{
	background: rgba(66, 139, 72, 0.38);
}
.bg--item-ciencias{
	background: rgba(94, 182, 0, 0.22);
}
.bg--item-negocios{
	background: rgba(214, 214, 214, 0.9);
}
.bg--item-humanidades{
	background: rgba(180, 145, 59, 0.3);
}
.bg--item-derecho{
	background: rgba(47, 47, 41, 0.45);
}
/*Agronegocios*/
.bg--item-management-agro{
	background: rgba(226, 240, 250, 0.90);
}
.bg--item-neg-agronegocios{
	background: rgba(218, 239, 76, 0.70);
}
/*Deporte*/
.bg--item-management{
	background: rgba(70, 167, 173, 0.45);
}
.bg--item-neg-deporte{
	background: rgba(217, 236, 208, 0.90);
}
/*Arquitectura*/
.bg--item-diseno{
	background: rgba(235, 90, 90, 0.33);
}
.bg--item-historia{
	background: rgba(235, 90, 90, 0.51);
}
.bg--item-visual{
	background: #ccc;
}
.bg--item-gestion{
	background: rgba(153, 95, 94, 0.49);
}
.bg--item-urbanismo{
	background: rgba(166, 184, 16, 0.47);
}
/*ELECTIVO - usar para todas las carreras*/
.bg--item-electivo{
	background: rgba(0, 0, 0, 0.32);
}
.bg--item-basicas{
	background: rgba(208, 173, 99, 0.54);
}
.bg--item-empty{
	background: #ebebec;
	border: 1px solid #ddd !important;
}
/*Psicología*/

.bg--item-investigacion{
	background: rgba(126, 185, 228, 0.32);
}
.bg--item-diagnostico{
	background: rgba(213, 1, 106, 0.25);
}
.bg--item-desarrollo{
	background:  rgba(54, 18, 156, 0.30);
}
.bg--item-analisis{
	background:  rgba(138, 7, 167, 0.20);
}
.bg--item-gestion{
	background:  rgba(255, 227, 242, 0.8);
}
.bg--item-comunicacion{
	background:  rgba(254, 253, 128, 0.4);
}
.bg--item-intervencion{
	background:  rgba(183, 206, 27, 0.25);
}
.bg--item-fundamento{
	background:  rgba(209, 211, 199, 0.7);
}
.bg--item-sentido{
	background:  rgba(107, 108, 103, 0.6);
}
.bg--item-todas{
	background:  rgba(67, 68, 63, 0.6);
}
.bg--item-electivo{
	background:  rgba(112, 149, 185, 0.6);
}
/*GESTION EN MODAS*/
.bg--item-moda-1{
	background:rgba(108, 120, 63, 0.55);
}
.bg--item-moda-2{
	background:rgba(200, 231, 170, 0.45);
}
.bg--item-moda-3{
	background:rgba(255, 90, 0, 0.30);
}
.bg--item-moda-4{
	background:rgba(205, 1, 1, 0.25);
}
.bg--item-moda-5{
	background: rgba(200, 201, 203, 0.47);
}
.bg--item-moda-6{
	background: rgba(255, 224, 116, 0.40);
}
.bg--item-moda-7{
	background: rgba(201, 172, 216, 0.54);
}
.mencion-tap-modas{
	background: rgba(201, 64, 161, 0.30);
}
.mencion-ge-modas{
	background: rgba(68, 54, 146, 0.62);
}
/*COMUNICACIÓN Y PERIODISMO*/
.bg--item-comperiodismo-humanidades{
	background: rgba(147, 149, 152, 0.33);
}
.bg--item-comperiodismo-gestion{
	background: rgba(3, 57, 75, 0.33);
}
.bg--item-comperiodismo-periodismo{
	background: rgba(35, 31, 32, 0.28);
}
.bg--item-comperiodismo-electivo{
	background: rgba(24, 127, 160, 0.27);
}
/*COMUNICACIÓN EMPRESARIAL*/
.bg--item-comempresarial-humanidades{
	background: rgba(255, 216, 0, 0.33);
}
.bg--item-comempresarial-comercial{
	background: rgba(172, 199, 255, 0.40);
}
.bg--item-comempresarial-imagen{
	background: rgba(255, 156, 0, 0.26);
}
.bg--item-comempresarial-gerencia{
	background: rgba(35, 155, 131, 0.40);
}
.bg--item-comempresarial-herramientas{
	background: rgba(82, 15, 151, 0.30);
}
.bg--item-comempresarial-periodismo{
	background: rgba(168, 57, 117, 0.32);
}
.bg--item-comempresarial-electivo{
	background: rgba(47, 58, 199, 0.35);
}
/*COMUNICACIÓN MARKETING*/
.bg--item-comarketing-humanidades{
	background: rgba(156, 156, 156, 0.45);
}
.bg--item-comarketing-herramientas{
	background: rgba(71, 99, 44, 0.30);
}
.bg--item-comarketing-marketing{
	background: rgba(255, 43, 27, 0.12);
}
.bg--item-comarketing-comunicacion{
	background: rgba(255, 215, 30, 0.40);
}
/*COMUNICACIÓN AUDIOVISUAL*/
.bg--item-comaudiovisual-generales{
	background: rgba(192, 207, 64, 0.30);
}
.bg--item-comaudiovisual-comunicaciones{
	background: rgba(114, 187, 81, 0.30);
}
.bg--item-comaudiovisual-audiovisual{
	background: rgba(99, 56, 151, 0.20);
}
.bg--item-comaudiovisual-electivos{
	background: rgba(159, 198, 247, 0.45);
}
/*COMUNICACIÓN Y PUBLICIDAD*/
.bg--item-compublicidad-humanidades{
	background: rgba(131, 46, 159, 0.20);
}
.bg--item-compublicidad-gestion{
	background: rgba(84, 124, 204, 0.40);
}
.bg--item-compublicidad-marketing{
	background: rgba(255, 42, 0, 0.20);
}
.bg--item-compublicidad-publicidad{
	background: rgba(255, 228, 0, 0.25);
}
.bg--item-compublicidad-electivos{
	background: rgba(63, 63, 61, 0.40);
}
/*COMUNICACIÓN Y PERIODISMO*/
.bg--item-comperiodismo-humanidades{
	background: rgba(147, 149, 152, 0.33);
}
.bg--item-comperiodismo-gestion{
	background: rgba(3, 57, 75, 0.33);
}
.bg--item-comperiodismo-periodismo{
	background: rgba(35, 31, 32, 0.28);
}
.bg--item-comperiodismo-electivo{
	background: rgba(24, 127, 160, 0.27);
}
/*ECONOMIA GERENCIAL*/
.bg--item-ecogerencial-economia{
	background: rgba(35, 31, 32, 0.20);
}
.bg--item-ecogerencial-matematica{
	background: rgba(193, 105, 86, 0.20);
}
.bg--item-ecogerencial-finanzas{
	background: rgba(94, 108, 72, 0.40);
}
.bg--item-ecogerencial-humanidades{
	background: rgba(146, 98, 74, 0.40);
}
.bg--item-ecogerencial-contabilidad{
	background: rgba(88, 102, 134, 0.35);
}
.bg--item-ecogerencial-gerencia{
	background: rgba(195, 188, 142, 0.50);
}
.bg--item-ecogerencial-electivos{
	background: rgba(220, 221, 222, 0.99);
}
/*ECONOMIA Y FINANZAS*/
.bg--item-ecofin-economia{
	background: rgba(214, 209, 117, 0.33);
}
.bg--item-ecofin-matematica{
	background: rgba(106, 107,89, 0.31);
}
.bg--item-ecofin-contabilidad{
	background: rgba(110, 143 ,101, 0.51);
}
.bg--item-ecofin-humanidades{
	background: rgba(90, 74, 66, 0.49);
}
/**.bg--item-ecofin-derecho{
	background: rgba(188, 178, 138, 0.47);
}**/
.bg--item-ecofin-electivos{
	background: rgba(149, 185, 209, 0.32);
}
.btn-principal{
	font-size: 25px !important;
}
.btn-vive-mobile {
    border: 1px solid #fff !important;
    border-radius: 0px !important;
    background: transparent;
    color: #fff !important;
}
.btn-vive-mobile:hover{
	background: #fff !important;
	color: #000 !important;
	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
transition: all 0.20s ease-in-out;
}
.btn-vive-mobile:focus{
	background: #fff !important;
	color: #000 !important;
}
/**MUSICA**/
.bg-gray-music{
	background: #a9a8a8;
}
.bg-gray-music1{
	background: #6f6f6f;
}
.bg-item-gris-music{
	background: rgba(225,225,225,0.50);
}
.bg-item-purple-music{
	background: rgba(185,130,208,0.45);
}
.bg-item-pink-music{
	background: #CB71AB;
}
.bg-item-graydark-music{
	background: #bfbfbf;
}
.bg-item-grayclear-music{
	background: #cecece;
}
.bg-item-orange-music{
	background: rgba(255,204,100,0.45);
}
.bg-item-yellow-music{
	background: rgba(240,228,94,0.58);
}
.bg-item-electivos-music{
	background: #f8deef;
}
.bg-item-mencion-a-music{
	background: rgba(15, 142, 218, 0.55);
}
.bg-item-mencion-b-music{
	background: rgba(15, 142, 218, 0.30);
}
.bg-item-mencion-c-music{
	background: rgba(15, 142, 218, 0.18);
}
.bg-item-red-music{
	background: #E3000F;
}
.bg-ciclo{
	height: 20px;
	border-bottom: 5px solid #000 !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
 border: 3px solid #fff !important;
 letter-spacing: 0.5px;
 color: #272727;
 font-size: 11px;
 font-family: "zizou-slab-regular";
}
ul.img-list li {
  position: relative;
  float: left; }

.text {
  background: rgba(0,0,0,0.8);
  color: white;
  font-size: 1.2em;
  height: 100%;
  width: 100%;
  padding: 89px 10%;
  line-height: 23px;
  overflow: hidden;
  position: absolute;
  left: 0;
  font-family: 'Helvetica'; /*Firefox*/
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
ul.img-list li:hover span.text {
  opacity: 1;

}
.evento-text{
	position: absolute;
	z-index: 99;
	width: 200px;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
/*Background de eventos*/
.ex {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/eventos/feria-westin/feria-bg-movil.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
  width:100%;
  height: 250px;
}
.ex-1 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/eventos/evento-innovation-listado.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
  width:100%;
  height: 250px;
  position: relative;
}
.ex-2 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/open-campus/uc-sanisidro-2.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
  width:100%;
  height: 250px;
}

.ex-3 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/open-campus/uc-villa-2.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
    width:100%;
  height: 250px;
}
.ex-4 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/eventos/evento-02.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
    width:100%;
  height: 250px;
}

.ex-5 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/open-campus/uc-monterrico-2.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
    width:100%;
  height: 250px;
}

.ex-6 {
  background-image:  url('../imagenes/eventos/opacidad.png'), url('../imagenes/open-campus/uc-sanmiguel-2.jpg');
  background-size: auto, cover;
  background-position: 50% 50%;
  padding: 0;
  margin: 0;
    width:100%;
  height: 250px;
}

.texto-overlay {
  font-size: calc(1em + 1vw);
  color: white;
  font-weight: normal;
  text-align: left;
  padding-left: 6%;
}
.event-button{
	    bottom: 0px;

}
select#form-landing{
   color: black !important;
	padding: 5px;

}
@media (min-width: 908px) and (max-width: 1025px){
	.modal-content.campus-ipad{
	width: 90% !important;
	margin: 70px 8px;
	}
}

.bg-grey-pension{
	background: #3c3c3c;
}

/*OPEN CAMPUS*/
.bg-open-sanmiguel{
	background-image: url('../imagenes/interna-eventos-todas/baner-1400x636-final.gif');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-open-sm{
	background: #333 url('../imagenes/interna-eventos-todas/banner-oc-movil.gif');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-open-sanisidro{

	background-image: url('../imagenes/interna-eventos-todas/baner-1400x636-final.gif');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-open-si{
	background: #333 url('../imagenes/interna-eventos-todas/banner-oc-movil.gif');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-open-monterrico{
	background-image: url('../imagenes/interna-eventos-todas/baner-1400x636-final.gif');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-open-mo{
	background: #333 url('../imagenes/interna-eventos-todas/banner-oc-movil.gif');
	width: 100%;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-open-villa{
	background-image: url('../imagenes/interna-eventos-todas/baner-1400x636-final.gif');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-open-vi{
	background: #333 url('../imagenes/interna-eventos-todas/banner-oc-movil.gif');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-open-campus{
	background-attachment: fixed !important;
	height: 855px;
}
.bg-open-campus{
	background: rgba(0, 0, 0, 0.55);
}
.bg-open{
	background-attachment: fixed !important;
	height: 800px;
}
.bg-open{
	background: rgba(0, 0, 0, 0.55);
}
.marketing-live{
	background-image: url('../imagenes/eventos/mkt-live-1400x646px.jpg');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.marketing-live-mobile{
	background-image: url('../imagenes/eventos/mobile-mkt-live-2.jpg');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.text-open{
	color: #f99d17;
}
.text-gray-eventos{
	color: #B5B5B5;
}
/*WEBINARS*/
.bg-webinar-arquitectura{
	background: #555 url('../imagenes/interna-eventos-todas/arquitectura-1400x646.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-webinar-arqui{
	background: #333 url('../imagenes/interna-eventos-todas/700x700/baner700x700-04.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.bg-webinar-derecho{
	background-image: url('../imagenes/interna-eventos-todas/derecho-1400x646.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-webinar-dere{
	background: #555 url('../imagenes/interna-eventos-todas/700x700/baner700x700-06.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.bg-webinar-ing-civil{
	background-image: url('../imagenes/interna-eventos-todas/ingenieria-civil-1400x646.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-webinar-ing-civ{
	background: #333 url('../imagenes/interna-eventos-todas/700x700/baner700x700-01.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.bg-webinar-medicina{
	background-image: url('../imagenes/carreras/medicina/medicina-desktop.jpg');
	width: 100%;
	height: 655px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-webinar-medi{
	background: #555 url('../imagenes/interna-eventos-todas/700x700/baner700x700-03.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.bg-webinar-comunicaciones{
	background: #555 url('../imagenes/carreras/comunicaciones/com-y-mkt.jpg');
	width: 100%;
	height: 655px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-eventos{
	background: #555 url('../imagenes/eventos/banner-principal-eventos.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode:overlay;
}
.caja-evento-open{
	text-align:right;
}
@media(max-width: 765px) and (min-width: 320px){
	.caja-evento-open{
		text-align: center !important;
	}
	.bg-eventos{
			background: #555 url('../imagenes/eventos/banner-principal-eventos.jpg') left;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 12%;
			background-blend-mode:overlay;
	}
}

.bg-webinar-negocios{
	background-image: url('../imagenes/interna-eventos-todas/1400x646/webinar-negocios.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-webinar-negocios-responsive{
	background: #333 url('../imagenes/interna-eventos-todas/700x700/baner700x700-05.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.bg-webinar-ing-industrial{
	background-image: url('../imagenes/interna-eventos-todas/1400x646/webinar-ing-industrial.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-webinar-ing-indu{
	background: #333 url('../imagenes/interna-eventos-todas/700x700/baner700x700-02.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
/*CONFERENCIA NEGOCIOS*/
.bg-conferencia-negocios{
	background-image: url('../imagenes/eventos/bg-negocios-propios2.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
}
.bg-conferencia-negocios-1{
	background-image: url('../imagenes/eventos/bg-anp-2.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
}
.bg-conferencia-responsive{
	background-image: url('../imagenes/eventos/negocios-responsive-03.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*registros*/
form.register-form {
	background: #f5f8fa;
}

.facultad-container h3 {
    text-align: left;
}

.facultad-container h4 {
  text-align: left;
  margin-bottom: 15px;
}

.facultad-container .career {
	background-color: #f4f5f7;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 11.73%;
	vertical-align: top;
	text-align: center;
	height: 120px;
	margin: 4px;
	border: 1px solid #c5c9cc !important;
}
.conferencia-negocios-template{
	background: #555 url('/imagenes/carreras/admnegociospropios/adm-y-gerencia-del-emprendimiento.jpg');
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 850px;
	background-blend-mode: overlay;
}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);



@media (max-width: 1080px) {
	.facultad-container .career {
		width: 22%;
	}
}


@media (max-width: 768px) {
	.facultad-container .career {
		width: 43%;
	}
	.carrera-civil, .carrera-industrial, .carrera-adm-mkt, .carrera-adm-neg-internacionales, .carrera-derecho, .carrera-ing-minera, .carrera-adm-finanzas, .carrera-adm-rrhh, .contab-admin, .carrera-adm-agronegocios, .admin-negocios-deporte, .ciencias-computacion, .ing-empresarial, .ing-sistemas, .ing-software, .ing-electronica, .ing-mecatronica, .carrera-medicina, .bg-webinar-ingenieria, .carrera-musica, .carrera-psicologia, .carrera-odontologia, .carrera-traduccion, .carrera-finanzas, .carrera-nutricion, .carrera-turismo, .carrera-economia-negocios, .carrera-economia-gerencial, .carrera-educacion, .carrera-hoteleria, .bg-open-villa, .bg-open-monterrico, .bg-open-sanisidro, .bg-open-sanmiguel{
		min-height: auto !important;
		padding: 3em 0;
	}
}

@media (max-width: 480px) {
.conferencia-negocios-mobile{
	background-image:url('/imagenes/carreras/admnegociospropios/img-anp-mov.jpg');
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center left;
}
	.carrera-ambiental{
	background-image:url('/imagenes/carreras/inggestionambiental/ing-gestion-ambiental-02.jpg');
	width: 100%;
	height: 900px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
	.carrera-artes-escenicas{
		background-image:url('/imagenes/carreras/artes-escenicas/artes-02.jpg');
		width: 100%;
		height: 900px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center right;
	}
}
.carrera-medicina{
	background-image:url('/imagenes/carreras/medicina/medicina-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.ing-ambiental{
	background-image:url('/imagenes/carreras/inggestionambiental/ing-gestion-ambiental-02.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-artes-escenicas{
	background-image:url('/imagenes/carreras/artes-escenicas/artes-escenicas1.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-civil{
	background: #555 url('/imagenes/carreras/ingcivil/civil-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-industrial{
	background-image:url('/imagenes/carreras/ingindustrial/ing-industrial-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-adm-mkt{
	background-image:url('/imagenes/carreras/admmarketing/003.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-adm-neg-internacionales{
	background: #555 url('/imagenes/carreras/admnegocios/adm-y-ni.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-derecho{
	background-image:url('/imagenes/carreras/derecho/derecho-portada.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-cav{
	background: #555 url('/imagenes/carreras/comunicaciones/com-y-publicidad.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-publi{
	background: #555 url('/imagenes/carreras/comunicaciones/com-y-publicidad.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-com-mkt{
	background: #555 url('/imagenes/carreras/comunicaciones/com-y-mkt.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-com-per{
	background-image:url('/imagenes/carreras/comunicaciones/com-periodismo-03.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-com-imagen{
	background: #555 url('/imagenes/carreras/comunicaciones/com-img-empresarial.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-diseno-grafico{
	background-image:url('/imagenes/carreras/diseno-grafico/diseno-grafico-1.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-moda{
	background-image:url('/imagenes/carreras/diseno-moda/diseno-moda-2.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-tfisica{
	background: #555 url('/imagenes/carreras/terapia-fisica/terapia-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.diseno-interiores{
	background-image:url('/imagenes/carreras/diseno-interiores/diseno-profesional-interiores-1.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-ing-minera{
	background-image:url('/imagenes/carreras/ingminera/ing-minera-1.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-adm-finanzas{
	background: #555 url('/imagenes/carreras/admfinanzas/adm-y-finanzas.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-adm-rrhh{
	background: #555 url('/imagenes/carreras/admrrhh/adm-y-rrhh.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.contab-admin{
	background: #555 url('/imagenes/carreras/contabilidad/contabilidad-y-adm.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-arquitectura{
	background: #555 url('/imagenes/carreras/arquitectura/arquitectura.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-adm-agronegocios{
	background-image:url('/imagenes/carreras/agronegocios/001.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.admin-negocios-deporte{
	background: #555 url('/imagenes/carreras/deporte/adm-y-negocios-del-deporte.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.ciencias-computacion{
	background-image:url('/imagenes/carreras/cienciascomputacion/computacion-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}
.ing-empresarial{
	background-image:url('/imagenes/carreras/ingempresarial/ing-ges-empresarial-1.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}
.ing-sistemas{
	background-image:url('/imagenes/carreras/ingsistemas/sistemas-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	background-blend-mode: overlay;
}
.ing-software{
	background-image:url('/imagenes/carreras/ingsoftware/software-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}
.ing-electronica{
	background-image:url('/imagenes/carreras/ingelectronica/ing-electronica-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}
.ing-mecatronica{
	background-image:url('/imagenes/carreras/ingmecatronica/ing-mecatronica-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-musica{
	background-image:url('/imagenes/carreras/musica/musica-02.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-psicologia{
	background-image:url('/imagenes/carreras/psicologia/psicologia-1.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-odontologia{
	background: #555 url('/imagenes/carreras/odontologia/odontologia-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-traduccion{
	background-image:url('/imagenes/carreras/traduccion/traduccion3.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-finanzas{
	background: #555 url('/imagenes/carreras/eco-finanzas/economia-y-finanzas.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-nutricion{
	background-image:url('/imagenes/carreras/nutricion/foto-nutricion-desktop.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode: overlay;
}
.carrera-turismo{
	background-image:url('/imagenes/carreras/turismo/turismo-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-economia-negocios{
	background-image:url('/imagenes/carreras/eco-nnii/economia-negocios-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-economia-gerencial{
	background-image:url('/imagenes/carreras/eco-gerencial/economia-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-educacion{
	background-image:url('/imagenes/carreras/educacion/educacion-01.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.carrera-hoteleria{
	background-image: url('/imagenes/carreras/hoteleria/hoteleria-02.jpg');
	width: 100%;
	min-height: 850px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}
.carrera-gastronomia{
	background-image:url('/imagenes/carreras/gastronomia/gastronomia-y-gestion-culinaria.jpg');
	width: 100%;
	min-height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.facultad-container .career img {
    display: block;
    margin: 0 auto;
}

@font-face {
    font-family: HelveticaNeueLTProBdCn;
    src: url(./../fonts/HelveticaNeueLTPro-BdCn.otf);
}

@font-face {
    font-family: SolanoGothicMVBProBd;
    src: url(./../fonts/SolanoGothicMVBProBd.otf);
}

#registerForm {
	font-family: HelveticaNeueLTProBdCn;
}

.mt-200 {
	margin-top: 150px;
}
.mt-0{
	margin-top: 0;
}
.pt-0{
	padding-top: 0;
}
.pt-25{
	padding-top: 25px;
}
button {
	outline: none !important;
}

.dropdown-menu>li>a {
	background: transparent !important;
}

.update-profile-container {
	min-height: 200px;
}

#registerForm .group {
	position: relative;
	float: left;
	width: 33.3%;
	padding: 13px;
	height: 61px;
	border: 1px solid #b8b8b8;
	background: #feffff;
	margin-left: -1px;
	margin-bottom: -1px;
}

#registerForm .interests-career-title {
	margin-top: 2em;
}

#registerForm [disabled] {
	cursor: not-allowed;
}

#registerForm .avatar-img {
	width: 142px;
	height: 142px;
}

#registerForm .camera-icon  {
	background-image: url(/imagenes/photo-camera.png);
	width: 30px;
	height: 30px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 80px auto;
	cursor: pointer;
}

.after-register {
	min-height: 650px;
}

#registerForm .text-success label {
	color: #3399ff !important;
}

#registerForm .group.text-error label {
	color: #fe0000;
}

#registerForm .group > input,
#registerForm select {
	height: 22px !important;
	padding-left: 0;
	padding-right: 0;
	color: #555555;
	font-family: HelveticaNeueLTProBdCn !important;
	border: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#registerForm .drop-down-2 {
	background-size: 14px;
	background-position-y: 6px;
}

#registerForm .group-gender {
	width: 100%;
	border-right: none;
}

.no-padding-left {
	padding-left: 0 !important;
}

#registerForm figure {
	padding: .3em 0 1.7em;
}

#registerForm .gender-container {
	border: 1px solid #b8b8b8;
	padding: 15px 0 0;
	border-right: none;
	background: #feffff;
}

#registerForm .btn-custom {
	padding: 10px !important;
	width: 200px;
}

#registerForm input[type="radio"] {
	display: none;
}

#registerForm .checkboxCircle {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: relative;
	border: 1px solid #2b96ff;
}

#registerForm .checkboxCircle label {
	width: 30px;
	height: 30px;
	border-radius: 100px;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 4px;
	left: 4px;
}

#registerForm .checkboxCircle input[type=radio]:checked + label {
	background: #2b96ff;
}

#registerForm .radio span {
	position: absolute;
	left: 60px;
	top: 3px;
	width: 200px;
	font-family: HelveticaNeueLTProBdCn;
	color: #555555;
}

#registerForm .chosen-single {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #555 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	height: 35px !important;
	font-family: HelveticaNeueLTProBdCn;
	font-size: 16px !important;
}

#registerForm .chosen-container.chosen-container-single {
  background-image: url(/imagenes/button-down.png);
  background-repeat: no-repeat;
  background-size: 4.5%;
  right: 0;
  background-position-x: right;
  background-position-y: 6px;
}

#registerForm .chosen-single b {
  display: none !important;
}

#registerForm .options-title-container {
	font-size: 19px;
	margin-top: 3em;
}

#registerForm h4.title-form.subtitle {
	margin: 1em 0;
}

/* --- material floating label --- */

#registerForm .control-label {
	color: #b9b9b9;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	line-height: 1;
	margin-bottom: 3px;
	text-transform: uppercase;
}

#registerForm .border-bottom {
	border-bottom: 1px solid #b8b8b8 !important;
}

#registerForm .no-border-top {
	border-top: none !important;
}

@media(max-width: 1200px) {
	.facultad-container .career {
		width: 15.5%;
	}
}

@media(max-width: 900px) {
	.facultad-container .career {
		width: 18.9%;
	}
}

@media(max-width: 600px) {
	.facultad-container .career {
		width: 26.9%;
	}
}

@media(max-width: 450px) {
	.facultad-container .career {
		width: 40.9%;
	}
}

@media(max-width: 800px) {
	#registerForm .btn-custom {
		width: 86%;
	}

	.pull-right.text-right.btn-send-container {
    width: 100%;
	}
	.register-header .container {
		width: 80%;
	}

	#registerForm .group {
		width: 100%;
	}

	#registerForm .row-2, #registerForm  .row-3 {
    margin-top: 2em;
    margin-bottom: 2em;
	}

	.facultad-container, .options-title-container, #registerForm p, #registerForm .btn-send-container {
		text-align: center !important;
	}

	.form-container {
		margin: 0 auto;
    width: 86% !important;
    float: none !important;
    padding: 0 !important;
	}

	.title-container {
		margin: 0 auto;
    width: 86% !important;
    float: none !important;
    padding: 0 !important;
	}

	.gender-container {
		margin: 0 auto;
    width: 86.5% !important;
    float: none !important;
    padding: 0 !important;
	}

	.no-padding-left {
		padding: 0 !important;
	}

	#registerForm .gender-container, #registerForm .group-gender {
		border: 1px solid #b8b8b8 !important;
	}
}

/*   Show collapsed top menu */
.btn-show-collapsed {
  display: block;
  height: 70px;
  width: 170px;
  padding: 28px 15px;
  font-size: 17px;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
}

body > .main-header {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 9;
}

.back-icon {
	font-size: 50px !important;
  	margin-top: 25px;
  	color: #fff;
}


/* Carrusel */
#miCarrusel, #headerCarrusel {
    width: 100%;
}

#miCarrusel .base {
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 30px;
}

#miCarrusel .base-2 {
    position: absolute;
    z-index: 1;
    top: 35%;
}

#miCarrusel .base-interno {
    right: 80px;
    top: 40px;
}

#miCarrusel .carousel-control {
    top: 45%;
    margin: 0 !important;
}

.carousel-control span {
    top: 0 !important;
    font-size: 50px !important;
}

/* Home Carrusel */

.home #miCarrusel .left-side {
    top: 30%;
    position: absolute;
	text-align: left;
	opacity: 0;
    transition: all 1s ease-in-out;
}

.home #miCarrusel .active .left-side {
	top: 32%;
    opacity: 1;
}

.home #miCarrusel .left-side button {
	width: 160px;
    height: 52px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 19px !important;
    text-transform: uppercase;
    margin-top: 12px;
    padding-top: 5px;
	position: relative;
	outline: none;
	z-index: 1;
}

.home #miCarrusel .left-side button:hover {
	color: #333;
}

.home #miCarrusel .left-side button::before,
.home #miCarrusel .left-side button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	z-index: -1;
}
.home #miCarrusel .left-side button::before {
	opacity: 1;
    border: .1rem solid #fff;
    background: rgba(20,21,25,.1);
	transition-property: transform,opacity;
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(0,1,.75,1);
}

.home #miCarrusel .left-side button:hover::before {
    opacity: 0;
    transform: scale3d(.95,.95,1);
}

.home #miCarrusel .left-side button::after {
    opacity: 0;
    transform: scale3d(.95,.95,1);
    transition-property: transform,opacity;
    transition-duration: .3s;
    background: #fff;
}

.home #miCarrusel .left-side button:hover::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}

.home #miCarrusel .left-side button img {
    left: 12px;
    position: relative;
}

.home #miCarrusel .right-side {
    position: absolute;
    bottom: 20%;
    right: 15%;
}

.home #miCarrusel .right-side .container-buttons {
    display: table;
	min-height: 38px;
}

.home #miCarrusel .right-side .container-buttons a {
    width: 50%;
    display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.home #miCarrusel .fill {
	animation: none;
}

.home #miCarrusel .titulo {
	text-align: left;
	font-size: 4em;
}
.home #miCarrusel .sub-titulo {
    color: #fff;
	margin-bottom: 15px;
    margin-top: 5px;
	font-size: 2.5em;
}

.home #miCarrusel, #headerCarrusel {
    width: 100%;
}

.home #miCarrusel .base {
    position: absolute;
    z-index: 1;
    right: 0;
	left: 0;
    top: 30px;
	height: 90%;
}

.home #miCarrusel .base-top {
    height: 0;
}

.home #miCarrusel .go-to {
	position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 15px;
    cursor: pointer;
    background: transparent;
    height: 60px;
    border: none;
    outline: none;
}

.home #miCarrusel .go-to .chevron {
    top: 0;
    margin: 0 !important;
    left: 0;
}

.home #miCarrusel .slide-img {
	background-size: cover;
	background-position: center;
}

.home #miCarrusel .base-interno {
    right: 80px;
    top: 40px;
}

.home #miCarrusel .carousel-control {
    top: 45%;
    margin: 0 !important;
	z-index: 2;
}
.home a.left.carousel-control {
    background: url('../imagenes/icon-flecha-izquierda.png') no-repeat;
    left: 3em;
    background-size: 55%;
}

.home a.right.carousel-control {
    background: url('../imagenes/icon-flecha-derecha.png') no-repeat;
    right: 3em;
    background-size: 55%;
}


@media (max-width: 1380px) {
	.home #miCarrusel .base {
		width: 80%;
	}
}

@media (max-width: 1080px) {
	.home #miCarrusel .base {
		width: 70%;
	}
}

@media (min-width: 1080px) {
	@keyframes backgroundScroll {
		from { background-position-x: 0; }
		to { background-position-x: -200px; }
	}
	.home #miCarrusel .slide-img {
		animation: none;
		background-position-x: 0;
		background-attachment: fixed;
	}

	.home #miCarrusel .item.active .slide-img {
		animation: backgroundScroll 10s linear 1;
	}
}

@media (max-width: 740px) {
	.home #miCarrusel .base {
		width: 75%;
	}

	.home #miCarrusel .titulo {
		text-align: center !important;
	}

	.home #miCarrusel .active .left-side {
		float: none !important;
		text-align: center;
		top: 12%;
		margin: 0 auto;
		right: 0;
		left: 0;
	}

	.home a.right.carousel-control {
		right: 0em;
		background-size: 40%;
	}

	.home a.left.carousel-control {
		left: 1em;
    	background-size: 40%;
	}

	.home #miCarrusel .right-side {
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 80%;
	}

	.logo-home-slider {
		right: -35px;
		position: relative;
	}
}

@media(max-height: 500px) {
	.home #miCarrusel .right-side {
		display: none;
	}
}

/* @charset "utf-8"; */
/* CSS Document */

/* ---------- GENERAL ---------- */
body {
	background: #e9e9e9;
	color: #9a9a9a;
	font: 100%/1.5em "Droid Sans", sans-serif;
	margin: 0;
}

a { text-decoration: none; }

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

h4, h5 {
	line-height: 1.5em;
	margin: 0;
}

hr {
	background: #e9e9e9;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    margin: 0;
    min-height: 1px;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
}

input {
	border: 0;
	color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
}

p { margin: 0; }

.clearfix { *zoom: 1; } /* For IE 6/7 */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after { clear: both; }

/* ---------- LIVE-CHAT ---------- */

#live-chat {
	bottom: 0px;
	font-size: 15px;
	right: 24px;
	position: fixed;
	width: 300px;
	z-index: 99;
}

#live-chat header {
    background: #168af1;
    border-radius: 0px 0px 0 0;
    color: #fff;
    cursor: pointer;
    padding: 7px 11px;
}

#live-chat h4:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}


#live-chat input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
	outline: none;
	width: 234px;
}


.chat-close {
	background: #1b2126;
	border-radius: 50%;
	color: #fff;
	display: block;
	float: right;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0 0 0;
	text-align: center;
	width: 16px;
}

.chat {
	background: #fff;
}
.chat-history {
	height: 252px;
	padding: 8px 24px;
	overflow-y: scroll;
}

.chat-message {
	margin: 16px 0;
}

.chat-message img {
	border-radius: 50%;
	float: left;
}

.chat-message-content {
	margin-left: 56px;
}

.chat-time {
	float: right;
	font-size: 10px;
}

.chat-feedback {
	font-style: italic;
	margin: 0 0 0 80px;
}

/*Carrera scroll*/
.fill.conferencia-negocios {
    width: 100%;
    height: 750px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media (max-width: 765px) and (min-width: 320px){
	.fill.conferencia-negocios {
		height: 1200px;
	}
	.chevron {
  position: absolute;
	left: 50%;
	margin-left: -20px !important;
	bottom: 20px;
  width: 15px;
  height: 3px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}
form.form-negocios-propios{
	float: none !important;
}
}
@media (max-width: 768px) and (min-width: 320px){
	.form-negocios-propios input, .form-negocios-propios select{
		color: #ffffff !important;
	}
	.caja-evento-open{
		text-align: left;
	}

}
.caja-evento-open{
	text-align: right;
}
.chevron {
  position: absolute;
	left: 50%;
	margin-left: -70px;
	bottom: 10px;
  width: 15px;
  height: 3px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #ffffff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}


@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}


header .banner {
	background-position-x: center !important;
}
/*******WORKING STUDENT*********/
.working-student-event{
	width: 100%;
    height: 800px;
    background-blend-mode: overlay;
    background: url(../imagenes/eventos/working-student/1400X636.png) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding: 0px;
}
@media (max-width: 800px) and (min-width: 320px){
.working-student-event{
	width: 100%;
    height: 1000px;
    background-blend-mode: overlay;
    background: url(../imagenes/eventos/working-student/1400X636.png) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding: 0px;
}
.bg-open-monterrico, .bg-open-sanisidro, .bg-open-sanmiguel, .bg-open-villa{
	height: 1100px !important;
}
}
/*********FERIA LIMA NORTE*******************/
.feria-lima-norte{
	width: 100%;
    height: 800px;
    background-blend-mode: overlay;
    background: url(../imagenes/eventos/feria-lima-norte/feria-limanorte.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding: 0px;
}
@media (max-width: 800px) and (min-width: 320px){
	.feria-lima-norte{
		width: 100%;
	    height: 1000px;
	    background-blend-mode: overlay;
	    background: url(../imagenes/eventos/feria-lima-norte/feria-metro-movil.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
	    background-repeat: no-repeat;
	    padding: 0px;
	}
	.traslado-externo{
	    height: 1000px !important;
	}
}
.innovation-day {
	width: 100%;
    min-height: 800px;
    background: url(../imagenes/eventos/fondo-evento-innovationday.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
		padding-bottom: 3em;
}
.artes-escenicas-evento{
	width: 100%;
    min-height: 800px;
    background: url(../imagenes/eventos/evento-artesescenicas/fondo-artes-escenicas.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding-bottom: 3em;
}
.musica-evento{
	width: 100%;
    min-height: 800px;
    background: rgba(45, 44, 44, 0.4) url(../imagenes/eventos/charla-nitomestre/musica1400x646.jpg) center center / cover no-repeat fixed ;
    background-repeat: no-repeat;
    padding-bottom: 3em;
    background-blend-mode: overlay;
}
.meetup-comunica{
	width: 100%;
    min-height: 800px;
    background: rgba(3, 0, 0, 0.7) url(../imagenes/eventos/meetup-comunica/mc-header.jpg) center center / cover no-repeat fixed ;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    padding-bottom: 3em;
    z-index: 99
}
.innovation-day h3  {
	color: #333 !important;
}

.innovation-day-logo {
    width: 300px;
    height: 100px;
    background: url(../imagenes/eventos/logo-innovation.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.login-floting {
	box-shadow: none;
	border: 1px solid rgba(131, 134, 131, 0.26);
}
.banner-gif {
	width: 100%;
}
@media (max-width: 1000px) {
	.innovation-day-logo{
		    margin-top: -8em;
	}
	.innovation-day #register-form-container {
		margin-top: 4% !important;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.innovation-day-logo{
		    margin-top: -3em;
	}
}

/*************TRASLADO EXTERNO******************/
.traslado-externo{
	width: 100%;
    height: 800px;
    background-blend-mode: overlay;
    background: url(../imagenes/eventos/traslado-externo/traslado-externo-1400x646.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding: 0px;
}
/*facultad de ingenieria - landing*/
nav#menu-facultad ul li  a{
	color: #fff ;
}
nav#menu-facultad ul li  a:hover{
	color: #000 ;
}
nav#menu-facultad ul li  a{
	color: #fff ;
}
nav#menu-facultad ul li{
	float: left;
	padding: 0.5% 2.5%;
	font-size: 13px;

}
nav#menu-facultad  ul li:hover a {
    color: #000 !important;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
nav#menu-facultad  ul li:hover {
    background: #fff;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

nav#menu-facultad  ul li:hover a{
	color: #555 !important ;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

.mobile-header-nav {
  background-color: #fff;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 53px;
  width: 100%;
  z-index: 99;
  height: 100%;
}
.bg-mobile-nav{
	background: rgb(51, 51, 51);
}
.mobile-header-nav li {
  width: 100%;
}
.mobile-header-nav li a {
  color: white;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 1.90em;
}
.mobile-header-nav li a:hover {

  color: #333 !important;
}

.hamburger-menu {
  display: inline-block;
    height: 52px;
    padding: 20px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger-menu:hover {
  cursor: pointer;
}
.hamburger-menu .menu-item {
    background: #fff;
    display: block;
    height: 3px;
    margin: 0 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
}

.hamburger-menu.open .menu-item {
  margin: 0 0 5px;
}
.hamburger-menu.open .menu-item:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 10px;
          transform-origin: 10px;
}
.hamburger-menu.open .menu-item:nth-child(2) {
  opacity: 0;
}
.hamburger-menu.open .menu-item:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 8px;
          transform-origin: 8px;
}
.button-video-header{
  opacity: .7;
  transition: .3s;
  border-radius: 100%;
}

.button-video-header:hover {
  opacity: .9;
  transform: scale(0.9);
  background: #fff;
  border-radius: 100%;
}
.img-circle {
    width: 121px;
    height: 121px;
    padding: 33px 25px;
    border-radius: 100%;
    margin: auto;
    background: #555;
}
.underline-red-line{
	border: 1px solid #ff0000;
	margin: auto;
	width: 70px;
}

.image-wrapper {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  font-size: 0;
}
img {
  max-width: 100%;
  transition: transform 0.5s ease-in-out;
}
.image-wrapper:hover img {
  transform: scale(1.2);
}


@element "#RFImodal" {
  $this, $this * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
    font-size: 12pt;
    font-family: 'Source Sans Pro',
      'Open Sans',
      Roboto,
      'HelveticaNeue-Light',
      'Helvetica Neue Light',
      'Helvetica Neue',
      'Myriad Pro',
      'Segoe UI',
      Myriad,
      Helvetica,
      'Lucida Grande',
      'DejaVu Sans Condensed',
      'Liberation Sans',
      'Nimbus Sans L',
      Tahoma,
      Geneva,
      Arial,
      sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  $this {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: auto;
    overflow-y: scroll;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 9999;
  }
  $this article {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 15px;
    background: white;
    height: auto;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 15px;
  }
  $this article p {
    font-size: 12pt;
    font-weight: 500;
    line-height: 1.2;
    color: #555;
    margin: 15px 0;
    padding: 0 20px;
  }
  $this article p:last-of-type {
    margin-bottom: 0;
  }
  $this article button:first-of-type {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 5px 10px 10px 15px;
    font-size: 24pt;
    color: rgba(255, 255, 255, .7);
    line-height: 1;
    font-weight: normal;
    transition: 0;
    border: none;
    outline: none;
    background: transparent;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
  $this article button:first-of-type:hover,
  $this article button:first-of-type:focus {
    color: #c00;
  }
}
@element "#RFImodal" and (min-width: 750px) {
  $this article {
    margin: 50px auto;
    overflow: hidden;
  }
  $this article p {
    font-size: 14pt;
  }

}

/*foto de egresados para el video testimonial de los landings de facaultades*/
.egresado{
    background: url(../imagenes/facultad/ingenieria/testimonial-video.jpg);
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 260px;

}
.egresado-negocios{
    background: url(../imagenes/facultad/negocios/testimonial-video.jpg);
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 260px;
}
.egresado-comunicaciones{
	background: url(../imagenes/facultad/comunicaciones/testimonial-video.jpg);
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 235px;
}
.egresado-medicina{
	background: url(../imagenes/carreras/medicina/video-medicina.jpg);
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 285px;
}
/**********EXPOSICIÓN MAQUETAS ARQUITECTURA****************/
.exposicion-arquitectura{
	width: 100%;
    height: 800px;
    background-blend-mode: overlay;
    background: url(../imagenes/eventos/exposicion-arquitectura/fondo-arquitectura.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
    background-repeat: no-repeat;
    padding: 0px;
}
.texto-wrapper:before{
	visibility: hidden;
}
.texto-wrapper:after{
	width: 100%;
	height: auto;
	padding: 10px;
}

@media (max-width: 800px) and (min-width: 320px){
	.exposicion-arquitectura{
    height: 1100px;
    background: url(../imagenes/eventos/exposicion-arquitectura/fondo-arquitectura-mobile.jpg) center center / cover no-repeat fixed rgb(85, 85, 85);
	}
}
/*********SIMULACRO EXAMEN MEDICINA********/
.simulacro-medicina {
	width: 100%;
    height: 800px;
    background: url('../imagenes/eventos//simulacro-medicina/1400x646-simulacro-medicina.jpg') center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
}

.social-networks a {
    margin: 10px;
}

.show-sm {
	display: none;
}

#miCarrusel h2 strong {
	font-size: 2em !important;
    font-family: 'zizou-slab-bold';
}

.bg-trama .col-lg-2.col-md-2.col-sm-2.col-lg-2.pt-21.text-center {
    margin-bottom: 15px;
}

@media (max-width: 1000px) {
	.simulacro-medicina {
	    height: 1100px;
	}
	.simulacro-medicina #register-form-container {
		margin-top: 4% !important;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}
.rc-anchor-normal {
    width: 70%;
}
@media(max-width: 990px) {
	.btn-finish-container {
		text-align: center;
	}
	.after-register .row.ml-28 {
		margin-left: 0 !important;
	}
	.modality h3.helvetica {
		font-family: "zizou-slab-regular",Helvetica,Arial,sans-serif !important;
		font-size: 1.54286rem !important;
		padding: 50px;
		height: initial;
		margin: 0 !important;
		color: #fff !important;
	}
	.modality a.solano-bold-18 {
		padding: 5px !important;
		display: block;
		font-size: 1.28571rem !important;
		margin: 0 auto;
		width: 50% !important;
		text-align: center;
	}
	.col-lg-offset-1 .col-lg-2 img {
		margin: 20px 0;
	}
}
.height-standar-header{
	height:815px;
}
.container-intercambios-carreras{
	overflow-y:scroll;
	max-height:390px;
}
@media(max-width: 768px) {
	.titulo-carrera p {
		line-height: 1.1;
	}
	.convenios h2 {
		line-height: 1.1;
	}
	.hide-sm {
		display: none;
	}
	.show-sm {
		display: block;
	}
	.event-item {
		margin-bottom: 1.5em;
	}

	.height-50.hide-xs {
		display: none;
	}

	.modality h3.helvetica {
		padding: 20px;
	}
}

@media(max-width: 600px) {
	.modality h3.helvetica {
		font-size: 1.24286rem !important;
	}
	.forgot-password {
		padding: 1em 0 0;
    	display: block;
	}
	.col-lg-offset-1 .col-lg-2 img {
		display: block;
		margin: 20px 0;
		position: relative;
		left: 15em;
	}
}
@media(max-width: 320px) {
	.home #miCarrusel .right-side {
		bottom: 12%;
	}
}
/******************CHARLA PARA PADRES**********************/
.charla-padres {
	width: 100%;
    height: 800px;
    background: url('../imagenes/eventos/charla-padres/foto-charla-padres-1400x636.jpg') center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
}
@media (max-width: 800px) and (min-width: 320px){
	.charla-padres {
    	height: 1200px;
	}
}
.bg-gray-event{
	background-color: #f6f6f6;
}

main {
	max-width: 600px;
	margin: 60px auto;
	padding: 20px;
	min-height: 400px;
	text-align: right;
}
.video-thumb {
	display: inline-block;
	width: 160px;
	height: 70px;
	padding-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;

	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #fff;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);

	-webkit-transition:
		background-color 0.2s ease-out 0.05s,
		-webkit-transform 0.2s ease-out 0.05s;
	transition:
		background-color 0.2s ease-out 0.05s,
		transform 0.2s ease-out 0.05s;
}
.video-thumb:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* Video Modal - Theater Mode
-------------------------------------------------------------------------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

    -webkit-transform: translate(500%,0%);
    transform: translate(500%,0%);

    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;


    /* using flexbox for vertical centering */

    /* Flexbox display */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    /* Horizontal alignment */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    /* Vertical alignment */
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.video-modal .overlay {
    z-index: 0;
    background: rgba(12,12,12,0.8); /* dark blue */

    opacity: 0.0;

    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	height: auto;
	width: calc(100% - 200px);
	max-width: 1000px;
	max-height: calc(100% - 100px);
	margin: 0 auto;
	overflow-y: visible;
}
/* Mobile Layout Tweaks */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 16px);
	}
}

/* close button */
.close-video-modal {
	display: block;
    position: absolute;
    right: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
/* using a 16:9 image to resize the video frame */
.video-sizer {
	display: block;
	width: 100%;
	height: auto;
}
/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #fff;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal */
/* add class to the body */
.show-video-modal .video-modal {
	opacity: 1.0;

	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.item-evento{
	height: 200px;
	width: 100%;
}
/******EVENTO ARTES ESCÉNICAS*****/
.gracias-arquitectura{
	background: url('/imagenes/carreras/arquitectura-03.jpg');
	width: 100%;
	height: 855px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
}
/*****************EVENTO FACULTAD INGENIERIA******************/
.bg-webinar-ingenieria{
	background: #555 url('../imagenes/eventos/facultad-ingenieria/webinar-ingenieria021.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    height: 815px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
}
/***************CONCURSO GASTRONOMÍA************************/
.bg-gastronomia{
	background: url('../imagenes/eventos/concurso-gastronomia/concurso-gastro.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    height: 656px;
    text-align: center;
    background-size: cover;
    padding: 0;
    background-position: center ;
}
.bg-text-transparent{
	background: rgba(255, 255, 255, 0.8);
	position: relative;
	margin-top: 20%;
	height: auto;
}
.border-line-puntos{
	border-bottom: dotted white;
}
.bg-white-gastronomia{
	background: rgba(198, 196, 198, 1);
}
a.gastronomia:hover{
	color: white;
	background-color: rgba(225, 14, 14, 0.61);
}
.gastro-title{
	font-family: zizou-slab-bold;
	font-size: 5em;
	padding: 8% 0% 0% 0%;
	color: #000;
	text-align: center;

}
@media only screen and (max-width: 480px){
	#btn_register{
		width: 100% !important;
		margin-top: 25px !important;
		background: rgba(0, 0, 0, 0.4);
	}
	.gastro-title-2{
		padding-top:100px;
	}
	.bg-gastronomia{
		background: #555 url('../imagenes/eventos/concurso-gastronomia/concurso-gastro.jpg') center;
	    width: 100%;
	    background-repeat: no-repeat;
	    height: 656px;
	    text-align: center;
	    background-size: cover;
	    padding: 0;
	    background-position: center ;
	    background-blend-mode: overlay;
	}
	.gastro-title {
    font-family: zizou-slab-bold;
    font-size: 4.5em;
    padding: 8% 0% 0% 0%;
    color: #000;
    text-align: center;
}
}

/*****************FERIA DE CARRERAS******************************/
.bg-gif {
    background: url(../imagenes/eventos/feria-westin/banner-02.gif) center;
    width: 100%;
    height: 855px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-position: left;
    color: #000;
}
.text-mobile{
	visibility: hidden;
}

@media (max-width: 1024px) and (min-width: 320px){
	.bg-gif{
		background: #555 url('../imagenes/eventos/feria-westin/banner-ipad.jpg') top;
    	width: 100%;
    	background-repeat: no-repeat;
    	height: 950px;
    	background-size:cover;
    	background-blend-mode: overlay;
    	color:#fff;
	}
	p.text-description{
		color: white;
	}
	h4.text-date{
		color: white;
	}
	.text-mobile{
		visibility: visible;
	}
}
@media (max-width: 1000px) and (min-width: 320px){
	p.text-description{
		margin-bottom: 40px !important;
	}
}
.right-5{
	right: 5%;
}
.password-security-help {
		margin-top: -1.5em;
		margin-bottom: 4em;
}
.password-security-help h4 {
		padding-bottom: 5px;
		margin-bottom: 15px;
		border-bottom: 5px solid transparent;
}
.password-security-help p {
	font-size: 13px;
	border-left: 20px solid #000;
	padding-left: 10px;
	border-bottom: none;
	border-top: none;
	line-height: 6px;
	padding-top: 6px;
	margin-bottom: 15px;
}
.password-security-help .type1 {
	border-left-color: #fb4b4c;
}
.password-security-help .type2 {
	border-left-color: #f1c40f;
}
.password-security-help .type3 {
	border-left-color: #27ae60;
}

.header-mobile{
	height: 1000px;
}

@media (max-width: 1000px) and (min-width: 320px){
	strong.text-internacionalidad{
		padding-left: 21px;
	}
}
/**************LANDING NCUK*********************/
.ncuk-bg{
	background: #555 url('../imagenes/eventos/ncuk/bg-ncuk.jpg') center;
    width: 100%;
    background-repeat: no-repeat;
    height: 815px;
    background-size: cover;
    padding: 0;
    background-attachment: fixed;
    background-blend-mode: overlay;
	margin-top: -3.5em;
	display: block;
}
.testimonio-ncuk{
    background: url(../imagenes/eventos/ncuk/img-video2.jpg);
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 260px;
	margin-top: -3.5em;
	display: block;
}

@media(max-width: 1000px) {
	.btn-vive-mobile {
		margin-bottom: 2em !important;
	}
}

.line-height{
	line-height: 1.1;
}

@media (max-width: 1000px) and (min-width: 320px){
	img.logo-ncuk{
		padding-top: 55px;
		margin: auto;
	}
	.ncuk-bg{
		background: #555 url('../imagenes/eventos/ncuk/bg-movil-ncuk.jpg') center;
	}
}

.register-header {
	background-image: url('../imagenes/cab-editar-perfil.jpg');
	height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.register-header .bg-white {
	background: transparent !important;
}

.register-header h2 {
	color: #fff;
	font-size: 32px;
	margin-top: 4.7em;
}

.no-padding {
	padding: 0 !important;
}
.arrow-eventos{
	width: 35.72px;
    height: 50px;
}
.img-eventos{
	 height:250px !important;
	 width: 300px;
}

/***********CONGRESO***************/
.bg-home {
	background-image: url(../imagenes/header.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	/* background-position: 50%; */
	top: 50%;
	background-size: cover;
	position: relative;
	background-position: center;
	min-height: 670px;
}
.banner-gracias{
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url('https://res.cloudinary.com/upcbinary/image/upload/v1643127771/congreso-internacional/cie-desktop_k69ktu.jpg');
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	/* background-position: 50%; */
	top: 50%;
	background-size: cover;
	position: relative;
	background-position: center;
	min-height: 670px;
}

.banner-gracias-cie{
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../imagenes/congreso-educadores.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	/* background-position: 50%; */
	top: 50%;
	background-size: cover;
	position: relative;
	background-position: center;
	min-height: 670px;
}

@media(min-width: 992px) {
  	.bg-home {
		background-color: #555;
		width: 100%;
		height: 100vh;
		min-height: 750px;
		position: relative;
		background-blend-mode: overlay;
	}
}
table {
    border-collapse: collapse;
    width: 100%;
}
td, th {
    border: 1px solid #A4A4A4;
    text-align: left;
    padding: 10px;
    width: 100px;
}
thead{
	background-color: #9C9C9C;
}
tr:nth-child(even) {
    background-color: #dddddd;
}
img.img-expositores{
	width: 90px;
	border-radius: 50%;
	margin-left: 14px;
}
@media (max-width: 1000px) and (min-width: 320px){
	img.img-expositores{
		width: 100px;
	}
}
.cursor-pointer{
	cursor: pointer;
}
.bg-modal{
	background-color: #ececec !important;
}
.text-gray{
	color: #565658 !important;
}
.border{
	border: 1px solid #ff0000;
	padding: 21px;
}
button{
	border: 2px solid black;
}
.button:active, .button.active{
	border: 1px solid #ff0000;
}
button.boton-tab:hover{
	background-color: #ff0000 !important;
	color: #ffffff;
}
button.boton-tab.active{
	background-color: #ff0000 !important;
	color: #ffffff;
}

/* logo wasc */

.w-wasc {
	width: 100% !important;
	padding: 0 40px;
}

.text-center-right {
	text-align: center;
}
  
@media (min-width:768px) {
	.w-wasc {
	  width: 100px !important;
	  padding: 0;
	}

	.text-center-right {
		text-align: right;
	}
}
/*Aliados Responsables*/
.content-aliados {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px;
	height: 192px !important;
	border: #00A7E3 1px solid;
}

.pb-50{
	padding-bottom: 15px !important;
}
.mt-10{
	margin-top: 10px !important;
}