/**
* Template Name: Gp - v2.0.0
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
.mt-5 {
	  margin-top: 2rem !important;
	}

@media (max-width: 768px) {
	
	.mt-5 {
	  margin-top: 1rem !important;
	}
	
	#hero h1 {
		font-size: 32px !important;/*color: green !important;*/
	}
	#hero h2 {
		font-size: 16px !important;
	}
	
	#header .logo img {
	  max-height: 40px !important;
	}
	
	#hero .icon-box h3 {
	font-size: 16px;
	line-height: 20px;
	}

	
	.section-title p {
		font-size: 24px !important;
	}
	
	h5 {
	  font-size: 1rem !important;
	}
	
	
}

/*--------------------------------------------------------------
# Link dentro de Alertas
--------------------------------------------------------------*/
/**/
a {
	/*border:0 !important;*/
	text-decoration: none !important;
	color:#1957d1;
}
a:hover {
	/*color:#1735b0  !important;*/
}

.alert a {
	/*color:black;*/
	text-decoration: underline !important;
}/**/

#header .logo img {
  max-height: 50px;
}

/*--------------------------------------------------------------
# BOTONES PRINCIPALES
--------------------------------------------------------------*/
#hero .icon-box {
	background-color: rgb(25, 87, 209, 0.1);
}
#hero .icon-box:hover {
	background-color: rgb(10, 35, 81, 0.6);
}

#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #00a3df;/*color icono*/
}

#hero .icon-box-b {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}

#hero .icon-box-b i {
  font-size: 32px;
  line-height: 1;
  color: #00a3df;/*color icono*/
  /* nuevo 
  color: white;*/
}


#hero .icon-box-b a {
	color:white;
	display:block;
	transition: ease-in-out 0.3s;	
	
}
#hero .icon-box-b a:hover {
	color:#edcd50;
}
/**/

#hero .icon-box-b h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}

#hero .icon-box-b:hover {
	border: 1px solid rgba(255, 255, 255, 0.4);
  /*border-color: #4CBFDC;*/	
}


#hero {
  background: url("/sitios/pagos/assets/img/bg/bg-hall-pagos-puce.jpg") top center;
  background-color: #1957d1 !important;
  width: 100%;
  /*background: none !important;
  /**/
  min-height: 70vh !important;
  
  /*height: 80vh*/
}

#hero h1 {
	/*font-size: 36px !important;
	line-height: 1 !important;
	color: pink !important;*/
}
#hero h1 span {
	color: #00a3df !important;
}


#hero .icon-box h3 {
  color: #FFFFFF !important;
}

#hero .icon-box h3:hover {
  color: #a4e6fc !important;
}

/*--------------------------------------------------------------
# LISTA DENTRO DE MODAL
--------------------------------------------------------------*/
.lista-modal li {
  padding-bottom:5px;
}

/*forsamos section features padding top*/
.features {
    padding-top: 60px;
}		

/*forsamos el P clor negro*/
.features .icon-box p {
    color: #000;
}

/*forzamos color link a*/		
a {
    color: red;
    /*color: #4cbddc;*/
}
a:hover {
    color: green;
    /*color: #6edffe;*/
} 


/*link hover color*/
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: #00a3df !important;
    /*color: #7FEFFF;*/
}

.section-gray {
	/*background-color:#EEE;*/
}

/* se crea las seccion con borde abajo para dividir cada seccion */
.section-pago {	
	/*border-bottom:2px solid #adcad1;*/
	border-bottom:2px solid rgba(173, 202, 209, 0.6		);
}

/* linea junto a subtitulo superior plomo en titulo seccion */
.section-title h2::after {

  background: #17A2B8;
  background: rgba(23, 162, 184, 0.5);
}

/*h5 forzado para <p> u otros*/
.h5-puce {
	font-size: 2.25rem;
}


.features .icon-box i.icon-normal {
    font-size: inherit;
    float: inherit;
    color: inherit;
}

/* forsamos a <section> un padding mas grande por el menu mas alto*/
section {
    padding: 70px 0;
    overflow: hidden;
}

/*paddingp para subsecciones*/
.sub-section {
    padding-top: 85px;
    overflow: hidden;
}

.bg-warning-light {
	background-color: #fce364;/*khaki*/
}

/**/ 
.bloquear {
	pointer-events: none; 
	opacity: 0.5;
}

