.AlignItems {
	align-items: center;
	display: flex;
}
.ButtonMenuMore {
	color: rgb(23, 164, 243);
	cursor: pointer;
	font-size: xx-large;
	font-weight: bold;
}
[class*="col-"] {
	float: left;
}
	.col-1 {
		width: 8.33%;
	}
	.col-2 {
		width: 16.66%;
	}
	.col-2-3 {
		width: 20%;
	}
	.col-3 {
		width: 25%;
	}
	.col-4 {
		width: 33.33%;
	}
	.col-5 {
		width: 41.66%;
	}
	.col-6 {
		width: 50%;
	}
	.col-7 {
		width: 58.33%;
	}
	.col-8 {
		width: 66.66%;
	}
	.col-9 {
		width: 75%;
	}
	.col-10 {
		width: 83.33%;
	}
	.col-11 {
		width: 91.66%;
	}
	.col-12 {
		width: 100%;
	}
.CookiesPolicyBar {
	background-color: rgb(40, 40, 40);
	border-bottom: 1px solid rgb(113, 186, 13);
	box-shadow: 0 2px 10px rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	display: none;
	padding: 10px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 99999;
}
	.CookiesPolicyBar a {
		color: rgb(113, 186, 13);
	}
	.CookiesPolicyBar button {
		background-color: rgb(113, 186, 13);
		color: rgb(255, 255, 255);
	}
.Copyright {
	color: rgb(255, 255, 255);
	min-height: 50px;
	padding: 10px;
	text-align: center;
}
.Footer {
	color: rgb(255, 255, 255);
	min-height: 246px;
	padding: 30px;
}
	.Footer a {
		color: rgb(255, 255, 255);
		text-decoration: none;
	}
		.Footer a:hover {
			color: rgba(255, 255, 255, 0.75);
			text-decoration: underline;
			transition: color 1s;
		}
	.Footer ul {
		list-style: none;
	}
.MenuTablet {
	color: rgb(255, 255, 255);
	display: none;
	font-size: large;
}
	.MenuTablet a {
		color: rgb(255, 255, 255);
		text-decoration: none;
	}
	.MenuTablet a:hover {
		background-color: rgb(225, 225, 225);
		color: rgb(102, 102, 0);
	}
.Mobile, .Tablet {
	display: none
}
.ModalFixed {
	align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
	display: flex;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999999999;
}
.ModalFlex {
	align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
	display: flex;
    height: 100%;
    width: 100%;
}
.ModalDialog, .ModalDialogRadius {
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    margin: auto;
    max-width: 500px;
    padding: 25px;
}
.ModalDialogRadius {
	border-radius: 20px;
}
.OnTop {
	background: url("../images/32/top.png") no-repeat center center;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	bottom: 25px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: none;
	height: 56px;
	height: 56px;
	padding: 5px;
	position: Fixed;
	right: 20px;
	width: 56px;
	transition: 1s;
	z-index: 1;
}
.Pack {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(225, 225, 225);
    box-shadow: 0 0 15px rgb(225, 225, 225);
	margin: 10px;
	padding: 10px;
}
.PC{
	display: block;
}
.SubTitle {
	font-size: x-large;
}
.Title {
	color: rgb(102, 102, 0);
	font-size: xx-large;
	padding: 5px;
}
.TopBar {
	background-color: rgba(0, 0, 0, 0.75);
}
.TopBar1 {
	min-height: 150px;
	padding: 5px;
}
.TopBar2 {
	background: linear-gradient(45deg, rgb(102, 102, 0), rgba(102, 102, 0, 0.25));
	border-bottom: 5px solid rgba(0, 0, 0, 0.75);
	border-top: 5px solid rgba(0, 0, 0, 0.75);
	font-size: large;
	min-height: 60px;
}
	.TopBar2 ul {
		list-style: none;
	}
	.TopBar2 li {
		color: rgb(225, 225, 225);
		float: left;
		padding: 5px 30px;
	}
	.TopBar2 a, .TopBar2 div  {
		color: rgb(255, 255, 255);
	}
	.TopBar2 a:hover, .TopBar2 li:hover  {
		color: rgb(128, 128, 128);
		transition: 1s;
		text-decoration: none;
	}
.WidthAuto {
	margin: auto;
	max-width: 1000px;
	width: 100%;
}

@media only screen and (min-width: 1200px) {/*Large Desktop*/
	.WidthAuto {
		margin: auto;
		max-width: 1150px;
		width: 100%;
	}
}
@media only screen and (min-width: 1600px) {/*Large Desktop*/
	.WidthAuto {
		margin: auto;
		max-width: 1400px;
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {/*Tablet*/
	[class*="col-"], .MenuLinks {
		float: none;
		width: 100%;
	}
	.Mobile, .PC {
		display: none
	}
	.Tablet {
		display: block;
	}
	.TopBar2 li {
		float: none;
		padding: 5px;
	}
}
@media only screen and (max-width: 600px) {/*Mobile*/
	[class*="col-"],{
		float: none;
		width: 100%;
	}
	.Mobile {
		display: block;
	}
	.PC {
		display: none
	}
}
