* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

.bg_1 {
	background:#FF6E04;
}

.bg_2 {
	background:#DF5E00;
}

.button {
	display:inline-block;
	padding:20px 40px;
	background:#007EC4;
	font-weight:900;
	text-decoration: none;
	text-transform: uppercase;
	font-size:16px;
	color:#ffffff;
	border-radius:30px;
}

.button.light {
	padding:19px;
	border:1px solid #ffffff;
	background:transparent;
}

body {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	background:#FBBD01;
	color:#ffffff;
}

.header {
	max-width:1040px;
	margin:auto;
	min-width:320px;
	padding-left:20px;
	padding-right:20px;
	position:relative;
}

.header .for_menu {
	
}

.header .for_menu ul {
	list-style-type: none;
	padding-top:30px;
	width:calc((100% - 230px) / 2);
	padding-top:30px;
}

.header .for_menu ul.left {float:left;}
.header .for_menu ul.right {float:right;}

.header .for_menu ul li {
	float:left;
	width:33%;	
}

.header .for_menu ul li.wide {
	width:66%;	
}

.header .for_menu ul.left li {text-align:left;}
.header .for_menu ul.right li {text-align:right;}

.header .for_menu ul li a {
	font-weight:700;
	color:#ffffff;
	font-size:16px;
	line-height:40px;
	text-decoration: none;
	text-transform: uppercase;
}

.header .logo img {
	width:150px;
	display:block;
	margin:auto;
}

.header .mobile_menu {
	background:url('/design/mobile_menu.svg') center center no-repeat;
	background-size:55px auto;
	width:55px;
	height:55px;
	position:absolute;
	right:20px;
	top:20px;
	display:none;
	cursor:pointer;
}

.top_banner {
	max-width:1440px;
	min-width:320px;
	padding-top:55px;
	position:relative;
	margin:auto;
	padding-bottom:60px;
}

.top_banner .for_bg {
	position:relative;
}

.top_banner .for_bg .bg {
	display:block;
	width:100%;
	object-fit:cover;
}

.top_banner .for_bg .corny_snack {
	position:absolute;
	left:0;
	bottom:-70px;
}

.top_banner h1 {
	width:300px;
	position:absolute;
	top:0;
	left:calc(50% - 150px);
	color:#ffffff;
	font-weight:900;
	text-transform: uppercase;
}

.top_banner h1 .main_text {
	font-size:135px;
	transform: rotate(-3.6deg);
	display:block;
}

.top_banner h1 .sub {
	position:absolute;
	display:block;
}

.top_banner h1 .sub.bg_1 {
	height:55px;	
	line-height:55px;
	font-size:34px;
	transform: rotate(-12.29deg);
	top:134px;
	left:37px;
	padding-left:20px;
	padding-right:20px;
}

.top_banner h1 .sub.bg_2 {
	height:40px;
	line-height:40px;
	font-size:28px;
	transform: rotate(-6.4deg);
	top:144px;
	left:160px;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
}

.top_banner p {
	max-width:620px;
	margin:auto;
	line-height:28px;
	font-size:20px;
	font-weight:600;
	padding-top:20px;
	padding-bottom:20px;
}

.for_images {
	max-width:940px;
	min-width:320px;
	margin:auto;
	padding-bottom:30px;	
}

.for_images h2 {
	padding-bottom:60px;
}

.for_images h2 .bg_1 {
	height:55px;	
	line-height:55px;
	font-size:34px;
	transform: rotate(-4.47deg);
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
}

.for_images h2 .bg_2 {
	height:40px;
	line-height:40px;
	font-size:28px;
	transform: rotate(-1.01deg);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	margin-left:100px;
	margin-top:-6px;
}

.for_images .for_months {
	width:100%;
	height:70px;
	overflow:auto;
	margin-bottom:10px;	
}

.for_images .for_months .months {
	position:relative;
	display:flex;
	justify-content:space-around;
	min-width:850px;
}

.for_images .for_months .months:before {
	content:'';
	height:1px;
	border-top:1px solid #ffffff;
	left:0;
	top:29px;
	width:100%;
	display:block;
	position:absolute;
}

.for_images .for_months .months .month {
	padding:20px 40px;
	line-height:18px;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	font-size:16px;
	color:#ffffff;
	border:1px solid #ffffff;
	margin-left:10px;
	margin-right:10px;
	background:#FBBD01;
	position:relative;
	z-index:2;
	font-weight:900;
	border-radius:30px;
}

.for_images .for_months .months .month.active {
	background: #DF5E00 !important;
	border:1px solid #ffffff !important;
}

.for_images .for_months .months .month.past {
	background: #007EC4;
	border-color:#007EC4;
}

.for_images .images {
	padding:40px 20px;
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}

.for_images .images .month_name {
	width:calc((100% - 60px) / 4);
	background: #FF6E04;
	display:flex;
	text-align:left;
	align-items:center;
	aspect-ratio: 1 / 1;
}

.for_images .images .month_name .text {
	font-size:28px;
	line-height:36px;
	padding-left:20px;
	padding-right:20px;
	font-weight:900;
	text-transform: uppercase;
}

.for_images .images .month_name .text span {
	font-weight:400;
	display:block;
}

.for_images .images img {
	width:calc((100% - 60px) / 4);
	display:block;
	aspect-ratio: 1 / 1;
	object-fit:contain;
}

.for_images .images .for_next_button {
	text-align:center;
	padding-top:20px;
	width:100%;
}

.for_game_points {
	width:100%;
	min-width:320px;
	overflow:hidden;
	position:relative;
	background:#FBB501;	
	padding-bottom:100px;
}

