header {

	position:fixed;
	Left:0px;
	height:60px;
	width:100%;
	
overflow:hidden;
	z-index:1;
}

#header_flex_outer {
	margin:auto;
	width:1014px;
}

#header_flex_inner {
	margin:auto;
	display:flex;
	width:1000px;
}

#header_background_wrapper {
	position:fixed;
	margin:auto;
	width:100%;
	z-index:-1;
}

.header_background {
	margin:auto;
	padding:0px;
	height:13vw;
	min-height:60px;
	max-height:123px;
	width:1032px;
}

#menu {
	position:fixed;
	margin:auto;
	top:60px;
	left:0;
	right:0;
	white-space:nowrap;
}

@media screen and (min-width:580px) {
	#menu {
		max-width:400px;
	}
}

.menu_show {
	z-index:2;
}

.menu_hide {
	z-index:1;
	transition-delay:.5s;
	-moz-transition-delay:.5s;
	-webkit-transition-delay:.5s;
}

@media screen and (min-width:580px) {
	#menu_items {
		margin:auto;
		max-width:400px;
		overflow:hidden;
		background-color:rgba(0,0,0,.8);
	}
}

@media screen and (max-width:580px) {
	#menu_items {
		margin:auto;
		overflow:hidden;
		background-color:rgba(0,0,0,.8);
	}
}

@media screen and (min-width:580px) {
	.menu_items_show {
		width:100%;
		transition:width .5s;
		-moz-transition:width .5s;
		-webkit-transition:width .5s;
	}
}

@media screen and (max-width:580px) {
	.menu_items_show {
		width:100%;
		transition:width .5s;
		-moz-transition:width .5s;
		-webkit-transition:width .5s;
	}
}

.menu_items_hide {
	width:0%;
	transition:width .5s;
	-moz-transition:width .5s;
	-webkit-transition:width .5s;
			z-index:1;
}

#menu_top {
	height:60px;
}

#menu_dropdown {
	position:relative;
	top:calc((60px - (5px * 3 + 6px * 2)) * .5);
	width:calc(35px * .7);
	cursor:pointer;
}


#region {
	padding:0px 10px 0px 10px;
	font-size:1em;
	line-height:60px;
	color:#ffffff;
	white-space:nowrap;
}

#search_image {
	height:38px;
	line-height:60px;
	cursor:pointer;
}

#search_image img {
	height:30px;
	width:30px;
	vertical-align:middle;
}

#menu_items ol {

	display:grid;

	background-color:rgba(0,0,0,.1);

}



#menu_items li {

	display:inline-block;

	height:100%;

	border:1px solid rgba(0,0,0,.5);

}



#menu_items li .menu_item {

	display:block;

	padding:0px 10px 0px 10px;

	font-size:.9em;

	line-height:2.66;

	color:#ffffff;

}



#menu_items li .menu_item:hover {

	color:rgba(220,0,0,.8);

	background-color:#ffffff;

}



#menu_items li .region_item {

	padding-left:50px;

}


@media screen and (min-width:580px) {
	#ch_logo_small {
		display:none;
	}

	#ch_logo_large {
		position:absolute;
		margin:auto;
		left:0;
		right:0;
		max-width:150px;
		z-index:1;
	}
	#ch_logo_large img {
		margin-top:5px;
		height:11.7vw;
		max-height:112px;
		aspect-ratio:1.835;
	}

	.ch_logo_menu_show {
		position:absolute;
		width:100%;
		left:45%;
		opacity:1;
		transition:opacity .5s;
		-moz-transition:opacity .5s;
		-webkit-transition:opacity .5s;
	}

	.ch_logo_menu_show img {
		padding-top:5px;
		width:90px;
	}

	.ch_logo_menu_hide {
		width:0px;
		opacity:0;
	}

	.ch_logo_menu_hide img {
		width:0px;
	}
}

@media screen and (max-width:580px) {
	#ch_logo_small {
		width:51vw;
		max-width:1000px;
		text-align:center;
	}

	#ch_logo_small img {
		padding-top:5px;
		width:90px;
	}

	#ch_logo_large {
		display:none;
	}

	#ch_logo_large img {
		display:none;
	}

	.ch_logo_menu_show {
	}

	.ch_logo_menu_hide {
	}
}


