#noticias .h-100{
	height: 390px !important;
}
#noticias .h-100 .card-img-top{
	height: 200px !important;
}
#experiencia .h-100{
	height: 300px !important;
}
.equipo .card-img-top{
	height: 100%
}
/*.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
}*/
/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Amaranth:400,400i,700,700i');*/

/*font-family: 'Amaranth', sans-serif;

font-family: 'Noto Sans TC', sans-serif;*/

body {
  padding-top: 54px;
  font-family: Verdana, 'Trebuchet MS' , 'sans-serif';
}


h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;

}
p{
	font-weight: 300;
	font-size: .9em;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
/*
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/
/*nav*/
.pointer{
	cursor: pointer
}
nav{
	background-color: #fff;
	color: #24B8EF;
	padding: 0px;
}

nav a{
	color: #042C54;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 700;
	text-transform: uppercase
}
nav a:hover, nav a:active{
	color: #24B8EF
}
.navbar-dark .navbar-nav .nav-link {
	color: #042C54;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active{
	color: #24B8EF
}

.dropdown-menu {
    font-size: .9rem;
}
.nav-link {
    padding-right: .9rem !important;
    padding-left: .9rem !important;
}

.dropdown-toggle::after{
	margin-left: 0px;
}
.navbar-brand img{
	width: 300px;
	
}
.navbar-dark .navbar-nav .show>.nav-link{
	color: #042C54;	
}
.dropdown-item:hover{
	color: #fff;
	background-color: #24B8EF
	
}
/*.dropdown-menu{
    border-radius: 0px;
	min-width: inherit;
    border: none;
	padding: 0px;

}*/
.dropdown-item{
	color: #fff;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 700;
	text-transform: uppercase;

	
}

/*.dropdown-menu-right {
    left: 0;
}*/

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: min-content;
    background-color: #042C54;
	color: #fff;
}
	
}



.portfolio-item {
  margin-bottom: 30px;
}


header p{
    max-width: 300px;
    background-color: #3f3f5087;
    float: left;
    height: 107px;
    display: flex;
    vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center!important;
    padding: 15px;
    margin-bottom: 0px;
}
#resultados{
	margin-top: 35px;
	color: #fff;
    background: url(../img/bg_resultados.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
	    padding: 15px 0;

}

#resultados  .count-title{
	font-size: 3em;
	    letter-spacing: -2px;
}

#resultados h3{
width: 100%;
    display: block;
    font-size: .8em;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
}
#resultados h4{
	font-size: 1.8em;
}
#resultados .custom-select {
	background: none;
	background-color: #1A9FCF;
	border: none;
	padding-top:0px;
	height: 42px;
}


/*Mobile*/
@media (max-width: 991px) { 

#resultados {
   background-size: auto !important;
}
}
.clp{
	margin-top: 2.5em;
		font-size: 1em !important;
}
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
	font-family: "Trebuchet MS", sans-serif;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
	background-color: #1A9FCF;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
	background-color: #1A9FCF;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color:#1A9FCF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
	    margin-top: -5px;
	border-radius: 10px;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #0b6898;
}
/* Carousel */

#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}


.nav-justified li{
	width: 33.33333%;
	text-align: center;
	height: 160px;
	background-repeat: no-repeat;
    background-size: cover;
	opacity: .5;
}
.nav-justified>li.active{
	opacity: 1 !important;
}


.nav-justified>li[data-slide-to="0"].active a {

}

#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}
.nav-justified > li > a
{
    border-radius: 0px;
}

.carousel-caption{
	position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 0px; 
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to bottom, rgba(0, 0, 20, 0.4) 0%, rgba(0, 0, 20, 0.5) 100%);
    width: fit-content;
}
.carousel-caption:hover{
	background: linear-gradient(to bottom, rgb(26, 159, 207, 0.4) 0%, rgb(26, 159, 207, 0.4) 100%);
	cursor: pointer;
	text-decoration: underline !important;
}
.carousel-caption h3{
    padding: 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 20, 0.4) 0%, rgba(0, 0, 20, 0.5) 100%);
	width: max-content;
	font-size: 3.5em;
	float: left;
	margin-bottom: 0px;
}
#myCarousel .nav a{
    padding: 5px 15px;
    background: linear-gradient(to bottom, rgba(0, 0, 20, 0) 0%, rgba(0, 0, 20, 0.5) 100%);
    font-size: 1.4em;
    width: 100%;
    display: block;
    height: 160px;
	color: #fff;
	font-weight: 700;
	font-family: "Trebuchet MS", sans-serif;
}
#myCarousel .nav a:hover{
	text-decoration: none;
}