.for_game_points:before {
	content:'';
	width:150%;
	left:-25%;
	height:140px;
	top:-70px;
	position:absolute;
	background:#FBBD01;
	transform: rotate(4deg);
	z-index:1;
}

.for_game_points:after {
	content:'';
	width:150%;
	left:-25%;
	height:140px;
	bottom:-70px;
	position:absolute;
	background:#FBBD01;
	transform: rotate(4deg);
	z-index:1;
}

.for_game_points .game_points {
	position:relative;
	z-index:2;
	padding:35px 20px;
}

.for_game_points .game_points h2 {
	display:inline-block;
	padding:5px 15px;
	transform: rotate(4deg);
}

.for_game_points .game_points .points {
	max-width:580px;
	margin:auto;
	padding-top:50px;
}

.for_game_points .game_points .points .point {
	padding-bottom:40px;
	display:flex;
	gap:30px;
	justify-content:flex-start;
	align-items:center;
}

.for_game_points .game_points .points .point .number {
	width:50px;
	min-width:50px;
	height:50px;
	line-height:50px;
	font-size:20px;
	font-weight:700;
	background:#FF6E04;
	border-radius:25px;
}

.for_game_points .game_points .points .point img {
	
}

.for_game_points .game_points .points .point p {
	text-align:left;
	color:#000000;
	font-weight:600;
	font-size:16px;
	line-height:22px;
}

.for_game_points .game_points .points .point p.p_2 {
	max-width:270px;
}

.for_prices {
	max-width:864px;
	margin:auto;
	padding:30px 10px 30px 10px;
	min-width:300px;
	overflow:hidden;
}

.for_prices h2 {
	transform: rotate(-4.47deg);
	display:inline-block;
	padding:7px 20px;
	position:relative;
	z-index:2;
	margin-bottom:50px;
}

.for_prices .price_box {
	position:relative;
}

.for_prices .price_box .prizes {
	display:block;
	margin:auto;
	margin-top:-100px;
	width:100%;
}

.for_prices .price_box .number {
	color:#DF5E00;
	font-weight:900;
	font-size:48px;
	position:absolute;
	text-align:left;
	width:200px;
	
	right:0;
	top:calc(20% - 50px);
}

.for_prices .price_box .desc {
	position:absolute;
	font-weight:800;
	font-size:16px;
	line-height:20px;
	text-align:left;
	text-transform: uppercase;
	width:200px;
	
	right:0;
	top:20%;
}

.for_prices .price_box .desc strong {
	font-size:30px;
	display:block;
	line-height:30px;
}

.for_win_list {
	width:100%;
	min-width:320px;
	overflow:hidden;
	position:relative;
	background:#FF6E04;	
	padding-bottom:100px;
}

.for_win_list:before {
	content:'';
	width:150%;
	left:-25%;
	height:140px;
	top:-70px;
	position:absolute;
	background:#FBBD01;
	transform: rotate(4deg);
	z-index:1;
}

.for_win_list:after {
	content:'';
	width:150%;
	left:-25%;
	height:140px;
	bottom:-70px;
	position:absolute;
	background:#FBBD01;
	transform: rotate(4deg);
	z-index:1;
}

.for_win_list .win_list {
	position:relative;
	z-index:2;
	max-width:1050px;
	margin:auto;
	padding:35px 20px;
}

.for_win_list .win_list h2 {
	transform: rotate(-4.47deg);
	display:inline-block;
	padding:7px 20px;
	position:relative;
	z-index:2;
	margin-bottom:50px;
}

.for_win_list .win_list .win_month {
	padding-bottom:50px;
}

.for_win_list .win_list .win_month h3 {
	font-weight:900;
	font-size:30px;
	padding-bottom:30px;
	text-transform: uppercase;
}

.for_win_list .win_list .win_month .post_list {
	display:flex;
	gap:20px;
	flex-wrap:wrap;	
}

.for_win_list .win_list .win_month .post_list .post {
	background:#ffffff;
	width:calc(((100% - 40px) / 3) - 40px);
	padding:20px;
}

.for_win_list .win_list .win_month .post_list .post img {
	width:100%;
	aspect-ratio: 1 / 1;
	object-fit:contain;
	display:block;
	margin-bottom:30px;
}

.for_win_list .win_list .win_month .post_list .post .user_name {
	font-weight:400;
	color:#000000;
	font-size:16px;
	text-align:left;
}

.for_win_list .win_next_button {
	display:none;
}

.footer {
	max-width:1140px;
	padding:20px 20px 80px 20px;
	margin:auto;
	position:relative;
	min-width:280px;
}

.footer .social {
	width:132px;
	position:absolute;
	top:5px;
	left:calc(50% - 66px);
}

.footer .social a {
	float:left;
	margin-left:8px;
	margin-right:8px;
	width:50px;
	height:50px;
	border-radius:25px;
	display:block;	
}

.footer .social a.ig {
	background:#C81E82 url('/design/ig_icon.svg') center center no-repeat;
	background-size:26px auto;	
}

.footer .social a.fb {
	background:#1877F2 url('/design/fb_icon.svg') center center no-repeat;
	background-size:26px auto;	
}

.footer ul {
	list-style-type: none;
	float:right;
}

.footer ul li {
	float:left;
	margin-left:30px;
}

.footer ul li a {
	color:#ffffff;
	text-decoration: none;
	font-size:14px;
	line-height:20px;
	display:block;
}

.footer .copy {
	float:left;
}

.footer .copy img {
	width:90px;
	float:left;
	margin-top:-16px;
	display:block;
	margin-right:10px;
}

.footer .copy p {
	float:left;
	font-size:14px;
	line-height:20px;
}

.footer .copy p .sep {
	display:none;
}

.footer .mobile_sep {
	display:none;
	height:30px;
}



















