/* first for IE 4–8 */
@font-face {
	font-family: NettoWeb;
	src: url("../fonts/NettoWeb.eot");
}
/* then for WOFF-capable browsers */
@font-face {
	font-family: NettoWeb;
	src: url("../fonts/NettoWeb.woff") format("woff");
}
body.site, h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
}
body.site {
	font-family: NettoWeb, sans-serif;
	font-size: 15px;
	color: #647a84;
}
html, body {
	margin: 0;
	padding: 0;
}
header.header {
	position: fixed;
	z-index: 9;
	background: #fff;
	max-width: 930px;
	width: 930px;
	margin-left: calc((100% - 930px)/2);
}
.container-header .grid-child {
	padding: 0;
}
header.header:after {
	content: "";
	left: 0;
	right: 0;
	display: block;
	height: 0;
	border-bottom: 1px solid #d8dee0;
	position: absolute;
}
a, header .logo a, a:not([class]) {
	text-decoration: none;
	color: #ce2f80;
}
header li.active a, header li a:hover {
	color: #ce2f80 !Important;
}
.grid-child, .site-grid {
	max-width: 930px;
	margin: 0 auto;
}
.container-header .grid-child:not(.container-nav) {
	padding: 55px 0 0;
	height: 176px;
}
.site-grid {
	padding: 200px 0 100px;
	grid-gap: 0;
}
header li img {
	height: 18px;
	width: auto;
	padding-right: 4px;
	float: left;
}
header a, footer a {
	color: #647a84 !Important;
}
.container-header {
	background: #fff !important;
}

#stage {
	position: relative;
	margin-bottom: 55px;
}
#stage img {
	display: block;
}
#stage span {
	position: absolute;
	bottom: -4px;
	line-height: 56px;
	font-size: 86px;
	color: #ce2f80;
	font-weight: normal;
	left: 0;
	color: #fff;
}
.fcitem1 #stage span {
	line-height: normal;
	font-size: 50px;
}
#stage span, .container,
#flexicontent.fccategory {
	width: 540px;
	margin-left: 120px;
	float: left;
}
#stage span {
	padding-left: 120px;
	margin-left: -5px;
}
#flexicontent .container {
	float: left;
}
.info {
	float: right;
	width: 160px;
	font-size: 12px;
	border-bottom: 1px solid #ce2f80;
	margin-top: 1px;
	padding: 0 0 12px;
}
.info h3, .info h2 {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}
.info h2 {
	border-top: 1px solid #ce2f80;
	padding: 12px 0 10px;
}
.info li a {
	padding-top: 10px;
	display: inline-block;
}
.container h1, .redtitle {
	font-size: 24px;
	color: #ce2f80;
	font-weight: normal;
	line-height: 140%;
}
.toggleClick {
	cursor: pointer;
	text-decoration: underline;
}
#toggleDiv, .hide {
	display: none;
}
.description {
	line-height: 20px;
	padding-top: 34px;
}
footer {
	position: absolute;
	bottom: 0;
	height: 40px;
	left: 20px;
	right: 20px;
	background: #fff !important;
}
footer > div {
	background: #e0e4e7 !Important;
}
footer > div  ul {
	padding-left: 140px !important;
}
.container h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}
.info a,
#flexicontent a {
	color: #647a84;
}
.container-nav {
	padding-bottom: 0 !Important;
}
.footer .grid-child {
	padding: 0 !Important;
}
footer ul {
	flex-direction: row !Important;
}
footer li {
	list-style: none;
	line-height: 40px;
	display: inline-block;
	padding: 0 48px 0 0 !important;
}
@media (max-width:991px) {
header.container-header .container-nav {
	position: absolute;
	top: 45px;
	right: 0;
	width: auto;
}
.site-grid {
	padding-top: 0 !important;
}
.container-header .grid-child:not(.container-nav) {
	height: 235px !important;
}
header.header {
	position: fixed;
	z-index: 9;
	background: #fff;
	max-width: 930px;
	margin-left: calc((100% - 930px)/2);
}
}
@media (max-width: 960px) {
header.header {
	margin-left: 15px;
	margin-right: 15px;
	width: auto;
}
.site-grid {
	padding: 220px 15px 100px;
}
}
@media (max-width: 910px) {
.info {
	float: none;
	clear: both;
	margin: 0 0 0 120px;
	padding-top: 30px;
}
}
@media (max-width: 800px) {
#stage span,
#flexicontent .container,
#flexicontent.fccategory {
	margin: 0;
	padding: 0 10px;
	width: auto !Important;
	max-width: unset;
}
#stage span {
	line-height: 36px;
	font-size: 45px;
}
.fcitem1 #stage span {
	font-size: 30px;
}
#stage img {
 height: 17vw !important;
 object-fit: cover;
}
}
.container-header .mod-menu {
	padding-left: 0;
	padding-right: 0;
}
 
@media (max-width: 800px) {
   .info {
       width: auto;
       margin: 0 10px;
   }
}
 
@media (max-width: 520px) {
 .brand-logo img {
    width: calc(100% - 220px);
}

 }