/*Mobile*/
@media (max-width: 991px) { 

	.carousel-caption h3 {
    	padding: 9px 22px;
    	font-size: 2em;
	}
	#myCarousel .nav a {
	    padding-top: 90px;
		line-height: 26px;
	}
}
.icon-header{
display: block;
	margin: auto;
	max-height: 90px;
	margin-top: 20px;
}
/**** Carousel ****/


/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Numeros*/
/*-=-=-=-=-=-=-=-=-=-=-=- */

#datos{
	padding: 80px 0px;
}

#datos .count-title {
color: #24B8EF}
.counter {
	background-color: #ffffff;
	padding: 20px 0;
	border-radius: 5px;}

.count-title { font-size: 4em;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center; 
	color: #fff}

.count-text {
font-size: 1.2em;
	font-family: "Trebuchet MS", sans-serif;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #042C54;
    line-height: 1.1em;

}


/* noticias */
#noticias{
	padding: 10px 0px 90px 0px ;
	background-color: #f4f4f4;
}
#noticias h3{
	color: #042C54;
	font-size: 4em;
		padding: 60px 0px;
}
#noticias h1{
    color: #042C54;
    font-size: 4em;
    padding: 60px 0px;
}
#noticias .cuadro-noticia{
background: #042C54;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 1px;
    border: none;
    font-size: .8em;
	position: relative;
}
#noticias .cuadro-noticia p{
	margin-bottom: 0px;
	text-align: left;
}

#noticias .card {
	border: none;
	border-radius: 0px;
    border-bottom: 1px solid rgb(4, 44, 84);
}

#noticias .card-body {
	padding-top: 5px !important;
	padding-bottom: 8px !important;

}
#noticias .card-body .card-title{
    height: 50px;
	display: flex;
    align-items: center;
	margin-bottom: 0px;
}

#noticias .card-body .card-title a{
	color:#042C54;
	text-align: center;
}
#noticias .card-body .card-title a:hover{
	color:#24b8ef;
	text-decoration: none
}
#noticias .card-body .card-text{
    height: 105px;
	display: flex;
    align-items: center;
}

#noticias .card-body .card-text{
	text-align: justify
}
#noticias .cuadro-noticia .box-btn{
    border-radius: 20px;
    padding: 2px 10px;
    position: absolute;
    right: 10px;
	top: -8px;
}
#noticias .cuadro-noticia a{
		color: #fff;
	
}
#noticias .cuadro-noticia a:hover{
		color:#24b8ef;
	text-decoration: none
	
}
#noticias .cuadro-noticia .box-btn .btn{
	color: #fff;
    background-color: #24b8ef;
    border-color: #24b8ef;
	font-size: 1.3em;
    border-radius: 20px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 500;
}
#noticias .cuadro-noticia .box-btn .btn:hover {
	color: #24b8ef;
    background-color:#042C54;
    border-color: #042C54;	
}

.ver-todo{
    background-color: #24b8ef;
    border-color: #24b8ef;
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 30px;
    letter-spacing: 1px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 500;
	font-size: 1.5em;
    border: none;
	margin-top: 50px;
}
.ver-todo:hover{
	color: #24b8ef !important;
    background-color:#042C54;
    border-color: #042C54;	
	text-decoration: none;

}


/* Servicios */
/*Escritorio*/
@media (min-width: 992px) {	

	.margen-top-servicios{
		margin-top: 5em;
	}
}

#servicios{
	padding: 10px 0px 0px 0px ;
}
#servicios h3{
	color: #042C54;
	font-size: 4em;
		padding: 60px 0px;
}
#servicios a,#servicios a:hover{
	color: #fff !important;
	text-decoration: none
	
}
#servicio h1{
    color: #fff;
    font-size: 4em;
    padding: 40px 0px;
    font-weight: 700;
	margin-bottom: 0px;
}
#servicio .titulo-servicio{
	background-color: #042C54;
	
}






