/****************************  Main Elements ***************************/
html					{box-sizing:border-box; font-size:62.5%; line-height:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior:smooth;}/* 62.5% so each 0.1 rem is 1px */
*, *:before, *:after	{box-sizing:inherit;} /* Inherit box-sizing to make it easier to change */
*:focus					{outline: none;}
body					{overflow-y:scroll; background-color:#fff; color:#000; height:100%; font-size:1.6rem; line-height:145%; direction:ltr; text-align:left; font-family: 'Roboto', sans-serif; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior:smooth;}
.center-txt				{text-align: center;}
.col-2, 
.col-3					{display: grid;}
.col-2					{grid-template-columns: 1fr 1fr; grid-column-gap: 40px; width: 75%; margin: 0 auto; padding: 15px 0 30px 0;}
.col-3					{grid-template-columns: 1fr 1fr 1fr;} 
.mobile                 {display: none;}
.red-txt				{color: #E30813;}
.no-margin-bot          {margin-bottom: 0;}
button                  {cursor: pointer;}

@media screen and (max-width: 767px) { /* mobile-view */
	body	{font-size:3.7vw; line-height:145%;}
}

h1, h2, h3, h4	{padding:0; margin-top:0; display:block; color:#000;}
h1			{font-size:300%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
h2			{font-size:200%; line-height:120%; font-weight:900; margin-bottom:0.7em;}
h3			{font-size:150%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
h4			{font-size:130%; line-height:120%; font-weight:700; margin-bottom:0.5em;}

@media screen and (max-width: 1024px) {
	h1			{font-size:270%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
	h2			{font-size:160%; line-height:120%; font-weight:900; margin-bottom:0.7em;}
	h3			{font-size:120%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
	h4			{font-size:110%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
}

@media screen and (max-width: 767px) { /* mobile-view */
	h1	{font-size:9vw; margin-bottom:5vw;}
	h2	{font-size:5vw; margin-bottom:3vw;}
	h3	{font-size:3vw; margin-bottom:2vw;}
	h4	{font-size:inherit; margin-bottom:2vw;}
}

p				{padding:0; margin-top:0; font-size:inherit;}

ul				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ol				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ul li			{padding:0; margin:0 0 4px 0; font-size:inherit; list-style:disc;}
ol li			{padding:0px 0px 0px 5px; margin:0 0 4px 0; font-size:inherit; list-style:decimal;}
ol ul li		{list-style:disc; padding-left:0;}
ul ul, ul ol, ol ol, ol ul	{margin:8px 0px 0px 0px;}

@media screen and (max-width: 767px) { /* mobile-view */
	ul				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 5vw;}
	ol				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 5vw;}
	ul li			{margin:0 0 1vw 0;}
	ol li			{padding:0px 0px 0px 1.3vw; margin:0 0 1vw 0;}
	ul ul, ul ol, ol ol, ol ul	{margin:2vw 0px 0px 0px;}
}

table					{font-size:inherit; line-height:inherit;}
td						{font-size:inherit;}
hr						{height:1px; width:100%; border:0; border-top:1px solid #cbcbcb; background-color:transparent; margin-bottom:15px;}
img						{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}
video					{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0;}
figure					{margin:0;}
figure img				{display:block;}
figcaption				{text-align:center; padding-top:8px;}
b, strong				{font-weight:bolder;}

@media screen and (max-width: 767px) { /* mobile-view */
	hr				{height:0.26vw; border-width:0.26vw; margin-bottom:4vw;}
	figcaption		{padding-top:2vw;}
}

a						{color:#222; text-decoration:underline; background-color:transparent; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
a:hover					{text-decoration:none; color:#000;}
a:active, a:focus		{text-decoration:none; color:#000; outline:none;}

/************************************ Layouts ***************************************/

.full-size-row		{max-width:1920px; margin:0 auto; position: relative;}
.banner-terms		{position: absolute; bottom: 0; background-color: #E0E7EA; width: 100%;}
.banner-terms p		{font-size: 10px; padding: 7px 19px; line-height: 1.2rem;}
.area-wrapper		{max-width:1318px; margin:0 auto; padding: 35px 0 0 0; width: 95%;}
.big-txt			{font-size: 70px; font-weight: 900; line-height: 45px; padding: 0 6px;}
.desc				{padding-bottom: 50px;}
.desc p 			{text-align: center; font-weight: 600; font-size: 22px; line-height: 32px;}
.content .col		{display: grid;}
.content .col-4		{grid-template-columns: repeat(4, 1fr); column-gap: 30px;}
.content .col-4	div {border: 1px solid #E30813; border-radius: 5px; padding: 30px; background-color: #E30813;}
.content .col-4	div img {text-align: center; margin: 0 auto; padding-bottom: 30px;}
.content .col-4	div p	{font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 0; color: #fff; text-align: center;}
.center-container		{width: 1092px;display: block;margin: 0 auto;}
.video-area			{width: 100%; max-width: 1000px; margin: 0 auto;}
.video-area iframe  {aspect-ratio: 16 / 9; width: 100%;}

.how-to-enter		{text-align: center; margin: 30px 0;}
.how-to-enter h2 	{font-size: 48px; font-weight: 700;}


.gray-container 			{background-color: #F4F4F4;}
.gray-container .area-wrapper {padding: 35px 0;}
.gray-container h2,
.how-to-participate h2          {font-size: 48px; font-weight: 700;} 


.how-to-participate p		{font-size: 22px; line-height: 32px;}
.how-to-participate .terms-section h3 {font-size: 34px; line-height: 32px;}
.how-to-participate .table-game-points,
.terms .table-game-points  {max-width: 775px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin: 0 auto;}

.how-to-participate .table-game-points th,
.terms .table-game-points th,
.how-to-participate .table-bonus-points th,
.terms .table-bonus-points th {background-color: #E2DFDF;}

.how-to-participate .table-bonus-points,
.terms .table-bonus-points {max-width: 1156px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin: 0 auto;}
.how-to-participate .terms-section .box {background-color: #F4F4F4; border: 1px solid #F4F4F4; border-radius: 5px; overflow: hidden; padding: 0;}
.how-to-participate .terms-section .col-3 {gap: 24px;}
.box > img	{width: 100%;}
.box .flex	{display: flex; align-items: center; gap: 20px; padding: 20px;}
.box p {font-size: 24px; font-weight: 600; line-height: 30px; margin-bottom: 0;}
.how-to-participate .terms-section li {font-size: 22px; line-height: 32px;}
.how-to-participate .winners {color: #E30813; font-size: 44px; line-height: 64px; font-weight: 700; margin-bottom: 0; padding: 20px 30px;}
.how-to-participate .second-txt-winners {font-size: 34px; line-height: 36px;}


.terms h2                     {font-weight: 700; font-size: 34px;}
.terms h3                     {font-size: 28px;} 
.terms p,
.terms ul li					  {font-size: 22px; line-height: 32px;}
.terms .list				  {padding-bottom: 22px;}
.terms .list p 				  {margin-bottom: 5px;}
.terms .table-game-points,
.terms .table-bonus-points	  {margin-bottom: 20px;}
.terms .subtitle			  {width: 850px; margin: 0 auto; padding: 15px 0 25px 0;}
.terms .list-alpha			  {padding-left: 40px; margin-bottom: 0;}
.terms .list-alpha li		  {list-style: lower-alpha;}
.terms .list-alpha ol		  {margin-bottom: 0;}
.terms .list-alpha ol li	  {list-style: lower-roman; }


.terms ol                     {margin: 0px 0px 20px 10px;}
.terms .bullet-list-txt       {margin-left: 20px;}
.terms .bullet-list-txt li    {list-style: disc;}
.terms .alpha-list-txt        {margin-left: 15px; margin-bottom: 25px;}
.terms .alpha-list-txt li     {list-style: lower-alpha;}
.terms-section	              {margin-bottom:30px;}
.terms .package               {columns: 2;margin: 0;padding: 0;}
.terms .package li            {list-style: none;}
.terms .package li::before    {content: '.'; color: #E30813; font-weight: 900; font-size: 50px; display: inline-block; margin-right: 10px; line-height: 0px;}
.terms .terms-section:nth-child(3)   {margin-top: 60px;}
.terms a 					  {color: #E30813;}


table 						   {width: 100%;border-collapse: collapse; }
thead tr th:nth-child(1) 	   {border-bottom: none;}
th, td 						   {border: 1px solid #000; padding: 25.28px 20.74px;text-align: center;vertical-align: middle; height: 108px; line-height: 1.5; }
td 							   {font-size: 25.92px;}
tr td:first-child 			   {border-bottom: 1px solid #000;}
tr:not(:last-child) td 		   {border-bottom: none;}
tr:last-child td 			   {border-bottom: 1px solid #000;}
td:not(:last-child), th:not(:last-child) {border-right: none;}
td:last-child, th:last-child   {border-right: 1px solid #000;}
th 							   {background-color: #fff;font-weight: bold;font-size: 25.92px;text-align: center;max-height: 108px;}


@media screen and (max-width: 1024px) {

	.center-container {width: 100%;}
	.content .col-4 {grid-template-columns: 1fr; gap: 20px;}
	.content .col-4 div {display: inline-flex; align-items: center; padding: 22px 13px; gap: 20px;}
	.content .col-4 div img {margin: unset; width: 77px; height: 82px; padding-bottom: 0;}
	.content .col-4 div p {margin-bottom: 0;}

	.big-txt	{line-height: 100%;}

	.how-to-participate .col-2 {width: 95%;}
}

@media screen and (max-width: 940px) and (orientation: portrait) {

	.center-container {width: 100%;}
	.content .col-4 {grid-template-columns: 1fr; gap: 20px;}
	.content .col-4 div {display: inline-flex; align-items: center; padding: 22px 13px; gap: 20px;}
	.content .col-4 div img {margin: unset; width: 77px; height: 82px; padding-bottom: 0;}
	.content .col-4 div p {margin-bottom: 0;}

	.big-txt	{line-height: 100%;}

	.how-to-participate .col-2 {width: 95%;}

}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.banner img {width: 100%;}
	.banner-terms {position: relative;}
	.banner-terms p {font-size: 11px;}

	.big-txt {font-size: 32px;}
	.desc p {font-size: 14px; line-height: 20px;}

	.gray-container h2, 
	.how-to-participate h2 {font-size: 28px;}

	.center-container {width: 100%;}
	.content .col-4 {grid-template-columns: 1fr; gap: 20px;}
	.content .col-4 div {display: inline-flex; align-items: center; padding: 22px 13px; gap: 20px;}
	.content .col-4 div img {margin: unset; width: 77px; height: 82px; padding-bottom: 0;}
	.content .col-4 div p {font-size: 13px; line-height: 19px; margin-bottom: 0;}

	.how-to-participate p {font-size: 14px; line-height: 20px;}
	.how-to-participate .terms-section h3 {font-size: 20px;}
	th, td {font-size: 14px; height: 38px; line-height: 24px; padding: 10px 5px;}
	.how-to-participate .terms-section .col-2 {grid-template-columns: 1fr; width: 92%; gap: 20px;}
	.how-to-participate .flex {display: inline-flex; align-items: center;}
	.how-to-participate .flex img {width: 50%;}
	.how-to-participate .flex p {margin-bottom: 0; font-size: 14px; line-height: 20px;}
	.how-to-participate .winners {font-size: 30px; line-height: 100%;}
	.how-to-participate .second-txt-winners	{font-size: 18px; line-height: 120%; padding: 15px 0 0 0;}

	.terms h2 {font-size: 20px; line-height: 32px;}
	.terms h3 {font-size: 18px; line-height: 24px;}
	.terms p, 
	.terms ul li {font-size: 14px; line-height: 20px;}
	.terms .subtitle {width: 100%;}
	.terms .list-alpha {padding-left: 20px;}

}


.grand-prize-section .flex {display: flex; align-items: center; gap: 30px; padding: 20px; border: 1px solid #E30813; border-radius: 5px; margin-bottom: 30px;}
.grand-prize-section .container	p {margin-bottom: 0;}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.grand-prize-section .flex {
		gap: 20px;
		margin-bottom: 20px;
	}

	.grand-prize-section .container h3 {
		font-size: 4vw;
	}
}