/*******************************************************************************************************/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
                               /* C S S    B Y    A G R A  :P */
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/********************************************************************************************************/
:root{
	--amarillo: #ffca06;
	--azul: #14254c;
	--gris-claro: #c0bfc0;
	--gris: #727172;
}

body{font-family: 'Red Hat Display', sans-serif; font-weight: 500;}
p{font-weight: 500;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Colores*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-negra{color: #000;}
.l-amarilla{color: #ffca06;}
.l-azul{color: #14254c;}
.l-gris-c{color: #c0bfc0;}
.l-gris-o{color: #727172;}


/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.red-hat{font-family: 'Red Hat Display', sans-serif;}
.upper{text-transform: uppercase !important;}
.w-300{font-weight: 300;}
.w-400{font-weight: 400;}
.w-500{font-weight: 500;}
.w-600{font-weight: 600;}
.w-700{font-weight: 700;}
.w-800{font-weight: 800;}
.w-900{font-weight: 900;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-41{font-size: 41px;}
.fs-42{font-size: 42px;}
.fs-43{font-size: 43px;}
.fs-44{font-size: 44px;}
.fs-45{font-size: 45px;}
.fs-46{font-size: 46px;}
.fs-47{font-size: 47px;}
.fs-48{font-size: 48px;}
.fs-49{font-size: 49px;}
.fs-50{font-size: 50px;}
.fs-51{font-size: 51px;}
.fs-52{font-size: 52px;}
.lh-normal{line-height: normal;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Margin, padding*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.p-no-margin{margin: 0 !important;}
.justi-p{text-align: justify;}

.p-tb40{padding: 40px 0;}
.p-tb50{padding: 50px 0;}
.p-tb60{padding: 60px 0;}
.p-tb70{padding: 70px 0;}
.p-tb80{padding: 80px 0;}
.p-tb90{padding: 90px 0;}
.p-tb100{padding: 100px 0;}
.p-tb110{padding: 110px 0;}

.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-t50{padding-top: 50px;}
.p-t60{padding-top: 60px;}
.p-t70{padding-top: 70px;}
.p-t80{padding-top: 80px;}
.p-t90{padding-top: 90px;}
.p-t100{padding-top: 100px;}

.p-lr-10{padding: 0 10%;}


.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-b50{padding-bottom: 50px;}
.p-b60{padding-bottom: 60px;}
.p-b70{padding-bottom: 70px;}
.p-b80{padding-bottom: 80px;}
.p-b90{padding-bottom: 90px;}
.p-b100{padding-bottom: 100px;}

.m-a20{margin: 30px;}

.m-tb50{margin: 50px 0;}
.m-tb60{margin: 60px 0;}
.m-tb70{margin: 70px 0;}
.m-tb80{margin: 80px 0;}
.m-tb90{margin: 90px 0;}
.m-tb100{margin: 100px 0;}
.m-tb110{margin: 110px 0;}

.m-t20{margin-top: 20px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}
.m-t70{margin-top: 70px;}
.m-t80{margin-top: 80px;}
.m-t90{margin-top: 90px;}
.m-t100{margin-top: 100px;}

.m-b0{margin-bottom: 0px !important;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b30{margin-bottom: 30px;}
.m-b40{margin-bottom: 40px;}
.m-b50{margin-bottom: 50px;}
.m-b60{margin-bottom: 60px;}
.m-b70{margin-bottom: 70px;}
.m-b80{margin-bottom: 80px;}
.m-b90{margin-bottom: 90px;}
.m-b100{margin-bottom: 100px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-gris-c{background: #f2f2f2;}
.bckgd-gris-o{background: #727172;}
.bckgd-azul{background: #14254c;}
.bckgd-frase-1{background: url(../archivos/home/debes-contar-con-un-seguro-de-vida.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; padding: 200px 0;}
.bckgd-frase-2{background: url(../archivos/home/ahorre-hoy-en-su-plan-de-retiro.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; padding: 200px 0;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Custom*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

#sidemenu_toggle{display: none;}
.text-slide{text-shadow: rgba(0,0,0,.75) 2px 2px 2px;}
.header-appear .top-fixed-nav{height: 100px;}
.dis-flex{display: flex; align-items: center;}
.feature-box h3{position: relative;}
.icons-services{width: 40px; position: relative;}
.icons-counter{width: 40px;}
.logo-float{position: absolute; bottom: 0; right: 0; height: 80%;}
.logo-float-2{position: absolute; bottom: 0; left: 0; height: 65%;}
.contact-left{padding-left: 15%; padding-right: 5%;}
.contact-right{padding-right: 15%; padding-left: 5%;}
.contact-left, .contact-right{min-height: 100%; display: flex; align-items: center; padding-top: 70px; padding-bottom: 70px;}
.info-footer{margin-top: 25px;}
.info-footer a{display: flex; align-items: baseline; margin-bottom: 10px;}
.info-footer i{margin-right: 10px;}
.custom-btn2:before{background: #14254c; }
.custom-btn2:hover, .custom-btn2:focus, .custom-btn2:active{color: #ffca06; border: 1px solid #14254c; transition: all .5s ease !important;}
.footer-left{text-align: left;}
.footer-center{text-align: center;}
.footer-right{text-align: right;}
.logo-leadme{width: 175px; height: 48px;}
.cont-info-mobile{display: none;}
.contact-form select{border: none; background: transparent; border-bottom: 1px solid #ffca06;}

/*Info desktop*/
.info-desktop{position: fixed; top: 50%; right: 15px; z-index: 99;}
.info-desktop-2{position: fixed; top: 56%; right: 15px; z-index: 99;}
.info-desktop-3{position: fixed; top: 62%; right: 15px; z-index: 99;}
.icons-desktop{background: var(--amarillo); padding: 10px; border-radius: 25px; font-size: 20px; display: flex; align-items: center; justify-content: center; text-align: center;}
.icons-desktop span{font-size: 16px;line-height: normal;}
.icons-desktop:hover i{margin-right: 10px;}
.info-desktop:hover, .info-desktop-2:hover, .info-desktop-3:hover{width: content;}
.info-desktop:hover .hidden-hover, .info-desktop-2:hover .hidden-hover, .info-desktop-3:hover .hidden-hover{display: block;}
.hidden-hover{display: none;}






/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Responsive*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@media screen and (min-width: 1700px){

}

@media screen and (max-width: 1600px) and (max-height: 800px){
	.image-box-mini{height: 400px;}
}

@media only screen and (max-width: 800px){
	#sidemenu_toggle{display: block;}
	.header-appear .top-fixed-nav{z-index: 9999;}
	.dis-flex{display: block;}
	header .logo .logo-dark.default, header .logo .logo-light.default, header.header-appear nav .logo .logo-dark, header.header-appear nav.header-light .logo .logo-dark{height: 80px!important;}
	header.header-appear nav .logo .logo-dark{height: 60px!important;}
	.header-appear .top-fixed-nav{height: 80px;}
	.header-appear .top-fixed-nav .logo .logo-dark{margin-top: 0px;}
	.side-menu .inner-wrapper{align-items: center !important;}
	.side-menu{background: #14254c;}
	.cont-info-desktop{display: none;}
	.icon-counters{margin-bottom: 25px;}
	.bckgd-frase-1{padding: 70px 0;}
	.bckgd-frase-2{padding: 70px 0;}
	.message textarea{text-align: center;}
	.text-center-small{text-align: center!important;}
	.img-gnp{width: 250px;}
	.image-box-mini{height: 100%;}
	.contact-left, .contact-right{padding-left: 15px; padding-right: 15px;}
	.footer-left, .footer-right{text-align: center;}
	.footer-right{margin-top: 15px;}

	.fs-14-small{font-size: 14px;}
	.fs-26-small{font-size: 26px; line-height: normal;}

	.p-b40-small{padding-bottom: 40px;}
	.p-b70-small{padding-bottom: 70px;}
	.p-tb70-small{padding-top: 70px; padding-bottom: 70px;}

	.m-b0-small{margin-bottom: 0;}

	.m-t25-small{margin-top: 25px;}
	.m-t30-small{margin-top: 30px;}

	/*Info mobile*/
	.cont-info-mobile{display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 9999;}
	.cont-info-mobile a{text-align: center; width: 33.333333%; border-right: 1px solid #000;}
	.cont-info-mobile a:last-child{border-right: 0;}
}

@media screen and (max-width: 640px){

}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->