/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block;    height: 120px;}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){
	.box16{height:300px
	}
	.box16 .social li {
    display: inline-block;
    height: 80px;
	}
}


/* Experiencia */
#experiencia{
	padding: 10px 0px 60px 0px ;
	background-color: #f4f4f4;
}
#experiencia h3{
	color: #042C54;
	font-size: 4em;
	padding: 60px 0px;
}

#experiencia .card-title{
	    height: 60px;
	display: flex;
    align-items: center;
	text-align: center;
	line-height: 1em;
	    margin-bottom: 15px;
}
#experiencia .card-title a{
	width: 100%;
	text-align: center;
	color: #042C54;
}
#experiencia .card-title a:hover{
	text-decoration: none;
	color: #24b8ef;
}
#experiencia .card-body {
        padding: 1.25rem 0px 0rem 0px;
}

.datos-experiencia{
	background-color: #042C54;
	color: #fff;
	line-height: .9em;
	padding: 5px 0px;
}
.datos-experiencia:hover{
		    background-color: #24b8ef;
}
#experiencia .count-text{
		color: #fff;
	margin-top: 0px;
}
.datos-experiencia span{
    font-size: 1.5em;
    position: relative;
    top: 3px;
}
#experiencia a{
	color: #042C54;
	
}
#experiencia a:hover{
	color: #24b8ef;
	text-decoration: none
	
}
.compartir-experiencia h6{
	color: #042C54;
}

#experiencia h1{
    color: #042C54;
    font-size: 4em;
    padding: 60px 0px;
}
#experiencia h2 {
    color: #042C54;
    font-size: 3em;
    padding: 60px 0px;
}
/*rrss*/

#rrss{
		padding: 50px 0px 50px 0px ;
}

#rrss .social-links a {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-color: #ffffff;
    color: #042C54!important;
    border-radius: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.9rem;
    border: 1px solid #042C54;
}
#rrss .social-links a:hover {
	color: #fff !important;
    border: 1px solid #24b8ef;
	    background-color: #24b8ef;
	
}
#rrss .form-control {
    padding: .12rem .5em;
	border-radius: 0px;
}

#rrss .ingreso-correo{
	    color: #fff;
    background-color: #24b8ef;
    border-color: #24b8ef;
	    border-radius: 0px;
    padding: 2px 5px;
	font-family: "Trebuchet MS", sans-serif;
}
#rrss .ingreso-correo{
	color: #fff;
    background-color: #042C54;
    border-color: #042C54;
}

#rrss.rrss-home{
	    background-color: #042C54;
}
#rrss.rrss-home .social-links a {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-color: #042C54;
    color: #fff!important;
    border-radius: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.9rem;
    border: 1px solid #fff;
}
#rrss.rrss-home .social-links a:hover {
	color:#fff;
    background-color: #24b8ef;
    border-color: #24b8ef;
}
#rrss.rrss-home h4{
	color: #fff;
}

#rrss.rrss-home .ingreso-correo {
    color: #fff;
    background-color: #24b8ef;
    border-color: #24b8ef;
}
#rrss.rrss-home .ingreso-correo:hover {
    color:#24b8ef;
    background-color: #fff;
    border-color: #24b8ef;
}
/*footer*/
footer h5{
	    font-size: 1em;
    font-weight: 700;
}
footer h6{
	font-weight: 700;
	font-size: 1em;
	
}
footer a{
	color:#24B8EF;
	font-weight: 600;
	    font-size: .7em;
	    top: -5px;
    position: relative;
}
footer a.telefono{
	font-size: .9em;
}
footer .contactos h6{
	margin-bottom: 0px;
	margin-top: 15px;
	
}
footer p{
	    margin-bottom: 1.5em;
	font-size: .9em;
}
footer{
    background-color: #03203e;
	color: #fff;
}
.logo-footer{
	width: 350px;
}
footer .contactos{
	margin-top: 15px;
	
}
footer .credits{
    color: #fff;
    font-size: .6em;
    text-align: center;
    border-top: 1px solid #fff;
    padding-top: 30px;
	margin-top: 40px;
	background-color: #02142780 ;
	padding-bottom: 3em;
	
}
footer .credits img{
	padding: 0px 5px;
}


	#experiencia .numeros-fecha{
		margin-top: 1px;
		
	}
	#experiencia .numero-beneficiados{
		    position: relative;
    top: -2px;
		
	}
	#experiencia .numero-beneficiados span{
		
	}