#search_bar {

	position:fixed;
	margin:auto;
	top:60px;
	left:0;
	right:0;
	max-width:600px;
	white-space:nowrap;
	overflow:hidden;
}


.search_bar_show {
	z-index:2;
}

.search_bar_hide {
	z-index:1;
	transition-delay:.5s;
	-moz-transition-delay:.5s;
	-webkit-transition-delay:.5s;
}

@media screen and (min-width:580px) {
	#search_bar_items {
		margin:auto;
		max-width:600px;
		overflow:hidden;
	}
}

@media screen and (max-width:580px) {
	#search_bar_items {
		margin:auto;
		overflow:hidden;
	}
}

.search_bar_items_show {
	height:37px;
	transition:height .5s;
	-moz-transition:height .5s;
	-webkit-transition:height .5s;
}

.search_bar_items_hide {
	height:0;
	transition:height .5s;
	-moz-transition:height .5s;
	-webkit-transition:height .5s;
}


#search_bar_inputs {

	margin:0px;

	padding:0px;

	line-height:37px;

	background-color:rgba(0,0,0,.7);
}



#search_text_outer {

	width:100%;

}



#search_text {

	padding:2px 10px 2px 35px;

	width:100%;

	font-size:1.2em;

	color:#ffffff;

	background-color:rgba(0,0,0,0);
	border:transparent;

	background:url(/images/icons/mg.webp) no-repeat left center;
	background-size:24px 22px;
	background-position:5px
}


#search_text::placeholder {
	color:#ffffff;
}


#category_dropdowns {

	margin:auto;

	padding:0px;

	width:100%;

	max-width:600px;

	overflow:hidden;

	z-index:3;

}




@media screen and (min-width:580px) {
	#category_dropdowns {
		width:100%;
		max-width:600px;
		font-size:.1em;
		overflow:hidden;
	}
}

@media screen and (max-width:580px) {
	#category_dropdowns {
		font-size:.1em;
		overflow:hidden;
	}
}

#category_items {

	margin:auto;
	width:100%;

	background-color:rgba(255,255,255,.9);

	overflow:scroll;

	overflow-X:hidden;

}



@media screen and (min-width:580px) {

	#category_items {

		font-size:10em;

	}

}



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

	#category_items {

		font-size:12em;

	}

}



#category_items a {

	display:inline-block;
	color:#000000;

	width:100%;

}



#category_items ol {

	list-style:none;

}



#category_items li {

	padding-left:20px;

	line-height:1.5em;

}



#category_items .categroy:hover {

	color:#666666;

	background-color:#aaaaaa;

}



@media screen and (min-width:580px) {

	.category_dropdown_show {

		height:80vh;

		transition:height .5s;

		-moz-transition:height .5s;

		-webkit-transition:height .5s;

	}

}



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

	.category_dropdown_show {

		height:100vh;

		transition:height .5s;

		-moz-transition:height .5s;

		-webkit-transition:height .5s;

	}

}

.category_dropdown_hide {

	height:0px;

	transition:height .5s;

	-moz-transition:height .5s;

	-webkit-transition:height .5s;

	overflow:hidden;
}



.strong_category_dropdown {
	cursor:pointer;
}

.category_dropdown {

	float:left;

	display:inline-block;

	padding-top:6px;

	width:20px;

	height:20px;

	cursor:pointer;

}



.category_dropdown_bar1 {

    width:14px;

    height:2px;

    background-color:#000000;

    margin:4px 0;

}



.category_dropdown_bar2 {

    width:14px;

    height:2px;

    background-color:#000000;

    margin:4px 0;

	margin-top:-6px;

	transform:rotate(90deg);

	-moz-transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

}



.category_dropdown_icon_show .category_dropdown_bar2 {

	transform:rotate(0deg);

	-moz-transform:rotate(0deg);

	-webkit-transform:rotate(0deg);

	transition-duration:.5s;

	-moz-transition-duration:.5s;

	-webkit-transition-duration:.5s;

}