/*comportamiento menu vs modal*/
/*fondo modal > z-index: 1050*/
/*
.mobile-nav { z-index: 9999; }
.mobile-nav-toggle  { z-index: 9998; }
.mobile-nav-overly { z-index: 9997; }
*/



/*/
/*/
/*MENU REGULAR*/
.nav-menu a {
  color: #FFFFFF !important;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #a4e6fc !important;
}

.nav-menu .drop-down ul a {
	color: #00a3df !important;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #FFFFFF !important;
  background: #00a3df !important;
}

/*MENU MOBILE*/
/*HAMBURGUESA*/
.icofont-navigation-menu {
  color: #ffffff !important;
}
.icofont-close {
  color: #ffffff !important;	
}

/*MENU MOBILE*/
.mobile-nav a {
  color: #1957d1 !important;
  font-weight:600;
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: white !important;
  text-decoration: none;
  background: #00a3df !important;
}

/*MENU HERO TEST*/
.menu01_off, #home01:hover .menu01_on{
   display:none;
   /*
   filter: grayscale(100%);
   
   transition: filter 2s;
   -moz-transition:: filter 2s;
   -webkit-transition: filter 2s;*/
}
.menu01_on, #home01:hover .menu01_off{
   display:block;
   /*
   filter: grayscale(0%);
   
   transition: filter 2s;
   -moz-transition:: filter 2s;
   -webkit-transition: filter 2s;*/
}
/*
.image_off, #home:hover .image_on{
   display:none;
   
}
.image_on, #home:hover .image_off{
   display:block;
}
*/


/*ICONO LISTAS DOBLE VISTO*/
.about .content ul i {  
  color: #1957d1 !important;
}

/*back to top*/
.back-to-top i {
  background: #1957d1 !important;
  color: #FFFFFF !important;
  border: 2px solid #1957d1 !important;
}
.back-to-top i:hover {
  background: #FFFFFF !important;
  color: #1957d1 !important;
  border: 2px solid #1957d1 !important;
}





/*/
/*/
/* CAMBIAR COLORES DE UN ELEMENTO COMPLETO EN BOOTSTRAP 4*/
/* https://lingtalfi.com/bootstrap4-color-generator */
/*/
/*------------------------------------
- COLOR info NUEVO Ä¢¹½´«Ã½ > 00a3df
------------------------------------*/
.alert-info {
    color: #004762 !important;
    background-color: #aae7ff !important;
    border-color: #95e1ff !important;
}

.alert-info hr {
    border-top-color: #7cdaff !important;
}

.alert-info .alert-link {
    color: #00222f !important;
}

.badge-info {
    color: #fff !important;
    background-color: #00a3df !important;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #fff !important;
    background-color: #0086b9 !important;
}

.bg-info {
    background-color: #00a3df !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #0086b9 !important;
}

.border-info {
    border-color: #00a3df !important;
}

.btn-info {
    color: #fff !important;
    background-color: #00a3df !important;
    border-color: #00a3df !important;0086b9
}

.btn-info:hover {
    color: #fff !important;
    background-color: #0086b9 !important;
    border-color: #0086b9 !important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 221, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff !important;
    background-color: #00a3df !important;
    border-color: #00a3df !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #0086b9 !important;
    border-color: #00709a !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 221, 0.5) !important;
}

.btn-outline-info {
    color: #00a3df !important;
    background-color: transparent !important;
    border-color: #00a3df !important;
}

.btn-outline-info:hover {
    /*
	color: #fff !important;
    background-color: #00a3df !important;
    border-color: #00a3df !important;
	*/
	color: #fff !important;
    background-color: #00a3df !important;
    border-color: #00a3df !important;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 221, 0.5) !important;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00a3df !important;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff !important;
    background-color: #00a3df !important;
    border-color: #00a3df !important;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 160, 221, 0.5) !important;
}

.list-group-item-info {
    color: #004762 !important;
    background-color: #95e1ff !important;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #004762;
    background-color: #7cdaff !important;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff !important;
    background-color: #004762 !important;
    border-color: #004762 !important;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #95e1ff !important;
}

.table-hover .table-info:hover {
    background-color: #7cdaff !important;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #7cdaff !important;
}

.text-info {
    color: #00a3df !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0086b9 !important;
}