.box16{
	
height: 410px;
    background-size: cover;
}

.box-1{
	background-image: url(../img/servicios_01.jpg)
}
.box-2{
	background-image: url(../img/servicios_02.jpg)
}
.box-3{
	background-image: url(../img/servicios_03.jpg)
}
.box-4{
	background-image: url(../img/servicios_04.jpg)
}
.box-5{
	background-image: url(../img/servicios_05.jpg)
}
.box-6{
	background-image: url(../img/servicios_06.jpg)
}
.box-7{
	background-image: url(../img/servicios_07.jpg)
}
/*Camino Hormiga*/
#hormiga{
	background-color: #24B8EF;
}
.breadcrumb {
    margin-bottom: 0;
	margin-top: 29px;
	background-color: inherit;
}
.breadcrumb a{
	font-size: .7em;
	color: #fff;
}
.breadcrumb-item.active{
	font-weight: 600;
	font-size: .7em;
	    margin-top: 6px;
		color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #003169;
    content: "|";
}

.resultado-experiencia .fecha-resultado{
	font-family: "Trebuchet MS", sans-serif;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
	font-size:3em !important;
}
.resultado-experiencia h1{
	font-size:3.2em;
	margin-top: 25px;
	margin-bottom: 45px;
}

#cuerpo-experiencia{
	padding: 30px 0 40px;
}
.box-descargable {
    border: 1px solid #c62127;
    color: #c62127;
}
.box-descargable:hover {
    border: 1px solid #c62127;
    color: #fff !important;
	background-color: #c62127;
}
.box-descargable h6{
	float: right;
    padding: 10px;
    margin-bottom: 0px;
	    color: #d10000;
}
.box-descargable h6:hover{
	color: #fff;
}
.compartir-experiencia{
	    padding-bottom: 20px;
    border-bottom: 2px solid #042C54
}
.texto-experiencia{
	padding-top: 30px;
}

.box-descargable {
    position: relative;
    float: right;
}
#cuerpo-experiencia .carousel{
	border-bottom: 2px solid #042C54
}
.paginador{
	margin-top: 25px;
}
.paginador .previous, .paginador .next{
	margin-top: 6px;
}
.paginador .previous a, .paginador .next a{
	height: 40px;
    border: 1px solid #042C54;
    width: max-content;
    padding: 6px 20px;
    border-radius: 20px;
	color: #042C54 !important;
}
.paginador .previous a:hover, .paginador .next a:hover{
	text-decoration: none;
	background-color: #24B8EF;
	border: 1px solid #24B8EF;
	color: #fff !important
	
}
.paginador .pagination li .page-link{
	    background-color: transparent;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    margin: 0px 5px;
	    border: 1px solid #042C54;
		color: #042C54 !important;
	
}
.paginador .pagination li .page-link:hover{
	text-decoration: none;
	background-color: #24B8EF;
	border: 1px solid #24B8EF;
	color: #fff !important
	
}
#noticia{
background-color: #042C54;
    color: #fff;
    padding: 35px;
}
#noticia h1{
	clear: both;
	font-size: 2.8em;
}
#vision{
	background-image: url(../img/vision.jpg);
	background-color: #042C54;
	padding: 20px;
	color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}
#vision h1, #mision h1{
	text-align: center;
	font-size: 5em;
}
#vision p, #mision p{
	text-align: justify;
}
#team{
	padding: 20px;
	    background-color: #f4f4f4;
	
}
       
#mision{
	background-image: url(../img/mision.jpg);
	background-color: #042C54;
	padding: 20px;
	color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}

.equipo{
	margin-top: 20px;
}
.equipo .card-body{
	padding: .5em 1em;
	
}
.app .card-title{
	margin-bottom: 0px;
	
} 
.equipo h6{
	color: #24B8EF
	
}
.equipo .card h2{
	font-size: 1.5em;
}
.equipo p{
	text-align: justify;
	font-size: .8em;
}
.equipo .card-footer{
	background-color: transparent;
	
}
.equipo .card-title {
    margin-bottom: .1rem;
}


