@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/****************************  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:#222; height:100%; font-size:1.6rem; line-height:145%; direction:ltr; text-align:left; font-family: "Montserrat", arial, helvetica, sans-serif; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior:smooth; height: 100vh;}

@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:900; margin-bottom:0.9em; text-align: center;}
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%; 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:7vw; 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: 0; 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;}

button.button {
    padding: 0.42em 1.4em 0.5em 1.4em;
    height: auto;
    line-height: normal;
    display: block;
    font-size: 3rem;
    white-space: nowrap;
    background: #01B4BB;
    color: #fff;
    text-align: center;
    border-style: none;
    font-weight: 900;
    margin: 0 auto;
    vertical-align: top;
    border-radius: 500px;
    border: 0;
    font-family: inherit;
    cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

button.button:hover,
button.button:active,
button.button:focus {
    background: #d11430;
    color: #fff;
}

a.button:hover,
a.button:active,
a.button:focus {
    background: #d11430;
    color: #fff;
    text-decoration: none;
}

button.button.negative-red {
    border: #ff3250 2px solid;
    background: transparent;
    color: #ff3250;
}

button.button.negative-red:hover,
button.button.negative-red:active,
button.button.negative-red:focus {
    background: #ff3250;
    color: #fff;
}

.logo img {
	display: block;
    margin: 0 auto;
	width: 118px
}

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

.site-container		{position:relative;}
.full-size-row		{max-width:1920px; margin:0 auto;}
.area-wrapper		{max-width:1320px; width:95%; margin:0 auto;}
.content-section		{margin-bottom:70px;}
.terms-section	{margin-bottom:30px;}
.content	{margin-top:50px;}
.gray-bg	{background-color: #EEEEEE; padding-top: 10px;}
.center 	{text-align: center;}
.para		{font-size: 18px; line-height: 28px;}

 @media screen and (max-width: 1024px) {
	 .content-section		{margin-bottom:30px;}
	.terms-section	{margin-bottom:10px;}
	.content	{margin-top:20px;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.area-wrapper		{width:92%;}
	.content-section		{margin-bottom:7vw;}
	.terms-section	{margin-bottom:3vw;}
	.content	{margin-top: 10vw;}
}

.col-2,
.col-3 {
	display:grid;
	grid-column-gap: 40px;
}

.col-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.col-2 {
	grid-template-columns: 1fr 1fr;
}

.col-2-text {
	columns: auto;
	columns: 2;
	column-gap: 40px;
}

@media screen and (max-width: 767px) { /* mobile view */
	.col-2,
	.col-3 {
		grid-template-columns: 1fr;
		grid-row-gap: 6vw;
	}
	.col-2-text {
		columns: 1;
	}
}

/************************************ banner ***************************************/

.banner			{}
.banner-img img	{display:block;}
.banner-legal {
	background-color: #ff3250;
	width: 100%;
	padding: 12px 12px;
	color:#fff;
	font-size:1.2rem;
	line-height: normal;
}
.banner-legal a	{color: inherit;}

@media screen and (max-width:767px) { /* mobile view */
	.banner-legal			{position:initial; padding:3vw 3vw;}
	.banner-legal .text		{font-size:3.2vw; line-height:130%;}
}

.terms {margin-bottom:3em;}

.footer {}
.footer .content {}
.footer a {}


/************************************** Terms *************************************/
.terms p			{margin-bottom:3px;}

@media screen and (max-width:767px) { /* mobile view */
	.terms p			{margin-bottom:0.5vw;}
}

.red {
	color:#ff3250;
}

.how-to-enter ol {
   counter-reset: item;
   margin: 0;
}

.how-to-enter li {
	counter-increment: item;
	margin-bottom: 5px;
	list-style: none;
	font-weight:700;
	font-size: 2.2rem;
	position: relative;
	padding-left: 60px;
	line-height: 28px;
}

.how-to-enter li:before {
	content: counter(item) '.';
	color: #01b3bb;
	font-weight: 900;
	font-size: 5.3rem;
	position: absolute;
	top: 10px;
	left: 0;
}

@media screen and (max-width: 767px) {
	.how-to-enter li {
	   padding-left: 12vw;
	   font-size: 20px;
	}

	.how-to-enter li:before {
		font-weight: 900;
		font-size: 4.5rem;
		top: 8px;
	}

	.how-to-enter p {
		text-align: left;
	}
}
 
.button-wrapper {
	padding: 30px 0;
}
 
.video-area {
	width:100%;
	max-width: 1000px;
	margin:0 auto;
	margin-bottom:50px;
}
 
.video-area iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
}
 
@media screen and (max-width: 1024px) {
	.video-area {
		margin-bottom:30px;
	}
}
  
@media screen and (max-width: 767px) {
	.video-area {
		margin-left: -4%;
		margin-right: -4%;
		width: 108%;
		margin-bottom:5vw;
	}
}
 
.red-title {
	color:#ff3250;
	font-weight:900;
	text-align:center;
	font-size:300%;
	line-height:normal;
}
 
.red-title-small {
	color:#ff3250;
	font-weight:900;
	text-align:center;
	font-size:220%;
	line-height:normal;
}
 
@media screen and (max-width: 1024px) {
	.red-title {
		font-size:190%;
	}
	 
	.red-title-small {
		font-size:160%;
	}
}

@media screen and (max-width: 767px) {
	.red-title {
		font-size:6vw;
	}
	 
	.red-title-small {
		font-size:4vw;
	}
}
 
.chances {
	font-size: 164%; 
	line-height: 33px;
	font-weight:900;
	margin-bottom:50px;
	letter-spacing: -1px;
}

@media screen and (max-width: 1024px) {
	.chances {
		font-size:180%; 
		margin-bottom:30px;
 	}
}

@media screen and (max-width: 767px) { /* mobile-view */
	.chances {
		font-size:6vw;		 
		margin-bottom: 10vw;
	}
}

.date {
	margin-bottom: 30px;
}
 
/* .chances .red {
	display:block;
} */
 
.package {
	margin:0;
}

.package li {
	list-style: none;
	display:flex;
	position: relative;
}

.package li:before {
	content: '.';
	color: #01b3bb;
	font-weight: 900;
	font-size: 5.3rem;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: -12px;
}

ol ol {
	padding-left: 20px;
}

ol ol li {
	list-style: lower-alpha;
}


@media screen and (max-width: 767px) {
	.disclaimer {
		font-size: 16px;
		line-height: 26px;
	}
}