.category_dropdown_icon_hide .category_dropdown_bar2 {

	transform:rotate(90deg);

	-moz-transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

	transition-duration:.5s;

	-moz-transition-duration:.5s;

	-webkit-transition-duration:.5s;

}


.category_dropdown_sub_menu_show {
	height:100%;
}

.category_dropdown_sub_menu_hide {
	height:0px;
	overflow:hidden;
}

.menu_bar1, .menu_bar2, .menu_bar3 {

    width:calc(35px * .7);

    height:calc(5px * .7);

    background-color:#ffffff;

    margin:calc(6px * .7) 0;

}



.menu_icon_open .menu_bar1 {

	animation:menu_bar1_open .5s forwards;

	-moz-animation:menu_bar1_open .5s forwards;

	-webkit-animation:menu_bar1_open .5s forwards;

}



@keyframes menu_bar1_open {

	50% {

		transform:translate(calc(0px * .7),calc(10px * .7));

	}

	100% {

		transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

}



@-moz-keyframes menu_bar1_open {

	50% {

		-moz-transform:translate(calc(0px * .7),calc(10px * .7));

	}

	100% {

		-moz-transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

}



@-webkit-keyframes menu_bar1_open {

	50% {

		-webkit-transform:translate(calc(0px * .7),calc(10px * .7));

	}

	100% {

		-webkit-transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

}



.menu_icon_open .menu_bar2 {opacity:0;}



.menu_icon_open .menu_bar3 {

	animation:menu_bar3_open .5s forwards;

	-moz-animation:menu_bar3_open .5s forwards;

	-webkit-animation:menu_bar3_open .5s forwards;

}



@keyframes menu_bar3_open {

	50% {

		transform:translate(calc(0px * .7),calc(-10px * .7));

	}

	100% {

		transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

}



@-moz-keyframes menu_bar3_open {

	50% {

		-moz-transform:translate(calc(0px * .7),calc(-10px * .7));

	}

	100% {

		-moz-transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

}



@-webkit-keyframes menu_bar3_open {

	50% {

		-webkit-transform:translate(calc(0px * .7),calc(-10px * .7));

	}

	100% {

		-webkit-transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

}



.menu_icon_close .menu_bar1 {

	animation:menu_bar1_close .5s forwards;

	-moz-animation:menu_bar1_close .5s forwards;

	-webkit-animation:menu_bar1_close .5s forwards;

}



@keyframes menu_bar1_close {

	0% {

		transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

	 50% {

		transform:translate(calc(0px * .7),calc(10px * .7));

	}

}



@-moz-keyframes menu_bar1_close {

	0% {

		-moz-transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

	 50% {

		-moz-transform:translate(calc(0px * .7),calc(10px * .7));

	}

}



@-webkit-keyframes menu_bar1_close {

	0% {

		-webkit-transform:rotate(-45deg) translate(calc(-8px * .7),calc(8px * .7));

	}

	 50% {

		-webkit-transform:translate(calc(0px * .7),calc(10px * .7));

	}

}



.menu_icon_close .menu_bar2 {opacity:1;}



.menu_icon_close .menu_bar3 {

	animation:menu_bar3_close .5s forwards;

	-moz-animation:menu_bar3_close .5s forwards;

	-webkit-animation:menu_bar3_close .5s forwards;

}



@keyframes menu_bar3_close {

	0% {

		transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

	50% {

		transform:translate(calc(0px * .7),calc(-10px * .7));

	}

}



@-moz-keyframes menu_bar3_close {

	0% {

		-moz-transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

	50% {

		-moz-transform:translate(calc(0px * .7),calc(-10px * .7));

	}

}

@-webkit-keyframes menu_bar3_close {

	0% {

		-webkit-transform:rotate(45deg) translate(calc(-8px * .7),calc(-8px * .7));

	}

	50% {

		-webkit-transform:translate(calc(0px * .7),calc(-10px * .7));

	}

}