/*header{
	position:fixed;
	background:#A5108C;
	height:4px;
	display:block;
	width:100%;
	z-index:45545;
}*/

.nav{}
.navbar{
	background:#D6D3D6;
}

.navbar ul{
	width:100%;
	text-align:center;
}
/*.navbar-dark .navbar-nav .nav-link{
	color:#000;
	border-radius:5px;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color:#FFF;
}*/

.navbar .nav-link{
	color:#21348C;
	font-weight:bold;
	border-radius:5px;
}
.navbar .nav-link:hover{
	color:#fff;
	background:#21348C;
}

.navbar .navbar-toggler{color:#37438D !important;border:1px solid #000;}
.navbar .navbar-toggler .navbar-toggler-icon:before{font-size:1.5em;}

.f1{margin: 20px -20px;width: 250px;}

.titulo_seccion{
	text-align: center;
	background:#2A5BA3;
	color:#FFF;
	font-size: 1em;
	font-weight:bold;
	height:65px;
}
.titulo_seccion h2{
	padding-top:10px
}
.sep_menu{
	height:1px;
	padding:0px;
	margin:0px;
	background:#31418C;
}

/***************************************************************** ALARMA*/
/***************************************************************** ALARMA*/
/***************************************************************** ALARMA*/

.alarma_fond{background:#D6D3D6;}
.alarma{background:#D6D3D6;}
.alarma .banner{padding:0px;}
.alarma .formu{background:#2959A5;}
.alarma .formulario{
	margin-top:20px;
	background:#2A5BA3;
	border-radius: 20%;
	width:100%;
	padding:30px;
	color:#fff;
}

.alarma .formulario h4{
	color: #FFFFFF;
	font-family: 'Anton', sans-serif;
}


/***************************************************************** BANNER LISTA*/
/***************************************************************** BANNER LISTA*/
/***************************************************************** BANNER LISTA*/
.banner-list{
	margin-top:30px;
	margin-bottom:30px;
}
.banner-list svg{
	width:40px;
	height:40px;
    stroke-width: 3;
    fill-opacity: 1;
    stroke:#2A5BA3;
    stroke-opacity: 1;
    fill: #2A5BA3;
	margin-top:20px;

}
.banner-list .divisor{
	transform-origin: center 0.5px;
    width: 50px;
    height: 2px;
    transform: rotate(90deg);
	background:#3D9BE9;
	box-sizing: border-box;
	margin-top:50px;
}
.banner-list h5{
	color:#2A5BA3;
	font-weight:bold;
}
.banner-list .titulo{}
.banner-list .descripcion{text-align:justify;}


/***************************************************************** BENEFICIOS*/
.beneficios_fondo{
	background:yellow;
	padding:20px 0px;
}
.beneficios h3{
	color:#2A5BA3;
	font-weight:bold;
}
.beneficios ul{
	color:#2A5BA3;
	padding: 10px 10px 10px 25px;
}
.beneficios .video{
	width:100%;
	height:400px;
}


/***************************************************************** COMPONENTES*/
/***************************************************************** COMPONENTES*/
/***************************************************************** COMPONENTES*/
.componentes{padding:45px 0px;}
.componentes h1{text-align:center;color:#2A5BA3;padding:15px 0px;}
.componentes .vinietas{
	margin:30px;
}
.componentes .vinietas h4{
	font-family:"Oswald";
	background:#2B6CA3; text-align:center;width:35px;height:35px;border-radius:50px;color:#fff;font-weight:bold;padding-top:2px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	margin-top:20px;
}

.componentes .card {color:#2A5BA3;font-size:1em;font-weight:bold;}




/* estilos para el boton  btn_cot */
.btn_cot{
	background-color: #F2050B !important;
	color: #FFFFFF;
	font-family: 'Anton', sans-serif;
	font-size: 23px;
	margin-top: 50px;
}

.arriba{
	padding-top: -18px;
}
/* Estilos footer    -- wilber-dev */




.fa{
	/* padding-top: 3PX;
	font-size: 35px;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #fff;
	border-radius: 10px; */
	font-size: 20px;
}
.fas{
	font-size: 20px;
	padding: 2px 6px ;
	margin: 4px;
	background: cornsilk;
	border-radius: 9px;
	border: solid #fff 1px; 
}

.com_funciona{
	padding: 50px auto;
	text-align: center;
	font-size: 2em;

}
.card-img-top{
	width: 150px;
	height: 150px;
	border: #2A5BA3 5px solid;
	border-radius: 50%;
	float: left;
	position: relative;
}


.books{
	font-size: 50px;
	color: #2A5BA3;
	margin-left: -20px;
}
.card_titulo{
	text-decoration: underline;
	color: #2A5BA3;
	font-family: 'Teko', sans-serif;
	font-size: 30px;
	margin-left: 166px;
	margin-top: -15px;
	display: block;
}

form .num{
	display:inline-block !important;
	width:40px;
}

form .num_res{
	display:inline-block !important;
	width:60px;
}

/*ESTILOS COPIADOS DE PRUEBA*/


.flechas{
	text-align: center;;
	font-weight: bold;
	color: #2A5BA3;
}
.flechas1{
	text-align: center;;
	font-weight: bold;
	color: #2A5BA3;
}
.flecha2{
	margin:auto;
	text-align:center;
	transform: rotate(180deg);
	width:100px;
	height:100px;
	fill:#2A5BA3;
	margin-bottom: 20px;
}
.fa-angle-down{
	font-size: 100px
}

.fas01{
	margin-top: -280px;
}

/*
******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

*/

li{
	padding-right: -20px;
}


.fa-facebook{
	color: #3b5998;
}
.fa-twitter{
	color: #55acee;
}
.fa-google-plus{
	color: #dd4b39;
}
.fa-linkedin{
	color: #007bb5;

}
.fa-instagram{
	color: 	#125688;
}

.fa-map-marker{
	color: orange;
  	text-decoration: none;
}


.fa-phone{
	color: #34a853;
}

.fa-envelope{
	color: #ea4335;
}

.fa-mobile{
	color: #1ed760;
}

/* es el texrto de rhino peru */
.txt{
	/* text-align: right; */
	text-decoration: none;
	color: #fff;
	text-shadow: blue;
	font-weight: bold;
}


.textos{
	font-style: bold;
}

.footer-class{
	background-color:#2A5BA3 !important;
	color: azure;

}




/* estilos para  --- quienes somos */
.somos{
	margin-top: 20px;
	margin-bottom: 20px;
	border: #2A5BA3 solid 2px;
	padding: 20px;
}
.somos p{
	text-align:justify;
}
.somos h4{
	color:#2A5BA3;
}
.contactanos{
	margin-top:20px;
	margin-bottom:20px;
}

.btn{
	background-color: #2959A5;
	border-radius: 5px solid #444444;
	color: #fff;
}



/******************************************************************************** ESTILO DEL BANNER*/
/******************************************************************************** ESTILO DEL BANNER*/
/******************************************************************************** ESTILO DEL BANNER*/

/*******BENEFICIOS*******/
/*******BENEFICIOS*******/
/*******BENEFICIOS*******/



.somos svg{
	padding:30px;
	margin-top:-50px;
	width:240px;
	height:330px;
	float:right;
	
	stroke-width: 3;
	fill-opacity: 1;
	stroke:#2A5BA3;
	fill:#2A5BA3;	
}

.Urb { 
	line-height: 0.5em;
	padding-bottom: 15px;
	}
.flecha{
	margin:auto;
	text-align:center;
	transform: rotate(180deg);
	width:100px;
	height:100px;
	fill:#2A5BA3;
}

/********************************************************** BOTON DE LLAMADAS*/
/********************************************************** BOTON DE LLAMADAS*/
/********************************************************** BOTON DE LLAMADAS*/
.MenuPie{
	position:fixed;
	height:50px ;
	width:100%;
	text-align:center;
	bottom:0px;
	background:#D6D3D6;
	display:none;
}
.MenuPie .iconos{
	padding:4px 0px;
	text-align:center;
}
.MenuPie .iconos img{
	margin-top:10px;
	width:30px;
}
.MenuPie .iconos img{
	margin-top:10px;
	width:30px;
}
.MAMenu{
	position:fixed;
	bottom:50px;
	width:100%;
	display:none;
}
.MAMenu a{
	padding-top:8px;
	display:block;
	text-align:center;
	background:#D6D3D6;
	color:#21348C;
	font-weight:bold;
	height:40px;
}
.MAMenu a:hover{
	background:#21348C;
	color:#fff;
}

/**************************************************************FOOTER*/
footer{
	padding-bottom:20px;
}

/* Para 480px */   
@media only screen and (max-width: 720px) {
	.alarma img{width:100%}
	.alarma .formulario{margin-top:20px;display:none;}
	
	/*.alarma h2{font-size:1.2em;}
	.alarma h3{font-size:0.8em;}*/
	
	.alarma h2, .alarma h3, .alarma .precio{text-align:center !important;}
	
	.banner-list .divisor{display:none;}
	.beneficios .video{height:200px;}
	.componentes img{width:100%}
	
	.flecha, .flecha2{display:none;}
	.somos svg{display:none;}
	.MenuPie{display:block;}
	footer{padding-bottom:35px;}
}