@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

:root{
	--primary-color: #3B5481;
	--secondary-color: #FB8339;
}

body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

.bg-red{
	background-color: #F01C25;
}
.bg-azul{
	background-color: #122239;
}
.bg-dev-azul{
	background-color: red;
}
.bg-grey{
	background-color: #F6F6F6;
}
.color-white{
	color: white;
}
.color-azul{
	color: #122239;}
.co-verde{
	color: green;}
a{
	cursor: pointer;
}
a:hover{
	text-decoration: none;
}
.gn-card{
	height: 345px;
	margin-bottom:15px;
} 
.gn-card .card-body{
	padding: 13px 15px 9px 13px;
	height: 100%;
}
.gn-card2{
	height: 395px;
}
.gn-btn{
	position: absolute;
	bottom: 20px;
	left:15px;
} 
.gn-btn2{
	position: absolute;
	bottom: 20px;
	right: 15px;
} 
.gn-precio {
	font-size:14px;
	font-weight: bold;
	float: left;
}
.gn-cantidad {
	float: left;
}
.gn-total {
	font-size:16px;
	font-weight: bold;
}
/* MENÚ */
.color-azul a{
	color: #122239;
}
.gn-posicion-menu{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
}
.gn-barra-superior{
	padding: 5px 10px;
}
.gn-acceso-asociados{
	padding: 3px 12px;
	margin-right: 10px;
	border-radius: 16px;
	background-color: white;
	color: #122239 !important;
	font-size: 14px;
	margin-top: 5px;
    margin-bottom: 5px;
}
.gn-acceso-asociados:hover{
	border: 1px solid white;
	background-color: transparent;
	color: white !important;
	font-size: 14px;
}

.gn-link-menu{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: white !important;
}
#load{
    width:90%;
    height:80%;
    position:fixed;
    z-index:1000;
    background:url("/images/loading.gif") no-repeat center center rgba(255,255,255,1)
}
/* CAROUSEL */
.gn-carousel{
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}
.gn-item{
	position: relative;
    height: 100vh;
    width: 100%;
}
.gn-item .gn-carr-img{
	position: absolute;
    top: -197px;
    right: -90px;
    height: 935px;
    width: auto !important;
}
.gn-carousel h5{
	font-size: 35px;
	width: 240px;
	color: #000000;
	letter-spacing: 0.73px;
}
.gn-raya{
	border: 3px solid #F32627;
	width: 80px;
}
.gn-carousel p{
	font-size: 20px;
	color: #000000;
	width: 150px;
	letter-spacing: 0.42px;
}
.gn-carousel .carousel-caption{
	position: absolute;
	right: 15%;
	bottom: 25%;
	left: 15%;
	text-align: left;
	color: black;
}

