@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
:root{
	--body-black: #1F2235;
	--color-white: #FBFBFB;
	--primary-color: #71A850;
	--ludivers-btn: #3a3d4b;
}
body{
	color: #393939;
	background-image: url("../../../images/back-patt.jpg") ;
	background-size: 150px 150px ;
	background-repeat: repeat ;
	position: relative;
	
}
p{
	padding: 0px !important;
	margin: 0px !important;
	
}
a{
	text-decoration: none !important;
}
button{
	border: 0px solid transparent !important;
	padding: 0px;
}
.gn-cabecera-inicio{
	margin-top: 25px;
}

.gn-btn, .gn-btn_inter{
	background-color: #71a830;
	border: 2px solid transparent;
	color: white;
	padding: 10px 30px;
	border-radius: 8px;
	cursor: pointer;
}
.gn-btn_inter{
	margin-left: 10px;
}
.gn-btn_continuar{
	position: absolute;
	bottom: -25px;
	right: 20px;
}
.gn-btn-anonimo{
	margin-top: 5px;
}
.gn-btn:hover,
.gn-btn-iniciarsesion:hover{
	background-color: white;
	border: 2px solid #71a830;
	color: #71a830;
	padding: 10px 30px;
}

.gn-btn-iniciarsesion{
	width: 100%;
	padding: 15px 30px;
}


.gn-inicio_bienvenido{
	font-size: 32px;
	font-weight: bold;
	
}
.gn-inicio_naming{
	font-size: 22px;
	padding-bottom: 15px;
	font-weight: 400;
}


.gn-inicio_titulo,
.gn-form_inicio{ 
	width: 60%;
}

.gn-form_inicio .form-floating{
	margin: 12px auto;
}
.gn-form_inicio .form-floating input{
	background-color: white;
	border: 0px solid transparent;
	border-radius: 8px;
	padding-left: 25px;
}
.gn-form_inicio .form-floating label{
	margin-left: 10px;
	margin-right: 10px;
}

.gn-nocuenta{
	padding-top: 10px;
}
.gn-nocuenta a{
	text-decoration: none;
	color: #393939;
	font-weight: bold;
}


.carousel-item{
	height: 80vh;
}
.gn-tamano-ilustracion{
	position: relative;
	overflow: hidden;
	height: 84vh;
	display: flex !important;
	justify-content: center !important;
	align-content: center !important;
	align-items: center !important;
}
.gn-tamano-ilustracion img{
	width: 79%;
}

.gn-pie{
	font-size: 13px;
	margin: auto 45px;
	margin-top: 30px;
}
.gn-disenado img{
	height: 25px;
	margin-top: -10px;
}