#clientes{
	padding-bottom: 20px;
}
#clientes h1{
    color: #042C54;
    font-size: 4em;
    padding: 60px 0px;
}
#Biblioteca{
	padding-bottom: 20px;
}
#Biblioteca h1{
	color: #042C54;
    font-size: 4em;
    padding: 60px 0px;
	
}
#Biblioteca .cuadros{
	border: 1px solid #eee;
	background-color: #fff
}
#Biblioteca .cuadros p{
	padding: 5px;
	margin-bottom: 0px;
}
#Biblioteca .cuadros-letra{
	border: 1px solid #24B8EF
	
}
#Biblioteca .cuadros i{
	padding-top: 9px;
	
}

.cabecera{
	    background-color: #24b8ef;
    padding: 10px 10px;
    color: #fff;
}
.cabecera h6{
	margin-bottom: 0px;
	
}
.clickable{
    cursor: pointer;   
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: #009688;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
	background-color: #042C54
}

.panel-body {
  background: #fff;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\f106';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}
.panel-title{
	margin-bottom: 0px;
}
.acordion h5{
	    margin-top: 98px;
    margin-bottom: 79px;
    font-size: 1.5em;
}
.acordion li {
    list-style: none;
    padding: 5px 20px;
	color: #24B8EF;
	font-size: .8em;
}
.acordion li:hover {
	background-color: #24B8EF;
	color: #FFF;
	text-decoration: none
}
.panel-body ul{
	padding-left: 0px;
}


.app button {
  border: none;
  background: none;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.app .accordions__controls {
  display: flex;
  justify-content: flex-end;
  padding-top: 38px;
  padding-bottom: 19px;
}
.app .accordions__control {
  font-weight: 600;
  font-size: 18px;
  color: #24B8EF;
  transition: color .3s ease-in-out;
}
.app .accordions__control:hover, .app .accordions__control:focus {
  color:  #042C54;
}
.app .accordions__header {
  font-size: 32px;
  font-weight: 600;
  background-color:#e2e2e2;
  position: relative;
  border-bottom: solid 1px #d3d3d3;
}
.app .accordions__container {
  display: flex;
}
.app .accordions__title {
  position: relative;
  padding: 28px 0;
  padding-right: 38px;
  flex: 1;
  z-index: 2;
  background-color: #e2e2e2;
	margin-bottom: 0px;
}
.app .accordions__title::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: solid 1px #d3d3d3;
  z-index: 1;
}
.app .accordions__button {
  color: white;
  padding-left: 38px;
  line-height: 1;
  transition: padding .3s ease-in-out;
}
.app .accordions__button::before {
  content: '';
  background-color: #24B8EF;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  bottom: -1px;
  z-index: 1;
  border-bottom: solid 1px #24B8EF;
  cursor: pointer;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
}
.app .accordions__button:hover {
  padding-right: 38px;
}
.app .accordions__button:hover::before {
  background-color: #24A6CE;
}
.app .accordions__button:focus::before {
  background-color: #24A6CE;
}
.app .accordions__button:active, .accordions__button--active {
  padding-right: 38px;
}
.app .accordions__button:active::before, .app .accordions__button--active::before {
  background-color: #042C54 !important;
  border-bottom: solid 1px #042C54;
}
.app .accordions__button:active .accordions__icon, .app .accordions__button--active .accordions__icon {
  transform: rotate(45deg);
}
.app .accordions__icon {
  position: relative;
  z-index: 2;
  transition: transform .3s ease-in-out;
}
.app .accordions__content {
  background-color: white;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1.2s ease-in-out, opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
  transform: translateY(38px);
}
.app .accordions__content--expanded {
      max-height: inherit;
  opacity: 1;
  padding-bottom: 76px;
  transform: none;
}
#app h1{
	    color: #042C54;
    font-size: 4em;
    padding: 50px 0px 10px;
}

#contacto{
	padding: 30px 0px;
	border-bottom: 1px solid #24B8EF;
}
#contacto h1{
    color: #042C54;
    font-size:2.6em;
    font-weight: 700;
    /* padding: 60px 0px; */
    padding-bottom: 20px;
	
}
#contacto a{
	color: #24B8EF;
}
#contacto a:hover{
	color: #042C54;
	text-decoration: none;
} 
#contacto .btn-panal{
	color: #fff;
    background-color: #042C54;
    border-color: #042C54;
    text-decoration: none;
}
#contacto .btn-panal:hover{
	color: #fff;
    background-color:#24B8EF;
    border-color: #24B8EF;
    text-decoration: none;
}
#contacto .form-control {
    border: 1px solid #24b8ef;
}
.content-page h3{
	font-weight: 700;
	color: #042C54;
}

