* {-webkit-tap-highlight-color: rgba(0,0,0,0); vertical-align: top;}
html, body {overflow-x: hidden;}


/* HEADER */
	#header				{width: 100%; height: 60px; background-color: #fff; display: inline-block;position: fixed;z-index: 10}
	#margin-header		{margin: 0 auto; width: 90%}
	#header #cont-logo-cotiza	{display: inline-block; margin: 7px 20px;}
	#header #cont-logo-cotiza img 		{display: block; width: 160px; }
	#cont-menu	 		{display: inline-block; margin: 10px 15px; float: right;}

	#boton-cotizar-seguros 			{display: inline-block; margin: 0;}
	#cont-menu div #icon-cotizar 	{display: inline-block; margin: 10px 5px; width: 20px}
	#cont-menu div #icon_consejos 	{display: inline-block; margin: 10px 5px; width: 24px}
	#boton-cotizar-seguros a, #boton-consejos-utiles a {display: inline-block;}
	#boton-cotizar-seguros a p, #boton-consejos-utiles a p 	{display: inline-block; cursor: pointer; font-family: 'arima_black'; margin: 0; padding-top: 12px }
	#boton-consejos-utiles 			{display: inline-block;}
	#cont-menu span     			{display: inline-block; }
	#cont-menu span img    			{display: inline-block; margin: 17px}
/* Menu Links */
	#link_cotiza_seguro {position: absolute;top: 52px; display: none; z-index: 15}	
	#link_cotiza_seguro #img-link_cotiza_seguro{margin: 0 65px; display: block; position: relative;}
	#cont-min-menu 			{background-color:#fff ;margin: -1px; box-sizing: border-box; padding: 5px;border-radius: 4px; box-shadow: 0 0 1px #000; cursor: pointer;}
	#cont-min-menu a  		{display: inline-block; width: 40px; margin: 0}
	#cont-min-menu a img 	{display: inline-block; width: 40px}

/* ETAPA 1*/
	#fondo-ciudad {width: 100%;height: 100%;padding-top: 60px}
	#etapa-1 				{position: absolute; margin-top: -45%; margin-bottom: -20%; display: table-cell; text-align: center; width: 100%; vertical-align: middle;}
	#etapa-1 h1 				{font-family: 'arima_black';font-size: 51px;margin: 0 auto;color: black;height: auto;display: inline-block;text-align: center;width: 100%;box-sizing: border-box;max-width: 540px;min-width: 310px;}
	#etapa-1 span 			{width: 70%; margin: 0 auto; display: block; text-align: center;background-color: rgba(100,100,100,0.60);padding: 10px}
	#etapa-1 span a img 	{margin: 10px} 

/* POP UP - Solicitar cotizacion */
.overlay{position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;right: 0;left: 0;display: flex;align-items: center;justify-content: center;visibility: hidden;z-index: 22;}
.overlay .active {visibility:visible;}

.popup				{background-color:gainsboro;color:black;box-shadow: 0px 0px 5px 6px rgba(0,0,0,.8);border-radius: 5px;padding: 20px;text-align: center;width: 35%;}
#btn-cerrar-popup 	{position: absolute;background-color: #333;padding:7px 10px;font-size: 22px;margin-left: 200px;
 text-decoration: none;line-height: 1;color:#fff;}
#btn-cerrar-popup:hover {color: black;}

.popup form .contenedor-inputs input {;width: 75%;margin-left: auto;margin-right: auto;}
.popup form .contenedor-inputs textarea {;width: 75%;margin-left: auto;margin-right: auto;}

#botonsolicitarcotizar {margin-top: 20px; padding-bottom: 10px;padding-top: 10px;padding-left: 20px;padding-right: 20px;border: none;color: white;background-color: green;border-radius:8px;font-size: 22px;cursor: pointer;transition: .3s ease all;}


