body {}

/*************************************** HEADER ***************************************/

header {
	width: 100%;
	/* background-color: rgba(0,0,0,0.75);
	backdrop-filter: blur(5px); */
	/* background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%); */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 180;
}

header .inh {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}

.nostick, .nostick .inh {
	height: 180px;
	transition: all 0.5s ease-in-out;
}

.stick, .stick .inh {
	height: 100px;
	transition: all 0.5s ease-in-out;
}

header .inh .logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

.nostick .inh .logo img {
	height: 160px;
	transition: all 0.5s ease-in-out;
}

.stick .inh .logo img {
	height: 80px;
	transition: all 0.5s ease-in-out;
}

.topsp {
	width: 100%;
	height: 180px;
	/* background-color: #000;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover; */
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}

/*************************************** CONTENT ***************************************/

content {
	display: block;
	width: 100%;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
	z-index: 179;
}

content .ins {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	/* background-color: rgba(0,0,0,0.85);
	backdrop-filter: blur(5px); */
}

content .ins img {max-width: 100%;}

/*************************************** FOOTER ***************************************/

footer {
	display: block;
	background-color: rgba(0,0,0,0.75);
	/* backdrop-filter: blur(5px); */
	width: 100%;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}

footer .inf {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}

footer .inf li {
	width: 33%;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;	
}

footer .inf li:nth-child(2) {
	text-align: center;
	order: 0;
	flex: 1 1 auto;
	align-self: auto;
}

footer .inf li:nth-child(3) {
	text-align: right;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}

footer .inf li a {
	display: inline-block;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

/*************************************** NAV ***************************************/

#barz {display: none;}

nav {}

nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}

.nostick nav ul {
	height: 170px;
	margin-left: 473px;
	transition: all 0.5s ease-in-out;
}

.stick nav ul {
	height: 100px;
	margin-left: 213px;
	transition: all 0.5s ease-in-out;
}

nav ul li {
	/* background-color: rgba(0,0,0,0.85); */
	text-align: right;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}

nav ul li:last-child {
	padding-right: 10px;
}

nav ul li:first-child {
	/* border-bottom-left-radius: 100px;
	border-top-left-radius: 100px; */
}

nav ul li a {
	display: block;
	background-color: rgba(0,0,0,0.75);
	padding: 7px 11px;
	margin: 0;
	color: #f31c48;
	transition: all 0.75s ease-in-out;
}

nav ul li a:hover, nav ul li.on a {
	color: #fff;
	background-color: #f31c48;
	/* font-weight: 800; */
	/* transform: scale(1.25); */
	transition: all 0.75s ease-in-out;
}

/***************************************************************** STUFF *****************************************************************/

.inn {
	width: 100%;
	border: 1px solid #000;
    background-color: rgba(255,255,255,0.85);
	margin-bottom: 20px;
	color: #000;
	break-inside: avoid;
}

.inn .dte {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 900;
	padding: 10px;
	text-transform: uppercase;
}

.inn .gmi {
	text-align: center;
}

.inn .gmi img {
	display: block;
	max-width: 100%;
	vertical-align: middle;
	margin: 0 auto;
}

.inn .dat {
	padding: 10px;
}

/*************************************** LAST ***************************************/

#vz {
	display: none;
	visibility: hidden;
	position: fixed;
	display: none;
}

.mbsho, .mbisho {display: none;}
.dssho {display: block;}