.gn-boton{
	background-color: #F01C25;
	position: relative;
	width: 200px;
	margin-left: 0px;
	height: 45px;
	border-radius: 0px 60px 60px 0px;
	display: flex;
	align-items: center;
	padding: 0px 10px;
}
.gn-boton .gn-desc-arrow{
	background-color: white;
	height: 36px;
	width: 36px;
	position: relative;
	border-radius: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.gn-boton img{
	height: 14px;
}
.gn-btn-text{
	font-size: 13px !important;
	margin: 0px;
	color: white !important;
}
/* INICIO */
.gn-padding{
	padding: 80px 0px;
}
.gn-inicio h2{
	font-weight: bold;
	font-size: 24px;
	color: #000000;
	letter-spacing: 0.5px;
}
.gn-raya-dos{
	position: relative;
	z-index: 99;
	border: 3px solid #F32627;
	width: 50px;
	margin: 10px 0;
}
.gn-inicio ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.gn-forma{
	margin-top: 228px;
}

.gn-relative{
	position: relative;
}
.gn-rect{
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.gn-rect img{
	width: 100%;
	height: auto;
}
.gn-imagen-bot{
	position: absolute;
	bottom: 10%;
	left: 0;	
	width: 100%;
}
.gn-rect{
	height: 330px;
	width: 480px;
	margin-left: 150px;
}

.gn-servicios .card-deck{
	margin-right: -25px;
	margin-left: -25px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.gn-servicios .card{
	border: 1px solid #F01C25;
	border-radius: 12px;
	height: 300px;
}
.gn-raya-tres{
	height: 3px;
	width: 70px;
	background-color: #F01C25;
}
.gn-servicios .card-text{
	margin-top: 10px;
}
.gn-servicios .card-img-top{
	border-radius: 11px 11px 0px 0px;
	height: auto;
	width: 100%;
}
.gn-servicios .gn-img-card{
	height: 135px;
	overflow: hidden;
	position: relative;
}
.gn-card .gn-boton{
	display: none;
	margin-left: 20px;
}
.gn-servicios .card-deck{
	cursor: pointer;
}
.gn-forma-servicios{
	position: absolute;
	top: 30px;
	right: -550px;
	background-color: red;
	height: 570px;
	width: 860px;
	border-radius: 10px 0 0 10px;
	z-index: -99;
}
.gn-forma-serviciosimg{
	position: absolute;
	right: -135px
}
.gn-servicios-inicio a{
	color: black;
}
.gn-card-border{
	border: 1px solid #F01C25;
}
.gn-plataforma{
	position: absolute;
	left: -310px;
	top: -60px;
}
.gn-plataformaimg{
	position: absolute;
	left: -320px;
	top: -80px;
}
.gn-encuentra{
	background-color: #F01C25;
	color: white;
	border-radius: 0px 20px 20px 0px;
	padding: 10px 0px;
	position: relative;
}
.gn-encuentra p{
	margin: 0px;
}
.gn-encuentra small{
	margin: 0px;
	padding: 0px;
}
.gn-raya-white{
	border: 2px solid white;
	width: 40px;
	margin: 0px;
}
.gn-encuentra .color-roj{
	background-color: #F01C25;
	width: 600px;
	height: 72px;
	left: -500px;
	position: absolute;
	top:0px;
	z-index: -99;
}
.gn-comunidadesimg{
	position: relative;
	height: 350px;
	overflow: hidden;
}
.gn-comunidadesimg img{
	position: absolute;
	bottom: 20px;
	right: 0px;
}
/*CABECERA INTERIOR*/
.gn-cab {
	height:64px;
}
.gn-cab-logo {
	padding:20px;
	width:100px;
}
.jumbotron{
		position: relative;
		z-index: -99;
		background-color: transparent;
		overflow: hidden;
	}
	.gn-cab-rect-oscur{
		position: absolute;
		transform: rotate(-10deg);
		top: -110px;
		right: -100px;
		width: 930px;
		height: 320px;
		border-radius: 0px 0px 100px 100px;
		overflow: hidden;
		background-image: linear-gradient(-180deg, rgba(0,0,0,0.46) 27%, rgba(0,0,0,0.00) 100%);
		z-index: 2;
	}
	
	.gn-cab-rect{
		position: absolute;
		transform: rotate(-10deg);
		top: -110px;
		right: -100px;
		width: 930px;
		height: 320px;
		border-radius: 0px 0px 100px 100px;
		overflow: hidden;
		z-index: 1;
	}
	
	.gn-cab-rect img{
		width: 100%;
		margin-left: -60px;
		margin-top: -80px;
	}
	.gn-cabecera h1{
		position: relative;
		z-index: 2;
		font-size: 24px;
		margin-top: 90px;
		margin-bottom: 0px;
	}
.gn-pos-encuentracab{
	position: absolute;
	top: 200px;
	right: 0px;
	z-index: 2;
}

.gn-encuentra-cab{
	background-color: #F01C25;
	color: white;
	border-radius: 20px 0px 0px 20px;
	padding: 10px 0px;
	position: relative;
	height: 72px;
	width: 400px;
}
.gn-encuentra-cab p{
	margin: 0px;
}
.gn-encuentra-cab small{
	margin: 0px;
	padding: 0px;
}
.gn-raya-white{
	border: 2px solid white;
	width: 40px;
	margin: 0px;
}
.gn-encuentra-cab .color-roj{
	background-color: #F01C25;
	width: 600px;
	height: 72px;
	right: -500px;
	position: absolute;
	top:0px;
	z-index: -99;
}
.gn-mapencuentra{
	margin-left: 20px;
}
/* EMPRENDEDORES */
.gn-content-interior{
	margin-top: 100px;
	margin-bottom: 88px;
}
.gn-content-interior h2{
	font-size: 19px;
	text-align: center;
	max-width: 830px;
	margin: 0 auto;
	font-weight: bold;
}
.gn-content-interior .gn-raya-dos{
	margin: 10px auto;
}
.section-2 p{
	max-width: 370px;
}
.section-2 .gn-compo{
	padding-top: 80px;
}

.gn-cooperativa-forma{
		background-color: red;
		height: 340px;
		width: 900px;
		border-radius: 0 0 100px 0;
		position: absolute;
		bottom: -20px;
		left: -300px;
	}
	.gn-cooperativa-formaimg{
		height: 340px;
		width: 900px;
		border-radius: 0 0 100px 0;
		position: relative;
		overflow: hidden;
		margin-left: -330px;
		margin-bottom: -0px;
		
}
.gn-overflow{
		position: relative;
		overflow: hidden;
	}
	.gn-fabricantes-padd{
		
		padding: 60px 0px;
	}
	.gn-fabricantesimg{
		position: absolute;
		top: -140px;
		right: -135px;
	}
	
.gn-pdfs{
	padding: 60px 0px;
}	
.gn-pdfs .card{
	border: 1px solid #F01C25;
	height: 130px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.gn-pdfs .card-etiqueta{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #F15642;
	padding: 5px 15px;
	border-radius: 0px 2px 2px 0px;
}
/* AUDIOLOGIA */
.gn-audiologia h2{
	font-size: 24px;
	font-weight: bold;
}

.gn-cabarea-medica{
		margin-top: -0px !important;
	}
	
/* AREA MEDICA */
.gn-cardarea{
		position: relative;
		height: 180px;
		border-radius: 0px;
		overflow: hidden;
		border:1px solid #F01C25;
	}
	.gn-cardarea h5{
		position: absolute;
		bottom: 0px;
		right: 10px;
		border-radius: 0px;
		z-index: 2;
	}
	.gn-cardarea{
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.card-img-2{
		width: 100%;
		
	}
	.gn-cardarea img{
		margin-top: -20px;
	}
	
	.gn-multired{
		background-color: #F01C25;
		width: 100%;
		height: 100%;
		z-index: 1;
		position: absolute;
		opacity: 0.6;
	}
/* ACUERDOS */
	.gn-acuerdos .card-header{
		background-color: red;
		padding-top: 5px;
		padding-bottom: 3px;
		padding-right: 25px;
		color: white !important;
	}
	.gn-acuerdos .card{
		border-radius: 0px !important;
		margin-bottom: 3px;
		border: 0px solid transparent;
	}
	.gn-acuerdos .card-header button{
		color: white;
	}
	
/* CONTACTAR */
.gn-cabarea-contacto{
	margin-top: 68px !important;
}

/* PLATAFORMA */
.gn-plataforma-rect-forma{
		background-color: #F01C25;
		height: 435px;
		width: 885px;
		border-radius: 0px 0px 100px 0px;
		position: absolute;
		bottom: -50px;
		right:120px;
		transform: rotate(8deg);
		z-index: 0;
	}
	.gn-plataforma-rect{
		
		height: 435px;
		width: 885px;
		border-radius: 0px 0px 100px 0px;
		position: absolute;
		bottom: -30px;
		right:135px;
		z-index: 99;
		transform: rotate(8deg);
		overflow: hidden;
	}

/*CONTACTAR*/
.gn-contacto-uno{
		padding: 15px 15px;
	}
	.gn-contacto-uno h2{
		font-size: 24px;
		color: white;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.gn-contacto-uno p{
		color: white;
		font-size: 16px;
	}
	.gn-contacto-uno a{
		color: white;
	}
	.gn-contacto-dos{
		border: 3px solid #F01C25;
		margin-top: 5px;
		padding: 10px 15px;
	}
	.gn-contacto-dos h3{
		font-size: 16px;
		font-weight: bold;
	}
	.gn-contacto-dos a{
		color: #F01C25;
	}
	.gn-contacto-tres{
		padding-top: 170px;
	}
	.gn-contacto-tres a{
		color: #F01C25;
	}
	.gn-contacto-tres .gn-boton{
		cursor: pointer;
	}
/* SOCIO */
.gn-info-socio{
		max-width: 440px;
		padding: 30px 25px;
		color: white;
		margin: 40px 0;
		margin-right: -100px;
		z-index: 2;
	}
	.gn-info-socio h2{
		font-size: 24px;
	}
	.gn-info-socio p{
		font-size: 16px;
	}
	.gn-info-socio-form{
		padding-left: 100px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.gn-info-socio-form a{
		color: #F01C25;
	}
	
/*	FOOTER 	*/ 

footer{
	padding-top: 40px;
	padding-bottom: 20px;
	color: white;

}
.gn-footer-logo {
	width:100px;
	margin-top: -20px;
}
.gn-footer-info{
	border-top: 1px solid white;
	margin-top: 15px;
	padding-top: 15px;
}
.gn-footer-info-id{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ff6565;
}
footer ul{
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}
footer h3{
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0.38px;
	text-transform: uppercase;
}
footer a{
	color: white;
}
footer a:hover{
	color: white;
	font-weight: bold;
}

/*V3*/
.gn-V3pad{
	padding: 0px;
}
.gn-accesov3{
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 30px;
	right: 30px;
}
.bg-login{
	background-image: url("/images/background-login.jpg");
	height: 100vh;
	background-size: cover;
	margin: 0px;
	background-position: center center;
}
.gn-logout{
	background-color: var(--primary-color);
	padding: 10px 15px;
	border-radius: 8px;
	color: white;
}
.gn-logout:hover{
	background-color: var(--secondary-color);
	padding: 10px 15px;
	border-radius: 8px;
	color: white !important;
}
.bg-formv3{
	background-color: rgba(59, 84, 129, 0.1);
	margin: 0px;
}
.gn-escritoriov3{
	background-color: rgba(59, 84, 129, 0.1);
	border-radius: 40px 40px 0px 0px;
	padding: 40px 40px !important;
	padding-top: 20px !important;
	margin-top: 15px;
	overflow-y: scroll;
	height: 100vh;
}
.gn-escritoriov3 .gn-tltSec{
	font-size: 30px;
	color: var(--primary-color);
}
.gn-cardV3{
	position: relative;
	overflow: hidden;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items:center;
	align-content:center;
	flex-direction:column;
	border-radius: 8px;
	border: 3px solid transparent;
}

.gn-cardV3Inter{
	position: relative;
	overflow: hidden;
	height: 230px;
	display: flex;
	justify-content: center;
	align-items:center;
	align-content:center;
	flex-direction:column;
	border-radius: 8px;
	border: 0px solid transparent;
}
.gn-cardV3:hover,
.gn-cardV3Inter:hover{
	border: 3px solid var(--primary-color);
	border-radius: 8px;
}
.gn-cardV3 img{
	position: absolute;
	height: auto;
	width: 100%;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom:0px;
}
.gn-cardV3Inter img{
	position: absolute;
	height: auto;
	width: 100%;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom:0px;
}
.gn-cardV3 .gn-filtro,
.gn-cardV3Inter .gn-filtro{
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 40%, rgba(0,0,0,0.61) 80%);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.gn-cardV3 .gn-cardContent,
.gn-cardV3Inter .gn-cardContent{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 10px 15px;
}
.gn-cardContent .card-title{
	color:white;
	font-size: 18px;
}
.gn-btnV3Inter{
	background-color: var(--primary-color);
	width: 100%;
	color: white;
	border-radius: 8px;
	padding: 10px 15px;
	margin-top: 10px;
}
.gn-cardV3InterDia{
	background-color: var(--primary-color);
	width: 100%;
	color: white;
	border-radius: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
.gn-cardV3dia .form-group{
	width: 100%;
}
.gn-cardV3InterDia img{
	border-radius: 8px;
}
.gn-btnV3Inter:hover{
	background-color: var(--secondary-color) ;
	width: 100%;
	color: white;
	border-radius: 8px;
	padding: 10px 15px;
	margin-top: 10px;
}
.gn-cardV3Calendar{
	background-color: white;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-top: 40px;
	padding-bottom: 20px;
	height: 230px;
}
.gn-cardV3Calendar i{
	font-size: 6em;
	color: var(--primary-color);
}
.gn-cardV3dia{
	background-color: white !important;
	border-radius: 8px;

}
.gn-cardV3Calendar input{
	cursor: pointer;
}
.gn-botonV3{
	background-color: var(--secondary-color);
	color: white;
}
.gn-botonV3:hover{
	color: var(--secondary-color);
	background-color: white;
}
.gn-disponibleBreve{
	background-color: white;
	width: 100%;
	padding: 5px 10px;
	border-radius: 8px;
	color: var(--primary-color);
	text-align:center;
	font-weight: normal;
}
.gn-CardV3Fecha{
	width: 80%;
	margin-top: 15px;
}
.gn-CardV3Fecha p{
	padding: 0px;
	padding-bottom: 3px;
	margin:0px;
	width: 100%;
}
.gn-CardV3Fecha i{
	font-size: 16px;
}
.gn-iconCart{
	background-color: var(--primary-color);
	color: white !important;
	padding: 15px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
}
.gn-iconCart i{
	font-size: 20px; 
	color: white !important;
}
.gn-iconCart:hover{
	background-color: var(--secondary-color);
	color: white;
	padding: 15px;
	border-radius: 10px;
}
.gn-numberCart{
	background-color: red;
	width: auto;
	height: auto;
	padding: 5px 13px;
	position: absolute;
	top: -10px;
	right: -12px;
	border-radius: 30px;
	font-size: 13px;
	z-index: 999;
}
.gn-btnV3{
	background-color: var(--primary-color) !important;
	color: white;
	border-radius: 8px;
}

.gn-btnV3:hover{
	background-color: var(--secondary-color) !important;
	color: white;
	border-radius: 8px;
}
.gn-entradasV3{
	background-color: white;
	border-radius: 8px;

	padding: 40px;
	
}
.gn-V3errores{
	margin-top: 30px;
	width: 100%;
}
.gn-v3logout{
	padding: 10px;
	border-radius: 8px;
	cursor: pointer;
}
.gn-v3logout:hover{
	background-color: var(--secondary-color);
	border-radius: 8px;
}
.gn-userV3Img{
	background-color: var(--primary-color);
	color: white;
	padding: 10px 12px;
	border-radius: 30px;
	margin-right: 10px;
}
.gn-v3logout i{
	font-size: 19px;
	color: var(--primary-color);
} 
.gn-cardAnuncioV3{
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 15px;
	margin-bottom: 20px;

}
.gn-cardAnuncioV3 H4{
	font-size: 16px;
}
.gn-cardImgAnuncio{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content:center;
	align-items: center;
	align-content: center;
}
.gn-cardImgAnuncio img{
	height: auto;
	width: 100%;
}
.gn-cardTextAnuncio h4{
	font-size: 16px;
	color: #636363;
	text-align: center;
}
.gn-cardTextAnuncio p{
	color: var(--secondary-color);
	font-weight: bold;
	font-size: 13px;
	padding-left: 15px;
	padding-bottom: 0px !important;
	margin-bottom: 6px;
}

.gn-anunciosV3{
	position: relative;
	height: 100vh;
	
}
.gn-cardsAnuncios{
	overflow-y: scroll;
	height: 80vh;
}
.gn-footerV3{
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: white;
	font-size: 14px;
	height: 10vh;

}
.gn-menuV3{
	height: 100vh;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.gn-horarioV3{
	background-color: rgba(59, 84, 129, 0.1);
	padding-left: 20px;
	border-radius: 0px 10px 10px 0px;
	padding-top: 15px;
}
.gn-horarioV3 a{
	color: var(--secondary-color);
}
.gn-horarioWhats{
	font-weight: bold;
	color: var(--secondary-color);
	font-size: 16px;
}
.gn-menuV3list{
	list-style-type: none;
	margin: 0px;
	width: 100%;
	
}
.gn-menuV3list li{
	margin:0px;
	margin-bottom: 5px;
	border-radius: 8px;
	font-size: 16px;
	width: 100%;
	
	
	
}
.gn-menuV3list li a{
	background-color: #FCFCFC;
	width: 100%;
	padding: 10px 15px;
	border-radius: 8px;
	color: #636363;
	display: flex;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	align-items: center;
	align-content:center;
	justify-content: flex-start;
}

.gn-menuV3list li a:hover{
	background-color: var(--secondary-color);
	color: white;
	
}
.gn-menuV3list li i{
	margin-right: 10px;
	font-size: 25px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items:center;
	align-content:Center;
	
}
.gn-menuV3list li img{
	height: 40px;
	width: auto;
	margin-right: 10px;
}
li.gn-menuActive a{
	background-color: var(--secondary-color);
	color:white;
}

.gn-btnV3Targeta{
	background-color: var(--primary-color);
	color: white;
	border-radius: 8px;
	width: 130px;
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.gn-btnV3Targeta:hover{
	background-color: var(--secondary-color);
	color: white;
}
.gn-btnV3Saldo{
	background-color: var(--secondary-color);
	color:white;
	border-radius: 8px;
	width: 120px;
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.gn-btnV3Saldo:hover{
	background-color: var(--primary-color);
	color:white;
	
}
input.gn-fechaInput{
	background-color: white;
	border-radius: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	width: 100%;
	border-bottom: 0px solid transparent;
}
.gj-datepicker i{
	top: 7px !important;
}

.gn-saldoActual{
	background-color: var(--primary-color); 
	color: white; 
	padding: 15px; 
	margin-right: 10px;
	border: 0px;
}

.gn-saldoRecargar{
	background-color: var(--secondary-color); 
	color: white;
	 padding: 15px; 
	 margin-left: 10px;
	 border: 0px;
}

.gn-saldoActual h5,
.gn-saldoRecargar h5{
	color: white;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.gn-saldoActual .gn-saldoNum{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
}
.gn-formrecarga{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}
.gn-formrecarga input{
	font-weight: initial;
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid white;
	color: white;
	text-align: center;
	font-size: 25px;
}
.gn-saldoRecargar button{
	font-size: 17px;
}

.gn-btnV3Recargar{
	padding: 15px 0px; 
	margin-bottom: 10px; 
	background-color: white; 
	color: var(--primary-color);
}

.gn-btnV3Recargar:hover{
	padding: 15px 0px; 
	margin-bottom: 10px; 
	background-color: var(--primary-color); 
	color: white;
}
/* ACCESO */
.gn-acceso-priv{
		height: 76vh;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%;
	}
	.gn-acceso-priv form{
		width: 100%;
	}
	.gn-acceso-img{
		position: relative;
	}
	.gn-acceso-rect{
		position: absolute;
		width: 800px;
		height: 550px;
		transform: rotate(-20deg);
		background-color: #122239;
		border-radius: 100px;
		left: 80px;
		top: -70px;
		z-index: -1;
	}
	.gn-acceso-rect-img{
		position: absolute;
		overflow: hidden;
		width: 800px;
		height: 550px;
		transform: rotate(-20deg);
		background-color: #F01C25;
		border-radius: 100px;
		left: 90px;
		top: -90px;
		z-index: -1;
	}
	.gn-acceso-rect-img img{
		left: -150px;
		bottom: -200px;
		position: absolute;
	}
/* FOOTER ACCESO */
.gn-footer-acceso,
	.gn-footer-acceso a,
	.gn-footer-acceso a:hover{
		color: #848484;
	}
	.gn-redes-acceso a{
		margin: 0px 3px;
	}
	.gn-raya-gris{
		border-top: 2px solid #848484;
		width: 42px;
		margin-left: 15px;
	}
	.gn-acceso-priv h3{
		color: #122239;
		font-size: 19px;	
	}
	.gn-acceso-priv input{
		border-radius: 30px;
		padding: 30px 20px !important;
	}
	.gn-acceso-priv button{
		border-radius: 35px;
		background-color: #122239;
		border: 1px solid #122239;
		padding: 10px 20px;
	}
/* media screen */

@media (max-height: 840px){
	.gn-cardsAnuncios{
		height: auto;
	}
	.gn-footerV3{
		position: relative;
		height: auto;
	
	}
	.gn-menuV3{
		height: auto;
	}
}
@media (max-width: 575.98px) { 
	.gn-menuV3{
		height: auto;
	}
	.gn-menuV3list{
		padding:0px;
		
	}
	.gn-link-menu{
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: row;
	} 
	.gn-cardV3Inter img{
		width: auto;
		height: 100%;
	}
	.gn-link-menu img{
		height: 20px;
	}
	.gn-cardV3dia{
		margin-top: 20px;
	}
	.nav-item{
		background-color: #F01C25;
		padding: 0px 10px;
		margin: 2.5px 0px;
	}
	.nav-item:hover{
		border-left: 15px solid #F01C25;
	}
	.gn-carousel{
		top: -0px !important;
	}
	.gn-item .gn-carr-img{
		height: 942px !important;
		left: -393px !important;
		top: -67px !important;
	}
	.gn-carousel .carousel-caption{
		left: 3% !important;
		bottom: 12% !important;
	}
	/*INICIO*/
	.gn-forma{
		margin-top: 0px !important;
		height: 280px;
	}
	.gn-rect {
	    height: auto;
	    width: 75%;
	    position: absolute;
	    bottom: 15%;
	    left: 16%;
	    margin: 0px;
	}
	.gn-imagen-bot{
		position: relative;
		left: auto;
		bottom: auto;
	}
	.gn-boton{
		margin-right: 10px;
		
	}
	.gn-padding{
		padding:50px 20px;
	}
	.gn-servicios-inicio.gn-padding{
		padding: 80px 30px;
	}
	.gn-encuentra{
		width: 300px;
	}
	.gn-comunidadesimg{
		position: relative;
		height: 298px;
		margin-top: -40px;
		overflow: hidden;
	}
	.gn-comunidadesimg img{
		width: 100%;
		position: absolute;
		left: 30px;
	}
	/* CABECERAS */
	.jumbotron{
		height: 250px;
	}
	.gn-pos-encuentracab {
		right: -66px !important;
	}
	
	/* COOPERATIVA */
	.gn-cooperativa-forma{
		height: 250px;
		width: 400px;
		bottom: 25px;
		left: -20px;
	}
	.gn-cooperativa-formaimg{
		height: 250px;
		width: 400px;
		margin-left: -50px;
		margin-bottom: 40px;
		
	}
	/* PLATAFORMA */
	.gn-plataforma-rect-forma{
		position: relative;
		bottom: 54px;
		left: -600px;
	}
	.gn-plataforma-rect{
		bottom: 72px;
		right: 60px;
	}
	/*FABRICANTES*/
	.gn-fabricantes-padd{
		padding: 0px;
	}
	.gn-fabricantesimg{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 20px;
	}
	/*CONTACTAR*/
	.gn-contacto-tres{
		padding-top: 20px;
	}
	/*socio*/
	.gn-info-socio{
		max-width: 100%;
		margin-right: 0px;
	}
	
	.gn-info-socio-form{
		padding-left: 20px;
	}
	/* ACCESO */
	.gn-acceso-priv form{
		width: 80%;
	}
	/* FOOTER ACCESO */
	.gn-redes-acceso,
	.gn-disenopor{
		display: flex;
		justify-content: center !important;
		align-items: center;
		align-content: center;
	}
	
}
@media (min-width: 576px) and (max-width: 767.98px) { 
	.gn-menuV3{
		height: auto;
	}
	.gn-menuV3list{
		padding:0px;
		
	}
	.gn-cardV3Inter img{
		width: 100%;
		height: auto;
	}
	.gn-cardV3dia{
		margin-top: 20px;
	}
	.gn-link-menu{
		justify-content: flex-start ;
		align-items: flex-start;
		flex-direction: row;
	}
	.nav-item{
		background-color: red;
		padding: 0px 10px;
		margin: 2.5px 0px;
	}
	.nav-item:hover{
		border-left: 15px solid white;
	}
	.gn-carousel{
		top: -111px !important;
	}
	.gn-item .gn-carr-img{
		height: 942px !important;
		left: -215px !important;
		top: -67px !important;
	}
	.gn-carousel .carousel-caption{
		left: 3% !important;
		bottom: 12% !important;
	}
	/*INICIO*/
	.gn-forma{
		margin-left: -100px;
		margin-top: 103px;
	}
	.gn-imagen-bot {
   		position: absolute;
   		bottom: 10%;
   		right: 10px !important;
   		width: auto;
	}
	.gn-servicios-inicio.gn-padding{
		padding: 80px 30px;
	}
	.gn-encuentra{
		width: 300px;
	}
	.gn-comunidadesimg{
		position: relative;
		height: 298px;
		margin-top: -40px;
		overflow: hidden;
	}
	.gn-comunidadesimg img{
		width: 100%;
		position: absolute;
		left: 30px;
	}
	/* EMPRENDEDORES */
	.section-2 img{
		width: 60%;
	}
	.section-2 p{
		max-width: 100%;
	}
	/* COOPERATIVA */
	.gn-cooperativa-forma{
		height: 250px;
		width: 220px;
		bottom: -15px;
		left: -20px;
	}
	.gn-cooperativa-formaimg{
		height: 250px;
		width: 220px;
		margin-left: -50px;
		margin-bottom: 0px;
		
	}
	.gn-cooperativa-formaimg img{
		height: 100%;
		width: auto;
		margin-left: -100px;s
		
	}
	/*FABRICANTES*/
	.gn-fabricantes-padd{
		padding: 0px;
	}
	.gn-fabricantesimg{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 100px;
		margin-top: 0px;
		height: 450px;
		width: auto;
	}
	/*CONTACTAR*/
	.gn-contacto-tres{
		padding-top: 20px;
	}
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
.gn-menuV3list{
	padding:0px;
	
}.gn-cardV3{
	height: 215px;

}
.gn-cardV3Inter{
	height: 220px;
}
.gn-cardV3Inter img{
	width: 110%;
	height: auto;
}
.gn-cardV3dia{
	margin-top: 20px;
}
	.gn-link-menu{
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: row;
	}
	.nav-item{
		background-color: red;
		padding: 0px 10px;
		margin: 2.5px 0px;
	}
	.nav-item:hover{
		border-left: 15px solid white;
	}
	.gn-carousel{
		top: -40px !important;
	}
	.gn-item .gn-carr-img{
		height: 942px !important;
		left: -150px !important;
		top: -67px !important;
	}
	.gn-carousel .carousel-caption{
		left: 3% !important;
		bottom: 12% !important;
	}
	.gn-forma{
		margin-top: 0px !important;
		height: 700px;
		margin-left: -100px;
	}
	/*INICIO*/
	.gn-rect{
		height: 343px;
		width: 273px;
		margin: 0px;
	}
	.gn-rect img{
		height: 100% !important;
		width: auto !important;
	}
	.gn-imagen-bot{
		position: absolute;
		bottom: 9%;
		left: 2%;
		width: 100%;
	}
	
	/* CABECERAS */
	.gn-cabecera{
		color: white;
	}
	/* EMPRENDEDORES */
	.gn-img-emprendedores{
		padding-top: 75px;
	}
	/* PLATAFORMA */
	.gn-plataforma-rect-forma{
		bottom: 15px;
		right: 36px;
	}
	.gn-plataforma-rect{
		bottom: 28px;
		right:47px;
	}
	/* COOPERATIVA */
	.gn-cooperativa-forma{
		height: 280px;
		width: 500px;
		bottom: -15px;
		left: -140px;
	}
	.gn-cooperativa-formaimg{
		height: 280px;
		width: 500px;
		margin-left: -170px;
		margin-bottom: -0px;
		
	}
	/*FABRICANTES*/
	.gn-fabricantes-padd{
		padding: 0px;
	}
	.gn-fabricantesimg{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 40px;
		margin-top: -70px;
		height: 450px;
		width: auto;
	}
	/*CONTACTAR*/
	.gn-contacto-tres{
		padding-top: 20px;
	}
	/* MAPA */
	.gn-encuentra .color-roj{
		height: 96px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	.gn-menuV3list{
		padding:0px;
		
	}
	.gn-cardV3{
		height: 205px;
	
	}
	.gn-cardV3dia{
		margin-top: 20px;
	}
	.gn-carousel{
		top: -10px !important;
	}
	.gn-item .gn-carr-img{
		height: 842px !important;
		top: -143px;
	}
	.gn-carousel .carousel-caption{
		left: 3% !important;
		bottom: 12% !important;
	}
	/*INICIO*/
	.gn-forma-servicios{
		right: -17px;
		width: 328px;
	}
	.gn-forma-serviciosimg{
		overflow: hidden;
		right: -17px;
		height: 700px;
		top: 12px;
		width: 300px;
	}
	.gn-rect{
		height: 330px;
		width: 480px;
		margin-left: 67px;
		margin-bottom: -56px;
	}
	.gn-imagen-bot{
		left: 0px !important;
	}
	/*FABRICANTES*/
	.gn-fabricantes-padd{
		padding: 0px;
	}
	.gn-fabricantesimg{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 100px;
		margin-top: -70px;
	}
	/*PLATAFORMA*/
	.gn-plataforma-rect-forma{
		bottom: 0px;
		right: 70px;
	}
	.gn-plataforma-rect{
		bottom: 20px;
		right: 85px;
	}
	
}
@media (min-width:1200px ) and (max-width:1619px){
	.gn-cardV3{
		height: 225px;
	}
	.gn-cardV3 img{
		height: 110%;
		width: auto;
	}
	.gn-cardV3Inter{
		height: 220px;
	}
	.gn-cardV3Inter img{
		width: auto;
		height: 100%;
	}
}
@media (min-width: 1560px) { 
	.gn-item .gn-carr-img{
		top: -230px;
		right: -100px;
		height: 1120px;
	}	
	.gn-cardV3Inter img{
		width: 105%;
		height: auto;
	}
	
}