#error .btn-panal{
        color: #fff;
    background-color: #042C54;
    border-color: #042C54;
    text-decoration: none;

}
#error{
	padding: 70px 0px;
	border-bottom: 1px solid #24B8EF;
}
#error h1{
	color: #042C54;
    font-size: 3.5em;
    font-weight: 700;
    /* padding: 60px 0px; */
    padding-bottom: 20px;
}
  #error h2{
	color: #24B8EF;
    font-size: 2em;
    font-weight: 700;
    /* padding: 60px 0px; */
    padding-bottom: 20px;
}
      
#error .btn-panal:hover{
	color: #fff;
    background-color:#24B8EF;
    border-color: #24B8EF;
    text-decoration: none;
}

/*Escritorio*/
@media (min-width: 992px) {	
	.oculto-escritorio{
		display: none;
	}
	nav ul li{
		border-right: 1px solid #24B8EF
	}
	nav ul li:last-child {
  		border-right: none;
	}
	#servicios .col-10-5{
		flex: 0 0 20% !important;
    	max-width: 20% !important;
		-ms-flex: 0 0 20% !important;
	}
	#noticias h2 {
    	color: #042C54;
    	font-size: 3em;
    	padding: 60px 0px;
	}
}

/*Mobile*/
@media (max-width: 991px) { 
	.box16 {
    height: 280px;
	}
	.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link:hover {
    color: #24B8EF;
	}
	.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:active {
    color: #24B8EF;
	}
	.navbar-dark .navbar-nav .show>.nav-link{
		    color: #24B8EF;

	}
	.navbar-dark .navbar-nav .nav-link {
    color: rgb(4, 44, 84);
}
	.navbar-dark .navbar-toggler {
    color: rgb(1, 75, 124);
    border-color: rgb(26, 159, 207);
    background-color: #003169;
	}
	.oculto-mobile{
		display: none;
	}
	.header-mobile{
		padding: 0px;
		background-color: #021427 ;

	}
	.header-mobile a{
	    text-align: center;
    margin: auto;
    display: block;
    font-weight: 700;
    color: #fff;
	}
    .quinessomos{
    background-image: url(../img/01_carousel.jpg);
    height: 150px;
    width: 100%;
    background-size: cover;
		opacity: .8;
	}
	.servicio{
    background-image: url(../img/02_carousel.jpg);
    height: 150px;
    width: 100%;
    background-size: cover;
				opacity: .8;
	}
	.experiencia{
    background-image: url(../img/03_carousel.jpg);
    height: 150px;
    width: 100%;
    background-size: cover;
				opacity: .8;
	}
	.quinessomos:hover, .servicio:hover, .experiencia:hover{
				opacity: 1;
	}
	#experiencia{
		clear: both;
	}
	.icon-header {
    max-height: 45px;
		margin-top: 10px;
	}
	
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #212529;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 0px 20px;
	cursor:pointer
}

.hovereffect .hover-header {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: .7;
}

.hovereffect:hover .hover-header {
  opacity: 0.4;
  filter: alpha(opacity=40);

}

