.featured-contests {
	&.temp {
		.header {
			width: 100%;
			height: 617px;
			position: relative;
			z-index: 20;
			border-top: 1.25px solid $color_blue;
			overflow: hidden;
			h2 {
				font-family: $font_secondary;
				font-size: 69px;
				line-height: 69px;
				font-style: italic;
				font-weight: normal;
				text-align: center;
				position: absolute;
				top: 219px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 20;
			}
			.featured-animation {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			&::before {
				display: none;
			}
			.featured-stage {
				content: '';
				width: 757.04px;
				height: 744.93px;
				display: block;
				background: url('../img/layout/bg-featured1.svg') no-repeat left top;
				background-size: contain;
				position: absolute;
				top: -14px;
				left: 50%;
				transform: translateX(-50%);
				margin-left: 3px;
				z-index: 1;
				.group-words {
					transform: scale(0.62);
				}
				.rotating-words {
					top: 158px;
					left: 291px;
				}
				.gift-animation {
					transform: scale(0.6);
					top: 97px;
					left: 336px;
					.gift {
						z-index: 10;
					}
					.dot {
						z-index: 5;
					}
				}
				.tube-animation {
					&.inv1 {
						width: 717.4px;
						height: 734.8px;
						transform: scale(0.69);
						top: -7px;
						left: 135px;
					}
					&.inv2 {
						width: 192px;
						height: 361px;
						width: 243px;
						height: 457.1px;
						transform: scale(0.79);
						top: 62px;
						left: 117px;
					}
				}
				.streak-group {
					transform: scale(0.7);
					&.one1 {
						top: 329px;
						left: 0;
					}
					&.two2 {
						top: 432px;
						left: 0;
					}
					&.three3 {
						top: 539px;
						left: 307px;
					}
				}
			}
			&::after {
				content: '';
				width: 100%;
				height: 100%;
				display: block;
				background: url('../img/layout/bg-shadow-mobile.svg') no-repeat left top;
				background-size: cover;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
		}
		.content {
			width: 100%;
			height: 367px;
			background: url('../img/layout/bg-featured2.svg') repeat center top;
			padding: 39px 0 0;
			position: relative;
			border-top: 1.25px solid $color_blue;
			border-bottom: 1.25px solid $color_blue;
			.tns-ovh {
				position: relative;
				z-index: 30;
			}
			.item {
				display: inline-flex !important;
			}
			.twoitens .sub1 {
				margin-right: 30px;
			}
			.tns-controls {
				position: absolute;
				left: 50%;
				bottom: 30.5px;
				width: 183.25px;
				height: 64.25px;
				background: url('../img/layout/controls-mobile.svg') no-repeat left top;
				background-size: contain;
				transform: translateX(-50%);
				z-index: 50;
				button {
					width: 50%;
					height: 100%;
					background: none;
					border: none;
					text-indent: -999em;
				}
			}
		}

		@include media-breakpoint-up(lg) {
			display: flex;
			border-bottom: 1.25px solid $color_blue;
			.header {
				width: 50%;
				height: 545.76px;
				order: 2;
				border-left: 1.25px solid $color_blue;
				h2 {
					font-size: 68px;
					line-height: 70px;
					top: 203.36px;
					transform: translateX(calc(-50% + 35px));
				}
				.featured-stage {
					width: 100%;
					height: 100%;
					background-size: 756.04px auto;
					background-position: calc(50% + 30px) -48px;
					top: 0;
					margin-left: 0;
					.group-words {
						transform: scale(0.63);
					}
					.rotating-words {
						top: 78px;
						left: calc(50% - 41px);
					}
					.gift-animation {
						transform: scale(0.62);
						top: 48px;
						left: calc(50% - 13px);
					}
					.tube-animation {
						&.inv1 {
							top: -57px;
							left: calc(50% - 213px);
						}
						&.inv2 {
							top: 10px;
							left: calc(50% - 233px);
						}
					}
					.streak-group {
						transform: scale(0.7);
						&.one1 {
							top: 280px;
							left: calc(50% - 347px);
						}
						&.two2 {
							top: 385px;
							left: calc(50% - 347px);
						}
						&.three3 {
							top: 490px;
							left: calc(50% - 34px);
						}
					}
				}
				&::after {
					background: url('../img/layout/bg-shadow.svg') no-repeat -1px top;
					background-size: cover;
				}
			}
			.content {
				order: 1;
				width: 50%;
				height: 545.76px;
				background: url('../img/layout/bg-quadrado.svg') repeat right top;
				background-size: 92px auto;
				padding: 0;
				text-align: center;
				overflow: hidden;
				border-bottom: none;
				.item {
					display: block;
					.subitem {
						width: 154.92px;
					}
					.sub1 {
						margin-right: 25.39px;
					}
				}
				.slider-featured {
					width: 360px;
					height: 545.76px;
					margin: 0 auto;
					text-align: left;
				}
				.tns-ovh {
					height: 545.76px !important;
				}
				.tns-controls {
					position: absolute;
					left: auto;
					right: 17.43px;
					bottom: 15.44px;
					width: 55.42px;
					height: 155.74px;
					background: url('../img/layout/controls.svg') no-repeat left top;
					background-size: contain;
					transform: none;
					display: flex;
					flex-direction: column;
					button {
						width: 100%;
						height: 50%;
						display: block;
						&:nth-child(1) {
							order: 2;
						}
						&:nth-child(2) {
							order: 1;
						}
					}
				}
			}
		}
		@include media-breakpoint-up(xl) {
			.header {
				height: 904px;
				h2 {
					font-size: 100px;
					line-height: 103px;
					top: 341.73px;
				}
				.featured-stage {
					background-size: 1116px auto;
					// background-size: 130% auto;
					background-position: calc(50% - -13px) 50%;
					.group-words {
						transform: scale(0.91);
					}
					.rotating-words {
						top: 136px;
						left: calc(50% - 76px);
					}
					.gift-animation {
						transform: scale(0.92);
						top: 152px;
						left: calc(50% - 30px);
					}
					.tube-animation {
						&.inv1 {
							transform: scale(1);
							top: 136px;
							left: calc(50% - 171px);
						}
						&.inv2 {
							transform: scale(1.15);
							top: 174px;
							left: calc(50% - 315px);
						}
					}
					.streak-group {
						transform: scale(1);
						&.one1 {
							top: 465px;
							left: calc(50% - 535px);
						}
						&.two2 {
							top: 635px;
							left: calc(50% - 535px);
						}
						&.three3 {
							top: 791px;
							left: calc(50% - 76px);
						}
					}
				}
			}
			.content {
				height: 904px;
				background-size: 151px auto;
				.item {
					.subitem {
						width: 257.24px;
					}
					.sub1 {
						margin-right: 39.17px;
					}
				}
				.slider-featured {
					width: 553.65px;
					height: 904px;
				}
				.tns-ovh {
					height: 904px !important;
				}
				.tns-controls {
					right: 30.27px;
					bottom: 28.88px;
					width: 87.25px;
					height: 246.25px;
				}
			}
		}
	}
}