#popupgracias {visibility: hidden;opacity: 0;margin-top: -300px;}
#popupgracias:target {visibility:visible;opacity: 1;background-color: rgba(0,0,0,0.8);position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1;}
.popup-contenedor {position: relative;margin:7% auto;padding:30px 50px;background-color: #fafafa;color:#333;border-radius: 3px;width:50%;}
.popup-cerrar {position: absolute;top:3px;right:3px;background-color: #333;padding:7px 10px;font-size: 20px;text-decoration: none;line-height: 1;color:#fff;}


/* WhatsApp */

.fixed-bottom {position: fixed;top: 420px;right: 20px;z-index: 1030;}
.fixed-bottom p {font-size: 12px;text-align: center; border: thin solid #ADADAD;border-radius: 12px;background-color: white}

/* Seccion 3 */
#espacio3{height: 50px}
#pasoscontratarmobile1 {display: none}
#pasoscontratarmobile2 {display: none}
#pasoscontratarmobile3 {display: none}
#pasoscontratar{width: 90%;margin-left: auto;margin-right: auto;padding-top: 30px}
#circulo1 {background-color: crimson;width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;text-align: center;margin:0px auto;padding:3%}
#circulo2 {background-color: cadetblue;width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;text-align: center;margin:0px auto;padding:3%}
#circulo3 {background-color: orange;width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;text-align: center;margin:0px auto;padding:3%}
#circulo1 p {font-size: 60px;color: white}
#circulo2 p {font-size: 60px;color: white}
#circulo3 p {font-size: 60px;color: white}

#paso1 {background-color: white;margin-top: 10px;}
#paso1 p {padding:5%;}
#paso2 {background-color: white;margin-top: 10px;}
#paso2 p {padding:5%;}
#paso3 {background-color: white;margin-top: 10px;}
#paso3 p {padding:5%;}

/*Formulario*/
#formulario2 {padding-top: 2%;padding-bottom: 3%;padding-left:5px;padding-right:5px;width: 30%; border:3px solid; border-color:gray;border-radius: 10px;margin-left: auto;margin-right: auto;margin-top: 25px}
#formulario2 .form-control.form-control{border: 2px solid;border-color: lightgray ;width: 100%;}
#formtextarea {border:2px solid; border-color:lightgray;border-radius: 4px;padding-left: 3%;padding-top: 1%}
#formulario2 .btn.btn-lg.btn-block.btn-cta {background-color: #1F8805;color: #F7F3F3;border-radius: 8px;width: 80%;
	height: auto;text-align: center;padding-bottom: 6px;padding-top: 6px;padding-right: 6px;padding-left: 6px;margin-left: auto;
	margin-right: auto;margin-top: 1px}


/* Seccion 4 */
#espacio4{height: 50px;text-align: center;margin-bottom: 50px;margin-top: 60px;}
#todoslogos{width: 90%; margin-left: auto;margin-right: auto;}
#lineeffect2 {display: inline-block;position: relative;}
#lineeffect2::after,#lineeffect2::before {content:'';position: absolute;width: 160px;height: 3px;background-color: black;top: 0.6em;}
#lineeffect2::after {left: -180px}
#lineeffect2::before {right: -180px}

#logos{width: 90%; margin-left: auto;margin-right: auto;padding-top:3%;padding-bottom: 6%;}
#sura {width: 70%;margin-left: 10%;margin-right: 10%}
#fed {width: 70%;margin-left: 10%;margin-right: 10%}
#allianz {width: 70%;margin-left: 10%;margin-right: 10%}
#mapfre {width: 85%;margin-left: 6%;margin-right: 6%; margin-top: 5%}
#hdi {width: 85%;margin-left: 6%;margin-right: 6%;margin-top: 5%}
#mercantil {width: 85%;margin-left: 6%;margin-right: 6%;margin-top: 5%}
#asociart {width: 85%;margin-left: 6%;margin-right: 6%;margin-top: 5%}

#carouselindicatorlogo {display:none;}

/* Seccion 5 */
#espacio5{height: 40px;text-align: center;margin-bottom: 50px;}
#opiniones{width: 90%; margin-left: auto;margin-right: auto;}
#lineeffect {display: inline-block;position: relative;}
#lineeffect::after,#lineeffect::before {content:'';position: absolute;width: 160px;height: 3px;background-color: black;top: 0.6em;}
#lineeffect::after {left: -180px}
#lineeffect::before {right: -180px}
	

#carouselExampleIndicators {width:80%;height: 250px;margin-left: auto;margin-right: auto;margin-bottom: 30px; border: rgba(129,129,129,0.82) 3px solid;background-color:rgba(225,225,225,1.00);border-radius: 15px}
#testimonio{height: 300px; margin-bottom: 10px;margin-left:100px;margin-right: 100px;margin-top: 2px;padding-top: 30px}
#personaje {border: rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#lineeffectsonaje {border:rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#test p {font-family:'arima_light';color: black; font-size: 18px;padding: 3%;line-height: 1.5;}
#testimonio1{height: 300px; margin-bottom: 50px;margin-left:100px;margin-right: 100px;margin-top: 2px;padding-top: 30px}
#personaje1 {border: rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#test1 p {font-family:'arima_light';color: black; font-size: 18px;padding: 3%;line-height: 1.5;} 
#testimonio2{height: 300px; margin-bottom: 50px;margin-left:100px;margin-right: 100px;margin-top: 2px;padding-top: 30px}
#personaje2 {border:rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#test2 p {font-family:'arima_light';color: black; font-size: 18px;padding: 3%;line-height: 1.5;}
#testimonio3{height: 300px; margin-bottom: 50px;margin-left:100px;margin-right: 100px;margin-top: 2px;padding-top: 30px}
#personaje3 {border: rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#test3 p {font-family:'arima_light';color: black; font-size: 18px;padding: 3%;line-height: 1.5;}
#testimonio4{height: 300px; margin-bottom: 50px;margin-left:100px;margin-right: 100px;margin-top: 2px;padding-top: 30px}
#personaje4 {border: rgba(239,7,56,1.00) 15px double;width: 185px;height: 185px;display: flex;justify-content: center;align-items: center;text-align: center;padding:1%;margin:0px auto}
#test4 p {font-family:'arima_light';color: black; font-size: 18px;padding: 3%;line-height: 1.5;}


	/* FOOTER */
	footer 				{background-color: #41647e; width: 100%;}
	footer #block-1		{padding: 2%}
	footer #block-1 h3	{font-family: 'arima_black'; color: #dfeef9;font-size: 18px;text-align: center}
	footer #block-1 p 	{font-family: 'arima_light';color: #c0d0db;display: inline-block; font-size: 14px;margin: 1%;text-align: justify} 
#linea-1 	{display: inline-block; width: 1px;background-color: #fff;margin-top: 0px;margin-left: 200px; height: 100px;position: absolute}
#linea-2 	{display: inline-block; width: 1px;background-color: #fff;margin-top: 0px;margin-left: 450px; height: 100px;position: absolute}
	
	footer #block-2 					{display: inline-block; width: 100%; text-align: center;padding: 2%}
	footer #block-2 h3					{font-family: 'arima_black';color: #dfeef9; font-size: 18px;}
	footer #block-2 span 				{width: 100%;display: inline-block;text-align: left;margin-top: 10px;min-width: 140px;max-width: 250px;}
	footer #block-2 span div 			{display: inline-block; margin: 5px 0;}
	footer #block-2 span div .img-1 	{margin: 5px 10px;}
	footer #block-2 span div .img-2 	{margin: 2px 0; width: 20px}
	footer #block-2 span div img 		{display: inline-block;}
	footer #block-2 span div a 			{display: inline-block;}
	footer #block-2 span div a p 		{display: inline-block; font-family: 'arima_light'; margin: 0 14px; font-size: 14px; color: #c0d0db;}

	#block-3 	        	{display: inline-block; width: 100%; margin: 4px 0px;text-align:left;padding: 2%}
	footer #block-3 span 	        {display: inline-block; margin: 5px 45px}
	footer #block-3 span img 	    {display: inline-block; margin: 5px 0}
	footer #block-3 span a 	 	    {display: inline-block;}
	footer #block-3 span a p	    {display: inline-block; font-family: 'arima_light'; margin: 0 15px; color: #c0d0db;}

#footerfinal {background-color: #fff;font-family:'arima_light';text-align: center;padding-top: 1%; font-size: 14px;}
#footerfinal-1 a 					{font-size: 14px; color:rgba(159,159,159,1.00);}
#footerfinal-3 a 					{font-size: 14px; color:rgba(159,159,159,1.00);}
#footerfinal-4 a 					{font-size: 14px; color:rgba(159,159,159,1.00);}


	/*MediaQuery*/
	@media (min-width : 280px ) and ( max-width : 905px ){
		#etapa-1 h1 {font-size: 22px;}
		#etapa-1 span 	{width: 80%;padding: 5px}
		#etapa-1 span a img 	{width: 22%;margin: 1px} 
		
		.list-inline {left: 15px;padding: 3px;max-width: 280px}
		.text-center {font-size: 22px}
		#lineeffect2 {font-size: 22px}
		#boton-consejos-utiles {margin-left: 5px}
		#cont-menu	 		{display: none;margin-top: 5px;margin-bottom: 5px; margin-left: 1px;margin-right: 20px;background-color: antiquewhite}
		#cont-menu-mobile {display: inline;text-align: justify}
		#btn-abrir-popup-mobile			{display: inline-block;text-align: center;margin-top: 8px;margin-left: 50px}
		#btn-abrir-popup-mobile  p {; cursor: pointer;font-size: 12px;color: white;padding-bottom: 3px;padding-top: 3px;padding-left: 8px;padding-right: 8px;background-color: cadetblue;border-radius: 12px;}
		.popup{;padding: 10px;text-align: center;width: 80%;}
		#btn-cerrar-popup 	{margin-left:110px;font-size: 12px;}
		.popup h3 {font-size: 22px;margin-top: 15px}
		.popup h4 {font-size: 16px;margin-bottom: 10px}
	
		#formulario2 {width: 90%}
		#boton-consejos-utiles a {display: none}	
		#boton-cotizar-seguros {display: none }
		#margin-header	{width: 100%}
		#header #cont-logo-cotiza	{margin-top: 10px;}
		#header #cont-logo-cotiza img 		{width: 120px; }
	  	#contendero-section{height: auto !important;}
	  	#cont-fondo {background-size: 100% 100%;}
		.fixed-bottom {position: fixed;top: 280px;right: 10px;}
		.fixed-bottom p {font-size: 12px;}
		
		.popup-contenedor {padding:15px 25px;width:80%;}
		
		
		#tipodecaucion {display: none} 
		#pasoscontratar {display: none}
		#espacio3 {display: none}
		#pasoscontratarmobile1 {display: flex;position: relative;;margin: 5px}
		#circulo1mobile {width: 90px;height: 90px;background-color: crimson;display: flex;justify-content: center;align-items: center;text-align: center;margin-top: auto;margin-bottom: auto}
		#circulo1mobile p {font-size: 28px;color: white}
		#paso1mobile {font-size: 14px;margin: 3px;max-width: 220px;}
		#pasoscontratarmobile2 {display: flex;position: relative;margin: 5px}
		#circulo2mobile {width: 90px;height: 90px;background-color: cadetblue;display: flex;justify-content: center;align-items: center;text-align: center;margin-top: auto;margin-bottom: auto}
		#circulo2mobile p {font-size: 28px;color: white}
		#paso2mobile {font-size: 14px;margin: 3px;max-width: 220px;}
		#pasoscontratarmobile3 {display: flex;position: relative;margin: 5px}
		#circulo3mobile {width: 90px;height: 90px;background-color: orange;display: flex;justify-content: center;align-items: center;text-align: center;margin-top: auto;margin-bottom: auto}
		#circulo3mobile p {font-size: 28px;color: white}
		#paso3mobile {font-size: 14px;margin: 3px;max-width: 220px;}
		
		#callme {display: none}
#todoslogos {;width: 100%;margin-left: auto;margin-right: auto}
#espacio4{margin-bottom: 10px;margin-top: 10px}
		#logos {display: none}
		
		#carouselindicatorlogo {display:grid; width:100%;margin-left: auto;margin-right: auto;margin-bottom: 30px; border: rgba(129,129,129,0.82) 3px solid;border-radius: 15px}
#mobilelogosura img {width: 70%;margin-left: 45px}
#mobilelogofedpat img {width: 70%;margin-left: 45px}
#mobilelogoallianz img {width: 70%;margin-left: 45px}
#mobilelogoasociart img {width: 70%;margin-left: 45px}
#mobilelogohdi img {width: 70%;margin-left: 45px}
#mobilelogomercantil img {width: 70%;margin-left: 45px}
#mobilelogomapfre img {width: 70%;margin-left: 45px}		
	
		
		#opiniones {display: none}
		
		footer #block-1 p 	{;margin: 4%}
		#linea-1 {display: none}
		#linea-2 {display: none}
		#block-3 {display: none}
}