.overflow-x-hidden {
	overflow-x: hidden;
}
.offcanvas-header{ display:none; }

.navbar1 .nav-item:hover {
	border-bottom: 5px solid #fff;
}

}

#cintillo {
	height: 32px;
}

.carousel-indicators > li {
	background-color: transparent!important;
	border: 2px solid #253e83!important;
	height:0.5em!important;
	width:0.5em!important;
	border-radius: 100%!important;
}


.carousel-indicators > .active {
  background-color: #253e83i !important	;
}

.carousel-indicators {
    bottom: -50px!important;
}

#navHeader {
	transition: all 0.2s linear ;
}

#logoP {
	transition: all 0.2s ease;
}

.logoExpand {
	width: auto;
	height: 75px;
}

.logoContra {
	width: auto;
	height: 60px;
}

/* Navbar */
.navbar1 .navbar-nav .nav-link {
	color: #fff;
}

.navbar1 #toggler-icon {
	color: #fff;
}

.navbar2 #toggler-icon {
	color: #253e83;
}

.navbar1 .nav-item {
	transition: all 0.2s ease;
	border-bottom: 5px solid transparent;
}



.navbar2 .navbar-nav .nav-link {
	color: #253e83;
}

.navbar2 .nav-item {
	transition: all 0.2s ease;
	border-bottom: 3px solid transparent;
}

.navbar2 .nav-item:hover {
	border-bottom: 3px solid #253e83;
}
 


.navbar1 .dropdown-menu .dropdown-item {
color: #fff;
background-color: #253e83;
padding: 8px;

}
.navbar2 .dropdown-menu .dropdown-item {
color: #253e83;
background-color: #fff;
padding: 8px;

}
.dropdown-menu {
border-radius: 0;
padding: 0;
}

.navbar1 .dropdown-menu .dropdown-item:hover {
background-color: #fff;
color: #253e83;
}
.navbar2 .dropdown-menu .dropdown-item:hover {
background-color: #253e83;
color: #fff;
}

.border-azul {
	border-color: #253e83;
}

/* Color de Fondos */
.bg-custom1 {
	background-color: #333;
	border-color: #444!important;
}
		
.bg-azul {
	background-color: #253e83;
}

.bg-custom2 {
	background-color: #222;
}

.bg-black {
	background-color: #0a0a0a
}

.bg-trasparent {
	background-color: rgba(0, 0, 0, 0.7);
}
		
/* Color de textos */
.text-azul {
	color: #253e83
}

.text-gris {
	color: #eee;
}

.text-gris-2 {
	color: #ddd;
}

.text-special:hover {
	color: #aaa!important;
}

/*Fuente tamaņos */

.font11 {
	font-size: 11px
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.site-footer {
	font-size: 13px
}

.card-link .card-img-top {
	transition: transform .5s ease;		
}
		
.card-link:hover .card-img-top {
	transform: scale(1.2);	
}

div.wpforms-submit-container, div.wpforms-field-email {  
     margin: 7px auto !important;
     padding: 0 !important; 
}
div.wpforms-container-full .wpforms-form button[type=submit] {  
     margin: 0 auto !important; 
     display: block !important; 
     width: 100% !important;
}
.card-img-overlay img {
	visibility: hidden
}

.btn-primary {
	color: #fff;
	background-color: #253e83!important;
	border-color: #253e83!important;
}

.contact-social-anchor:link, .contact-social-anchor:visited, .contact-social-anchor:active {
	text-decoration:none;
}


/* 

	animaciones 

*/

@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 2s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}


/* 

	Responsive

 */

@media (max-width: 1199px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
  	z-index: 100;
    position: fixed;
    top:0; 
    bottom: 0;
    left: 75%;
    width: 75%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #253e83;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  }
.navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }
.navbar-collapse.show .menu-item {
	    flex-direction: column;

}
.dropdown-menu {
	width: 100%;
	border: 0;
	border-top: 5px solid #fff;
	text-align: center;
	padding: 0;
}
}


@media (min-width: 1200px) {
	.nav-item:hover .dropdown-menu {
	display: block;}
}

@media (min-width: 1024px) {
	
	.carousel-item img {
		height : 400px;
	}
}
.svg_white {
	fill: #fff;
}

.svg-gris{
	fill: #ddd;
}

.header-wrap {
  background-size: cover;
  height: 40vh;
}
.header-wrap h1.entry-title {
  font-weight: 400;
  color: #FFF;
  font-size:3em;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px black;
}

.bubble {
	top: 1px;
    right: 1px;
    position: absolute;
    background: #000000;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    width: 38px;
    height: 28px;
    border-radius: 5%;
    padding: 0px;
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #000000 transparent transparent transparent;
    bottom: -7px;
    left: 50%;
    margin-left: -3.5px;
}
.zoom img{
  transition: transform .4s; /* Animation */
}

.zoom:hover img {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */


}
.divider
{
	position: relative;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(189, 189, 189), transparent);
}
.page-link {
	color: #253e83!important
}
.page-item.active .page-link  {
	Color : #fff!important;
	background-color: #253e83!important;
    border-color: #253e83!important;
}

.wpdevart_org_chart_container li .wpda_tree_item_container>div {
	transition:  all 1s ease-out;
	padding: 1rem!important;
	min-height: 80px!important;
}

.wpdevart_org_chart_container li .wpda_tree_item_container>div:hover  {
	background-color: #822444;
}
.wpdevart_org_chart_container li .wpda_tree_item_container>div:hover .wpda_tree_item_title, .wpdevart_org_chart_container li .wpda_tree_item_container>div:hover .wpda_tree_item_desc  {
	Color: white!important
}

.lista-Esp ol {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 50px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 5em;
    text-shadow: 0 1px 0 rgba(55,124,245,.5);
}

.lista_Esp ol {
    margin: 0 0 0 2em; 
}

.lista-Esp {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 5em;
    padding: 0;
     
    counter-reset: li-counter;
}

.lista-Esp > li{
    position: relative;
    margin-bottom: 20px;
    padding: 3em;
    border-left: 1px solid #253e83;
    background-color: #eee;
	transition: background 300ms ease-in-out;
}
.lista-Esp > li:hover{
    position: relative;
    margin-bottom: 20px;
    padding: 3em;
    color: white;
	border-left: 1px solid #fff;
    background-color: #253e83;
}
.lista-Esp > li:before {
    position: absolute;
    top: 0;
    left: -0.83em;
    width: 1em;
 
    font-size: 8em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #253e83;
    z-index: -99;
    overflow: hidden;
     
    content: counter(li-counter);
  counter-increment: li-counter; 
}

.card-esp {
  width: 100%;
  padding: 2em 1.5em;
  background: linear-gradient(#ffffff 50%, #253e83 50%);
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
  text-align: center;
}
.card-esp h3 {
  font-size: 30px;
  font-weight: 600;
  color: #253e83;
  margin: 1em 0;
}
.card-esp p {
  color: #575a7b;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.card-esp:hover {
  background-position: 0 100%;
}
.card-esp:hover h3 {
  color: #ffffff;
}
.card-esp:hover p {
  color: #f0f0f0;
}