.logo-blablau{margin-top: 0px;width: 200px !important;display: block;}
.logo-blablau.logo-display path{fill:#fff;}
.logo-blablau.logo-scrolled path{fill:#333;margin-top: 0px;width: 200px !important;display: block;}
body{margin: 0px !important}
#isotipo-blablau{
	width: 30%;
	max-width: 200px;
	height: auto;
	max-height: 200px;
}


.boton-modal,
.gallery-image-hover,
.folio-overlay,
.portfolio-wrap,
.boton-modal img{
	cursor: pointer !important;
}

#boton-contacto-inicio{margin-top: 15px !important;}
.modal .modal-dialog {
  width: 95%;
  max-width: 900px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}


.modal-body{padding: 0px;}
.modal-header{
	border-bottom: 1px solid #ddd !important;
	background-color: #fff;
	padding: 5px;
	height: 48px;
	display: block;
}
.close{
	width: 40px;
	height: 40px;
	border-radius: 40px; 
	font-size: 28px; 
	font-weight: 300;
	padding: 10px !important;
}
.close span{
	display: block;
	margin-top: -5px;
}
.modal-content{border-radius: 0px !important;border: 0px !important;}
.modal-body{
	padding: 30px;
	height: auto !important;
}
.modal-open .container-fluid, .modal-open  .container {-webkit-filter: blur(10px) grayscale(90%);}

.modal-title > span{
	font-weight: 300;
	color:#aaa;
	font-size: 12px;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ccc;
}

.modal-backdrop{opacity:0.75 !important;}

.detalles {
	margin:0;
	padding: 0px;
}

.detalles ol,
.detalles ul{
	margin: 0px;
	padding: 0 10px 0 0;
	list-style: none;
}
.detalles ul h3, .detalles ol h3{
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 5px -10px;
	display: inline-block;
}
.detalles > div{
	margin-bottom: 15px;
}
.detalles p{color:#555 !important}

.detalles li, 
.detalles p{
	font-size: 14px;
	font-weight: 400;
	padding-left: -10px;
	line-height: 16px;
	margin-bottom: 7px;
	color: #aaa;
}
.detalles li:last-child, 
.detalles p:last-child{
	margin-bottom: 0px !important;
}
.contenedor-detalles{
	margin-bottom: 20px;
}
.modal-body h2{
	display: block;
	width: 100%;
	height: auto;
	padding: 100px 20px 20px 20px;
	font-size: 22px !important;
	line-height: 32px !important;
	margin: 0;
	color: #fff;
	background-size: cover;
	background-position: center;
}

#modal-03{background-image: url(../img/fondo-gris.png), url(../img/proyectos/03/001.jpg);}
#modal-02{background-image: url(../img/fondo-gris.png), url(../img/proyectos/02/001.jpg);}
#modal-01{background-image: url(../img/fondo-gris.png), url(../img/proyectos/01/001.jpg);}

@media (max-width:768px){
	.modal-body h2{
		font-size: 18px !important;
		line-height: 24px !important;
		margin:0;
	}
	.detalles ul h3, .detalles ol h3{
		font-size: 14px;
	}
	.detalles li, 
  .detalles p{
		font-size: 14px;
		padding-left: -10px;
		line-height: 14px;
		margin-bottom: 5px;
	}
}

.modal-body > img,
.contenedor-modal > img{
	display: block;
	margin: 0 0 20px 0;
	width: 100%;
}

.indigo-icon{color: #999;margin-bottom: 20px !important;}
#frase-diseño-grafico{
	font-weight: 400;
	font-size: 1em;
	color:#bbb !important;
	letter-spacing: 1px;
	line-height: 1.7em;
	display: block;
	color: #ddd !important;
	width: 80%;
	max-width: 500px !important;
	margin-left: auto;
	margin-right: auto;
}

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

.modal-body video{
	width: 100%;
	margin-bottom: -5px;
}
.modal-body .gif{
	padding: 20px;
}
.modal-body .gif img{
	display: block;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
}

.modal-body{padding: 0px !important}
.contenedor-modal{padding: 10px 30px 30px 30px;}
.icono{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px !important;
}
.boton-contacto{
	display: inline-block;
	vertical-align: middle;	
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: initial !important;
}
.icono svg{
	display: inline-block !important;
	width: 10px !important;
	height: auto !important;
}
.btn-contacto:hover .icono svg path{
	fill: #000 !important;
}

.btn-contacto{
	display: block;
	width: 80% !important;
	max-width: 400px !important;
	padding: 15px 20px !important;
	margin: 15px auto !important;
	background-color: rgba(0, 0, 0, .5);
}

.btn-contacto.vcf svg{width: 18px !important;}
.btn-contacto.wapp svg{width: 18px !important;}


.que-es{
	border-bottom: 1px solid #bbb;
	padding-bottom: 50px;
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
}
.que-es > div{
	display: inline-block !important;
	margin: 0 auto;
	height: auto;
	vertical-align: middle !important;
	width: 49%;
}

.que-es > .foto-about{
	background-color: #ccc;
	height: 100%;
	min-height: 280px;
	background: url(../img/foto-about.jpg);
	background-size: cover;
	background-position: right;
	border-radius: 20px;
}

.que-es > div p{font-size: 1.2em;line-height: 1.5em}
.que-es > div h2{text-transform: inherit;}
.text-que-es{padding-right: 20px;}

.que-es > div img{
	text-align: center;
	margin: 0 auto;
	display: block;
	width:cover;
	height: auto;
}

@media (max-width:768px){
	.que-es > div{
		display: block !important;
		width: 80% !important;
		margin: 0 auto;
	}
	.que-es > div h2, .que-es > div p{
		text-align: center;
	}
	.que-es > div p{
		font-size: 1em;
		margin-bottom: 30px;
	}
	.text-que-es{padding-right: 0px;}
	.que-es > div img{max-width: 150px;}
	.que-es{padding-bottom: 100px;}
}

#objetivos{
	border-bottom: 1px solid #bbb;
	padding-bottom: 50px;
}

#objetivos,
#academicos{
	margin: 40px auto 0 auto;
	width: 95%;
	max-width: 1200px;
}

