.w-40 {
	width: 40% !important;
}
.w-35 {
	width: 35% !important;
}
.w-30 {
	width: 30% !important;
}
.cursor {
	height: 50px;
	width: 50px;
	display: block;
	border-radius: 50%;
	border: 1px solid whitesmoke;
	background: transparent;
	pointer-events: none;
	position: fixed;
	top: -25px;
	left: -25px;
	z-index: 10;
	opacity: 0.6;
	transition: scale 0.5s ease;
}
.cursor-small {
	height: 50px;
	width: 50px;
	display: block;
	border-radius: 50%;
	border: 1px solid whitesmoke;
	background: transparent;
	pointer-events: none;
	position: fixed;
	top: -25px;
	left: -25px;
	z-index: 10;
	opacity: 0.6;
	transition: scale 0.4s ease;
}
#nav {
	border-radius: 0 0 50px 50px;
	padding-bottom: 10px;
	/*background: rgb(213, 11, 181);
	background: linear-gradient(
		90deg,
		rgba(213, 11, 181, 1) 45%,
		rgba(253, 163, 29, 1) 78%,
		rgba(69, 252, 116, 1) 100%
	);*/
	background: #1c1252 !important;
    background: linear-gradient( 90deg, #241867 45%, #1c1252 78%, #241867 100% ) !important;
}
@media (min-width: 970px) {
	#nav {
		margin-right: 120px;
		margin-left: 120px;
	}
}
#nav.nav-halloween {
	background: rgb(53, 3, 3);
	background: linear-gradient(
		90deg,
		rgb(56, 25, 88) 45%,
		rgb(66, 47, 19) 78%,
		rgb(15, 52, 25) 100%
	);
}
button {
	margin: 20px;
}
.custom-btn {
	width: 25%;
	height: 47px;
	color: #fff;
	border-radius: 0px;
	padding: 20px 210px;
	font-size: 1.5rem;
	background: transparent;
	cursor: pointer;
	transition: all 0.8s ease;
	position: relative;
	display: inline-block;
	outline: none;
}
.overlay2 {
	background-color: #33333380;
	overflow: hidden;
	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.5.4/overlays/09.png);
}
.vegas-content {
	padding: 0 !important;
}
/* 5 */
.btn-5 {
	line-height: 42px;
	padding: 0;
	border: none;
	background: transparent;
	color: #fff;
	overflow: hidden;
}
.btn-5:hover {
	/*color: #F009B9;*/
	background: transparent;
	box-shadow: none;
}
.btn-5:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: -180px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(180, 58, 148);
	background: linear-gradient(
		90deg,
		rgba(180, 58, 148, 1) 55%,
		rgba(253, 163, 29, 1) 78%,
		rgba(69, 252, 116, 1) 100%
	);
	animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-5:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 5px;
	border-radius: 5px;
	width: 0;
	background: #b6bd03;
	box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;
	transition: 1500ms ease all;
}
.btn-5:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}
.btn-5:hover:before,
.btn-5:hover:after {
	width: 100%;
	transition: 800ms ease all;
}
@-webkit-keyframes shiny-btn1 {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	70% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}
.btn-animated .btn {
	position: relative;
	display: block;
	margin-bottom: 1rem;
	width: 16rem;
	font-weight: bold;
  font-size: 1.4rem;
	background-color: #2980b9;
	color: #ecf0f1;
	text-align: center;
	/*line-height: 3rem;
	padding: 0.25rem 2rem;*/
	z-index: 3;
	cursor: pointer;
}
.btn-animated .btn:before,
.btn-animated .btn:after {
	display: block;
	content: " ";
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}
.btn-animated .btn:before {
	top: -0.125rem;
	left: 0;
}
.btn-animated .btn:after {
	bottom: 0;
	right: 0;
}
.btn-animated .btn.at_the_same_time:hover:before {
	width: 16rem;
	height: 100%;
	opacity: 1;
	border-top: 0.125rem solid #ecf0f1;
	border-right: 0.125rem solid #ecf0f1;
	transition: width 300ms cubic-bezier(0.07, 0.62, 0.61, 1), height 150ms 300ms cubic-bezier(0.07, 0.62, 0.61, 1);
}
.btn-animated .btn.at_the_same_time:hover:after {
	width: 16rem;
	height: 100%;
	opacity: 1;
	border-bottom: 0.125rem solid #ecf0f1;
	border-left: 0.125rem solid #ecf0f1;
	transition: width 300ms cubic-bezier(0.07, 0.62, 0.61, 1), height 150ms 300ms cubic-bezier(0.07, 0.62, 0.61, 1);
}
.btn-animated .btn.one_after_the_other:hover:before {
	width: 16rem;
	height: 100%;
	opacity: 1;
	border-top: 0.125rem solid #ecf0f1;
	border-right: 0.125rem solid #ecf0f1;
	transition: width 150ms cubic-bezier(0.07, 0.62, 0.61, 1), height 75ms 150ms cubic-bezier(0.07, 0.62, 0.61, 1);
}
.btn-animated .btn.one_after_the_other:hover:after {
	width: 16rem;
	height: 100%;
	opacity: 1;
	border-bottom: 0.125rem solid #ecf0f1;
	border-left: 0.125rem solid #ecf0f1;
	transition: width 150ms 225ms cubic-bezier(0.07, 0.62, 0.61, 1), height 75ms 450ms cubic-bezier(0.07, 0.62, 0.61, 1),
		border-left 0ms 225ms linear;
}
.btn-animated .btn.at_the_same_time:hover:before, 
.btn-animated .btn.at_the_same_time:hover:after, 
.btn-animated .btn.one_after_the_other:hover:before, 
.btn-animated .btn.one_after_the_other:hover:after {
	/*border-image: linear-gradient(to right, darkblue, darkorchid) 1;*/
	border-image: linear-gradient(to right, #23d0e4, #0fadbe) 1;
}
#gradient-home {
  width: 100%;
  height: 100%;
  --gradient-color-1: #64078C;
  --gradient-color-2: #D9048E;
  --gradient-color-3: #350761;
  --gradient-color-4: #D28007;
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#gradient-diademuertos {
	width: 100%;
	height: 100%;
	 --gradient-color-1: #64078C;
  --gradient-color-2: #D9048E;
  --gradient-color-3: #350761;
  --gradient-color-4: #D28007;
	z-index: -1;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#gradient-oktoberfest {
	width: 100%;
	height: 100%;
	--gradient-color-1: #593d2c;
	--gradient-color-2: #DA8501;
	--gradient-color-3: #717B02;
	--gradient-color-4: #7E6F1F;
	z-index: -1;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#gradient-francofonia {
	width: 100%;
	height: 100%;
	--gradient-color-1: #3dd484;
	--gradient-color-2: #b8289d;
	--gradient-color-3: #ff5757;
	--gradient-color-4: #269be9;
	z-index: -1;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
footer {
    background-color: rgba(17,17,17,0.5);
    color: #dadada;
}
footer a {
    color: #a9a9a9;
    text-decoration: underline;
}
footer a:hover {
	color:rgb(214, 163, 61);
}
footer ul li {
    list-style: none;
}
footer ul {
	padding-left: 0;
}
.sponsor-item {
	background-color: rgba(67,8,123,0.85);
    border: 4px solid rgb(119,0,162);
    box-shadow: 0px 0px 7px #a300b7;
    border-radius: 50px 10px;
}
.sponsor-item:hover {
	background-color: rgba(95, 18, 167, 0.85);
}

.sponsor-item-invert {
    background-color: rgb(255 255 255 / 85%);
    border: 4px solid rgb(119 0 162 / 80%);
    border-radius: 50px 10px;
}
.sponsor-item-invert:hover {
	background-color: rgb(255 255 255);
}

.sponsor-item2 {
	background-color: rgba(255,255,255,0.85);
    border: 4px solid rgb(119,0,162);
    box-shadow: 0px 0px 7px #a300b7;
    border-radius: 50px 10px;
}
.sponsor-item2:hover {
	background-color: rgba(255, 215, 252, 0.85);
}