.hovereffect h2 {
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 22px;
  overflow: hidden;
  padding: 0;
  background-color: transparent;
}
.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.35s;
  		transition: transform 0.35s;
	}
	.hovereffect a, .hovereffect p {
  		color: #FFF;
  		opacity: 0;
		filter: alpha(opacity=0);
  		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  		transition: opacity 0.35s, transform 0.35s;
		top: 40%;
    	position: relative;
		font-size: 24px;
	}
	.hovereffect:hover a, .hovereffect:hover p {
  		opacity: 1;
  		filter: alpha(opacity=100);
	}	
	
	#datos {
    padding: 45px 0px;
}
	.paginador .pagination{
		margin-top: 20px;
		margin-bottom: 18px;		
	}
	.navbar-brand img, .logo-footer {
    	width: 210px;
	}
	.navbar-brand {
		margin-right: 0px;
	}
	.ver-todo {
    	padding: 10px 20px;
    	font-size: 1em;
	}

	#noticias .cuadro-noticia a:first-child{
		width: 100%;
		display: block;
	}
	#noticias .cuadro-noticia .box-btn {
		top: 3px;
	}
	#resultados h4 {
    	font-size: 1.5em;
	}
	.navbar-nav .dropdown-menu {
		background-color: #003169;
	}
	.portfolio_category:not(:last-child) {
    	margin-right: 5px !important;
	}
	.cabecera h6 {
    font-size: .8rem;
	}
	#noticias .card-body .card-text {
        display: none;
	}
	#experiencia .numeros-fecha {
		margin-bottom: 10px;
	}
	.app .accordions__controls {
		padding-top: 0px;
	}
	.breadcrumb {
    padding: .4rem 1rem .75rem 1rem;
	}
	#noticia h1, .resultado-experiencia h1, #experiencia h2  {
    font-size: 1.9em;
	}
	#experiencia h2  {
		font-size: 1.5em;
	}
	#noticias h2, #experiencia h2 {
		    padding: 20px 0px;
    font-weight: 700;
	}
	.at-resp-share-element.at-mobile .at-share-btn {
    margin-right: 0px !important;
	}
	.at-style-responsive .at-share-btn {
    padding: 3px !important;
	}
	.compartir-experiencia col-6{
		
	}
	.box-descargable h6 {
    padding: 10px 3px;
	}
	.box-descargable {
    margin-top: 25px;
    margin-left: 10px;
	}
	.compartir-experiencia .col-xl-6{
		   position: initial;
    width: inherit;
    padding-right: 0px;
    padding-left: 0px;
	}
	#contacto h1{
    font-size: 1.8em;
    padding: 0px 0px 20px 0px;
    font-weight: 700;
	}
	/*achicar titulos*/
	#noticias h3, #servicios h3, #experiencia h3, #clientes h1, #app h1, #vision h1, #mision h1, #servicio h1, #noticias h1, #Biblioteca h1{
    font-size: 1.8em;
    padding: 35px 0px;
    font-weight: 700;
	}
	.m-b-mobile{
		margin-bottom: 50px;
	}
	
}
/* Cambios 09/01/2019 */
#resultados h4 {
    font-size: 1.5em;
}
@media (max-width: 991px){
	.navbar-nav .dropdown-menu {
	    overflow-y: scroll;
    	height: 280px;
	}
}
.select-items div, .select-selected {
    padding: 10px 0px 8px 10px;
	font-size: .9em;
	border: none;
}


/*modificación 18/01/2019*/
.select-items {
    max-height: 400px;
    overflow-x: auto;
}
.select-items::-webkit-scrollbar {
  width: 15px;
}
/* Track */
.select-items::-webkit-scrollbar-track {
  background: #fff; 
}
/* Handle */
.select-items::-webkit-scrollbar-thumb {
  background: #0e3e86; 
}
/* Handle on hover */
.select-items::-webkit-scrollbar-thumb:hover {
  background: #010103; 
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: min-content;
    background-color: #042C54;
    color: #fff;
	max-height: 400px;
    overflow-x: auto;
}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar {
  width: 15px;
}
/* Track */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track {
  background: #fff; 
}
/* Handle */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {
  background: #24B8EF; 
}
/* Handle on hover */
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #010103; 
}	
	
}

/* Modificaciones 22 Sept. */
#videos{
    padding: 10px 0px 60px 0px;
}
#banner{
    margin-top: 20px;
}
#banner img{
    margin-bottom: 20px;
    border-bottom: 2px solid #bdc9d1;
}
#banner a:hover{
    opacity: .8;
}
#videos h3, #banner h3 {
    color: #042C54;
    font-size: 4em;
    padding: 60px 0px;
}
/* Arreglos */
#noticias .card-body .card-title {
    height: 90px;
}
#noticias .card-body{
    padding: 5px 1rem 8px
}
#noticias .card-body .card-title a {
    font-size: 1.15rem;
    font-weight: 600;
}
#noticias .card-body .card-text{
    font-size: .85em
}
#noticias .h-100 {
    height: 430px !important;
}
#experiencia .card-title {
    background-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 15px;
    height: 70px;
}
#experiencia .card-title h4{
    font-size: 1.2rem;
}
#experiencia .ver-todo{
    margin-top: 100px
}
.count-text {
    font-size: 1.2em;
}