.caja-objetivo{
	padding: 10px 30px 10px 10px;
	vertical-align: middle !important;
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}


.icono-objetivo{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 20% !important;
	vertical-align: middle;
}
.icono-objetivo svg{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.caja-objetivo p{
	display: inline-block;
	margin: 0 0 0 15px !important;
	width: 70%;
	font-size: 16px;
	vertical-align: middle;
}


h3.about{
	display: block;
	text-transform: inherit;
	margin-bottom: 40px;
}


@media (max-width:768px){
	.caja-objetivo{
		display: block;
		margin: 20px auto 0 auto;
		padding: 0px;
		width: 90%;
	}
	.icono-objetivo{
		width: 15% !important;
	}
	.caja-objetivo p{
		width: 75%;
		font-size: 1em;
		line-height: 18px;
		margin: 0 0 0 0;
	}
}

#academicos > row{text-align: center;}
#academicos > h3{margin-bottom: 100px;}

.caja-academico{
	display: inline-block;
	width: 46%;
	padding: 20px;
	margin: 10px;
	border-radius: 20px;
	border: #ccc 1px solid;
	vertical-align:top;
}

.foto-academicos{
	display: block;
	margin-top: -80px;
}
.foto-academicos img{
	display: block;
	width: 60%;
	max-width: 200px;
	margin-left: 7%;
}

.texto-academicos{
	display: block;
	margin: 20px auto 0 auto;
	width: 80%;
}

.texto-academicos ul{
	list-style: none;
	margin: 0px;
}

.texto-academicos ul li{
	display: block;
	line-height: 18px;
	margin: 5px 0 !important;
}

.texto-academicos h4{
	line-height: 22px;
}

@media (max-width:768px){
	.caja-academico{
		display: block;
		padding: 0 0 0 0;
		width: 95%;
		margin: 10px auto 50px auto;
	}
	.foto-academicos{
		margin-top: -40px;
	}
	.foto-academicos img{
		width: 40%;
		max-width: 150px;
		margin-left: 3%;
	}
	.texto-academicos{
		display: block;
		margin: 20px auto 30px auto;
		width: 90%;
	}
}

.animado, .animado:hover{
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
}

#proyectos{
	background-color: #ccc;
	padding: 150px 0;
}

#proyectos > .container{
	width: 90%;
	max-width:1200px;
}

#contenedor-proyectos{
	float: none !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.proyectos-card .box-icon{
	padding: 0px !important;
}

.proyectos-card{
	border-radius: 20px !important;
}

.proyectos-card:hover{
	cursor: pointer !important;
}

.proyectos-card .box-icon img{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

.proyectos-card .title-section{
	padding: 15px 20px;
	text-align: left;
}

.proyectos-card .title-section h4{
	font-size: 22px;
	color: #444;
}

.tags{
	display: block;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	border-top:1px solid #ccc;
}

.tags li{
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	margin: 0 5px;
}

#proyectos h2{
	color: #333;
	margin-bottom: 30px;
}

@media (max-width:768px){
	.proyectos-card .title-section h4{
		font-size: 16px;
		line-height: 20px;
		color: #444;
	}
	.proyectos-card .title-section p{
		font-size: 14px;
		line-height: 18px;
	}
}

.footer-copyright{
	background-color: #333 !important;

}

#logos-footer{
	display: block;
	height: 40px !important;
	margin: -5px auto 0 auto;
}

#logos-footer path{
	fill: #777;
}
body{background-color: #333 !important}


.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	margin-bottom: 20px;
	}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

.lista-detalles{
	list-style: none;
	font-size: 16px;
	line-height: 20px;
}

.lista-detalles li{
	margin: 5px 0;
}

.lista-detalles li i{
	display: inline-block;
	width: 3%;
	vertical-align: top;
	font-size: 22px;
}

.lista-detalles li span{
	display: inline-block;
	width: 95%;
	vertical-align: top;
}
.accordion-transparent .panel .panel-heading{
	border-color: #999 !important;
}
.accordion-transparent .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
.panel-group .panel+.panel{margin-top: -1px !important}