.gn-menu_inter{
	background-color: white;
	padding: 10px 10px;
	margin-bottom: 10px;
}
.gn-usuario{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 14px;
}
.gn-avatar{
	height: 40px;
	width: 40px;
	border: 2px solid #71a830;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.gn-escritorio{
	margin-left: 12px;
	margin-right: 12px;
}
.gn-sidebar{
	background-color: white;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.gn-contenido-es{
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 40%;
	padding-right: 40%;
}

.gn-sidebar{
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 10px;
}
.gn-sidebar a{
	padding: 20px 10px;
	border-radius: 10px;
	color: #393939;
	margin-bottom: 5px;
}
.gn-sidebar .active{
	background-color: #71a830;
	padding: 20px 10px;
	border-radius: 10px;
	color: white;
}
.gn-sidebar a:hover{
	background-color: #71a830;
	padding: 20px 10px;
	border-radius: 10px;
	color: white;
	margin-bottom: 5px;
}

.gn-espacio-contenido{
	margin-bottom: 10px;
}
.gn-espacio-contenido .gn-btn{
	margin-right: 5px;
	margin-left: 5px;
}

.gn-form_interior .form-floating {
	margin-top: 15px !important;
}
.gn-form-interior .form-floating input{
	border: 0px solid transparent;
	padding-left: 25px;
	border-radius: 8px;
}
.gn-form-interior .form-floating label{
	margin-left: 25px;
	margin-right: 10px;
}

.gn-image-view{
	background-color: white;
	border-radius: 8px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.gn-image-view-white{
	background-color: #71a830;
	border-radius: 8px;
	height: 180px;
	width: auto;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.gn-image-view img,
.gn-image-view-white img{
	height: 100%;
	border-radius: 10px;
}
.gn-image-upload{
	background-color: white;
	height: 80px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	flex-direction: column !important;
}
.gn-image-upload small{
	padding-left: 15px;
}

.gn-switch-form{
	background-color: white;
	border-radius: 8px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	
}


.form-switch .form-check-input{
	height: 40px !important;
	width: 70px  !important;
	border-radius: 25px !important;
	border: 1px solid #dee2e6 !important;
	cursor: pointer;
}

.form-switch input:checked{
	height: 40px;
	width: 70px;
	border-radius: 25px;
	background-color: #62bb47;
	cursor: pointer;
}
.gn-space-form{
	margin-bottom: 10px;
}
.gn-btn_edit,
.gn-btn_trush {
	background-color: #71a830;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;	
	border-radius: 8px;
	margin-right: 5px;
	color: white !important;
}
.gn-btn_edit:hover{
	border: 1px solid #71a830;
	background-color: white;
	color: #71a830 !important;
}
.gn-btn_trush{
	padding-right: 13px;
	background-color: red;
}
.gn-btn_trush:hover{
	background-color: white;
	color: red !important;
	border: 1px solid red;
}
.gn-lista-table{
	overflow: scroll;
	height: 460px;
	position: relative;
	width: 10px;

}

.gn-lista{
	position: relative;
	overflow: hidden;
	height: 10px;
	width: 100%;
}
.gn-lista table {
  width: 100%;
}

.gn-lista thead {
  display: table; /* to take the same width as tr */
  width: calc(100% - 17px); /* - 17px because of the scrollbar width */
}

.gn-lista tbody {
  display: block;
  max-height: 450px; 
  overflow-y: scroll; 
}

.gn-lista tr {
  width: 100%;
  box-sizing: border-box; 
}
tbody{
	width: calc(100% - 17px);
}



.td-jue-1{width: 10%;}
.td-jue-2{width: 5%;}
.td-jue-3{width: 60%;}
.td-jue-4{width: 20%;}
.td-jue-5{width: 5%;}

.td-niv-1{width: 10%;}
.td-niv-2{width: 10%;}
.td-niv-3{width: 10%;}
.td-niv-4{width: 56%;}
.td-niv-5{width: 10%;}
.td-niv-6{width: 10%;}


.td-sub-1{width: 5%; }
.td-sub-2{width: 10%; }
.td-sub-3{width: 30%; }
.td-sub-4{width: 30%; }
.td-sub-5{width: 20%; }
.td-sub-6{width: 5%; }

.td-pro-1{width:5%;}
.td-pro-2{width:10%;}
.td-pro-3{width:20%;}
.td-pro-4{width:50%;}
.td-pro-5{width:10%;}
.td-pro-6{width:5%;}

.td-serv-1{width: 5%;}
.td-serv-2{width: 5%;}
.td-serv-3{width: 10%;}
.td-serv-4{width: 15%;}
.td-serv-5{width: 17%;}
.td-serv-6{width: 18%;}
.td-serv-7{width: 15%;}
.td-serv-8{width: 10%;}
.td-serv-9{width: 5%;}

.td-esc-1{width: 5%; }
.td-esc-2{width: 20%; }
.td-esc-3{width: 40%; }
.td-esc-4{width: 10%; }
.td-esc-5{width: 8%; }
.td-esc-6{width: 5%; }

.gn-buscador input{
	border: 0px solid transparent;
	padding: 12px 10px;
	padding-left: 20px;
	background-color: white;
	border-radius: 5px;
	margin-right: 0px !important;
	border-radius: 5px 0 0 5px;
}
.gn-buscador button{
	border-radius: 0px 8px 8px 0px;
	background-color: #71a830;
	border: 0px solid transparent;
	color: white;
	margin-right: 5px;
	
}
.gn-buscador button:hover{
	background-color: white;
	border: 2px solid #71a830;
	color: #71a830;
}
.gn-form-select{
	background-color: white;
	padding: 5px 0px;
	border-radius: 5px;
}

.gn-form-select select{
	background-color: white;
	height: 40px;
	border: 0px solid transparent;
	box-shadow: 0px 0px 0px black;
	cursor: pointer;
	
}

.gn-escritorio_inicio{
	height: 80vh;
}
.gn-menu-escritorio{
	background-color: white;
	margin-bottom: 20px;
	height: 120px;
	border-radius: 30px;
	border: 1px solid #71a830 ;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
}
a.gn-menu-escritorio:hover{
	background-color: #71a830;
	margin-bottom: 20px;
	height: 120px;
	border-radius: 30px;
	color: white !important;
}
a.gn-menu-escritorio{
	color: #71a830 !important;
	font-size: 18px;
}
.gn-textarea-height{
	height: 130px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.gn-mision{
	background-color: #f0f0f0;
	border-radius: 6px;
	padding: 10px 15px;
}
.gn-inventario{
	background-color: #f0f0f0;
	border-radius: 6px;
	padding: 10px auto;
}
.gn_notificacion-mision{
	position: fixed;
	left: 120px;
	top: 25px;
}
.gn-contacto{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 100px;
}
.gn-contacto-texto{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: 60px;
}


@media (max-width: 575.98px) { 
	.gn-inicio_content{
		height: 85vh;
		overflow: hidden;
		position: relative;
	}
	.gn-inicio_bienvenido{
		font-size: 28px;
	}
	.gn-inicio_naming{
		font-size: 18px;
	}
	.gn-imagen_fondo{
		position: absolute;
		z-index: -1;
		height: auto;
		width: 100%;
		opacity: 0.7;
	}
	.gn-inicio_titulo,
	.gn-form_inicio{ 
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.gn-disenado img{
		margin-top: -3px;
	}
	.gn-sidebar{
		padding: 10px 10px;
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		height: auto;
		flex-flow: wrap;
	}
	
	.gn-sidebar a{
		padding: 10px 10px;
		border-radius: 10px;
		color: #393939;
	}
	.gn-sidebar a:hover{
		height: auto;
	}
	
	.gn-image-view{
	height: 120px;	
	margin-bottom: 10px;
	}	
	.gn-image-upload{
		height: auto;
	}
	.gn-btn_inter{
		padding: 10px 15px;
		margin-left: 5px;
	}
	
	.td-cat-1{width: 10%;}
	.td-cat-2{width: 10%;}
	.td-cat-3{width: 40%;}
	.td-cat-4{width: 20%;}
	.td-cat-5{width: 10%;}
	
	.td-sub-1{width: 6%;}
	.td-sub-2{width: 12%;}
	.td-sub-3{width: 55%;}
	.td-sub-4{width: 20%;}
	.td-sub-5{width: 10%;}
	.td-sub-6{width: 10%;}
	
	.td-serv-1{width: 10%;}
	.td-serv-2{width: 5%;}
	.td-serv-3{width: 1%;}
	.td-serv-4{width: 15%;}
	.td-serv-5{width: 17%;}
	.td-serv-6{width: 18%;}
	.td-serv-7{width: 15%;}
	.td-serv-8{width: 10%;}
	.td-serv-9{width: 10%;}
	
	.td-esc-1{width: 15%; }
	.td-esc-2{width: 20%; }
	.td-esc-3{width: 30%; }
	.td-esc-4{width: 20%; }
	.td-esc-5{width: 8%; }
	.td-esc-6{width: 15%; }
	
	.td-niv-1{width: 15%;}
	.td-niv-2{width: 20%;}
	.td-niv-3{width: 10%;}
	.td-niv-4{width: 32%;}
	.td-niv-5{width: 10%;}
	.td-niv-6{width: 15%;}
}

@media (min-width: 575.98px) and (max-width: 767.98px){ 
	.gn-inicio_content{
		height: 85vh;
		overflow: hidden;
		position: relative;
	}
	
	.gn-imagen_fondo{
		position: absolute;
		z-index: -1;
		width: 100%;
	
		opacity: 0.7;
	}
	.gn-inicio_titulo,
	.gn-form_inicio{ 
		width: 100% ;
		padding-right: 20px;
		padding-left: 20px;
	}
	.gn-sidebar{
		padding: 10px 10px;
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		height: auto;
		flex-flow: wrap;
	}
	.gn-sidebar a:hover{
		height: auto;
	}
	.td-cat-1{width: 10%;}
	.td-cat-2{width: 10%;}
	.td-cat-3{width: 50%;}
	.td-cat-4{width: 20%;}
	.td-cat-5{width: 20%;}
	
	.td-sub-1{width: 6%; }
	.td-sub-2{width: 12%;}
	.td-sub-3{width: 55%;}
	.td-sub-4{width: 20%;}
	.td-sub-5{width: 10%;}
	.td-sub-6{width: 10%;}
	
	.td-serv-1{width: 10%;}
	.td-serv-2{width: 5%;}
	.td-serv-3{width: 1%;}
	.td-serv-4{width: 15%;}
	.td-serv-5{width: 17%;}
	.td-serv-6{width: 18%;}
	.td-serv-7{width: 15%;}
	.td-serv-8{width: 10%;}
	.td-serv-9{width: 10%;}
	
	.td-esc-1{width: 12%; }
	.td-esc-2{width: 20%; }
	.td-esc-3{width: 30%; }
	.td-esc-4{width: 20%; }
	.td-esc-5{width: 8%; }
	.td-esc-6{width: 15%; }
	
	.td-niv-1{width: 15%;}
	.td-niv-2{width: 20%;}
	.td-niv-3{width: 10%;}
	.td-niv-4{width: 32%;}
	.td-niv-5{width: 10%;}
	.td-niv-6{width: 15%;}
}
@media (min-width: 767.98px) and (max-width: 991.98px){
	.gn-inicio_titulo,
	.gn-form_inicio{ 
		width: 100% ;
		padding-right: 20px;
		padding-left: 20px;
	}
	.gn-tamano-ilustracion img{
		height: 95%;
		width: auto;
		margin-right: -70px;
	}
	.gn-sidebar{
		padding: 10px 10px;
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		height: auto;
		flex-flow: wrap;
	}
	.gn-sidebar a:hover{
		padding: 10px 10px;
		height: auto;
	}
	.gn-btn_inter{
		padding: 10px 15px;
	}
	.td-cat-1{width: 10%;}
	.td-cat-2{width: 5%;}
	.td-cat-3{width: 55%;}
	.td-cat-4{width: 20%;}
	.td-cat-5{width: 10%;}
	
	.td-sub-1{width: 10%; }
	.td-sub-2{width: 10%;}
	.td-sub-3{width: 30%;}
	.td-sub-4{width: 30%;}
	.td-sub-5{width: 12%;}
	.td-sub-6{width: 10%;}
	
	.td-pro-1{width:10%;}
	.td-pro-2{width:10%;}
	.td-pro-3{width:30%;}
	.td-pro-4{width:30%;}
	.td-pro-5{width:12%;}
	.td-pro-6{width:10%;}
	
	.td-serv-1{width: 9%;}
	.td-serv-2{width: 5%;}
	.td-serv-3{width: 1%;}
	.td-serv-4{width: 10%;}
	.td-serv-5{width: 17%;}
	.td-serv-6{width: 18%;}
	.td-serv-7{width: 15%;}
	.td-serv-8{width: 10%;}
	.td-serv-9{width: 9%;}
	
	.td-esc-1{width: 10%; }
	.td-esc-2{width: 25%; }
	.td-esc-3{width: 27%; }
	.td-esc-4{width: 22%; }
	.td-esc-5{width: 8%; }
	.td-esc-6{width: 20%; }
	
	.td-niv-1{width: 20%;}
	.td-niv-2{width: 20%;}
	.td-niv-3{width: 10%;}
	.td-niv-4{width: 32%;}
	.td-niv-5{width: 10%;}
	.td-niv-6{width: 15%;}
}
@media (min-width: 991.98px) and (max-width: 1199.98px){ 
	.gn-inicio_titulo,
	.gn-form_inicio{ 
		width: 100% ;
		padding-right: 20px;
		padding-left: 20px;
	}
	.gn-tamano-ilustracion img{
		height: 100%;
		width: auto;
	}
	.td-cat-1{width: 10%;}
	.td-cat-2{width: 5%;}
	.td-cat-3{width: 58%;}
	.td-cat-4{width: 20%;}
	.td-cat-5{width: 10%;}
	
	.td-sub-1{width: 10%; }
	.td-sub-2{width: 10%;}
	.td-sub-3{width: 32%;}
	.td-sub-4{width: 30%;}
	.td-sub-5{width: 12%;}
	.td-sub-6{width: 12%;}
	
	.td-pro-1{width:10%;}
	.td-pro-2{width:10%;}
	.td-pro-3{width:30%;}
	.td-pro-4{width:30%;}
	.td-pro-5{width:12%;}
	.td-pro-6{width:10%;}
	
	.td-serv-1{width: 9%;}
	.td-serv-2{width: 5%;}
	.td-serv-3{width: 1%;}
	.td-serv-4{width: 10%;}
	.td-serv-5{width: 17%;}
	.td-serv-6{width: 18%;}
	.td-serv-7{width: 15%;}
	.td-serv-8{width: 10%;}
	.td-serv-9{width: 9%;}
	
	.td-esc-1{width: 10%; }
	.td-esc-2{width: 33%; }
	.td-esc-3{width: 32%; }
	.td-esc-4{width: 10%; }
	.td-esc-5{width: 8%; }
	.td-esc-6{width: 20%; }
	
	.td-niv-1{width: 15%;}
	.td-niv-2{width: 20%;}
	.td-niv-3{width: 8%;}
	.td-niv-4{width: 40%;}
	.td-niv-5{width: 10%;}
	.td-niv-6{width: 10%;}
}

@media (min-width: 1199.98px) and (max-width: 1399.98px){
	.gn-inicio_titulo,
	.gn-form_inicio{ 
		width: 100% ;
		padding-right: 20px;
		padding-left: 20px;
	}
	.td-cat-1{width: 6%;}
	.td-cat-2{width: 12%;}
	.td-cat-3{width: 55%;}
	.td-cat-4{width: 20%;}
	.td-cat-5{width: 10%;}
	
	.td-sub-1{width: 5%;}
	.td-sub-2{width: 10%;}
	.td-sub-3{width: 30%;}
	.td-sub-4{width: 30%;}
	.td-sub-5{width: 10%;}
	.td-sub-6{width: 5%;}
	
	.td-pro-1{width:7%;}
	.td-pro-2{width:10%;}
	.td-pro-3{width:30%;}
	.td-pro-4{width:30%;}
	.td-pro-5{width:12%;}
	.td-pro-6{width:10%;}
	
	.td-serv-1{width: 9%;}
	.td-serv-2{width: 5%;}
	.td-serv-3{width: 1%;}
	.td-serv-4{width: 10%;}
	.td-serv-5{width: 17%;}
	.td-serv-6{width: 18%;}
	.td-serv-7{width: 15%;}
	.td-serv-8{width: 10%;}
	.td-serv-9{width: 9%;}
	
	.td-niv-1{width: 15%;}
	.td-niv-2{width: 20%;}
	.td-niv-3{width: 10%;}
	.td-niv-4{width: 39%;}
	.td-niv-5{width: 10%;}
	.td-niv-6{width: 15%;}
	
}

	 
	 
 .text-js{
		   opacity: 0;
		 }
		 .cursor{
		   display: block;
		   position: absolute;
		   height: 100%;
		   top: 0;
		   right: -5px;
		   width: 2px;
		   /* Change colour of Cursor Here */
		   background-color: white;
		   z-index: 1;
		   animation: flash 0.5s none infinite alternate;
		 }
		 @keyframes flash{
		   0%{
			 opacity: 1;
		   }
		   100%{
			 opacity: 0;
		   }
		 }


.gnweb_bg{
	background-color: white;
	position: relative;
}

.gnweb_menu{
	background-color: white;
	padding-top: 10px;
	font-family: 'Poppins', sans-serif;
}
.gnweb_menu-hr{
	border-bottom: 1px solid #F1F1F1;
}

.gnweb_menu .navbar-brand img{
	height: 55px !important;
	margin-right: 40px;
}
.gnweb_menu .nav-item a{
	color: #353535 !important;
	margin-right: 20px;
}
.gnweb_btn-juga,
.gnweb_btn{
	background-color:#74AB52 !important;
	color: white !important;
	font-family: 'Poppins', sans-serif;
}

.gnweb_cabecera-iniciospace{
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	align-content: center;
	align-items: center;
}
.gnweb_cabecera-inicio{
	position: relative;
	height: 600px;
	background-color: #fafafa;
	border-radius: 6px;
	margin-left: 6%;
	margin-right: 5%;
	width: 100%;
	overflow: hidden;
}
.gnweb_cabecera-inicio img{
	max-width: auto !important;
	height: 100%;
}
.gnweb_cabecera-interiorspace{
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	align-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.gnweb_cabecera-interior{
	position: relative;
	height: 180px;
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-left: 6%;
	margin-right: 5%;
	width: 100%;
	overflow: hidden;
}
.gnweb_cabecera-text{
	height: 180px;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding-left: 3%;
}
.gnweb_deco{
	border-left: 2px solid #74AB52;
	height: 45px;
	margin: 15px auto;
}
.gnweb_redes{
	display: flex;
	flex-direction: column;
	width: 20px;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-left: 2%;
	position: fixed;
	z-index: 999;
}

.gnweb_redes a{
	margin: 5px auto;
}
.gnweb_redes img{
	height: 22px;
}
.gnweb_carrousel-caption{
	width: 530px;
	position: relative;
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	padding-left: 30px;
}

.gnweb_carousel-items h1{
	font-size: 42px;
	font-family: 'Merriweather', serif;
	padding-bottom: 15px;
}
.gnweb_carousel-items p{
	font-size: 22px;
	font-family: 'Poppins', sans-serif;
}
.gnweb_carousel-items a{
margin-top: 20px;
}
.gnweb_slideimg .container{
	position: absolute;
	top:0px;
}
.gnweb_slideimg{
	display: flex !important;
	justify-content: center !important;
	align-content: center !important;
	align-items: center !important;
	background-color: black;
}
.gnweb_carrousel-slide2{
	opacity: 0.8;
}
.gnweb_slideimg  h1{
	font-size: 42px;
	color: white !important;
	font-family: 'Merriweather', serif;
	padding-bottom: 15px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}
.gnweb_slideimg  p{
	font-size: 22px;
	color: white !important;
	font-family: 'Poppins', sans-serif;
	text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}
img.gnweb_carrousel-imgfondo{
	width: 100%;
	height: auto;
	position: absolute;
	max-width: auto !important;
}


.navbar-collapse.show li{
	margin: 5px;
	padding-left: 10px;
}
.navbar-collapse.show{
	padding-bottom: 5px;
	border-bottom: 1px solid #74AB52;
	padding-top: 10px;
}
.navbar-collapse.show .navbar-text a{
	width: 100%;
}

.gnweb_descobreix{
	margin-top: 25px ;
}
.gnweb_descobreix h2{
	font-family: 'Merriweather', serif;
	font-size: 32px;
	font-weight: bold;
}
.gnweb_descobreix h2 span{
	color: #74AB52;
}

.gnweb_descobreix p{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	padding-right: 150px !important;
	margin-top: 15px !important;
	margin-bottom: 20px !important;
}
.gnweb_btn img{
	margin-left: 30px;
}
.gnweb_ajudem{
	position: relative;
	padding-bottom: 120px !important;
}
.gnweb_ajudem-title,
.gnweb_caracter-title,
.gnweb_beneficios-title{
	text-align: center;
	margin-bottom: 60px;
	font-family: 'Merriweather', serif;
	font-size: 28px;
	z-index: 9;
	position: relative;
}

.gnweb_ajudem-cards,
.gnweb_ajudem-cards2,
.gnweb_ajudem-cards3{
	border: 1px solid #DDDDDD;
	background-color: white;
	border-radius: 6px;
	padding: 25px;
	text-align: center;
	z-index: 9;
	position: relative;
}
.gnweb_ajudem-cards2{
	margin-top: 90px;
}
.gnweb_ajudem-cards3{
	margin-top: 35px;
}

.gnweb_ajudem-cards h4,
.gnweb_ajudem-cards2 h4,
.gnweb_ajudem-cards3 h4{
	font-family: 'Merriweather', serif;
	margin-top: 20px;
	margin-bottom: 20px;
}
.gnweb_ajudem-cardsimg{
	height: 230px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
}

.gnweb_proyecto-cards{
	border: 1px solid #DDDDDD;
	background-color: white;
	border-radius: 6px;
	//padding: 25px;
	//text-align: center;
	z-index: 9;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gnweb_proyecto-cards-text{
	background-color: white;
	text-align: start;
	padding: 25px;
	position: relative;
}

.gnweb_proyecto-cards h4{
	font-family: 'Merriweather', serif;
	margin-top: 20px;
	margin-bottom: 20px;
}
.gnweb_proyecto-cardsimg{
	height: 230px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
	overflow: hidden;
	border-radius: 4px 4px 0px 0px;
}

.gnweb_proyecto-cardsimg img{
	height: auto !important;
	width: 110% !important;
}
section{
	margin: 60px auto !important;
}

.gnweb_bg-green{
	background-color: #C0CF3A; 
}

.gnweb_huella1{
	position: absolute;
	top: 8%;
	left: 22%;
	opacity: 0;
	transform: rotate(20deg)
}
.gnweb_huella2{
	position: absolute;
	left: 36%;
	top: 12%;
	opacity: 0;
	transform: rotate(25deg)
}
.gnweb_huella3{
	position: absolute;
	left: 50%;
	top: 15%;
	opacity: 0;
	transform: rotate(20deg)
}

.gnweb_huella4{
	position: absolute;
	left: 2%;
	bottom: 18%;
	opacity: 0;
	transform: rotate(20deg)
}

.gnweb_huella5{
	position: absolute;
	left: 17%;
	bottom: 15%;
	opacity: 0;
	transform: rotate(23deg)
}

.gnweb_huella6{
	position: absolute;
	left: 32%;
	bottom: 10%;
	opacity: 0;
	transform: rotate(20deg)
}

.gnweb_huella7{
	position: absolute;
	right: 2%;
	bottom: 20%;
	opacity: 0;
	transform: rotate(180deg)
}

.gnweb_huella8{
	position: absolute;
	right: 15%;
	bottom: 13%;
	opacity: 0;
	transform: rotate(180deg)
}
.gnweb_huella9{
	position: absolute;
	right: 30%;
	bottom: 5%;
	opacity: 0;
	transform: rotate(180deg)
}

.gnweb_caracter{
	background-image: url('/images/pattern-trans.png');
	background-color: #71a850 !important;
	padding-top: 100px  !important;
	padding-bottom: 100px  !important;
	overflow: hidden;
	position: relative;
	margin-left: 6% !important; 
	width: 94%;
	padding-right: 6%;
}
.gnweb_caracter h2{
	color: white;
}
.gnweb_caracter h4{
	color: white;
	font-family: 'Merriweather', serif;
	padding-bottom: 10px;
	padding-top: 20px;
}

.gnweb_caracter p{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: white;
}

.sticky{
	position: fixed !important;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: white;
	z-index: 999999;
}

.gnweb_bg-footer{
	background-color: #74AB52 !important;
	color: white !important;
}
.gnweb_footer{
	padding-top: 30px;
	padding-bottom: 20px;
	font-family: 'Poppins', sans-serif;
}
.gnweb_footer img{
	height: 70px;
}
.gnweb_footer-ralla{
	padding-bottom: 10px;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
}
.gnweb_footer h5{
	font-family: 'Merriweather', serif;
	padding-bottom: 10px;
}
.gnweb_footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
}
.gnweb-copy{
	font-size: 13px;
}
.gnweb-copy img{
	height: 30px;
}
.gnweb_bggrey{
	background-color: #549E39;
}
.gnweb_clientes-space{
	padding: 20px;
	
}
.gnweb-clients h2{
	padding-left: 25px;
	padding-right: 25px;
	font-family: 'Merriweather', serif;
	padding-top: 20px !important;
	color: white;
}

.gnweb-clients p{
	font-family: 'Poppins', sans-serif;
	padding-left: 25px !important;
	padding-right: 30px !important;
	color: white;
}

.gnweb-clienteswhite{
	background-color: white;
	padding: 20px 15px;
	border-radius: 12px;
	border: 5px solid #549E39;
}

.gnweb-logo{
	color: #515151 !important;
	font-family: 'Merriweather', serif;
}
.gnweb-logo_carousel{
	width: 100% !important;
	height: auto !important;
}
.gnweb-logo_carousel .carousel-item{
	height: 140px !important;
}
.carousel-control-next, .carousel-control-prev{
	background-color: #74AB52 !important;	
	width: 40px  !important;
	height: 40px;
	opacity: 1 !important;
	position: relative !important;
	margin-top: -40px;
	margin-right: 5px;
}

.gnweb-logo_carrousel-btn{
	display: flex !important;
}

.gnweb_caracter-left{
	transform: translateX(-800px)
}
.gnweb_caracter-right{
	transform: translateX(800px)
}
.gnweb_logocliente{
	height: 125px !important;
	width: auto !important;
}
.gnweb_beneficios-efect{
	top: 5% !important;
	padding-bottom: 50px !important;
}





.gnweb_caradados h3{
	font-family: 'Merriweather', serif;
	padding-left: 20px;
}
.gnweb_caradados p{
	font-family: 'Poppins', sans-serif;
	padding-left: 20px !important;
}
.gnweb-dados_img{
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.gnweb_beneficios-efect {
	  position: relative;
	 overflow: hidden;
	}
.gnweb_footer-telef{
	padding-bottom: 20px;
}
	.gnweb_beneficios-efect .point {
	  height: 350px;
	  width: 100%;
	  display: flex;
	  align-items: center;
	  padding: 4rem;
	  flex-direction: column;
	  align-content: center;
	}
	
	.philosophie .wrapper {
	  height: 350px;
	  width: 100%;
	}
	
	.point article {
	  width: 100%;
	  margin-right: auto;
	  height:350px;
	}


	
	
.gnweb_dadoh1{
	font-family: 'Merriweather', serif;
}	
.gnweb_dadop{
	font-family: 'Poppins', sans-serif;
}	

.gnweb-dados_img{
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	margin-bottom: 10px;
	padding-right: 10px !important;
}
.gnweb-dados_text{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
	margin-top: 20px !important;
	padding-left: 30px !important;
	
}

.gnweb_proyectos{
	position: relative;
	height: 380px;
	overflow: hidden;
	width: 100%;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	
}
.gnweb_proyectos-rotate{
	transform: rotate(6deg);
}

.gnweb_proyectos img{
	width: 100%;
	padding: 10px 10px;
	border-radius: 20px;
	
	
}
	
.gnweb_proyectos .stripe1{
	animation: stripe-one 80s ease 0s infinite;
}
@keyframes stripe-one{
	50%{
		transform: translateY(-80%);
	}
}

.gnweb_proyectos .stripe2{
	transform: translateY(-60%);
	animation: stripe-two 80s ease 0s infinite;
}
@keyframes stripe-two{
	50%{
		transform: translateY(0%);
	}
}

.gnweb_proyectos .stripe3{
	animation: stripe-three 80s ease 0s infinite;
}
@keyframes stripe-three{
	50%{
		transform: translateY(-80%);
	}
}

.gnweb_beneficios-scroll{
	overflow-x: hidden; 
	scroll-behavior: auto !important;
}


.horizontal {
	  padding: 40px 20px 20px;
	  box-sizing: border-box;
	}
	
	.horizontal__container {
	  margin: 0 auto;
	  width: 100%;
	  position: relative;
	}
	
	.horizontal__list {
	  display: flex;
	  padding-left: calc(0vw - 600px / 2);
	  overflow: hidden;
	}
	
	.horizontal__item {
	  margin-left: 30px;
	  min-width: 100%;
	  height: 380px !important;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  box-sizing: border-box;
	}
	
	
	
	.drag-proxy {
	  visibility: hidden;
	  position: absolute;
	}
	
	
.gnweb_somclientes{
	width: 95% !important;
	margin-left: 6% !important;
	padding-right: 6% !important;
}	

.gnweb_proyecto_titulo{
	color: #C0CF3A;
}
.gnweb_proyectos-inter{
	padding-top: 30px !important;
	padding-bottom: 60px !important; 
	margin-left: 6%;
	width: 94%;
}

.gnweb_ralla{
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 10px;
}

.gnweb_quees{
	margin-top: 20px !important; 
	margin-bottom: 40px;
}
.gnweb_quees p{
	font-family: 'Poppins', sans-serif;
}


.gnweb_mision,
.gnweb_vision{
	background-color: #FAFAFA;
	border: 8px solid white;
	border-radius: 15px !important;
	padding: 30px 25px;
	height: 250px;
	display: flex;
	align-content: center;
}
.gnweb_mision h2,
.gnweb_vision h2{
	font-family: 'Merriweather', serif;
}
.gnweb_mision p,
.gnweb_vision p{
	font-family: 'Poppins', sans-serif;
}

.gnweb_ludi,
.gnweb_artis{
	height: 200px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-content: center;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
	margin-top: 30px !important;
}
.gnweb_ludi p,
.gnweb_artis p{
	text-align: center;
	margin-top: 20px !important;
}
.gnweb_ludi img,
.gnweb_artis img{
	height: 50px !important;
}
.gnweb_contactar-aviso a{
	color: #74ab52 !important;
}
.gnweb_paraquien{
	background-image: url('/images/pattern-trans.png');
	background-color: #71a850 !important;
	padding-top: 100px  !important;
	padding-bottom: 100px  !important;
	overflow: hidden;
	position: relative;
	margin-left: 6% !important; 
	width: 94%;
	padding-right: 6%;
}

.gnweb_paraquien h2{
	font-family: 'Merriweather', serif;
}
.gnweb_paraquien p{
	font-family: 'Poppins', sans-serif;
}

.gnweb_paraquien-tlt{
	font-family: 'Merriweather', serif;
	text-align: center;
	color: white;
}
.gnweb_paraquien-txt{
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: white;
	margin-bottom: 60px !important;
}

.gnweb_paraquien-cards .row{
	background-color: white !important;
	margin: 10px;
	padding: 15px 15px;
	border-radius: 4px;
}
.gnweb_paraquien-cards h2{
	font-size: 22px;
}
.gnweb_paraquien-cards img{
	height: 70px;
}

.gnweb_somos{
	margin: 80px 20px !important;
	margin-top: 20px !important;
}
.gnweb_somos h2,
.gnweb_blog h2{
	text-align: center;
	font-family: 'Merriweather', serif;
	margin-bottom: 60px;
}
.gnweb_somos p{
	padding-bottom: 15px !important;
	padding-right: 100px !important;
	font-family: 'Poppins', sans-serif;
}

.gnweb_somoscards{
	background-color: #F8F8F8;
	margin-bottom: 20px;
	border-radius: 4px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-left: 15px !important;
	margin-right: 15px !important;
	z-index: 2;
}
.gnweb_somoscards p{
	padding: 0px !important;
}

.gnweb_somoscards img{
	height: 80px !important;
}


.flip-card {
	  background-color: transparent;
	  width: 300px;
	  height: 300px;
	  perspective: 1000px;
	  cursor: pointer;
	  margin-bottom: 15px !important;
	}
	
	.flip-card-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  transition: transform 0.6s;
	  transform-style: preserve-3d;
	}
	.flip-card-front img{
		width: 100%;
	}
	
	.flip-card:hover .flip-card-inner {
	  transform: rotateY(180deg);
	}
	
	.flip-card-front, .flip-card-back {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	}
	
	.flip-card-front {
	  background-color: #eee;
	  color: black;
	  display: flex;
	  justify-content: center;
	  align-content: center;
	  align-items: flex-end;
	  height: 300px;
		overflow: hidden;
	 
	}
	
	.flip-card-back {
		background-color: #74AB52 !important;
		color: white;
		transform: rotateY(180deg);
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-direction: column;
		padding: 5px 40px !important;
	}
	.flip-card-back h1{
		font-size: 32px;
	}
	.flip-card-back p strong{
		font-size: 20px;
	}
	.flip-card-back a{
		background-color: white;
		color: #74AB52 !important;
		padding: 5px 20px;
		font-size: 18px;
		border-radius: 4px;
		font-weight: bold;
	}

	.gnweb_huella10{
		position: absolute;
		top: 12%;
		right: 10%;
		opacity: 0;
		transform: rotate(130deg);
		z-index: 0;
	}
	.gnweb_huella11{
		position: absolute;
		top: 26%;
		right: 14%;
		opacity: 0;
		transform: rotate(130deg);
		z-index: 0;
	}
	
	.gnweb_huella12{
		position: absolute;
		top: 40%;
		right: 20%;
		opacity: 0;
		transform: rotate(130deg);
		z-index: 0;
	}
.gnweb_categoproyecto{
	font-weight: bold;
	font-size: 14px;
}

.gnweb_infodetall{
	margin-top: -120px;
	margin-right: 20px;
	font-family: 'Poppins', sans-serif;
	position: relative;
	z-index: 9999;
}

.gnweb_infodetall .gnweb_btn{
	margin-bottom: 20px;
}
.gnweb_detalleinfo1{
	background-color: #74AB52;
	border-radius: 3px;
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: white;
	padding: 5px 10px;
	font-family: 'Poppins', sans-serif;
}
.gnweb_detalleinfo1 i{
	font-size: 20px;
	margin-right: 10px;
}


.gnweb_detalles-proyectos{
	margin-top: 60px !important;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 60px !important;
}

.gnweb_detalle-iconos{
	background-color: #74AB52;
	border-radius: 8px 8px 0px 0px;
	color: white;
	padding: 0px;
}
.gnweb_detalle-iconos ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding: 10px 20px;
}
.gnweb_detalle-iconos i{
	font-size:20px;
	margin-right: 10px;
}
.gnweb_detalle-iconos ul li{
	border-bottom: 1px solid white;
	padding: 15px 0px;
}

.gnweb_detalle-precio{
	background-color: white !important;
	margin: 0px;
	color: black;
	padding: 20px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-radius: 0px 0px 8px 8px;
}
.gnweb_detalle-precio .gnweb_rallaprecio{
	border-top: 1px solid black;
	padding: 10px 0px !important;
	border-bottom: 1px solid black;
}
.gnweb_detalle-descripcion h2{
	margin-bottom: 10px !important;
	font-family: 'Merriweather', serif;
}
.gnweb_detalle-descripcion p{
	padding-bottom: 35px !important;
}

.gnweb_logotipo-proyecto{
	height: 140px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: -60px;
}

.gnweb_logotipo-info{
	background-color: #74AB52;
	font-family: 'Poppins', sans-serif;
	padding: 10px 15px;
	font-size: 15px;
	border-radius: 8px;
	position: relative;
	color: white;
}

.triangulo-equilatero-bottom {
	position: absolute;
	top: -26px;
	 width: 0;
	 height: 0;
	 border-right: 10px solid transparent;
	 border-top: 15px solid transparent;
	 border-left: 10px solid transparent;
	 border-bottom: 15px solid #74AB52;
}

.gnweb_mapa h3{
	font-family: 'Merriweather', serif;
}

.gnweb_visitar-sitios h3{
	font-family: 'Merriweather', serif;
}
.gnweb-sitios_carousel,
.gnweb-sitios_carousel .carousel-item,
.gnweb-sitios_carousel .carousel-item .row,
.gnweb-sitios_carousel .carousel-item .row div{
	height: 350px;
	
}
.gnweb-sitios_carousel .carousel-item .row div {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;

}
.gnweb-sitios_carousel .carousel-item .row div a{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	background-color: black;
}
.gnweb-sitios_carousel .carousel-item .row div a img{
	width: auto !important;
	height: 160% !important;
	object-fit: cover;
	opacity: 0.9;
	
}


.gnweb_visita-txt{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: white;
	text-shadow: 1px 1px 2px black;
	padding: 10px !important;
}
.gnweb-proyectos_inicio{
	  white-space: nowrap !important;
}


.gnweb-proyectos_inicio .gnweb_proyecto-cards-text{
	padding: 10px 20px;
}
.gnweb-proyectos_inicio .gnweb_proyecto_titulo{
	font-size: 22px;
}

.gnweb_cabecera-interiorimg{
	position: absolute;
	width: 100%;
	right: 0px;
	transform: translateY(-40%);
	z-index: 0;
}

.gnweb_cabecera-text{
	position: relative;
	z-index: 9;
}

.gnweb_cabecera-text-proy h1,
.gnweb_cabecera-text-proy p{
	color: white;
}

#bandera{
	animation: banderaAnimation 5s infinite;
}
@keyframes banderaAnimation {
	0%   { transform: translateY(30px); opacity:0; }
	50%  { transform: translateY(-0px); opacity:1; }
	100% { transform: translateY(30px); opacity:0; }
}


#cohetedos{
	animation: cohetedosAnimation 5s infinite;
}

#nube{
	animation: nubeAnimation 5s infinite;
}
@keyframes cohetedosAnimation {
	0%   { transform: translateY(18px);  }
	50%  { transform: translateY(0px);  }
	100% { transform: translateY(18px);  }
}

@keyframes nubeAnimation {
	0%   { opacity: 0  }
	50%  { opacity: 1 }
	100% { opacity: 0  }
}

.article-info{
	display: none;
}

.gnweb_press{
	background-color: black;
	height: 300px;
	position: relative;
	padding: 0px;
	margin: 0px;
	border-radius: 16px;
	border: 6px solid white;
}

.gnweb_press-img{
	position: absolute;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	left: 0px;
	top:0px;
	right: 0px;
	border-radius: 8px;
	opacity: 0.9;
	overflow: hidden;
	
}
.gnweb_press-img img{
	object-fit: cover;
	width: auto;
	height: 125%;
	border-radius: 8px;
	
}
.gnweb_press-info{
	position: absolute;
	bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.gnweb_press-info h2{
	color: white;
	font-size: 28px;
}
.gnweb_press-info p{
	font-size: 16px;
	color: white;
}




.gnweb-control-projects{
	position: absolute;
	left: 0px;
	display: flex;
	top: 50%;
	z-index: 99;
	right: 0px;
	width: 100%;
	justify-content: space-between;
	
}

.gnweb-control-projects .carousel-control-prev{
	margin-left: -10px;
}
.gnweb-control-projects .carousel-control-next{
	margin-right: -10px;
}

.gnweb_carousel-projects .gnweb_proyecto-cardsimg{
	height: 200px;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.gnweb_carousel-projects {
	height: 350px !important;
}
.gnweb_proyectos-inter{
	margin-top: 30px !important;
}
.gnweb_proyectos-inter .flip-card{
	height: 300px !important;
}
.gnweb_proyectos-flip .flip-card-front{
	border-radius: 8px;
}
.gnweb_proyectos-flip .flip-card-front img{
	width: 113% !important;
	height: auto !important;
}
.gnweb_proyectos-flip .gnweb_proyecto-posicion{
	position: absolute;
	left: 0px;
	top:10px;
	right: 0px;
	color: white;
	width: 100%;
	
}
.gnweb_proyectos-flip h4{
	position: absolute;
	left: 10%;
	bottom: 10px;
	color: white;
	text-shadow: color(srgb 0.61 0.61 0.61) !important;
}
.gnweb_proyectos-flip .flip-card-back{
	border-radius: 6px;
}
.gnweb_proyectos-flip .flip-card-back a{
	background-color: white !important;
	margin-top: 20px !important;
}
.gnweb_proyectos-flip .flip-card-back .gnweb_proyecto_titulo{
	position: relative;
	left: auto;
	
}
.gnweb_carousel-cabecerai,
.carousel-item{
	height: 600px;
	position: relative !important;
}
.gnweb_buttons_slide{
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 98%;
	display: flex;
	justify-content: flex-end;
}

.gnweb_carousel-cabecerai .carousel-indicators{
	position: absolute;
	height: 25px;
	display: flex;
	justify-content: flex-start;
	margin-left: 4%;
 }
 
 .gnweb_footer-disseny{
	 display: flex;
	 justify-content: flex-end;
 }
.gnweb_caract-flex{
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}

.gnweb_caracter-h4txt{
	display:flex; 
	align-items:center; 
	justify-content:flex-end; 
	align-content:flex-end;
}

.gnweb_caract-flex img{
	height: 80px !important;
}

.gnweb_finaljoc-personatge{
	position: relative;
	height: 85vh;
	display: flex;
	justify-content: center;
}

.gnweb_finaljoc-personatge img{
	position: absolute;
	width: 90%;
	bottom: 10px;	
}

.gnweb_finaljoc-dialogo{
	background-color: #DCFADC;
	height: auto;
	position: absolute;
	bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
	left: 0px;
	right: 0px;
	font-family: 'poppins';
	font-size: 18px;
	padding: 15px 20px;
	border-radius: 8px;
}
.gnweb_finaljoc-dialogo::before {
	 width: 30px;
	 height: 30px;
	 content: '';
	 border-right: 30px solid #DCFADC;
	 border-top: 30px solid transparent;
	 border-left: 30px solid transparent;
	 position: absolute;
	 left: 0px;
	 top: -29px;
	 z-index: 0;
	 
 }
 .gnweb_finaljoc-continua{
	 padding-top: 20px;
	padding-top: 5%;
 }
 .gnweb_finaljoc-continua  .flip-card-front img{
	 width: 150% !important;
 }
 .gnweb_finaljoc-continua h2{
	 font-family: 'Merriweather', serif;
	 margin-bottom: 30px;
	 font-size: 24px;
	 line-height: 34px;
 }
 
 .gnweb_finaljoc-scroll{
	 height: 40px;
 }
 
 .gnweb_finaljoc-continua h4{
	 left: 5px;
	 right: 5px;
	 width: 95%;
	 text-align: center;
	 font-size: 20px !important;
 }
 .gnweb_finaljoc-continua p{
	  
	  font-size: 14px !important;
	 font-family: 'poppins';
  }
 .gnweb_finaljoc-continua .gnweb_btn{
	 font-size: 16px;
 }
 
 .gnweb_finaljoc-continua{
	 margin-bottom: 60px !important;
 }
@media (max-width: 575.98px) {
	
	.gnweb_redes{
		display: none;
	}
	.gnweb_cabecera-inicio{
		margin-left:1%;
		margin-right: 1%;
		margin-top: -15px;
	}
	.gnweb_carrousel-caption{
		padding-left: 0px;
		padding-right: 15px;
	}
	.gnweb_menu .navbar-brand img {
		height: 55px !important;
		margin-right: 20px;
		}
	.gnweb_carrousel-caption{
		width: auto;
		position: relative;
		height: 600px;
	}
	.gnweb_carousel-items h1{
		font-size: 32px;
		padding-left: 15px;
	}
	.gnweb_carousel-items p{
		font-size: 18px;
		padding-left: 15px !important;
	}
	.gnweb_carousel-items a{
		margin-top: 20px;
		margin-left: 15px !important;
	}
	img.gnweb_carrousel-imgfondo{
		width: auto;
		height: 100%;
		position: absolute;
		top:0px;
	}
	
	.gnweb_redes{
		
		position: absolute;
	}
	.navbar-toggler span{
		font-size: 14px !important;
	}
	
	.gnweb_ajudem{
		overflow: hidden;
	}
	.gnweb_huella1{
		top: 4%;
		left: 0%;
	}
	.gnweb_huella2{
		left: 35%;
		top: 6%;
	}
	.gnweb_huella3{
		left: 65%;
		top: 8%;
	}
	
	.gnweb_huella4{
		left: 2%;
		bottom: 62%;
	}
	.gnweb_caracter img{
		height: 55px;
		margin-left: 20px;
		margin-right: 10px;
	}
	.gnweb_caracter p{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.gnweb_huella5{
		left: 40%;
		bottom: 60%;
	}
	
	.gnweb_huella6{
		display: none;
	}
	
	.gnweb_huella7{
		right: 2%;
		bottom: 5%;
	}
	
	.gnweb_huella8{
		right: 25%;
		bottom: 2%;
	}
	.gnweb_huella9{
		left: 10%;
		bottom: 0%;
	}
	.gnweb_caracter-left{
		transform: translateX(-100px)
	}
	.gnweb_caracter-right{
		transform: translateX(100px)
	}
	.gnweb-dados_img{
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: flex-end;
		margin-bottom: 10px;
	}
	.gnweb-dados_text{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-content: center;
		align-items: center;
		margin-top: 20px !important;
		text-align: center;
	}
	
	.gnweb_beneficios-efect .point,
	.philosophie .wrapper,
	.point article{
		height: 550px;
	}
	.gnweb_proyectos{
		
		height: 280px;
		
	}
	.gnweb_proyectos img{
		padding: 5px 5px;
	}
	.gnweb_proyectos .stripe1{
		padding: 0px !important;
	}
	@keyframes stripe-one{
		50%{
			transform: translateY(-50%);
		}
	}
	
	.gnweb_proyectos .stripe2{
		transform: translateY(-15%);
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe3{
		padding: 0px !important;
	}
	.gnweb_caracter{
		padding-right: 0% !important;
		margin-left: 0% !important; 
		width: 100%;
	}
	.gnweb_menu {
		padding:0px;
		margin: 0px;
	}
	.gnweb_menu .dropdown button{
		padding: auto 5px;
		font-size: 10px;
		margin: 0px;
	}
	.gnweb_menu .gnweb_contacto a{
		font-size: 11px !important;
	}
	.gnweb_somclientes{
		width: 100% !important;
		margin-left: 0% !important;
		padding-right: 0% !important;
	}
	.gnweb_paraquien{
		width:100%;
		margin-left: 0 !important;
		padding-right: 0 !important;
	}
	.gnweb_somos p{
		padding-right: 0px !important;
	}
	
	.gnweb_infodetall{
		margin-top: -50px;
		margin-right: 20px;
		font-family: 'Poppins', sans-serif;
	}
	.gnweb-sitios_carousel,
	.gnweb-sitios_carousel .carousel-item,
	.gnweb-sitios_carousel .carousel-item .row,
	.gnweb-sitios_carousel .carousel-item .row div{
		height: auto !important;
		
	}
	
	.gnweb-sitios_carousel .carousel-item .row div{
		margin-bottom: 20px;
		height: 300px !important;
		position: relative;
		overflow: hidden;
	}
	.gnweb_carrousel-llocs-img{
		margin-bottom: 30px !important;
	}
	
	.gnweb-control-projects{
		height: 250px !important;
	}
	
	.gnweb-control-projects .carousel-control-prev{
		margin-left: 0px !important;
	}
	.gnweb-control-projects .carousel-control-next{
		margin-right: 0px !important;
	}
	
	.gnweb_press-img img{
		object-fit: cover;
		width: 100% !important;
		height: auto;
		
	}
	.flip-card-front,
	.flip-card-back {
		height: 250px;
		 
		}
	.gnweb_proyecto-cardsimg img{
		height: 110% !important;
		width: auto !important;
	}
	.gnweb-proyectos_inicio .gnweb_proyecto_titulo {
		font-size: 16px;
		word-wrap: initial !important;
		}
	.gnweb-logo_carousel .carousel-item{
		height: auto !important;
	}
	
	.gnweb_cabecera-interior{
		margin-left: 11%;
		margin-right: 2%;
		display: flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
	}
	
	.gnweb_cabecera-interiorimg{
		width: 100% !important;
		height: auto;
		transform: translateY(0%);
		width: auto !important; 
	}
	.gnweb_mision,
	.gnweb_vision{
		height: auto !important;
	}
	.gnweb_ludi img,
	.gnweb_artis img{
		height: 40px !important;
	}
	.gnweb_paraquien-cards img{
		height: 60% !important;
	}
	.gnweb_somoscards{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.gnweb_somoscards p{
		padding-left: 20px !important;
	}
	.gnweb_press-img img{
		height: 100% !important;
		width: auto;
	}
	.gnweb_detalleinfo{
		margin-bottom: 5px;
	}
	
	.gnweb_proyectos-inter .flip-card{
		height: 250px !important;
	}
	.gnweb-logo_carrousel-btn{
		margin-top: 35px;
	}
	.gnweb-copy p{
		text-align: center;
	}
	.gnweb_footer-disseny{
		 display: flex;
		 justify-content: center;
		 margin-top: 5px !important;
	 }
	 .gnweb_cabecera-interior{
		 height: 160px !important;
		 margin-left: 2%;
	 }
	 .gnweb_paraquien-cards img{
		 height: 60px !important;
	 }
	 .navbar-light .navbar-toggler{
		 color: black !important;
	 }
	 
	.gnweb_caracter-h4txt{
		display:flex; 
		align-items:center; 
		justify-content:flex-start; 
		align-content:flex-start;
	}
	
	.gnweb_finaljoc-continua .flip-card{
		height: 250px !important;
	}
	.gnweb_finaljoc-continua .gnweb_proyectos-flip h4{
		left: 15px;
		width: 92%;
	}
	.gnweb_finaljoc-personatge{
		position: relative;
		height: 70vh;
		display: flex;
		justify-content: center;
	}
	.gnweb_finaljoc-continua .flip-card-front img{
		width: 110% !important;
	}
}

@media (min-width: 575.98px) and (max-width: 767.98px){
	.gnweb_cabecera-inicio{
		margin-left: 8%;
	}
	.gnweb_carrousel-caption{
		width: auto !important;
		padding-left: 20px;
	}
	
	.gnweb_redes{
		position: absolute;
	}
	.gnweb_huella1{
		top: 4%;
		left: 0%;
	}
	.gnweb_huella2{
		left: 35%;
		top: 6%;
	}
	.gnweb_huella3{
		left: 65%;
		top: 8%;
	}
	
	.gnweb_huella4{
		left: 2%;
		bottom: 62%;
	}
	
	.gnweb_huella5{
		left: 40%;
		bottom: 60%;
	}
	
	.gnweb_huella6{
		display: none;
	}
	
	.gnweb_huella7{
		right: 2%;
		bottom: 5%;
	}
	
	.gnweb_huella8{
		right: 25%;
		bottom: 2%;
	}
	.gnweb_huella9{
		left: 10%;
		bottom: 0%;
	}
	.gnweb-dados_img{
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: flex-end;
		margin-bottom: 10px;
	}
	.gnweb-dados_text{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-content: center;
		align-items: center;
		margin-top: 20px !important;
		text-align: center;
	}
	.gnweb_proyectos img{
		padding: 5px 5px;
	}
	.gnweb_proyectos .stripe1{
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe2{
		transform: translateY(-45%);
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe3{
		padding: 0px !important;
	}
	.gnweb_menu .gnweb_contacto a{
		font-size: 11px !important;
	}
	.gnweb_caracter{
		padding-right: 0% !important;
		margin-left: 0% !important; 
		width: 100%;
	}
	
	.gnweb_somclientes{
		width: 100% !important;
		margin-left: 0% !important;
		padding-right: 0% !important;
	}
	
	.gnweb_somos p{
		padding-right: 0px !important;
	}
	.gnweb-sitios_carousel,
	.gnweb-sitios_carousel .carousel-item,
	.gnweb-sitios_carousel .carousel-item .row,
	.gnweb-sitios_carousel .carousel-item .row div{
		height: auto !important;
		
	}
	
	.gnweb-sitios_carousel .carousel-item .row div{
		margin-bottom: 20px;
	}
	
	
	
	
	.gnweb_press-img img{
		object-fit: cover;
		width: 110%;
		height: auto;
		
	}
	button.gnlud_btnjuga{
		display: none !important;	
		}
		
	.flip-card-front,
	.flip-card-back {
		height: 260px;
			 
	}
	
	.flip-card-front img{
		height: 100% !important;
		width: auto !important;
	}
	
	img.gnweb_carrousel-imgfondo{
		width: auto;
		height: 100%;
		position: absolute;
		top:0px;
	}
	
	.gnweb_proyectos-inter .flip-card{
		height: 260px !important;
	}
	.gnweb_paraquien-cards img{
		height: 60px !important;
	}
	.gnweb_cabecera-interior{
		
		 margin-left: 8%;
	 }
	
	.gnweb_caracter img{
		height: 55px;
		margin-left: 20px;
		margin-right: 10px;
	}
	.gnweb_caracter p{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.gnweb_finaljoc-continua .flip-card{
		height: 260px !important;
	}
	.gnweb_finaljoc-continua .flip-card-front img{
		width: 100% !important;
	}
}

@media (min-width: 767.98px) and (max-width: 991.98px){
	.gnweb_cabecera-inicio{
		margin-left: 8%;
		height: 580px;
	}
	.gnweb_carrousel-caption{
		padding-left: 30px;
	}
	.gnweb_descobreix{
		padding-left: 10% !important;
	}
	.gnweb-dados_img{
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: flex-end;
		margin-bottom: 10px;
	}
	.gnweb-dados_text{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-content: center;
		align-items: center;
		margin-top: 20px !important;
		text-align: center;
	}
	.gnweb_proyectos img{
		padding: 5px 5px;
	}
	.gnweb_proyectos .stripe1{
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe2{
		transform: translateY(-45%);
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe3{
		padding: 0px !important;
	}
	.gnweb_somos p{
		padding-right: 0px !important;
	}
	.gnweb-sitios_carousel,
	.gnweb-sitios_carousel .carousel-item{
		height: auto !important;
	}
	
	
	.gnweb-sitios_carousel .carousel-item .row div img{
		height: 100% !important;
		width: auto !important;
	}
	img.gnweb_carrousel-imgfondo{
		width: auto;
		height: 100%;
		position: absolute;
		top:0px;
	}
	.gnweb_proyectos-inter .flip-card{
		height: 300px !important;
	}
	
	.gnweb_proyectos-inter .flip-card-front img{
		height: auto !important;
		width: 140% !important;
	}
	.gnweb_paraquien-cards img{
		height: 60px !important;
	}
	.gnweb_caracter,
	.gnweb_somclientes{
		 margin-left: 8% !important;
	 }
	 .gnweb-logo_carousel{
		 width: 96%;
	 }
	 
	 .gnweb_caracter img{
		 height: 55px;
		 margin-left: 40px;
		 margin-right: 10px;
	 }
	 .gnweb_caracter p{
		 margin-left: 40px !important;
		 margin-right: 20px !important;
	 }
	 .gnweb_caracter-h4txt{
		 display:flex; 
		 align-items:center; 
		 justify-content:flex-start; 
		 align-content:flex-start;
	 }
}

@media (min-width: 991.98px) and (max-width: 1199.98px){ 
	.gnweb_cabecera-inicio{
		margin-left: 6%;
	
	}
	.gnweb_carrousel-caption{
		padding-left: 30px;
		width: auto !important;
	}
	.gnweb_slideimg .gnweb_carrousel-caption{
		width: 550px !important;
	}
	.gnweb_descobreix,
	.gnweb_ajudem,
	.gnweb_caracter{
		padding-left: 6% !important;
	}
	.gnweb_huella9{
		display: none;
	}
	.gnweb_proyectos img{
		padding: 5px 5px;
	}
	.gnweb_proyectos .stripe1{
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe2{
		transform: translateY(-45%);
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe3{
		padding: 0px !important;
	}
	
	.gnweb_mision, .gnweb_vision{
		height: 300px !important;
	}
.gnweb_somos p{
	padding-right: 20px !important;
}

.gnweb-sitios_carousel .carousel-item .row div img{
	height: 100% !important;
	width: auto !important;
}
img.gnweb_carrousel-imgfondo{
	width: auto;
	height: 120%;
	position: absolute;
	top:0px;
}
.gnweb_caracter img{
	height: 60px !important;
}
.gnweb_proyectos-inter .flip-card{
	height: 300px !important;
}

.gnweb_proyectos-inter .flip-card-front img{
	height: auto !important;
	width: 140% !important;
}
.gnweb_paraquien-cards img{
	height: 55px !important;
}
}
@media (min-width: 1199.98px) and (max-width: 1399.98px){
	.gnweb_carrousel-caption{
		height: 600px;
		width: auto !important;
		padding-left: 30px;
	}
	.gnweb_slideimg .gnweb_carrousel-caption{
		width: 550px !important;
	}
	.navbar-expand-lg .navbar-toggler {
		display: block;
	}
	.gnweb_descobreix,
	.gnweb_ajudem,
	.gnweb_caracter{
		padding-left: 4% !important;
	}
	.gnweb_proyectos img{
		padding: 5px 5px;
	}
	.gnweb_proyectos .stripe1{
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe2{
		transform: translateY(-45%);
		padding: 0px !important;
	}
	
	
	.gnweb_proyectos .stripe3{
		padding: 0px !important;
	}
	
	.gnweb_mision, .gnweb_vision{
		height: 280px !important;
	}
	.gnweb-sitios_carousel .carousel-item .row div img{
		height: 100% !important;
		width: auto !important;
	}
	img.gnweb_carrousel-imgfondo{
		width: 100%;
		height: auto;
		position: absolute;
		top:0px;
	}
	.gnweb_proyectos-inter .flip-card{
		height: 300px !important;
	}
	
	.gnweb_proyectos-inter .flip-card-front img{
		height: auto !important;
		width: 135% !important;
	}
}


/*************************
********* LUDIVERS *******
*************************/

.gn_body-ludivers{
	background-color: var(--body-black);
	width: 100%;
	height: 100%;
	color: var(--color-white);
	font-family: 'Poppins', sans-serif;
	position: relative;
	overflow: hidden;
}

.modal-backdrop{
	position: relative !important;
}
.gn_body-ludiversbg .modal-content{
	background-color: var(--body-black);
}
.gn_body-ludiversbg .modal-content button{
	color: white !important;
	background-color:transparent;
}
.gn_body-ludiversbg .modal-header{
	border-bottom: 0px solid transparent;
}
.gn_body-ludivers .gn-ludivers-elementtop{
	position: absolute;
	top: -10%;
	right: 0;
	z-index: 0;
	width: 30%;
}
.gn_body-ludivers .gn-ludivers-elementpoint{
	position: absolute;
	left: 10%;
	margin-left: 0px;
	margin-right: 0px;
	top: 15%;
	z-index: 0;
}
.gn_body-ludivers .gn-ludivers-elementbottom{
	position: absolute;
	right: 0px;
	bottom: -20%;
	left: 0%;
	z-index: 0;
	width: 60%;
}
.gn-ludivers_login{
	height: 93.2vh;
	position: relative;
	z-index: 1;
}
.gn-ludivers_loginlogo{
	margin-bottom: 60px;
}
.gn-ludivers_login h2{
	text-align: left;
	width: 500px;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 24px;
	font-family: 'Poppins', sans-serif;
}
.gn-ludivers_login form{
	width: 500px;
}

.gn-ludivers_login form .form-control{
	background-color: var(--body-black);;
	color: white;
}

.gn-ludivers_login form label{
	background-color: transparent;
	opacity: 0.56;
}
.gn-ludivers_login form .form-floating{
	margin-bottom: 10px;
}
.gn-ludivers_login input::-webkit-credentials-auto-fill-button {
	background-color: white; 
}
.gn-ludivers_login .btn-border,
.gn-ludivers_menulat .btn-border,
.gn-ludivers_menulat-super .btn-border{
	border: 1px solid white;
	color: white;
	width: 100%;
	padding: 15px;
	margin-bottom: 10px;
	background-color: var(--body-black);
}
.gn-ludivers_login .btn-border:hover,
.gn-ludivers_menulat .btn-border:hover,
.gn-ludivers_menulat-super .btn-border:hover{
	background-color: white;
	color: black;
}
.gn-ludivers_login .btn-verde,
.gn-ludivers_menulat .btn-verde,
.gn-ludivers_menulat-super .btn-verde{
	background-color: var(--primary-color);
	color: white;
	width: 100%;
	padding: 15px;
	border: 1px solid var(--primary-color) !important;
	margin-bottom: 10px;
}
.gn-ludivers_login .btn-verde:hover,
.gn-ludivers_menulat .btn-verde:hover,
.gn-ludivers_menulat-super .btn-verde:hover{
	color: white;
	background-color: transparent;
	border: 1px solid white !important;
}
.gn-ludivers_legal{
	font-size: 13px;
	opacity: 0.64;
}
.gn-ludivers_legal a img{
	height: 25px !important;
}
.gn_ludivers_loglegal{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
}

.gn_ludivers-btnnvl{
	background-color: var(--ludivers-btn);
	border-radius: 6px;
	padding: 10px 15px;
	margin: 10px 15px;
}
.gn_ludivers-btnnvl img{
	margin-right: 10px;
}
.gn_ludivers-btnnvl p{
	font-weight: bold;
	color: var(--primary-color);
}

.gn_ludivers-btnperfil{
	background-color: var(--ludivers-btn);
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 6px;
	position: relative !important;
}
.gn_ludivers-btnperfilxs {
	margin-right: 0px !important;
}
.gn_ludbtnperfil-us,
.gn_ludbtnperfil-us2{
	position: relative;
	margin-right: 15px;
}
.gn_ludplantilla{
	position: absolute;
	height: 50px;
	width: 50px;
	z-index: 99;
	top:-7px;
	right: 0px;
	left: -8px;
	bottom: 0px;
}
.gn_ludbtnperfil-forma{
	height: 35px;
	width: 35px;
	background-color: transparent;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	position: relative;
	overflow: hidden;
	align-content: center;
	align-items: center;
}
.gn_ludbtnperfil-forma img{
	height: 29px;
	width: 29px;
	border-radius: 40px;
}
.gn_ludbtnperfil-us p{
	margin-top: 5px !important;
}

.gn-ludivers_login .form-select{
	background-color: white;
	color: var(--body-black);
	opacity: 0.6;
}

.gn-ludivers-search {
	margin-top: 10px;
	background-color: #323647;
	display: flex;
	align-content: center;
	align-items: center;
	padding-left: 15px;
	border-radius: 8px;
	color: #7F8398;
	position: relative;
}

.gn-ludivers-search input{
	padding: 15px;
	background-color: #323647;
	border: 0px solid transparent;
}
.gn-ludivers-search .form-control:focus {
	color: white;
	background-color: #323647 !important;
	border-color: #8894aa;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}


.gn-ludivers_menulat{
	background-color:var(--body-black);
	z-index: 1;
	position: relative;
	border-right: 1px solid #3D4154;
	display: flex;
	justify-content: space-between;
	height: 100vh;
	align-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px 0px;
	position: fixed;
	width: 16.66666667%;
}

.gn-ludivers_menulat img{
	height: 37px;
}
.gn-ludivers_menulat-super{
	display: none;
}
.gn_body-ludiversbg{
	background-color: #1F2235;
	z-index: 0;
	color: white;
	padding: 0px !important;
	position: relative;
	/*overflow: hidden;*/
	font-family: 'Poppins', sans-serif;

}


.gn_body-ludiversbg::before{
	content: '';
	background: url('../../../images/pattern-trans.png');
	background-repeat: repeat;
	background-size: 150px 150px;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	
}



ul.gn-ludivers_menulat-menu{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;

}
ul.gn-ludivers_menulat-menu li{
	
	width: 90%;
	
	margin-bottom: 10px;
	display: flex;
}

.gn-ludivers_menulat-menu li a{
	
	background-color: #323647;
	width: 100%;
	padding: 15px 10px;
	border-radius: 0px 8px 8px 0px;
}
.gn-ludivers_menulat-menu li a.active{
	background-color: var(--primary-color);
}

.gnlud-buttonsca{
	margin: 10px;
}

.gn-ludivers_menulat-super{
	padding: 10px;
	display: flex !important;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
	background-color: #1F2235;
	position: relative;
	z-index: 1;
}

.gnlud-buttonsmenu button{
	background-color: #323647;
	color: white;
	padding: 10px;
	border-radius: 6px;
}

.gn-ludivers_menulat-super .navbar-toggler:focus {
	box-shadow: none !important;
}

.gn-ludivers_menulat-super .offcanvas{
	background-color: var(--body-black);
	border-left: 0px solid transparent !important;
	
}
.gn-ludivers_menulat-super .offcanvas form{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.gn-ludivers_menulat-super .offcanvas-body{
	padding: 0px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

ul.gn-ludfiltrolg{
	display: flex;
	list-style-type: none !important;
	padding: 0px;
	flex-wrap: wrap;
}


ul.gn-ludfiltrolg li{
	background-color: #323647;
	padding: 10px 20px;
	margin-right: 10px;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
}

ul.gn-ludfiltrolg li.active{
	background-color: var(--primary-color);
}

.gn-ludrecientes{
	background-color: #323647;
	margin-right: 10px;
	border-radius: 8px ;
	padding: 20px;
	position: relative;
	height: 100%;
}
.gn-ludrecientes h2{
	font-size: 20px;
}

.gn-ludcarousel{
	position: relative;
	z-index: 0;
}

.gn-ludcarousel .carousel-inner{
	height: 435px;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.gn-ludcarousel .carousel-item{
	position: relative;
	height: 435px;
	display: flex !important;
}
.gn-ludcar-img{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color:black;
}
.gn-ludcarousel .carousel-item img{
	border-radius: 8px;
	height: auto;
	width: 120% !important;
}
.gn-ludcarousel-next{
	background-color: #74AB52 !important;
	border-radius: 0px 0px 8px 8px;
	margin-left: 23px;
	margin-right: 23px;
	padding: 5px 15px;
}

.gn-ludcarousel-next .carousel-control-next, 
.gn-ludcarousel-next .carousel-control-prev{
	background-color: none !important;
	margin-top: 0px;
	height: 10px;
	color: white;
	margin-right: 0px;
}
.gn-ludcarousel-next .carousel-control-next i, 
.gn-ludcarousel-next .carousel-control-prev i{
	color: white;
}
.gn-ludcarousel-next .carousel-indicators{
	position: relative;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.gn-ludcarousel-next .carousel-indicators button{
	height: 12px !important;
	width: 12px !important;
	background-color: #74AB52;
	border: 1px solid white!important;
	border-radius: 30px;
}
.gn-ludcarousel-next .carousel-indicators button.active{
	background-color: white;
	border: 1px solid white;
	
}
.gn-ludcar_content{
	position: absolute;
	z-index: 999;
	bottom: 30px;
	left: 30px;
	max-width: 50%;
	right: 0px;
}

.gn-ludcar_content .btn-verde{
	background-color: var(--primary-color);
	color: white;
	width: 140px;
	padding: 8px 15px;
	border: 1px solid var(--primary-color) !important;
	margin-bottom: 10px;
	margin-right: 10px;
}
.gn-ludcar_content .btn-verde:hover{
	color: white;
	background-color: transparent;
	border: 1px solid white !important;
}
.gn-ludcar_content .gn-novedad{
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 6px;
}

.gn-ludcar_content h2{
	font-size: 38px;
	margin-top: 15px;
	
}
.gn-ludcar_content p{
	font-size: 16px;
	margin-bottom: 10px !important;
}

.gn-ludpreciocar{
	font-size: 24px;
	margin-left: 20px;
	display: flex;
	align-content: center;
	align-items: center;
	padding: 0px;
}

.gnlud-destacados h3{
	font-size: 18px;
	margin-bottom: 25px;
}
.gnlud-mijuegovert,
.gnlud-juegovert{
	background-color: #323647;
	padding: 0px;
	margin: 0px;
	position: relative;
	border-radius: 6px;
	margin-bottom: 15px;
	cursor: pointer;
}
.gnlud-mijuegovert .gnlud-caratula,
.gnlud-juegovert .gnlud-caratula{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 250px;
	border-radius: 6px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	
}
.gnlud-mijuegovert .gnlud-caratula img,
.gnlud-juegovert .gnlud-caratula img{
	height: 100%;
	width: auto !important;
}
.gnlud-mijuegovert .gnlud-caratulainfo,
.gnlud-juegovert .gnlud-caratulainfo {
	padding: 10px 15px;
}
.gnlud-mijuegovert .gnlud-caratulainfo h4, 
.gnlud-juegovert .gnlud-caratulainfo h4{
	font-size: 18px;
}
.gnlud-mijuegovert .gnlud-caratulainfo p, 
.gnlud-juegovert .gnlud-caratulainfo p{
	font-size: 16px;
}

.gnlud-mijuegovert a:hover{
	border: 4px solid var(--primary-color);
}
.gnlud-juegohoriz{
	background-color: #181B2D;
	padding: 0px;
	margin: 0px;
	position: relative;
	border-radius: 6px;
	margin-bottom: 15px;
	cursor: pointer;
}
.gnlud-juegohoriz:hover,
.gnlud-juegovert:hover{
	border: 3px solid var(--primary-color);
	border-radius: 8px;
}
.gnlud-mijuegovert .btn-jugar, 
.gnlud-juegovert .btn-jugar{
	background-color:var(--primary-color);
	padding: 5px 15px;
	border-radius: 8px;
	width: 100%;
	color: white;
}
.gnlud-juegohoriz .gnlud-caratula{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 195px;
	overflow: hidden;
	border-radius: 6px;
	
}
.gnlud-juegohoriz .gnlud-caratula img{
	width: 120%;
	height: auto;
	
}

.gnlud-juegohoriz .gnlud-caratulainfo{
	padding: 10px 15px;
}

.gnlud-juegohoriz .gnlud-caratulainfo h4{
	font-size: 20px;
}
.gnlud-juegohoriz .gnlud-caratulainfo p{
	font-size: 18px;
}

.gnlud-pie{
	background-color: #323647;
	color: white;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 50px !important;
	font-family: 'Poppins', sans-serif;
}

.gnlud-pie p{
	font-size: 16px;
	margin-left: 15px;
	font-size: 400;
}

.gnlud-pie ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.gnlud-pie ul li{
	font-size: 14px;
	margin-bottom: 5px;
}

.gnlud-pie .dropdown-toggle,
.gnlud-pie .dropdown-toggle:hover,
.gnlud-pie .dropdown-toggle:active,
.gnlud-pie .dropdown-toggle:focus{
	background-color: black;
	color: white;
	box-shadow: none;
	margin-bottom: 10px;
}
.gnlud-pie .dropdown{
	position: initial !important;
}

.gnlud-pie .dropdown-menu{
	background-color: black;
	border: 0px solid transparent;	
}
.gnlud-pie .dropdown-item{
	color: white !important;
}
.gnlud-pie .dropdown-item:hover{
	background-color: var(--primary-color);
	color: white !important;
}
p.gnlud-pie-copy{
	font-size: 14px;
	padding-bottom: 10px !important;
}
p.gnlud-pie-copy2{
	font-size: 12px;
	color: #aaaaaa;
	text-align: center;
	padding-bottom: 10px !important;
}
p.gnlud-granota{
	font-size: 14px;
	color: #aaaaaa;
}
p.gnlud-granota img{
	height: 25px;
	margin-top: -5px;
}

.scrolling-wrapper {
	overflow-x: auto;
}

.gnlud-profil-usario{
	background-color: #323647;
	position: relative;
	border-radius: 8px;
	padding: 30px;
}

a.gn-lud_recup:hover{
	text-decoration: underline !important;
}


.gnlud-interiorjuego{
	background-color: #EFEFEF;
	border-radius: 8px;
	color: #1F252C;
	padding: 0px !important;
	margin: initial 20px !important;
	padding-bottom: 40px !important;
}
.gnlud-intrjue-portada{
	height: 470px;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	overflow: hidden;
	background-color: black;
	border-radius: 6px;
}
.gnlud-intrjue-portada img{
	width: 100%;
	height: auto;
	opacity: 0.8;
}
.gnlud-intrjue-caratula{
	margin-top: -200px;
	margin-left: 40px;
	position: relative;
}
.gnlud-intrjue-caratulainfo{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	justify-content: flex-end;
	align-items: flex-start;
	height: 100%;
	padding-bottom: 80px !important;
}
.gnlud-intrjue-caratulainfo h2{
	color: white !important;
	font-size: 34px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
}

.gnlud-intrjue-caratulainfo p{
	color: white;
}
.gnlud-interiorjuego-infor{
	padding: 20px 40px;
}
.gnlud-interiorjuego-infor h3{
	font-size: 18px;
	margin-bottom: 15px;
}
.gnlud-juegointer{
	width: 200px;
	height: 260px;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color: black;
	padding: 0px;
	margin: 0px;
}
.gnlud-juegointer img{
	height: 100%;
	width: auto;
	opacity: 0.9;
}
.gnlud-juegointer-btn{
	position: absolute;
	z-index: 2;
	bottom: 10px;
	color: white;
	width: 100%;
	padding: 10px;
}
.gnlud-juegointer-btn2{
	color: white;
	width: 100%;
}
.gnlud-juegointer-btn a,
.gnlud-juegointer-btn2 a{
	background-color: var(--primary-color);
	padding: 5px 10px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
	border-radius: 6px;
	font-size: 14px !important;
}
.gnlud-juegointer-btn2 a{
	padding: 15px 30px;
	margin-top: 10px;
}
.gnlud-juegointer-captura{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 320px;
	border-radius: 6px;
}
.gnlud-juegointer-captura img{
	height: 100%;
	width: auto;
	border-radius: 6px;
}

.gnlud-captruasxs-btn{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: relative;
	z-index: 0;
}
.gnlud-captruasxs-btn .carousel-control-next, 
.gnlud-captruasxs-btn .carousel-control-prev{
	background-color: transparent !important;
	color: black;
}
.gnlud-captruasxs-btn .carousel-control-next:hover, 
.gnlud-captruasxs-btn .carousel-control-prev:hover{
	background-color: transparent !important;
	color: black;
}

.gnlud-captruasxs .carousel-inner{
	height: 280px !important;
	border-radius: 8px;
}
.gnlud-captruasxs .carousel-item{
	
	border-radius: 6px;
}
.gnlud-captruasxs .carousel-item img{
	border-radius: 6px;
}

.gn_ludbtnperfil-us1{
	height: 145px;
	width: 145px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content:center;
}
.gn_ludbtnperfil-us2{
	height: 208px;
	width: 208px;
	position: relative;
	margin-bottom: 20px;
}
.gn_ludplantilla3{
	height: 208px;
	width: 208px;
	position: absolute;
	z-index: 0;
}
.gn_ludplantilla2{
	width: 145px;
	height: 145px;
	position: absolute;
	z-index: 0;
}
.gn_ludbtnperfil-forma4{
	/*height: 208px;
	width: 208px;*/
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
	position: relative;
	overflow: hidden;
	height: 118px;
	width: 118px;
	margin-top: 45px;
	
	
}
.gn_ludbtnperfil-forma3{
	height: 80px;
	width: 80px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
	position: relative;
	overflow: hidden;
	background-color: red;
}
.gn_ludbtnperfil-forma3 img{
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
.gn_ludbtnperfil-forma4 img{
	width: 100%;
	height: 100%;
}

.gnlud-btneditarperfil{
	background-color: var(--primary-color) !important;
	width: 100%;
	margin-top: 20px;
	color: white !important;
}
.gnlud-profilnivel{
	background-color: white;
	width: 96%;
	margin-left: 2% !important;
	margin-right: 2% !important;
	border-radius: 0px 0px 10px 10px ;
	color: black;
	padding: 30px 40px;
	position: relative;
	z-index: 0;
	height: auto;
	margin-bottom: 20px;
}
.gnlud-profilnivel::before{
	content: '';
	background: url('../../../images/perfil-back.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	opacity: 1;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}

.gnlud-profilnivel-cont{
	position: relative;
	z-index: 2;
}
.gnlud-profilnivel-cont .gnlud-profilnivel-small{
	font-size: 14px;
	color: #616161;
}
.gnlud-profilnivel-cont h3{
	color: #71A850;
	font-size: 32px;
	font-weight: bold;
}

.gnlud-profilnivel-cont h4{
	font-size: 18px;
	font-weight: bold ;
	margin-top: 20px;
	color: #616161;
}
.gnlud-profilnvlimg{
	height: 66px;
	width: 52px;
	position: absolute;
	top: -1px;
	right: 20px;
}

.gnlud-recompensasperfil{
	padding-left: 25px;
	padding-right: 10px;
}

.gnlud-progressbar .progress{
	height: 21px !important;
	border-radius: 8px;
}
.gnlud-progressbar .progress-bar{
	border-radius: 8px;
	background-color: var(--primary-color);
}
.gnlud-botones{
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 8px;
}
.gnlud-recompensasblock,
.gnlud-secretosblock{
	background-color: #323647;
	height: 448px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 6px;
	position: relative;
	align-content: center;
	align-items: center;
	margin-bottom: 10px;
	padding: 30px 50px;
	text-align: center;
}
.gnlud-secretosblock{
	height: 398px;
	margin-top: 25px;
}

.titles-perfil{
	font-size: 20px;
	margin-bottom: 15px;
}

.gnlud-editarperfilbg{
	background-color: #323647;
	position: relative;
	border-radius: 8px;
	padding: 20px;
	
}

.gnlud-cambiarcontra{
	border: 1px solid #5A5D6B;
	border-radius: 8px;
	padding: 20px;
	margin-top: 20px;
	position: relative;
}
.gnlud-cambiarcontra p{
	position: absolute;
	top: -12px;
	background-color: #323647;
	border-left: 8px solid #323647;
	border-right: 8px solid #323647;
	color: #EFEFEF;
	font-size: 14px;
}
.gnlud-cambiarcontra label,
.gnlud-editarperfilbg form label{
	font-size: 14px;
	color: #EFEFEF;
	margin-left: 15px;
	margin-top: 10px;
}
.gnlud-cambiarcontra input,
.gnlud-editarperfilbg form input{
	background-color: rgba(252,252,252,0.21);
	border: 0px solid transparent;
	margin-bottom: 20px;
	color: white;
	
}

.gnlud-cambiarcontra input::placeholder,
.gnlud-editarperfilbg form input::placeholder  {
	color: white;
	opacity: 0.4;
}


.gnlud-cambiarcontra input:focus
.gnlud-editarperfilbg form input:focus  {
	background-color: rgba(252,252,252,0.21) !important;
	color: white;
	border: 1px solid white ;
}
.gnlud-editarperfilbg .form-control:focus {
color: white;
background-color: rgba(252,252,252,0.21) !important;
border-color: #8894aa;
}


@media (max-width: 575.98px) {
	.gn_body-ludivers .gn-ludivers-elementtop{
		top: -0%;
		right: -20%;
		width: 80%;
	}

	.gn_body-ludivers .gn-ludivers-elementbottom{
		bottom: -0%;
		left: 0%;
		width: 85%;
	}
	
	.gn-ludivers_login h2,
	.gn-ludivers_login form{
		width: 100%;
	}
	
	.gn-ludivers_menulat{
		height: auto;
		position: relative;
	}
	.gn-ludivers_menulat{
		display: none;
	}
	.gn-ludivers_menulat-super{
		display: block;
	}
	.gn-ludcarousel .carousel-inner{
		height: 334px;
	}
	.gn-ludcar_content{
		display: none;
	}
	p.gnlud-granota{
		text-align: center;
	}
	.gnlud-juegovert .gnlud-caratula img{
		height: auto;
		width: 125% !important;
	}
	.scrolling-wrapper {
		overflow-x: auto;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
	}
	.gn-ludcarousel .carousel-item img {
		width: auto !important;
		height: 100%;
	}
	.gnlud-intrjue-portada{
		height: 450px;
		border-radius: 0px;
		margin: 0px;
	}
	.gnlud-intrjue-caratula{
		margin-top: 0px;
		margin-left: 0px;
		
		position: relative;
		padding: 15px 20px;
		background-color: var(--body-black);
	}
	
	.gnlud-intrjue-caratulainfo{
		width: 100%;
		padding-bottom: 10px !important;
		text-align: center;
	}
	.gnlud-intrjue-portada img{
		height: 100%;
		width: auto;
		opacity: 1;
	}
	
	.gnlud-captruasxs .carousel-inner,
	.gnlud-captruasxs .carousel-item{
		height: 380px !important;
	}
	.gnlud-captruasxs .carousel-item.active{
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.gnlud-captruasxs .carousel-item img{
		height: 100% !important;
		width: auto !important;
	}
	
	.gnlud-destacadosinter  .gnlud-caratula img{
		height: 100% !important;
		width: auto !important;
	}
	
	.gnlud-editarperfilbg{
		margin-top: 20px;
	}
}

@media (min-width: 575.98px) and (max-width: 767.98px){
	.gn_body-ludivers .gn-ludivers-elementtop{
		top: 0%;
		right: 0%;
		width: 70%;
	}
	.gn_body-ludivers .gn-ludivers-elementbottom{
		bottom: 0%;
		left: 0%;
		width: 100%;
	}
	.gn-ludivers_menulat{
		display: none;
	}
	.gn-ludivers_menulat-super{
		display: block;
	}
	.gnlud-pie{
		padding-left: 25px !important;
	}
	p.gnlud-granota{
		text-align: center;
	}
	.gnlud-juegovert .gnlud-caratula img{
		height: 100%;
		width: auto;
	}
	.scrolling-wrapper {
		overflow-x: auto;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
	}
	.gn-ludcarousel .carousel-item img {
		width: auto !important;
		height: 120%;
	}
	.gnlud-intrjue-portada{
		height: 450px;
		border-radius: 0px;
		margin: 0px;
	}
	.gnlud-intrjue-caratula{
		margin-top: 0px;
		margin-left: 0px;
		
		position: relative;
		padding: 15px 20px;
		background-color: var(--body-black);
	}
	
	.gnlud-intrjue-caratulainfo{
		width: 100%;
		padding-bottom: 10px !important;
		text-align: center;
	}
	.gnlud-intrjue-portada img{
		height: 100%;
		width: auto;
		opacity: 1;
	}
	.gnlud-juegointer-captura{
		height: 380px;
		margin: 10px 20px;
	}
	
	.gnlud-captruasxs .carousel-inner,
	.gnlud-captruasxs .carousel-item{
		height: 380px !important;
	}
	.gnlud-captruasxs .carousel-item.active{
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.gnlud-captruasxs .carousel-item img{
		height: 100% !important;
		width: auto !important;
	}
	.gnlud-editarperfilbg{
		margin-top: 20px;
	}
}

@media (min-width: 767.98px) and (max-width: 991.98px){
	.gn_body-ludivers .gn-ludivers-elementtop{
		top: 0%;
		right: 0%;
		width: 55%;
	}
	.gn_body-ludivers .gn-ludivers-elementbottom{
		bottom: 0%;
		left: 0%;
		width: 80%;
	}
	.gn-ludivers_menulat{
		display: none;
	}
	.gn-ludivers_menulat-super{
		display: block;
	}
	.gnlud-pie{
		padding-left: 30px !important;
	}
	.gnlud-juegovert .gnlud-caratula img{
		height: 100%;
		width: auto;
	}
	.gn-ludcarousel .carousel-item img {
		width: auto !important;
		height: 140%;
	}
	.gnlud-intrjue-portada{
		height: 450px;
		margin: 0px;
	}
	
	
	.gnlud-intrjue-caratulainfo{
		width: 90%;
		
	}
	.gnlud-intrjue-portada img{
		height: auto;
		width: 100%;
	}
	.gnlud-juegointer-captura{
		height: 380px;
		margin: 10px 20px;
	}
	
	.gnlud-editarperfilbg{
		margin-top: 20px;
	}
}


@media (min-width: 991.98px) and (max-width: 1199.98px){
	.gn_body-ludivers .gn-ludivers-elementtop{
		top: 0%;
		right: 0%;
		width: 30%;
	}
	.gn_body-ludivers .gn-ludivers-elementbottom{
		bottom: -10%;
		left: 0%;
		width: 80%;
	}
	
	.gn-ludcar_content{
		max-width: 65%;
		
	}
	.gnlud-pie{
		padding-left: 20px !important;
	}
	.gn-ludcarousel .carousel-item img {
		width: auto !important;
		height: 120%;
	}
	
	.gnlud-juegohoriz .gnlud-caratula img{
		height: 100%;
		width: auto !important;
	}
	.gnlud-intrjue-portada{
		height: 450px;
		margin: 0px;
	}
	
	
	.gnlud-intrjue-caratulainfo{
		width: 90%;
		
		
	}
	.gnlud-intrjue-portada img{
		height: auto;
		width: 100%;
	}
	.gnlud-juegointer-captura{
		height: 380px;
		margin: 10px 20px;
	}
	.gnlud-btnidioma{
		font-size: 14px !important;
	}
	
}

@media (min-width: 1400px) and (max-width: 1645px){
	.gnlud-intrjue-caratulainfo{
		padding-left: 50px;
		
		
	}
	
}

.gn-selectblack_bg{
	background-color: black;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
}
.gn-ludivers_login .gn-select-idioma.form-select {
	background-color: black !important;
	border: 1px solid black;
	color: white !important;
	background: black;
	opacity:1 !important;
}