/* General */



@font-face {

  font-family: 'Sequel'; 

  src: url('../font/sequel_bold.ttf'); 

}



body{

	font-family: 'Questrial', sans-serif;

	font-size: 12px;

}



.row {

    margin-right: 0px;

    margin-left: 0px;

}



p {

	color: #FFF;

}



.sin_padding{

	padding-left:0px;

	padding-right:0px;

}



::placeholder { 

  color: #000000 !important;

  opacity: 0.8; 

}



.ui-menu .ui-menu-item-wrapper {

    font-size: 14px

}



/* Contenedores */



.contenedor_center_imagen_texto_center{

	display: flex;

    justify-content: flex-start;

    align-items: center;

}

.contenedor_center_imagen_texto{

	display: flex;

    justify-content: flex-start;

    align-items: flex-start;

}



.contenedor_center_imagen_texto_right{

	display: flex;

    justify-content: flex-end;

    align-items: flex-start;

}



.contenedor_center_general{

	display: flex;  

	align-items: center;  

	justify-content: center;

}



.contenedor_center_top_general{

	display: flex;  

	align-items: flex-start;  

	justify-content: center;

}



.contenedor_center_left_general {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.contenedor_center_right_general {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.contenedor_center_bottom_general{

	display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-direction: column;

}

	

.contenedor_top_general{

	display: flex;  

	align-items: flex-start;  

	justify-content: center;

}



.contenedor_bottom_derecha{

	display: flex;

    align-items: flex-end;

    justify-content: flex-end;

    flex-direction: column;

}



.contenedor_bottom_izquierda{

	display: flex;

    align-items: flex-start;

    justify-content: flex-end;

    flex-direction: column;

}



.contenedor_center_between{

	display: flex;

    align-items: center;

    justify-content: space-between;

}



.contenedor_blanco{

	background: #FFF; 

	border-radius: 8px; 

	flex-direction: row; 

	padding: 40px 10px;

	transition: all 0.3s ease 0s;

	border: 1px solid;

    border-color: #F1F1F1;

	box-shadow: 5px 5px 12px 0 #00000033;

}

	

.contenedor_sitio{

	background: #FFF; 

	border-radius: 15px; 

	flex-direction: row; 

	padding: 40px 20px;

	transition: all 0.3s ease 0s;

	border: 2px solid;

    border-color: #770bd74f;

	margin: 10px 15px;

    height: 220px;

	box-shadow: 5px 5px 12px 0 #0000000d;

}



.contenedor_sitio:hover{

	background: #770bd71a; 

	transform: translateY(-1%);

}

.contenedor_sitio:hover img {
    transform: scale(1.05,1.05);
	transition: 0.4s;

}

.img-div{
    height: 240px;
    width: 240px;
    overflow: hidden;
}



.contenedor_sitio_top:hover{

	box-shadow: 0px 12px 19px 12px rgb(11 98 215 / 15%);

}





.contenedor_anuncio{

	background: #FFF; 

	border-radius: 8px; 

	flex-direction: row; 

	padding: 40px 10px;

	transition: all 0.3s ease 0s;

	border: 1px solid;

    border-color: #F1F1F1;

	margin: 10px 5px;

    height: 340px;

	box-shadow: 5px 5px 12px 0 #0000000d;

}



.contenedor_anuncio:hover{

	background: #0b62d70f; 

	transform: translateY(-4%);

}



.contenedor_azul_claro{

	background: #FFF;

    flex-direction: row;

    padding: 8px 18px;

    transition: all 0.3s ease 0s;

    border-bottom: 1px solid;

    border-color: #F1F1F1;

	cursor: pointer;

}



.contenedor_azul_claro:hover{

	background: #0b62d70f; 

}



.contenedor_imagen{

	width: 103px; 

	height: 103px; 

	border-radius: 12px; 

	box-shadow: 5px 5px 12px 0 #0000003d;

}



.contenedor_azul_degradado{

    padding: 10px !important;

    background: url(../images/fondo_pagina_web.png) !important;

    background-size: 100% 200px !important;

    height: 55px;

}



.imagen_sitio{

	width: 95px; 

	height: 95px; 

	border-radius: 12px; 

	object-fit: cover; 

	margin: 0px; 

	border: 1px solid; 

	border-color: #00000021;

}



.pie_pagina_general{

		position: fixed; 

		width: 100%; 

		bottom: 0px;

	}



/* Fondos */



.fondo_azul_claro{

    font-weight: 500;

    background: aliceblue;

    border-radius: 12px;

    padding: 10px;

}



.fondo_azul_oscuro{

    font-weight: 500;

    background: #0b62d7;

    border-radius: 12px;

    padding: 10px;

}



.texto_azul{

	margin: 10px;

    color: #0b62d7;

    font-size: 14px;

}



.icono{

	color: #0b62d7; 

	font-size: 25px;

}



/* Objetos */



.cerrar_azul_imagen {

	float: none !important;

	color: #FFF  !important;

}



a.blanco{

	color: #FFF;

	-webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.trasladar:hover{

	transform: translateY(-4%);

	transition: all 0.2s ease 0s;

}



.no_trasladar:hover{

	transform: none !important;

}



a:focus {

    outline: none;

}



a.blanco:hover, a.blanco:focus{

	color: #3D7BE6;

	transform: translateY(-4%);	

	text-decoration: none;

}



a.sin_formato:hover, a.sin_formato:focus{

	text-decoration: none;

}



a.con_formato{

	text-decoration: underline;

}



a.azul{

	color: #0b62d7;

	-webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

	cursor: pointer;

	font-size: 14px;

}



a.azul:hover, a.azul:focus{

	color: #3D7BE6;

	transform: translateY(-4%);	

	text-decoration: none;

}



.transicion-rapida

{

	animation-duration: 0.5s	

}



.transicion-lenta

{

	animation-duration: 1.4s	

}



.hideme

{

	opacity:0;

	-webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

		transition: all 0.5s;

}



.visible

 {

	opacity: 1;

	-webkit-transition: all 0.5s !important;

   -moz-transition: all 0.5s  !important;

		transition: all 0.5s  !important;

}



.icono_flecha:hover{

	color: #3D7BE6;

}



.icono_flecha:active:hover{

	color: #6fb2f5;

}



.modal_fondo_oscuro{

	background: #0000009e;

	border-radius: 10px;

	height: 100px !important;

} 



.cerrar_azul {

    cursor: pointer;

    font-size: 40px;

    color: #0b62d7;

    float: right;

	margin: 0px 15px;

}



/* Botones */

.btn {

color: #FFFFFF;

background: transparent;

border-color: #0984e3;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

height:50px;

-webkit-transition: all 0.35s;

   -moz-transition: all 0.35s;

		transition: all 0.35s;

}



.btn:hover, .btn:active {

    color: #3D7BE6;

    background: #3D7BE6;

    border-color: #3D7BE6 !important;

	transform: translateY(-4%);

}



.btn_transparente {

color: #FFF;

background: #ffffff26;

border-color: #0b62d7;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_transparente:hover, .btn_transparente:active, .btn_transparente:focus {

    color: #6033e3b3;

    background: #ffffff26;

    border-color: #6033e3b3 !important;

	transform: translateY(-4%);

}



.btn_transparente:active:hover,.btn_transparente:active:focus{

	background: #ffffff4d;

}



.btn_azul {

color: #0b62d7;

background: #0b62d7;

border-color: #0b62d7;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_azul:hover, .btn_azul:active, .btn_azul:focus {

    color: #3D7BE6;

    background: #3D7BE6;

    border-color: #3D7BE6 !important;

	transform: translateY(-4%);

}



.btn_azul:active:hover,.btn_azul:active:focus{

	background: #6fb2f5;

}

.btn_morado {

color: #6e4dcd;
    
background: #6e4dcd;

border-color: #0b62d7;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_morado:hover, .btn_morado:active, .btn_morado:focus {

    color: #4b20c9;
    background: #7c57e7b3;
    border-color: #7c57e7b3 !important;

	transform: translateY(-4%);

}

.btn_morado_oscuro {

color: #5835bd;
    
background: #5835bd;

border-color: #0b62d7;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_morado_oscuro:hover, .btn_morado_oscuro:active, .btn_morado_oscuro:focus {

    color: #4b20c9;
    background: #5932c9b3;
    border-color: #5932c9b3 !important;

	transform: translateY(-4%);

}


.btn_morado:active:hover,.btn_morado:active:focus{

	background: #6033e3b3;

}


.btn_azul_borde {

color: #0b62d7;

border-color: #0b62d7;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_azul_borde:hover, .btn_azul_borde:active, .btn_azul_borde:focus {

    color: #0b62d712;

    background: #0b62d712;

    border-color: #0b62d7 !important;

	transform: translateY(-4%);

}



.btn_azul_borde:active:hover,.btn_azul_borde:active:focus{

	background: #0b62d740;

}



.btn_verde {

color: #0daf89;

background: #0daf89;

border-color: #0daf89;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_verde:hover, .btn_verde:active, .btn_verde:focus {

    color: #2bbf9c;

    background: #2bbf9c;

    border-color: #2bbf9c !important;

	transform: translateY(-4%);

}



.btn_verde:active:hover,.btn_verde:active:focus{

	background: #43cbab;

}



.btn_verde_borde {

color: #0daf89;

border-color: #0daf89;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_verde_borde:hover, .btn_verde_borde:active, .btn_verde_borde:focus {

    color: #2bbf9c12;

    background: #2bbf9c12;

    border-color: #2bbf9c !important;

	transform: translateY(-4%);

}



.btn_verde_borde:active:hover,.btn_verde_borde:active:focus{

	background: #43cbab40;

}



.btn_azul_redondo_flotante{

	cursor: pointer;

    position: fixed;

    bottom: 25px;

    right: 25px;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #0b62d7;

    box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

}



.btn_azul_redondo_chat{

	cursor: pointer;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: #0b62d7;

    box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

}



.btn_azul_redondo_flotante:hover, .btn_azul_redondo_flotante:active, .btn_azul_redondo_flotante:focus .btn_azul_redondo_chat:hover, .btn_azul_redondo_chat:active, .btn_azul_redondo_chat:focus {

    background: #3D7BE6;

	transform: translateY(-4%);

}



.btn_azul_redondo_flotante:active:hover,.btn_azul_redondo_flotante:active:focus .btn_azul_redondo_chat:active:hover,.btn_azul_redondo_chat:active:focus{

	background: #6fb2f5;

}



.btn_azul_verde_flotante{

	cursor: pointer;

    position: fixed;

    bottom: 100px;

    right: 25px;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #0daf89;

    box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

}



.btn_azul_verde_flotante:hover, .btn_azul_verde_flotante:active, .btn_azul_verde_flotante:focus {

    background: #2bbf9c;

	transform: translateY(-4%);

}



.btn_azul_verde_flotante:active:hover,.btn_azul_verde_flotante:active:focus{

	background: #43cbab40;

}



.btn_rojo {

color: #e94e4e;

background: #e94e4e;

border-color: #e94e4e;

font-family: 'Questrial', sans-serif;

font-size: 14px;

border: 2px solid;

border-radius: 20px;

box-shadow: 0 8px 6px 0 rgb(2 27 121 / 25%);

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.btn_rojo:hover, .btn_rojo:active, .btn_rojo:focus {

    color: #f36666;

    background: #f36666;

    border-color: #f36666 !important;

	transform: translateY(-4%);

}



.btn_rojo:active:hover,.btn_rojo:active:focus{

	background: #fd8686;

}



button[disabled], html input[disabled], .btn-default[disabled]:hover {

	color: #bbb9b9;

    background: #bbb9b9;

    border-color: #bbb9b9!important;

    transform: none !important;

    box-shadow: none;

}



/* Formularios */



.form-control_azul {

	color: #000000;

    font-size: 14px;

    border-radius: 25px;

    height: 45px;

}

	

.form-control_blanco, .form-control_fondo_azul {

	color: #000000;

    font-size: 14px;

    border-radius: 18px;

    height: 45px;

    border-color: #cbcbcb;

	box-shadow: 2px 2px 8px 0px #32323214;

}



.form-control_blanco:focus, .form-control_blanco:hover:focus{

	border-color: #6033e3;

	border-width: 2px;

	color: #000000;

	box-shadow: 0 0 15px 0px #74757642;

}



.form-control_blanco:hover{

	border-color: #6033e3b3;

	border-width: 2px;

}



.form-control_fondo_azul:focus, .form-control_fondo_azul:hover:focus{

	border-color: #787878;

	border-width: 2px;

	color: #000000;

	box-shadow: 0 0 15px 0px #74757642;

}



.form-control_fondo_azul:hover{

	border-color: #ababab;

	border-width: 2px;

}



.form-control_select_blanco {

	color: #000000;

    font-size: 14px;

    border-radius: 18px;

    height: 45px;

    border-color: #cbcbcb;

	box-shadow: 2px 2px 8px 0px #32323214;

}



/* Menu */



.menu {

background: #0b62d7;

color: #FFF;

font-size: 14px;

text-decoration: none !important;

border-radius: 0px !important;

padding: 5px 15px !important;

font-family: 'Questrial', sans-serif;

-webkit-transition: all 0.2s ease 0s;

   -moz-transition: all 0.2s ease 0s;

		transition: all 0.2s ease 0s;

}



.menu:hover, .menu:active, .menu:focus {

    background: #3D7BE6;

}



.menu:active:hover, .menu:active:focus{

	background: #6fb2f5;

}



.panel_menu{

	border-radius: 0px !important; 

	box-shadow: none !important; 

	margin-bottom: 0px !important; 

	margin: 1px 0px 0px 0px !important;

}



.menu_opcion {

    background: #FFF;

    color: #0b62d7;

    font-size: 14px;

    text-decoration: none !important;

    border-radius: 0px !important;

    font-family: 'Questrial', sans-serif;

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

    display: block;

    padding: 15px 0px 15px 40px;

}



.menu_opcion:hover {

	background: #E6F3FF  !important;

	color: #0b62d7 !important;

}


/* Tamaño escritorio largo*/


@media(min-width:1441px) {
	
	.col-sm-1{
		
		width: 10% !important;
		
	}
	
}

	
/* Tamaño escritorio */

@media(min-width:768px) {
	
	.margin_contenedor_vacio{
		
		margin-top: 200px;
		
	}
	
	
	.contenedor_servicios{
		
		display: flex; 
		
		justify-content: center;
		
	}

	
	.padding_anuncio{

		padding: 20px 30px !important;

		margin: 0px 30px !important;

	}

	

	.contenedor_bottom_derecha_xs_centro{

		display: flex;

		align-items: flex-end;

		justify-content: flex-end;

	}

	

	.marginBotonPago{

		margin-top: 83px;

	}

	

	.imagenProgreso{

		width: 80px;

	}

		

	.height_tabla{

		height: 50px;

	}

	

	.height_tabla_pequena{

		height: 30px;

	}

	

	.align_tabla{

		text-align: center;

	}

	

	.contenedor_height{

		height: 465px !important;

	}

	

	.contenedor_sitio_top{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 685px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.contenedor_sitio_plan{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 540px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	

	.contenedor_sitio_plan_pagina{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 610px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.botonMenuHorizontal{

		width:50%;

		height:60px;

	}

	

	.imagenIcon{

		width:25px;

		margin: 10px

	}

	

	.marginIcon{

		width:10px

	}

	

	.row20{

		padding: 0px; 

		position: fixed; 

		width: 20%;

	}

	

	.row80{

		position: relative;

		left: 20%;

		padding: 0px 70px 0px 10px;

	}

	

	.height90{

		height: 89px !important;

	}



	.contenedor_nav_grande{

		width:75%;

		padding-left: 0px;

	}

	

	.contenedor_nav_total{

		width: 100%;

		padding-left: 0px;

	}



	.margin_left {

		margin-left: 30px; 

	}

	

	.margin_right {

		margin-right: 30px; 

	}

	

	.margin_image_hero {

		margin-left: 30px;

		width: 500px;

		height: 400px

	}

	

	.hero0{

		font-size:40px;

		color: #FFF#5133a5 !important;

		margin-top: 100px;	

	}

	

	.hero1{

		font-size:58px;

		color: #FFF;

		font-weight: bold;

		margin-top: 100px !important;	
		
		font-family: 'Outfit', sans-serif;

	}

	

	.tituloGeneral{

		font-size:50px;

		color: #FFF;

		font-weight: bold;

		margin-top: 0px;	

	}

	

	.hero2{

		font-size:60px;

		color: #FFF;

		font-weight: bold;

	}

			

	.contenedor_center{

		display: flex !important;  

		align-items: center;  

		justify-content: center;

	}

	

	.contenedor_top{

		display: flex;  

		align-items: flex-start;  

		justify-content: center;

	}

	

	.contenedor_bottom{

		display: flex;  

		align-items: flex-end;  

		justify-content: center;

	}

	

	.tituloNegroGrande{
		
		font-family: 'Outfit', sans-serif;

		font-size:100px;

		color: #000;

		font-weight: bold;

	}

	

	.tituloNegroGrande2{
		
		font-family: 'Outfit', sans-serif;

		font-size:65px;

		color: #000;

		font-weight: bold;

	}

	

	.tituloBlancoGrande{

		font-size:75px;

		color: #FFF;

		font-weight: bold;

		line-height: 1.2;

	}

	

	.tituloNegro{
		
		font-family: 'Outfit', sans-serif;

		font-size:50px;

		color: #000;

		font-weight: bold;

	}

	

	.tituloNegroPortal{
		
		font-family: 'Outfit', sans-serif;

		font-size:42px;

		color: #000;

		font-weight: bold;

	}

	

	.tituloNegroMediano{
		
		font-family: 'Outfit', sans-serif;

		font-size:30px;

		color: #000;

		line-height: 1.5;

	}

	

	.tituloNegroMediano2 {
		
		font-family: 'Outfit', sans-serif;

		font-size: 24px;

		color: #000;

		font-weight: bold;

		line-height: 1.5;

	}

	

	.tituloNegroMinimo{
		
		font-family: 'Outfit', sans-serif;

		font-size:15px;

		color: #000;

		font-weight: 500;

		line-height: 1.8;

	}

	

	.subtituloNegro{

		font-size:28px;

		color: #000;

	}	

	

	.textoNegroGrande{

		font-size:20px;

		color: #000;

		line-height: 1.8;

	}

		

	.textoNegro{

		font-size:16px;

		color: #000;

		line-height: 1.8;

	}

	

	.textoNegro2{

		font-size:18px;

		color: #000;

		line-height: 1.8;

	}

	

	.textoNegro3{

		font-size:17px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegroMediano2 {

		font-size: 14px;

		color: #000;

		font-family: 'Questrial', sans-serif;

		line-height: 1.6;

	}

	

	.textoNegroMediano {

		font-size: 13px;

		color: #000;

		font-family: 'Questrial', sans-serif;

		line-height: 1.6;

	}

	

	.textoNegroHora{

		font-size:12px;

		color: #000;

		font-family: 'Montserrat', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegroMinimo{

		font-size:13px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		line-height: 1.5;

	}

	

	.tituloNegroSitio{
		
		font-family: 'Outfit', sans-serif;

		color: #000;

		line-height: 1.5;

		font-size: 18px; 

		margin-bottom: 0px; 

		font-weight: bold;

	}

	

	.descripcionNegroSitio{

		color: #000;

		line-height: 1.5;

		font-size: 13px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

	}

	

	.descripcionNegroProducto{

		color: #000;

		line-height: 1.5;

		font-size: 13px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

		overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 2; 

	    -webkit-box-orient: vertical;

	}

	

	.categoriaNegroProducto{

		color: #000;

		line-height: 1.5;

		font-size: 12px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

	}

	

	.textoNegroModal{

		font-size: 13px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.subtituloNegroModal{

		font-size: 20px;

		color: #000;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.textoNegroForm{

		font-size: 13px;

		color: #3e0ecb;

		font-family: 'Raleway', sans-serif;

		margin: 0 0 0 12px;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.textoBlancoForm{

		font-size: 13px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		margin: 0 0 0 12px;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.tituloBlanco{

		font-size:50px;

		color: #FFF;

		font-weight: bold;

	}

	

	.tituloBlancoPequeno{

		font-size:30px;

		color: #FFF;

		font-weight: bold;

	}

	

	.textoBlancoGrande{

		font-size:17px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.textoBlanco{

		font-size:16px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

		

	.textoBlancoNumero{

		font-size:14px;

		color: #FFF;

		font-family: 'Montserrat', sans-serif;

		line-height: 1.5;

		margin: 5px;

	}

	

	.textoBlancoPequeno{

		font-size:13px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.subtituloBlanco{

		font-size:25px;

		color: #FFF;

		line-height: 1.8;

		font-family: 'Raleway', sans-serif;

	}

		

	.tituloBlancoCarousel{

		font-size: 14px;

		color: #FFF;

		font-weight: 500;

		margin: 0px 15px 0px 20px;

		line-height: 1.8;

		max-height: 1.33em;

		word-break: break-all;

		overflow: hidden;

	}	



	.subtituloBlancoCarousel{

		font-size: 12px;

		color: #FFF;

		font-weight: 400;

		margin: 0px 15px 0px 20px;

	}

	

	.textoBlancoCarousel{

		font-size: 11px;

		color: #FFF;

		font-weight: 400;

		margin: 8px 15px 10px 15px;

		overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 2; 

	    -webkit-box-orient: vertical;

		font-family: 'Raleway'; 

	}

	

	.textoNegroCarouselOferta{

		font-size: 12px;

		color: #000;

		font-weight: 500;

		margin: 2px 0px;

		font-family: 'Raleway';

	}

	

	.textoAzulCarouselNumero{

		font-size: 14px;

		color: #0b62d7;

		font-weight: 500;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulModalPrecio{

		font-size: 28px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecioPequeno{

		font-size: 17px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecio{

		font-size: 20px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecioGrande{

		font-size: 25px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoResaltado{

		font-size: 14px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzul{

		font-size: 20px;

		color: #0b62d7;

		font-weight: 700;

	}

	

	.textoAzulPequeño{

		font-size: 14px;

		color: #0b62d7;

	}

	

	.textoAzulMediano{

		font-size: 16px;

		color: #0b62d7;

		font-weight: 700;

	}

	

	.textoNegroModalOferta{

		font-size: 12px;

		color: #000;

		font-weight: 500;

		margin: 2px 0px;

		font-family: 'Raleway';

	}

	

	.textoAzulModalNumero{

		font-size: 13px;

		color: #0b62d7;

		font-weight: 500;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.imagen_general{

		 max-width: 100%

	}

	

	.modal_contenido_tamaño	{

		width: 65%;

	}

	

	.modal_mensaje_contenido_tamaño	{

		width: 35%;

	}

	

	.modal_eliminacion_contenido_tamaño	{

		width: 45%;

	}

	

	.modal_mapa_contenido_tamaño{

		width: 80%;

	}

	

	.video_tamaño	{

		width: 100%;

		height: 650px;

	}

	

	.cerrar {

	  cursor:pointer; 

	  font-size: 35px; 

	  color: #F1F1F1; 

	  margin-right: 60px;

	  margin-top:15px;

	  float: right;

	}

	

	.margen_izquierda{

		margin-left: 30px;

	}

	

	.margen_derecha{

		margin-right: 80px;

	}

	

	.margen_derecha_mediana{

		margin-right: 40px;

	}

	

	.swiper-slide {

		width: 25% !important;

		height: 220px !important;

		margin-bottom: 16px !important;

		cursor:pointer; 

		border-radius: 15px;

	  }

	  

	.swiper-slide_oferta {

		height: 295px !important;

	  }

	  

	 .swiper-slide_fondo {

		 height: 200px !important;

		 margin-top: 20px;

		 transition: all 0.3s ease 0s;

	 }

	 

	.swiper-slide_fondo:hover {

		 transform: translateY(-4%);

	 }

	  

	.swiper_fondo_oscuro{

		background: rgb(0 0 0 / 12%);

		border-radius: 15px;

		height: 200px !important;

		box-shadow: 5px 5px 10px 0 #021b794d;

		transition: all 0.2s;

	} 

	

	.swiper_fondo_azul{

		border-radius: 15px;

		height: 200px !important;

		transition: all 0.2s;

		background: url(../images/fondo_ofertas_anuncios.png); 

		background-repeat: no-repeat; 

		background-size: 100% 100%;

	}

	

	.swiper_fondo_oscuro:hover{

		box-shadow: 5px 5px 10px 0 #021b7966;

		transition: all 0.2s;

	}

	

	.icono_flecha{

		font-size: 20px;

		color: #0b62d7;

		cursor: pointer;

	}

	

	.modal_claro {

	  background-color: rgba(0,0,0,0.6) !important;

	  padding-top: 0px !important;

	}

	

	.modal_claro_comercio {

	  background-color: rgba(0,0,0,0.6) !important;

	  padding-top: 0px !important;

	}

	

	.contenedor_sitio{

		width: 100%;

	}

	

	.imagen_modal{

		border-radius: 10px; 

		height: 350px; 

		object-fit: cover; 

	}

	

	.imagen_modal_imagen{

		border-radius: 10px; 

		height: 500px; 

		object-fit: cover; 

	}

	

	.tamano_mapa{

		height: 600px;

		width: 100%;

		border-radius: 0px 0px 12px 12px;

	}

	

	.tamano_oferta_sitio{

		height: 270px;

	}

	

	.imagen_icono{

		width: 100px;

	}

	

	/* Chat */



	.divChat {

		display: none;

		background: #ffffff;

		position: fixed;

		bottom: 20px;

		height: 65%;

		width: 420px;

		right: 20px;

		margin-left: -47.5%;

		border: 2px solid #0b62d7;

		border-radius: 12px;

	}

	

	

	.contenedor_imagen_principal_comercio{

		width: 458px; 

		height: 458px; 

		border-radius: 12px; 

		box-shadow: 5px 5px 12px 0 #0000003d;

		padding:6px;

		margin-bottom: -90px;

		margin-top: 160px;

	}



	.imagen_principal_comercio{

		width: 450px; 

		height: 450px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.imagen_catalogo_comercio{

		width: 170px; 

		height: 170px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.contenedor_imagen_principal_consultor{

		width: 383px; 

		height: 383px; 

		border-radius: 12px; 

		box-shadow: 5px 5px 12px 0 #0000003d;

		padding:6px;

		margin-bottom: -90px;

		margin-top: 160px;

	}

	

	.imagen_principal_consultor{

		width: 375px; 

		height: 375px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.pie_pagina, .pie_pagina_2{

		position: fixed; 

		width: 100%; 

		bottom: 0px;

	}

	

	.imagen_gestion_comercio {

		width: 340px !important;

		height: 340px !important;

	}

	

	.progress_comercio {

		width: 340px !important;

	}

	

	.margin_top_object{

		margin-top: 30px !important;

	}

	

	.cerrar_azul_imagen {

		margin: 0px -30px 0px 0px !important;

	}

	

	.margin_first{

		margin-top: 0px !important;

	}

	

	.modal_contenido_video_tamaño{

		width: 70%;

	}

	

}



/* Tamaño celular */



@media(max-width:768px) {
	
	.porcentaje_boton{
		
		width: 80% !important;
		
	}
	
	.margin_contenedor{
		
		margin-top:175px;
		
	}
	
	.margin_contenedor_2{
		
		margin-top:130px;
		
	}
	
	.margin_contenedor_3{
		
		margin-top:-50px;
		
	}
	
	.contenedor_servicios{
		
		display: block; 
				
	}

	.contenedor_bottom_derecha_xs_centro{

		display: flex;

		align-items: flex-start;

		justify-content: center;

	}

	

	.padding_anuncio{

		padding: 20px 30px !important;

		margin: 0px 10px !important;

	}

		

	.marginXs{

		margin-top: 15px !important;

		margin-bottom: 10px !important;

	}

	

	.marginLeftXs{

		margin-left: 15px !important;

	}

	

	.marginHr{

		margin: 0px;

	}

	

	.marginBotonPago{

		margin-top: 25px;

	}

	

	.imagenProgreso{

		width: 60px;

	}

	

	.contenedor_center_xs{

		display: flex;

		justify-content: center;

		align-items: flex-start;

	}

	

	.contenedor_height{

		height: 100% !important;

	}

	

	.contenedor_sitio_top{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #bbbbbb;

		margin: 10px 5px;

		height: 620px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.contenedor_sitio_plan{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 505px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.contenedor_sitio_plan_pagina{

		background: #FFF; 

		border-radius: 8px; 

		flex-direction: row; 

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #bbbbbb;

		margin: 10px 5px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.botonMenuHorizontal{

		height: 90px;

	}

	

	.imagenIcon{

		width:18px;

		margin: 5px

	}



	.hero0{

		font-size:30px;

		color: #FFF;

		margin-top: 80px;	

	}

	

	.hero1{

		font-size:35px;

		color: #FFF;

		font-weight: bold;

		margin-top: 120px !important;	

		font-family: 'Outfit', sans-serif;

	}

	

	.height80{

		height: 80px !important;

	}

	

	.tituloGeneral{

		font-size:42px;

		color: #FFF;

		font-weight: bold;

		margin-top: 100px;	

	}

	

	.hero2{

		font-size:40px;

		color: #FFF;

		font-weight: bold;

	}

	

	.tituloNegro{
		
		font-family: 'Outfit', sans-serif;

		font-size:40px !important;

		color: #000;

		font-weight: bold;

	}

	

	.tituloNegroPortal{
		
		font-family: 'Outfit', sans-serif;

		font-size:30px !important;

		color: #000;

		font-weight: bold;

		line-height: 1.3;

	}

	

	.tituloNegroGrande{
		
		font-family: 'Outfit', sans-serif;

		font-size:70px !important;

		color: #000;

		font-weight: bold;

		line-height: 1.2;

	}

	

	.tituloNegroGrande2{
		
		font-family: 'Outfit', sans-serif;

		font-size:55px !important;

		color: #000;

		font-weight: bold;

	}

	

	.tituloBlancoGrande{

		font-size:60px!important;

		color: #FFF;

		font-weight: bold;

	}

	

	.tituloNegroMediano{
		
		font-family: 'Outfit', sans-serif;

		font-size:25px !important;

		color: #000;

		line-height: 1.5;

	}

	

	.tituloNegroMediano2 {
		
		font-family: 'Outfit', sans-serif;

		font-size: 25px !important;

		color: #000;

		font-weight: bold;

		line-height: 1.5;

	}



	.tituloNegroMinimo{

		font-size:14px;

		color: #000;

		font-weight: 500;

		line-height: 1.8;

	}

	

	.subtituloNegro{

		font-size:22px;

		color: #000;

	}

	

	.textoNegroGrande{

		font-size:18px;

		color: #000;

		line-height: 1.8;

	}

	

	.textoNegro{

		font-size:15px;

		color: #000;

		font-family: 'Questrial', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegro2{

		font-size:16px;

		color: #000;

		line-height: 1.8;

	}

	

	.textoNegro3{

		font-size:15px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegroMediano2 {

		font-size: 14px;

		color: #000;

		font-family: 'Questrial', sans-serif;

		line-height: 1.6;

	}

	

	.textoNegroMediano {

		font-size: 13px;

		color: #000;

		font-family: 'Questrial', sans-serif;

		line-height: 1.6;

	}

	

	.textoNegroHora{

		font-size:12px;

		color: #000;

		font-family: 'Montserrat', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegroMinimo{

		font-size:13px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.textoNegroModal{

		font-size: 12px;

		color: #000;

		font-family: 'Raleway', sans-serif;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.subtituloNegroModal{

		font-size: 18px;

		color: #000;

		font-weight: 500;

		text-align:left;

		line-height: 1.8;

	}

	

	.textoNegroForm{

		font-size: 12px;

		color: #021B79;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

		margin: 0 0 0 12px;

		font-weight: 500;

		text-align:left;

	}

	

	.textoBlancoForm{

		font-size: 12px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

		margin: 0 0 0 12px;

		font-weight: 500;

		text-align:left;

	}

			

	.tituloBlanco{

		font-size:40px;

		color: #FFF;

		font-weight: bold;

	}

	

	.tituloBlancoPequeno{

		font-size:25px;

		color: #FFF;

		font-weight: bold;

	}

	

	.textoBlancoGrande{

		font-size:17px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.textoBlanco{

		font-size:15px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

		

	.textoBlancoNumero{

		font-size:13px;

		color: #FFF;

		font-family: 'Montserrat', sans-serif;

		line-height: 1.5;

		margin: 5px;

	}

	

	.textoBlancoPequeno{

		font-size:13px;

		color: #FFF;

		font-family: 'Raleway', sans-serif;

		line-height: 1.8;

	}

	

	.subtituloBlanco{

		font-size:20px;

		color: #FFF;

		line-height: 1.8;

		font-family: 'Raleway', sans-serif;

	}

		

	.tituloBlancoCarousel{

		font-size: 14px;

		color: #FFF;

		font-weight: 500;

		margin: 0px 15px 0px 20px;

		line-height: 1.8;

		max-height: 1.33em;

		word-break: break-all;

		overflow: hidden;

	}	



	.subtituloBlancoCarousel{

		font-size: 12px;

		color: #FFF;

		font-weight: 400;

		margin: 0px 15px 0px 20px;

	}

	

	.textoBlancoCarousel{

		font-size: 11px;

		color: #FFF;

		font-weight: 400;

		margin: 8px 15px 10px 15px;

		overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 2; 

	    -webkit-box-orient: vertical;

		font-family: 'Raleway'; 

	}

	

	.textoNegroCarouselOferta{

		font-size: 11px;

		color: #000;

		font-weight: 500;

		margin: 2px 0px;

		font-family: 'Raleway';

	}

	

	.textoAzulCarouselNumero{

		font-size: 13px;

		color: #0b62d7;

		font-weight: 500;

		font-family: 'Montserrat';

		margin: 2px 0px;



	}

	

	.textoAzulModalPrecio{

		font-size: 23px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecioPequeno{

		font-size: 14px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecio{

		font-size: 17px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzulPrecioGrande{

		font-size: 20px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoResaltado{

		font-size: 13px;

		color: #0b62d7;

		font-weight: 700;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.textoAzul{

		font-size: 17px;

		color: #0b62d7;

		font-weight: 700;

	}

	

	.textoAzulPequeño{

		font-size: 13px;

		color: #0b62d7;

	}

	

	.textoAzulMediano{

		font-size: 14px;

		color: #0b62d7;

		font-weight: 700;

	}

		

	.textoNegroModalOferta{

		font-size: 11px;

		color: #000;

		font-weight: 500;

		margin: 2px 0px;

		font-family: 'Raleway';

	}

	

	.textoAzulModalNumero{

		font-size: 12px;

		color: #0b62d7;

		font-weight: 500;

		font-family: 'Montserrat';

		margin: 2px 0px;

	}

	

	.tituloNegroSitio{
		
		font-family: 'Outfit', sans-serif;

		color: #000;

		line-height: 1.5;

		font-size: 17px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

		font-weight: bold;

	}

	

	.descripcionNegroSitio{

		color: #000;

		line-height: 1.5;

		font-size: 12px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

	}

	

	

	.descripcionNegroProducto{

		color: #000;

		line-height: 1.5;

		font-size: 12px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

		overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 2; 

	    -webkit-box-orient: vertical;

	}

	

	.categoriaNegroProducto{

		color: #000;

		line-height: 1.5;

		font-size: 11px; 

		font-family: 'Questrial'; 

		margin-bottom: 0px; 

	}

	

	.imagen_hero{

		background: url(../images/fondo_pagina_web_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 150% 100% !important;

	}

	

	.imagen_hero_plan{

		background: url(../images/fondo_encabezado_redondo_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}

	

	.imagen_caracteristicas{

		background: url(../images/fondo_pagina_web_dos_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}

	

	.imagen_descarga{

		background: url(../images/fondo_descargas_app.png) !important;

		background-repeat: repeat !important;

	}

	

	.imagen_comercio{

		background: url(../images/fondo_ciudad_pagina_web_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}

	

	.imagen_contacto{

		background-repeat: repeat !important;

	}

	

	.imagen_planes{

		background: url(../images/fondo_planes_app.png) !important;

		background-repeat: repeat !important;

	}

	

	.imagen_pie{

		background: url(../images/fondo_pie_pagina_web_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}

	

	.imagen_pagina_app{

		background: url(../images/fondo_pagina_app_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}	

	

	.imagen_comercio_detalle{

		background: url(../images/fondo_pagina_comercio_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

		margin-bottom: 120px !important;

	}

	

	.imagen_contacto_comercio{

		background: url(../images/fondo_contacto_comercio_app.png) !important;

		background-repeat: no-repeat !important;

		background-size: 100% 100% !important;

	}

	

	.imagen_general{

		 max-width: 90%

	}

	

	.modal_contenido_video_tamaño{

		width: 100%;

	}

	

	.modal_contenido_tamaño{

		width: 100%;

		height: 100%;

	}

	

	.video_tamaño	{

		width: 100%;

		height: 300px;

	}

	

	.cerrar {

	  cursor:pointer; 

	  font-size: 35px; 

	  color: #F1F1F1; 

	  margin-right: 20px;

	  margin-top:15px;

	  float: right;

	}

	

	.swiper-slide {

		width: 80% !important;

		height: 190px !important;

		margin-bottom: 16px !important;

		cursor:pointer; 

		border-radius: 15px;

	  }

	  

	 .swiper-slide_oferta {

		height: 225px !important;

	}

	

	.swiper-slide_fondo {

		 height: 170px !important;

		 margin-top: 20px;

		 transition: all 0.3s ease 0s;

	 }

	 

	.swiper-slide_fondo:hover {

		 transform: translateY(-4%);

	 }

	  

	.swiper_fondo_oscuro{

		background: rgb(0 0 0 / 12%);

		border-radius: 15px;

		height: 170px !important;

		box-shadow: 5px 5px 10px 0 #021b794d;

		transition: all 0.2s;

	}

	

	.swiper_fondo_azul{

		border-radius: 15px;

		height: 170px !important;

		transition: all 0.2s;

		background: url(../images/fondo_ofertas_anuncios.png); 

		background-repeat: no-repeat; 

		background-size: 100% 100%;

	}

	

	.swiper_fondo_oscuro:hover{

		box-shadow: 5px 5px 10px 0 #021b7966;

		transition: all 0.2s;

	}

	

	.icono_flecha{

		font-size: 18px;

		color: #0b62d7;

		cursor: pointer;

	}

	

	.modal-contenido {

	  border-radius: 0px !important;

	  padding: 0px 20px 20px 20px !important;

	}

	

	.modal_claro {

	  background-color: #FFF !important;

	  padding-top: 0px !important;

	}

	

	.modal_claro_comercio {

	  background-color: rgba(0,0,0,0.6) !important;

	  padding-top: 0px !important;

	}

	

	.modal_oscuro {

	  background-color: rgba(0,0,0,0.6) !important;

	}

	

	.imagen_modal{

		border-radius: 10px; 

		object-fit: cover; 

	}

	

	.imagen_modal_imagen{

		border-radius: 10px; 

		object-fit: cover; 

	}

	

	.margenTop{

		margin-top: 50px

	}

	

	.modal-contenido_mapa{

		width: 100%;

		height: 100%;

		border-radius: 0px !important;

		padding: 0px !important;

	}

	

	.tamano_mapa{

		height: 96%;

		width: 100%;

	}

	

	.cerrar_azul_oferta {

		margin: 0px !important;

	}

			

	.tamano_oferta_sitio{

		height: 220px;

	}

	

	.imagen_icono{

		width: 75px;

	}

	

	/* Chat */



	.divChat {

		display: none;

		background: #ffffff;

		position: fixed;

		bottom: 0px;

		height: 80%;

		width: 100%;

		border: 2px solid #0b62d7;

		border-radius: 12px;

	}

	

	.contenedor_imagen_principal_comercio{

		width: 258px; 

		height: 258px; 

		border-radius: 12px; 

		box-shadow: 5px 5px 12px 0 #0000003d;

		padding:6px;

		margin-bottom: -60px;

	}



	.imagen_principal_comercio{

		width: 250px; 

		height: 250px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.imagen_catalogo_comercio{

		width: 120px; 

		height: 120px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.contenedor_imagen_principal_consultor{

		width: 258px; 

		height: 258px; 

		border-radius: 12px; 

		box-shadow: 5px 5px 12px 0 #0000003d;

		padding:6px;

		margin-bottom: -90px;

		margin-top: 160px;

	}

	

	.imagen_principal_consultor{

		width: 250px; 

		height: 250px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.pie_pagina{

		width: 100%; 

		margin-top:250px;

	}

	

	.pie_pagina_2{

		width: 100%; 

		margin-top:75px;

	}

	

	.centradoMobile{

		text-align: center;

	}

	

	.margenesLaterales{

		padding-left: 15px !important;

		padding-right: 15px !important;

	}

	

	.progress_comercio {

		width: 250px !important;

	}

	

	.padding_form{

		padding-left: 0px !important;

		padding-right: 0px !important;

	}

	

	.margin_top_form{

		margin-top: 15px !important;

	}

	

	.margin_top_contenedor{

		margin-top: 25px !important;

	}

	

	.right_xs{

		right: 15px !important

	}

	

}



@media (max-height:850px) {

	

	.pie_height{

		margin-top: 130px;

		position: relative !important;

	}

	

}



@media (min-width: 768px) and (max-width:1300px) {


	.margin_col_4_1300{

		margin: 0px 65px 0px 35px;

	}

	

	.margin_1300{

		margin: 30px 0px;

	}

	

	.col_8{

		width: 66.6666666%;

	}

	

	.col_3{

		width: 48%;

	}

	

	.tituloNegroGrande{
		
		font-family: 'Outfit', sans-serif;

		font-size: 70px;

		color: #000;

		font-weight: bold;

	}

	

	.contenedor_sitio {

		width: 48%;

	}

	

	.imagen_principal_comercio {

		width: 380px;

		height: 380px;

		border-radius: 12px;

		object-fit: cover;

		margin: 0px;

		border: 1px solid;

		border-color: #00000021;

	}

	

	.imagen_catalogo_comercio{

		width: 150px; 

		height: 150px; 

		border-radius: 12px; 

		object-fit: cover; 

		margin: 0px; 

		border: 1px solid; 

		border-color: #00000021;

	}

	

	.contenedor_imagen_principal_comercio{

		width: 388px; 

		height: 388px; 

		border-radius: 12px; 

		box-shadow: 5px 5px 12px 0 #0000003d;

		padding:6px;

		margin-bottom: -90px;

		margin-top: 160px;

	}

	

	.contenedor_sitio_top {

		background: #FFF;

		border-radius: 8px;

		flex-direction: row;

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 730px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.contenedor_sitio_plan {

		background: #FFF;

		border-radius: 8px;

		flex-direction: row;

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 600px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.contenedor_sitio_plan_pagina {

		background: #FFF;

		border-radius: 8px;

		flex-direction: row;

		padding: 20px 10px;

		transition: all 0.3s ease 0s;

		border: 1px solid;

		border-color: #F1F1F1;

		margin: 10px 5px;

		height: 530px;

		box-shadow: 5px 5px 12px 0 #0000000d;

	}

	

	.col-ancho{

		display: none !important;

	}

	

}



@media (max-width: 1300px) {

	.col-ancho-1300{

		display: none !important;

	}

}



/* Modal Video */



.modal {

  display: none; 

  position: fixed; 

  left: 0;

  top: 0;

  width: 100%;

  height: 100%; 

  overflow: auto; 

  background-color: rgb(0,0,0); 

  background-color: rgba(0,0,0,0.7);

}



.modal-contenido_video {

  background-color: transparent;

  margin: auto;

  padding: 20px;

  position: fixed;

  top: 55%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.modal-contenido {

  background-color: #FFF;

  margin: auto;

  padding: 20px;

  top: 55%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 10px;

}



.modal-contenido_mapa{

	background-color: #FFF;

	margin: auto;

	top: 55%;

	left: 50%;

	transform: translate(0%, 25%);

	border-radius: 10px;

}



.modal-contenido_mensaje{

    background-color: #FFF;

    margin: auto;

    padding: 30px;

    border-radius: 10px;

}



.modal-contenido_imagen{

    margin: auto;

    border-radius: 10px;

}



.cerrar:hover,

.cerrar:focus {

  color: #FFF;

  text-decoration: none;

  cursor: pointer;

}



/* Swiper */



.swiper_fondo_azul_sitio{

	height: 120px !important;

	transition: all 0.2s;

	background: url(../images/fondo_sitio.png); 

	background-repeat: no-repeat; 

	background-size: 100% 100%;

}



.swiper-slide img {

	display: block;

	width: 100%;

	/*height: 100%;*/

	object-fit: cover;

	padding: 0px 1px;

  }

  

.swiper-slide_imagen {

	width: 100% !important;

	height: 100% !important;

	max-height: 400px;

}



/* NavBar */



@media(min-width:768px) {

    .navbar {

        padding: 12px 0;

        -webkit-transition: background .2s ease-in-out,padding .2s ease-in-out;

        -moz-transition: background .2s ease-in-out,padding .2s ease-in-out;

        transition: background .2s ease-in-out,padding .2s ease-in-out;

    }

	

	.navbar-new{

        padding: 12px 0;

        -webkit-transition: background .2s ease-in-out,padding .2s ease-in-out;

        -moz-transition: background .2s ease-in-out,padding .2s ease-in-out;

        transition: background .2s ease-in-out,padding .2s ease-in-out;

    }

	

	.navbar-nav > li > a {

		font-weight: normal;

		font-size: 14px;

		color: #FFF;

		transition: all 0.3s ease 0s;

	}

	

	.navbar-nav > li > div > button {

		font-weight: normal;

		font-size: 14px;

		color: #FFF;

	}

	

	.navbar-nav > li > button {

		font-weight: normal;

		font-size: 14px;

		color: #FFF;

	}

	

	.navbar-default .navbar-nav>li>a {

		color: #FFF !important;
		font-size: 16px;

	}



}



@media(max-width:768px) {

	

	.navbar-nav > li > a {

		padding-top: 10px;

		padding-bottom: 10px;

		line-height: 20px;

		font-weight: normal;

		font-size: 14px;

		background: url(../images/fondo_pagina_web.png);

		color: #FFF;

		transition: all 0.3s ease 0s;

	}

	

	.navbar-nav > li > div > button {

		line-height: 20px;

		font-weight: normal;

		font-size: 14px;

		background: url(../images/fondo_pagina_web.png);

		color: #FFF

	}
	
	@media (min-width: 768px) {
		.navbar-nav>li>a {
			padding-top: 40px;
			padding-bottom: 15px;
		}
	}
	

	.navbar-nav > li > button {

		line-height: 20px;

		font-weight: normal;

		font-size: 14px;

		background: url(../images/fondo_pagina_web.png);

		color: #FFF

	}

	

	.navbar-default .navbar-nav>li>a {

		color: #FFF;

		padding: 40px 15px !important;

	}

	

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {

		margin-top: 0px !important;

	}	

}



.nav-mobile{

		color: #FFF !important;

	}



.top-nav-collapse {

        padding: 0;

		background: url(../images/fondo_pagina_web.png) !important;
		
		background-color: #FFF !important;

		background-repeat: no-repeat !important;  

		background-size: 100% 200px !important;

		height: 95px !important;

	}



.navbar {

	  background-color: #0984e3;

	  margin-bottom: 0;

	  border-radius: 0;

	  color: #84C7EE;

	  border: 0;

	}

	

.navbar-new {

	  background-color: rgba(255,255,255,0);
	  
	  margin-bottom: 0;

	  border-radius: 0;

	  color: #84C7EE;

	  border: 0;
	  
	  height: 115px;

	}

	

.navbar-default {

	  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	  -webkit-transition: all 0.35s;

	  -moz-transition: all 0.35s;

	  transition: all 0.35s;
	  
	  background: url(../images/fondo_pagina_web.png) !important;

	}

	

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #84C7EE;

}



.navbar-default .navbar-text {

  color: #ffffff;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  opacity: 0.8;

  color: #FFF;

  /*transform: translateY(-4%);*/

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #84C7EE;

  background-color: #ffffff;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  color: #84C7EE;

  background-color: #ffffff;

}



.navbar-default .navbar-toggle {

  border-color: #ffffff;

  margin: 20px;

}



.navbar-default .navbar-link:hover {

  color: #84C7EE;

}

	

.nav-tabs > li a { 

	background-color: #FFF; 

	color:#0984e3;

	}

	

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #ffffff;

  margin-top: 15px;

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #FFFFFF;

  color: #FFFFFF;

}

	

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #021B79;

  color: #0984e3;

}



.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background-color: #0984e3;

	color: #FFF

}



.nav-tabs { border-bottom: 2px solid #DDD; }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }

    .nav-tabs > li > a { border: none; color: #666; }

        .nav-tabs > li > a:hover { border: none; color: #0984e3 ; background: #FFF; }

        .nav-tabs > li > a::after { content: ""; background: #0984e3; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 650ms ease 0s; transform: scale(0); }

    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }

.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #0984e3; }

.tab-pane { padding: 0px 0; }

.tab-content{padding:0px}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {

    border: none;

    color: #FFFFFF;

    background: #0984e3;

}



/* Panel */



.panel-group {

    margin-bottom: 10px;

	box-shadow: 5px 5px 12px 0 #0000000d;

	border-radius: 15px;

    border-color: #F1F1F1;

	margin-bottom:20px

}



.panel-default{

	border-color: #FFF;

	border-radius: 15px !important;

}



.panel-default>.panel-heading {

	padding: 0px;

	background-color: #0b62d7;

	border-radius: 15px 15px 0px 0px;

}



.fullwidth {

width:100%;

margin-left:0;

margin-right:0;

padding-left:0;

padding-right:0;

display:flex;

background-color: #0b62d7;

border-color: #FFF;

padding: 12px;

border-radius: 15px 15px 0px 0px;

}



.fullwidth:hover, .fullwidth:focus{

	color: #FFF;

    background-color: #0984e3;

    border-color: #0984e3;

}



.collapse{

	border-radius: 15px;

}



/* Chat */



.fondo_fecha_chat{

	width: 25%;

    background: #d7eafd;

    text-align: center;

    padding: 10px;

    border-radius: 20px;

}



/* Snackbar */



#snackbar {

	visibility: hidden;

	min-width: 250px;

	margin-left: -125px;

	background-color: #818181;

	color: #fff;

	text-align: center;

	border-radius: 9px;

	padding: 15px;

	position: fixed;

	z-index: 1;

	left: 50%;

	bottom: 50px;

	font-size: 14px;

	}



#snackbar.show {

  visibility: visible;

  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

  animation: fadein 0.5s, fadeout 0.5s 2.5s;

}



@-webkit-keyframes fadein {

  from {bottom: 0; opacity: 0;} 

  to {bottom: 50px; opacity: 1;}

}



@keyframes fadein {

  from {bottom: 0; opacity: 0;}

  to {bottom: 50px; opacity: 1;}

}



@-webkit-keyframes fadeout {

  from {bottom: 50px; opacity: 1;} 

  to {bottom: 0; opacity: 0;}

}



@keyframes fadeout {

  from {bottom: 50px; opacity: 1;}

  to {bottom: 0; opacity: 0;}

}



.wrapper-progressBar-stepper {

	width: 100%

}



.progressBar-stepper {

}



.progressBar-stepper li {

	list-style-type: none;

	float: left;

	width: 23%;

	position: relative;

	text-align: center;

}



.progressBar-stepper li:before {

	content: " ";

	line-height: 30px;

	border-radius: 50%;

	width: 20px;

	height: 20px;

	border: 1px solid #ddd;

	display: block;

	text-align: center;

	margin: 0 auto 10px;

	background-color: white

}



.progressBar-stepper li:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	background-color: #ddd;

	top: 8px;

	left: -50%;

	z-index: -1;

}



.progressBar-stepper li:first-child:after {

	content: none;

}



.progressBar-stepper li.active {

	color: #0b62d7;

}



.progressBar-stepper li.active:before {

	border-color: #0b62d7;

	background-color: #0b62d7

}



.progressBar-stepper .active:after {

	background-color: #0b62d7;

}



/* Drag Drop*/ 



.container_drop{



	width: 100%;

	display: flex;

	justify-content: center;

	

}



#left, #right1, #right2, #center1, #center2{

	width: 20%;

	min-height: 1500px;

	margin: 6px;

	background: aliceblue;

	border-radius: 10px;

	flex: 1;

    padding: 1em;

}



.list_drop{



	margin: 10px 2px;

	color: #000;

	display: flex;

	align-items: center;

	cursor: grab;

	

}