*,
			*:before,
			*:after {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				margin: 0;
				padding: 0;
				list-style: none;
			}

			html,
			body,
			form,
			.container {
				height: 100%;
			}

			body {
				font-size: 16px;
				font-weight: 400;
				font-family: "Open Sans", sans-serif;
				color: #000;
				-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: none;
				-webkit-font-smoothing: antialiased;
				text-rendering: optimizeLegibility;
				background: #fff;
				background-color: #000;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-image: url("../cgImg/banner.png");
				/*background-image: url("*/
			}

			.container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				text-align: center;
				position: relative;
			}

			.header {
				position: relative;
				color: #fff;
				height: 48px;
			}
				.header__title {
					display: block;
					color: #fff;
					text-transform: uppercase;
					font-size: 32px;
					font-weight: 700;
					text-shadow: 0 0 10px rgba(0,0,0,1);
					letter-spacing: -2px;
					line-height: 1;
					padding-top: 7px;
				}
				.header__age {
					position: absolute;
					z-index: 10;
					top: 10px;
					right: 10px;
					color: #fff;
					width: 28px;
					height: 28px;
					font-size: 14px;
					line-height: 26px;
					border-radius: 50%;
					border: 1px solid #fff;
					text-align: center;
					letter-spacing: -1px;
					background-color: rgba(0,0,0,0.75);
					text-indent: -1px;
				}


			.main {
				position: absolute;
				z-index: 10;
				/*top: 30px;*/
				right: 0;
				bottom: 30px;
				left: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
			}
				.main .main__title {
					color: #fff;
					text-transform: uppercase;
					font-size: 25px;
					font-weight: 500;
					text-shadow: 0 0 10px rgba(0,0,0,1);
					letter-spacing: -2px;
					line-height: 1;
					margin-bottom: 0px;
					margin-top: -46px;
				}
				.main .main__subtitle {
					color: #fff;
					text-transform: uppercase;
					background-color: #000;
					width: 100%;
					font-size: 14px;
					line-height: 1;
					padding: 3px 0 3px 0;
					margin-bottom: 8px;
				}
				.main .main__button {
					margin-bottom: 5px;
					width:100%
				}
					.main .main__button .button1 {
						display: block;
						margin: 0px 5% 10px 5%;
						border: 0;
						outline: 0;
						cursor: pointer;
						text-align: center;
						font-size: 32px;
						width: 90%;
						height: 50px;
						border-radius: 5px;
						color: #000;
						background-color:#fe02a3;
						padding-top: 2px;
						text-transform: uppercase;
						font-weight: 600;
						letter-spacing: 1px;
						-webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
						box-shadow: 0 0 10px rgba(0,0,0,1);
					}
					.main .main__button .button2 {
						display: block;
						margin: 0 5% 0 5%;
						border: 0;
						outline: 0;
						cursor: pointer;
						text-align: center;
						font-size: 32px;
						width: 90%;
						height: 50px;
						border-radius: 5px;
						color: #000;
						background-color:#8c8c8c;
						padding-top: 2px;
						text-transform: uppercase;
						font-weight: 600;
						letter-spacing: 1px;
						-webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
						box-shadow: 0 0 10px rgba(0,0,0,1);
					}
					.main .price > span {
						height: 30px;
						display: inline-block;
						color: #fff;
						white-space: nowrap;
						color: #fff;
						background: #000;
						font-size: 22px;
						line-height: 22px;
						border-radius: 3px;
						padding: 3px 5px 5px 5px;
					}
						.main .price > span:not(:nth-child(1)) {
							display: none;
						}


				.footer {
					color: #fff;
					text-shadow: #000 1px 0px 0px,
								 #000 0.540302px 0.841471px 0px,
								 #000 -0.416147px 0.909297px 0px,
								 #000 -0.989992px 0.14112px 0px,
								 #000 -0.653644px -0.756802px 0px,
								 #000 0.283662px -0.958924px 0px,
								 #000 0.96017px -0.279415px 0px;
					background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
					background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
					background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
					background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
				}
					.footer a {
						text-decoration: underline;
						color: #fff;
					}
					.footer__regulations {
						padding: 4px 0 6px 0;
						line-height: 18px;
					}


			@media screen and (orientation: landscape) {
				.container {
					position: static;
				}
				.header__age {
					background-color: rgba(0,0,0,0.5);
				}
				.main {
					position: static;
					z-index: auto;
					top: auto;
					left: auto;
				}

			}

			@media screen and (max-height: 320px) and (orientation: landscape) {
				.header__title {
					display: block;
				}
				.main__title,
				.main__subtitle {
					display: none;
				}
			}

			@media screen and (max-height: 75px) and (orientation: landscape) {
				.header__title {
					display: none;
				}
				.main__title,
				.main__subtitle {
					display: block;
				}
			}

			@supports(padding: max(0px)) {
				@media screen and (max-width: 537px) and (orientation: landscape) {
					.footer__regulations {
						padding-left: max(10px, env(safe-area-inset-left));
						padding-right: max(10px, env(safe-area-inset-right));
					}
				}
			}