@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-Bold.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-Medium.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-Light.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-ExtraBold.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-Black.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('../fonts/heebo/Heebo-Regular.woff2') format('woff2'),
        url('../fonts/heebo/Heebo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

#nav .primary-menu,
.event-list,
.top-schedule-menu,
.note-section ul,
#nav .primary-menu > li .sub-menu,
.event-data-section .detail-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	min-width: 320px;
	font-family: "Heebo", sans-serif;
	/* background: #3b4c57 url(../img/bg-body.png); */
	background: #222;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* slick slider style */
/* Slick slider styles */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin:auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  min-height: 1px;
  height: 100%;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-height: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* slick slider style end */

#wrapper {
	overflow: hidden;
	width: 100%;
	min-height: 100vh;
	padding-top: 53px;
}

/* header style start */
#header {
	padding: 10px 0;
	box-sizing: border-box;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	background: #16191c url("../img/subtl_head.png") repeat-x;
	border-bottom: 3px solid #ad0000;
	box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, .5), inset 0 -11px 8px -10px rgba(0, 0, 0, .5);
}

.logo {
	margin: 0 auto;
	text-align: center;
}

.logo a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
	justify-content: center;
}

.logo .logo-text {
	margin: 0 0 0 6px;
	font-size: 19px;
	font-weight: 400;
}

.logo img {
	width: auto;
	max-height: 40px;
}

.nav-opener {
	height: 20px;
	width: 28px;
	font-size: 0;
	line-height: 0;
	z-index: 4;
	background: none;
	outline: none;
	border: none;
	padding: 0;
	float: right;
	z-index: 2;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.nav-opener:focus {
	outline: none;
}

.nav-opener:hover {
	opacity: .8;
}

.resize-active .nav-opener {
	-webkit-transition: none;
	transition: none;
}

.nav-opener span {
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 3px;
	background: #ad0000;
	margin-top: -1px;
	-webkit-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s;
}

.nav-active .nav-opener span {
	background: none;
}

.resize-active .nav-opener span {
	-webkit-transition: none;
	transition: none;
}

.nav-opener span:before,
.nav-opener span:after {
	border-radius: 1px;
	position: absolute;
	right: 0;
	width: 100%;
	height: 3px;
	background: #ad0000;
	content: "";
	margin: 0;
}

.resize-active .nav-opener span:before,
.resize-active .nav-opener span:after {
	-webkit-transition: none;
	transition: none;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

.nav-opener span:before {
	top: -8px;
	-webkit-transition: .3s ease top .3s, .3s ease transform 0s;
	transition: .3s ease top .3s, .3s ease transform 0s;
}

.nav-active .nav-opener span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .3s ease top 0s, .3s ease transform .3s;
	transition: .3s ease top 0s, .3s ease transform .3s;
}

.nav-opener span:after {
	bottom: -8px;
	-webkit-transition: .3s ease bottom .3s, .3s ease transform 0s;
	transition: .3s ease bottom .3s, .3s ease transform 0s;
}

.nav-active .nav-opener span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .3s ease bottom 0s, .3s ease transform .3s;
	transition: .3s ease bottom 0s, .3s ease transform .3s;
}

.menu-account {
	position: absolute;
	top: 50%;
	right: 15px;
	line-height: 1;
	color: #fff;
	outline: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-decoration: none;
	transform: translate(0,-50%);
}

.menu-account .fa {
	font-size: 26px;
}

.menu-account:focus {
	text-decoration: none;
	outline: none;
}

.menu-account:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

/* header style end */

/* side menu style start */

#nav {
	background: #333;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
	transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
	transition: transform .3s cubic-bezier(.685, .0473, .346, 1);
	transition: transform .3s cubic-bezier(.685, .0473, .346, 1), -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
	width: 240px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
}

.resize-active #nav {
	-webkit-transition: none;
	transition: none;
}

#nav .nav-collpse-control {
	display: none;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #666;
	letter-spacing: 1px;
}

#nav .nav-collpse-control .fas,
#nav .nav-collpse-control .fab {
	-ms-flex-preferred-size: 30px;
	flex-basis: 30px;
	max-width: 30px;
	min-width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 22px;
	margin-right: 15px;
}

#nav .nav-collpse-control .fas:before,
#nav .nav-collpse-control .fab:before {
	display: block;
	-webkit-transition: .3s linear transform;
	transition: .3s linear transform;
}

.side-menu-expanded #nav .nav-collpse-control .fas:before,
.side-menu-expanded
#nav .nav-collpse-control .fab:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#nav .nav-collpse-control .menu-text {
	white-space: nowrap;
	line-height: 30px;
	font-size: 12px;
}

#nav .primary-menu > li.active > a,
#nav .primary-menu > li > a.active {
	background: #666;
}

/* #nav .primary-menu > li.video > a {
	background: #8d1d1c;
} */

#nav .primary-menu > li.reminder > a  {
	font-weight: 700;
}

#nav .primary-menu > li.reminder > a .fa-video {
	color: #ad0010;
}

/* #nav .primary-menu > li.favorite > a {
	background: #650708;
} */

/* #nav .primary-menu > li.play > a {
	background: #999;
} */

#nav .primary-menu > li.home > a:hover,
#nav .primary-menu > li.video > a:hover,
#nav .primary-menu > li.reminder > a:hover,
#nav .primary-menu > li.favorite > a:hover,
#nav .primary-menu > li.play > a:hover {
	background: #ad0000;
}

#nav .primary-menu > li.reminder > a:hover .fa-video,
#nav .primary-menu > li.reminder.active > a .fa-video,
#nav .primary-menu > li.reminder > a.active .fa-video {
	color: #fff;
}

#nav .primary-menu > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	border-bottom: 1px solid #666;
	letter-spacing: 1px;
}

#nav .primary-menu > li > a:hover {
	background: #ad0000;
}

#nav .primary-menu > li > a .fas,
#nav .primary-menu > li > a .fab {
	-ms-flex-preferred-size: 30px;
	flex-basis: 30px;
	max-width: 30px;
	min-width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	margin-right: 15px;
}

#nav .primary-menu > li > a .menu-text {
	white-space: nowrap;
	line-height: 30px;
	font-size: 14px;
}

body:not(.side-menu-expanded) #nav .primary-menu > li.has-drop-down {
	position: relative;
}
#nav .primary-menu > li.has-drop-down > a {
	position: relative;
}
body.side-menu-expanded #nav .primary-menu > li.has-drop-down > a {
	padding-right: 30px;
}
body.side-menu-expanded #nav .primary-menu > li.has-drop-down > a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
	line-height: 1;
	font-size: 22px;
}

body.side-menu-expanded #nav .primary-menu > li.has-drop-down.active > a:after {
	transform: translate(0,-50%) rotate(90deg);
}

body:not(.side-menu-expanded) #nav .primary-menu > li.has-drop-down .sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	width: 240px;
	z-index: 999;
}
#nav .primary-menu > li.has-drop-down:not(.active) .sub-menu:not(.js-acc-hidden) {
	display: none;
}
#nav .primary-menu > li .sub-menu {
	background: #303030;
}

body:not(.side-menu-expanded) #nav .primary-menu > li .sub-menu > li:first-child {
	border: none;
}

#nav .primary-menu > li .sub-menu > li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#nav .primary-menu > li .sub-menu a {
	display: block;
	padding: 11px 15px;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
}

#nav .primary-menu > li .sub-menu a.active {
	background: #ad0000;
}

#nav .primary-menu > li .sub-menu a:hover {
	background: #666;
}

/* side menu style end */

.main-content-panel {
	padding: 15px;
	min-height: calc(100vh - 63px);
}

/* event list style (index page) */
.events-list-section .panel-heading {
	background: #666;
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 10px 15px;
}

.event-list {
	padding: 0 0 30px;
}

.event-list > li {
	padding: 10px;
	position: relative;
	-webkit-transition: padding-left .3s cubic-bezier(.685, .0473, .346, 1);
	transition: padding-left .3s cubic-bezier(.685, .0473, .346, 1);
	background-color: #333;
}

.event-list > li + li {
	border-top: 1px solid #666;
}

.event-list > li:before {
	content: "";
	position: absolute;
	top: 10px;
	height: calc(100% - 20px);
	width: 4px;
	background: #ad0000;
	left: 0;
	-webkit-transition: width .3s cubic-bezier(.685, .0473, .346, 1);
	transition: width .3s cubic-bezier(.685, .0473, .346, 1);
}

.event-list > li:hover {
	padding-left: 15px;
}

.event-list > li > .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2857;
	color: #ddd;
}

.event-list > li > .wrapper img.disziplinlogo {
	-ms-flex-preferred-size: 60px;
	flex-basis: 60px;
	max-width: 60px;
	height: 64px;
}

.event-list > li > .wrapper .date {
	-ms-flex-preferred-size: 60px;
	flex-basis: 60px;
	max-width: 60px;
	height: 64px;
}

.event-list > li > .wrapper .date .day {
	display: block;
	background: #fff;
	color: #ad0000;
	text-align: center;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 900;
	padding: 5px;
}

.event-list > li > .wrapper .date .month {
	display: block;
	text-transform: uppercase;
	background: #999;
	color: #fff;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	line-height: 1.4286;
	padding: 2px 5px;
	letter-spacing: .05em;
}

.event-list > li > .wrapper .event-content {
	padding: 2px 15px;
	-ms-flex-preferred-size: calc(100% - 62px);
	flex-basis: calc(100% - 62px);
	max-width: calc(100% - 62px);
}

.event-list > li > .wrapper .event-title {
	font-size: 16px;
	line-height: 1.25;
	margin: 0;
	color: #fff;
}

.event-list > li > .wrapper .event-title > p {
	display: contents;
}

.event-list > li > .wrapper .event-detail-info a {
	color: #ad0000;
}

/* event list style (index page) end */

/* hero-slider css */
.hero-slider {
	position: relative;
	margin-bottom: 15px;
}

.hero-slider > .slide ~ .slide {
	display: none;
}

.hero-slider .slide img {
	width: 100%;
}

.hero-slider .slick-arrow {
	border: none;
	outline: none;
	background: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	line-height: 1;
	color: #fff;
	z-index: 9;
	font-size: 40px;
	cursor: pointer;
}

.hero-slider .slick-arrow i {
	display: block;
}

.hero-slider .slick-prev {
	left: 10px;
}

.hero-slider .slick-next {
	right: 10px;
}

.hero-slider .img-wrap img {
	width: auto;
	max-height: 33vh;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.hero-slider {
		margin-bottom: 20px;
	}
	.hero-slider .slick-arrow {
		font-size: 50px;
	}

	.hero-slider .slick-prev {
		left: 15px;
	}

	.hero-slider .slick-next {
		right: 15px;
	}

	.note-section .note-title .fa-angle-right {
		display: none;
	}
}
@media (min-width: 1024px) {
	.hero-slider {
		margin-bottom: 25px;
	}
	.hero-slider .slick-arrow {
		font-size: 60px;
	}

	.hero-slider .slick-prev {
		left: 20px;
	}

	.hero-slider .slick-next {
		right: 20px;
	}
}

/* ad-slider css */
.spon-prfg-slider {
	position: relative;
	margin: 30px 0;
	background-color: rgb(51, 51, 51);
	padding: 20px;
}
	.spon-prfg-slider.front{
	    margin-top: 0;
	}

	.spon-prfg-slider .slick-track{
	    display: flex !important;
	    max-height: 200px;
	}
	.spon-prfg-slider .slick-slide{
	    height: inherit !important;
	    margin: 0 1vw;
	}
	.spon-prfg-slider .slide a{
		height: 100%;
		width: 100%;
		display: block;
		text-align: center; 
	}
		.spon-prfg-slider .slide a img{
			max-height: 144px;
			display: inline-block;
		}


/* 
	///////
	Detail page style
 */
 /* detail header style */
.detail-header {
	background: #333;
	padding: 15px;
	margin: 0 0 20px;
}

.detail-header .logo-box {
	background: #333;
	/*border: 5px solid #fff;*/
	padding: 10px;
	max-width: 190px;
	margin: 0 auto 20px;
}

.detail-header .detail-text-box {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.detail-header .detail-text-box h1 {
	font-size: 22px;
	letter-spacing: .03em;
}

.detail-header .detail-text-box .detail-subheading {
	display: block;
	font-weight: 400;
}

/* schedule menu (detial page) */
.top-schedule-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	margin: 0 0 15px;
	overflow: hidden;
}

.top-schedule-menu > li {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	line-height: 1.25;
}

.top-schedule-menu > li {
	border-bottom: 1px solid #eee;
	margin-bottom: -1px;
}

.top-schedule-menu > li a {
	display: block;
	padding: 8px 15px;
	color: #333;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
}

.top-schedule-menu > li a:hover, .top-schedule-menu > li a.active {
	background: #ad0000;
	color: #fff;
}

.event-list > .note-section {
	margin: 0;
	padding: 10px 15px;
}

/* note section (detail page) */
.note-section {
	background: #fff;
	color: #000;
	margin: 0 0 15px;
}

.note-section .note-title {
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 8px 15px;
	background: #666;
	margin: 0;
	outline: none;
	position: relative;
}

.note-section .note-title .fa-angle-right {
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 24px;
	transform: translate(0,-50%);
	transition: 0.3s ease transform;
}

.note-section.note-active .note-title .fa-angle-right {
	transform: translate(0,-50%) rotate(90deg);
}

.note-section .note-content {
	padding: 10px 15px 15px;
	font-size: 0.9rem;
}

.note-section .note-content a {
	text-decoration: underline;
	color:#555555;
}
.note-section .note-content a:hover {
	color:#777777;
}
.note-section .note-content li {
	margin-left: 10px;
}


.note-section ul > li {
	position: relative;
	padding-left: 10px;
}

.note-section ul > li:before {
	content: "\2022";
	position: absolute;
	top: 0;
	left: 0;
}

/* schedule content style */
.schedule-section {
	margin: 0 0 20px;
}

/* schedule date time before table */
.schedule-section .schedule-datetime {
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 8px;
	border-bottom: 2px solid #ad0000;
	margin: 0;
	background: #666;
}

/* schedule table style (detail page) */
.schedule-section .schedule-table {
	width: 100%;
	font-size: 14px;
	line-height: 1.2857;
	margin: 0 0 20px;
	background: rgba(23, 40, 56, .75);
}

.schedule-section .schedule-table thead th,
.schedule-section .schedule-table thead td {
	font-weight: 400;
	padding: 5px 10px;
	color: #fff;
	background: #333;
	border: 1px solid rgba(255, 255, 255, .06);
	border-width: 1px 0;
}

.schedule-section .schedule-table thead th:first-child,
.schedule-section .schedule-table thead td:first-child {
	border-left-width: 1px;
	width: 80px;
}

.schedule-section .schedule-table thead th:nth-child(2),
.schedule-section .schedule-table thead th:nth-child(4),
.schedule-section .schedule-table thead th:nth-child(5),
.schedule-section .schedule-table thead td:nth-child(2),
.schedule-section .schedule-table thead td:nth-child(4),
.schedule-section .schedule-table thead td:nth-child(5) {
	width: 60px;
}

.schedule-section .schedule-table thead th:last-child,
.schedule-section .schedule-table thead td:last-child {
	border-right-width: 1px;
}

.schedule-section .schedule-table tbody tr + tr {
	border-top: 3px solid #ad0000;
}

.schedule-section .schedule-table tbody th,
.schedule-section .schedule-table tbody td {
	background: #fff;
	color: #000;
	padding: 10px;
	font-weight: 400;
}

.schedule-section .schedule-table tbody td.detail-text > strong {
	color: #ad0000;
}

.schedule-section .schedule-table .btn-view .competition-tab-progressbar, .event-detail-info .competition-tab-progressbar {
	border: 1px solid #fff;
	display: block;
	margin-top: 5px;
}

.schedule-section .schedule-table .btn-view .competition-tab-progressbar > span, .event-detail-info .competition-tab-progressbar > span {
	background: #fff;
	display: block;
	height: 3px;
	max-width: 100%;
}

.event-data-section {
	padding: 0 15px 15px;
	background: #fff;
	margin: 0 0 20px;
}

.event-data-section .event-data-heading {
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 8px 15px;
	background: #666;
	margin: 0 -15px 10px;
}

.result-lists-section {
	margin: 0 0 20px;
}

@keyframes ani_currentrider {
  from {background-color: transparent;}
  to {background-color: #ad0000;}
}
#currentrider td{
	color:#fff;
	background: #ad0000;
  	animation: ani_currentrider 1s;
}
#currentrider td a{
	color: #fff;
}

@keyframes ani_lastrider {
  from {background-color: transparent;}
  to {background-color: #2062A8;}
}
#lastrider td{
	color:#fff;
	background: #2062A8;
  	animation: ani_lastrider 1s;
}
#lastrider td a{
	color: #fff;
}
@keyframes ani_markedrider {
  from {background-color: transparent;}
  to {background-color: #ebc116;}
}
#markedrider td{
	color:#fff;
	background: #ebc116;
  	animation: ani_markedrider 1s;
}
#markedrider td a{
	color: #fff;
}

.event-data-section .detail-content ul {
	padding: 0 0 15px;
}

.event-data-section .detail-content ul > li {
	position: relative;
	padding-left: 10px;
}

.event-data-section .detail-content ul > li:before {
	content: "\2022";
	position: absolute;
	top: 0;
	left: 0;
}

.result-lists-section .result-lists-heading {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 8px 10px;
	background: #666;
	margin: 0;
	border-bottom: 2px solid #ad0000;
}

.result-lists-section .result-lists-judge {
	color: #fff;
	font-size: 14px;
	line-height: 1.2857;
	font-weight: 500;
	padding: 6px 10px;
	border-bottom: 2px solid #ad0000;
	background: #333;
}

.result-lists-section .result-lists-table,
.result-lists-section .horse-lists-table {
	width: 100%;
	font-size: 14px;
	line-height: 1.2857;
	margin: 0 0 20px;
	color: #444;
}

.result-lists-section .result-lists-table a,
.result-lists-section .horse-lists-table a {
	color: #ad0000;
	text-shadow: none;
}

.result-lists-section .result-lists-table a:hover,
.result-lists-section .horse-lists-table a:hover {
	text-decoration: underline;
}

.result-lists-section .result-lists-table thead th,
.result-lists-section .result-lists-table thead td,
.result-lists-section .horse-lists-table thead th,
.result-lists-section .horse-lists-table thead td {
	font-weight: 400;
	padding: 5px 10px;
	color: #fff;
	background: #333;
	border: 1px solid rgba(255, 255, 255, .06);
	border-width: 1px 0;
}

.result-lists-section .result-lists-table thead th.sn,
.result-lists-section .result-lists-table thead td.sn,
.result-lists-section .horse-lists-table thead th.sn,
.result-lists-section .horse-lists-table thead td.sn {
	border-left-width: 1px;
	width: 30px;
}

.result-lists-section .result-lists-table thead th.pi,
.result-lists-section .result-lists-table thead td.pi {
	width: 48px;
}

.result-lists-section .result-lists-table thead th.flag,
.result-lists-section .result-lists-table thead td.flag {
	width: 52px;
}

.result-lists-section .result-lists-table thead th.knr,
.result-lists-section .result-lists-table thead td.knr {
	min-width: 80px;
}

.result-lists-section .result-lists-table thead th.result,
.result-lists-section .result-lists-table thead td.result {
	min-width: 140px;
}

.result-lists-section .result-lists-table thead th.eur,
.result-lists-section .result-lists-table thead td.eur {
	min-width: 70px;
}

.result-lists-section .result-lists-table tbody tr,
.result-lists-section .horse-lists-table > tbody > tr {
	background: #f9f9f9;
	-webkit-transition: .3s ease background;
	transition: .3s ease background;
}

.result-lists-section .result-lists-table tbody tr:nth-child(2n),
.result-lists-section .horse-lists-table > tbody > tr:nth-child(2n) {
	background: #fff;
}

.result-lists-section .result-lists-table tbody th.tableheading,
.result-lists-section .result-lists-table tbody td.tableheading {
	background: #666;
	color: #fff;
}

.result-lists-section .result-lists-table tbody th.tableheading.total-prize-money,
.result-lists-section .result-lists-table tbody td.tableheading.total-prize-money,
.result-lists-section .horse-lists-table tbody th.tableheading.total-prize-money,
.result-lists-section .horse-lists-table tbody td.tableheading.total-prize-money {
	background: #666;
	color: #fff;
}
.result-lists-section .horse-lists-table table,
.result-lists-section .horse-lists-table table {
	width: 100%;
}

.result-table-mobile{
	display: block;
	max-width: 100%;
	overflow: scroll;
}

.result-table-mobile table {
	width: 100%;
	font-size: 14px;
	line-height: 1.2857;
	margin: 0 0 20px;
	color: #444;
	display: table!important;
}

.result-table-mobile table tr {
	display: table-row!important;
}

.result-table-mobile table th,
.result-table-mobile table td{
	display: table-cell!important;
	font-weight: 400;
	padding: 5px 10px;
	color: rgb(68, 68, 68);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .06);
	border-width: 1px 0;
}


/* timetable page style */

/* timetable heading style */
.timetable-heading {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	padding: 8px 10px;
	background: #666;
	margin: 0 0 1px;
}

.timetable-detail-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 10px;
	background: #333;
	padding: 10px;
}

.timetable-detail-header .logo-box {
	background: #333;
	border: 2px solid #fff;
	padding: 2px 4px;
	-ms-flex-preferred-size: 68px;
	flex-basis: 68px;
	max-width: 68px;
}

.timetable-detail-header .logo-box img {
	width: 100%;
}

.timetable-detail-header .detail-text-box {
	padding: 10px 0 0 15px;
	-ms-flex-preferred-size: calc(100% - 78px);
	flex-basis: calc(100% - 78px);
	max-width: calc(100% - 78px);
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
}

.timetable-detail-header .detail-text-box h1 {
	font-size: 20px;
	letter-spacing: .03em;
}

.timetable-detail-header .detail-text-box .detail-subheading {
	font-weight: 400;
	display: block;
}


/* timetable section style */
.timetable-holder {
	margin: 0 0 15px;
}

.timetable-holder h3 {
	color: #fff;
	font-size: 14px;
	line-height: 1.2857;
	font-weight: 500;
	padding: 6px 10px;
	border-bottom: 2px solid #ad0000;
	background: #666;
	margin: 0;
}

/* timetable table style */
.timetable-holder .timetable-detail-table {
	width: 100%;
	font-size: 14px;
	line-height: 1.2857;
	margin: 0 0 20px;
	color: #444;
}

.timetable-holder .timetable-detail-table thead th {
	font-weight: 400;
	padding: 4px 5px;
	color: #fff;
	background: #333;
	border: 1px solid rgba(255, 255, 255, .06);
	border-width: 1px 0;
}

.timetable-holder .timetable-detail-table thead th:first-child {
	width: 80px;
	min-width: 70px;
}

.timetable-holder .timetable-detail-table thead th:nth-child(2) {
	width: 40px;
}

.timetable-holder .timetable-detail-table thead th:nth-child(3) {
	width: 40px;
}

.timetable-holder .timetable-detail-table.event_detail thead th.detail_time {
	width: 86px;
	max-width: 86px;
}
.timetable-holder .timetable-detail-table.event_detail thead th.detail_no {
	width: 40px;
	max-width: 40px;
}
.timetable-holder .timetable-detail-table.event_detail thead th.detail_prufung {
	width: calc(100% - 126px);
	max-width: calc(100% - 126px);
}

.timetable-holder .timetable-detail-table tbody tr {
	-webkit-transition: .3s ease background;
	transition: .3s ease background;
	background: #f9f9f9;
}

.timetable-holder .timetable-detail-table.event_detail tbody tr.table_heading_row td {
	background: #666;
	font-weight: 500;
	color: #fff;
}

.timetable-holder .timetable-detail-table tbody tr:nth-child(2n) {
	background: #fff;
}

.timetable-holder .timetable-detail-table tbody tr + tr {
	border-top: 1px solid #ddd;
}

.timetable-holder .timetable-detail-table tbody td {
	padding: 4px 5px;
	font-weight: 400;
}

.timetable-holder .timetable-detail-table tbody td.tableheading {
	background: #666;
	color: #fff;
}

.timetable-holder .timetable-detail-table.event_detail tbody td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.timetable-holder .data-row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: -10px;
}

.timetable-holder .data-row > * {
	margin-bottom: 10px;
}

.timetable-holder .data-row .starting-title,
.timetable-holder .data-row .disable-note-info {
	margin-right: 9px;
}

.timetable-holder .data-row .cross-circle {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #ad0010;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 9px;
	text-align: center;
	padding: 1px 1px 0 0;
}

@media (min-width: 768px) {
.timetable-holder .data-row .jcf-select {
	margin-right: 9px;
	width: 260px;
	max-width: 260px;
	min-width: 260px;
}

.timetable-holder .data-row .jcf-select.jcf-select-small {
	width: 170px;
	max-width: 170px;
	min-width: 170px;
}
}
@media (max-width: 767px) {
	.timetable-holder .data-row .jcf-select {
		width: calc(100% - 113px);
		max-width: calc(100% - 113px);
		min-width: calc(100% - 113px);
		margin-left: auto;
	}

	tr#lastrider {
		background: #2062A8;
	}

	tr#currentrider {
		background: #ad0000;
	}

	.result-lists-section .result-lists-table tbody tr#lastrider td.mobile-detail-opener span,
	.result-lists-section .result-lists-table tbody tr#lastrider td.mobile-detail-opener span:before,
	.result-lists-section .result-lists-table tbody tr#currentrider td.mobile-detail-opener span,
	.result-lists-section .result-lists-table tbody tr#currentrider td.mobile-detail-opener span:before {
		background: #fff
	}
}

.timetable-holder .timetable-detail-table.event_detail {
	margin-bottom: 0;
}

.timetable-holder .btn-submit {
	border-radius: 0;
	border: none;
	background: #fff;
	font-size: 14px;
	line-height: 1.42857143;
	padding: 9px 10px;
	color: #fff;
	display: block;
	width: 100%;
	transition: 0.25s ease border, 0.25s ease background;
	outline: none;
	background: #ad0000;
	max-width: 170px;
	cursor: pointer;
	margin: 5px 0 0 auto;
}

.timetable-holder .btn-submit:hover {
	background: #333;
	border-color: #333;
}

/* error page style */
.error-page {
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 91px);
	text-align: center;
	color: #000;
}

.error-page #content-box {
	max-width: 740px;
	margin: 0 auto;
}

.error-page .error-number {
	font-family: 'Montserrat', sans-serif;
	font-size: 130px;
	text-transform: uppercase;
	line-height: 0.8;
	font-weight: 900;
   letter-spacing: -0.1587em;
}

.error-page  .error-number>span {
	text-shadow: -0.0317em 0 0 #fff;
}

.error-page h3 {
	color: #fff;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 20px 0;
  letter-spacing: 3px;
  padding-left: 6px;
}

.error-page h2 {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0;
}

.result-lists-section .result-lists-table tbody th.divider,
.result-lists-section .result-lists-table tbody td.divider {
	background: #ad0000;
	color: #fff;
	padding: 3px;
}

/* css rules for responsive breakpoint >=768 (tablet screen) */
@media (min-width: 768px) {
	.logo {
		width: 230px;
	}

	.nav-opener {
		display: none;
	}

	.error-page .error-number {
		font-size: 170px;
	}

	.error-page h2 {
		font-size: 20px;
	}

	.error-page h3 {
		font-size: 16px;
	}

	#nav {
		-webkit-transition: .2s linear width;
		transition: .2s linear width;
		width: 50px;
		top: 63px;
	}

	.side-menu-expanded #nav {
		width: 240px;
	}

	#nav .nav-collpse-control {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#nav .nav-collpse-control .menu-text {
		-webkit-transition: .3s linear opacity, .3s linear transform;
		transition: .3s linear opacity, .3s linear transform;
		opacity: 0;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	.side-menu-expanded #nav .nav-collpse-control .menu-text {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.resize-active #nav .nav-collpse-control .menu-text {
		-webkit-transition: none;
		transition: none;
	}

	#nav .primary-menu > li > a .menu-text {
		-webkit-transition: .3s linear opacity, .3s linear transform;
		transition: .3s linear opacity, .3s linear transform;
		opacity: 0;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	.side-menu-expanded #nav .primary-menu > li > a .menu-text {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.resize-active #nav .primary-menu > li > a .menu-text {
		-webkit-transition: none;
		transition: none;
	}

	#wrapper {
		padding-top: 63px;
	}

	#main {
		-webkit-transition: .2s linear padding-left;
		transition: .2s linear padding-left;
		padding-left: 50px;
	}

	.side-menu-expanded #main {
		padding-left: 240px;
	}

	.resize-active #main {
		-webkit-transition: none;
		transition: none;
	}

	.result-lists-section .horse-lists-table {
		border-collapse: collapse;
	}

	.result-lists-section .result-lists-table tbody tr:nth-child(2n):hover,
	.result-lists-section .horse-lists-table > tbody > tr:nth-child(2n):hover {
		background: #f4f4f4;
	}

	.result-lists-section .result-lists-table tbody tr:hover,
	.result-lists-section .horse-lists-table > tbody > tr:hover {
		background: #f4f4f4;
	}

	.result-lists-section .result-lists-table tbody th,
	.result-lists-section .result-lists-table tbody td,
	.result-lists-section .horse-lists-table tbody th:not([colspan='7']),
	.result-lists-section .horse-lists-table tbody td:not([colspan='7']) {
		padding: 8px 10px;
		font-weight: 400;
	}

	.result-lists-section .result-lists-table tbody td.flag-item {
		width: 40px;
	}

	.result-lists-section .result-lists-table tbody th.stpl-text,
	.result-lists-section .result-lists-table tbody td.stpl-text {
		width: 46px;
	}

	.result-lists-section .result-lists-table tbody td.stpl-text.wide {
		width: 50%;
	}

	.result-lists-section .result-lists-table td.hidden-mobile {
		display: table-cell;
	}

	.result-lists-section .horse-lists-table thead th:first-child {
		width: 6.5%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(2) {
		width: 14.51%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(3) {
		width: 5.05%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(4) {
		width: 6.92%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(5) {
		width: 6.41%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(6) {
		width: 7.95%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(7) {
		width: 13.76%;
	}

	.result-lists-section .horse-lists-table thead th:nth-child(8),
	.result-lists-section .horse-lists-table thead th:nth-child(9) {
		width: 19.45%;
	}

	.result-lists-section .horse-lists-table tbody td,
	.result-lists-section .horse-lists-table tbody th {
		border: none;
	}

	.result-lists-section .horse-lists-table tbody th[colspan='7'],
	.result-lists-section .horse-lists-table tbody td[colspan='7'] {
		padding: 0;
	}

	.result-lists-section .horse-lists-table table tbody td {
		border: none;
	}

	.result-lists-section .horse-lists-table table tbody td:first-child {
		width: 6.34%;
	}

	.result-lists-section .horse-lists-table table tbody td:nth-child(2) {
		width: 8.7%;
	}

	.result-lists-section .horse-lists-table table tbody td:nth-child(3) {
		width: 8.06%;
	}

	.result-lists-section .horse-lists-table table tbody td:nth-child(4) {
		width: 9.99%;
	}

	.result-lists-section .horse-lists-table table tbody td:nth-child(5) {
		width: 17.29%;
	}

	.result-lists-section .horse-lists-table table tbody td:nth-child(6),
	.result-lists-section .horse-lists-table table tbody td:nth-child(7) {
		width: 24.81%;
	}

	.horse-lists-table > tbody > tr > td.mobile-detail-opener {
		display: none;
	}

	.event-list > li > a {
		line-height: 1.25;
	}

	.detail-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}

	.detail-header .logo-box {
		-ms-flex-preferred-size: 180px;
		flex-basis: 180px;
		max-width: 180px;
		margin: 0;
	}

	.detail-header .detail-text-box {
		-ms-flex-preferred-size: calc(100% - 180px);
		flex-basis: calc(100% - 180px);
		max-width: calc(100% - 180px);
		padding: 10px 0 0 15px;
	}

	.detail-header .detail-text-box h1 {
		font-size: 28px;
	}

	.top-schedule-menu > li {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		/* max-width: 25%; */
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
		border-right: 1px solid #eee;
	}

	.top-schedule-menu > li:last-child {
		border-right: none;
	}

	.schedule-section {
		margin-bottom: 25px;
	}

	.schedule-section .schedule-table {
		margin-bottom: 25px;
	}

	.schedule-section .schedule-table thead th:last-child,
	.schedule-section .schedule-table thead td:last-child {
		width: 150px;
	}

	.schedule-table tbody td.divider{
		background: #ad0000;
		color: #fff;
		padding: 6px;
		border-top: 3px solid #ad0000;
	}

	.event-data-section {
		margin-bottom: 25px;
	}

	.event-data-section ul {
		margin: 0;
	}

	.result-lists-section {
		margin-bottom: 25px;
	}

	.result-lists-section .result-lists-table {
		margin-bottom: 25px;
	}

	.result-lists-section .result-lists-table tbody tr + tr {
		border-top: 1px solid #ddd;
	}

	.timetable-detail-header {
		padding: 15px;
		margin-bottom: 15px;
	}

	.timetable-detail-header .logo-box {
		-ms-flex-preferred-size: 78px;
		flex-basis: 78px;
		max-width: 78px;
		padding: 5px;
	}

	.timetable-detail-header .detail-text-box {
		-ms-flex-preferred-size: calc(100% - 78px);
		flex-basis: calc(100% - 78px);
		max-width: calc(100% - 78px);
	}

	.timetable-detail-header .detail-text-box h1 {
		font-size: 22px;
	}

	.timetable-holder {
		margin-bottom: 20px;
	}

	.timetable-holder .timetable-detail-table thead th {
		padding: 5px 10px;
	}

	.timetable-holder .timetable-detail-table thead th:first-child {
		min-width: 80px;
	}

	.timetable-holder .timetable-detail-table thead th:nth-child(2) {
		width: 44px;
	}

	.timetable-holder .timetable-detail-table thead th:nth-child(3) {
		width: 50px;
	}

	.timetable-holder .timetable-detail-table tbody td {
		padding: 8px 10px;
	}

	.result-lists-section .result-lists-table tbody th.tableheading.total-prize-money,
	.result-lists-section .result-lists-table tbody td.tableheading.total-prize-money,
	.result-lists-section .horse-lists-table tbody th.tableheading.total-prize-money,
	.result-lists-section .horse-lists-table tbody td.tableheading.total-prize-money {
		text-align: right;
	}
}

/* css rules for responsive breakpoint >=992 (desktop screen) */
@media (min-width: 992px) {
	.detail-header .logo-box {
		-ms-flex-preferred-size: 200px;
		flex-basis: 200px;
		max-width: 200px;
	}

	.error-page .error-number {
		font-size: 200px;
	}

	.detail-header .detail-text-box {
		-ms-flex-preferred-size: calc(100% - 200px);
		flex-basis: calc(100% - 200px);
		max-width: calc(100% - 200px);
		padding-left: 20px;
		font-size: 16px;
	}

	.detail-header .detail-text-box h1 {
		font-size: 32px;
	}

	.note-section ul {
		-webkit-column-count: 2;
		column-count: 2;
	}

	.schedule-section .schedule-table thead th:first-child,
	.schedule-section .schedule-table thead td:first-child {
		width: 100px;
	}

	.schedule-section .schedule-table thead th:nth-child(2),
	.schedule-section .schedule-table thead th:nth-child(4),
	.schedule-section .schedule-table thead th:nth-child(5),
	.schedule-section .schedule-table thead td:nth-child(2),
	.schedule-section .schedule-table thead td:nth-child(4),
	.schedule-section .schedule-table thead td:nth-child(5) {
		width: 80px;
	}

	.result-lists-section .result-lists-table tbody td.mobile-detail-opener {
		display: none;
	}

	.schedule-section .schedule-table tbody td.mobile-detail-opener {
		display: none;
	}

	.result-lists-section .result-lists-table tbody td.horse-detail .horse-name,
	.result-lists-section .result-lists-table .hidden-mobile {
		display: block;
	}

	.result-lists-section .result-lists-table .horse-name-mobile {
		display: none;
	}
	.result-lists-section .result-lists-table .result-table-mobile {
		display: none;
	}
}

/* css rules for responsive breakpoint >=1200 (widescreen) */
@media (min-width: 1200px) {
	.schedule-section .schedule-table thead th:nth-child(2),
	.schedule-section .schedule-table thead th:nth-child(4),
	.schedule-section .schedule-table thead th:nth-child(5),
	.schedule-section .schedule-table thead td:nth-child(2),
	.schedule-section .schedule-table thead td:nth-child(4),
	.schedule-section .schedule-table thead td:nth-child(5) {
		width: 100px;
	}

	.error-page .error-number {
		font-size: 252px;
	}
}

/* css rules for responsive breakpoint <768 (mobile screen) */
@media (max-width: 767.98px) {
	#header {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: transform .3s cubic-bezier(.685, .0473, .346, 1), -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
	}

	.logo .logo-text {
		display: none;
	}

	.nav-active #header {
		-webkit-transform: translate3d(240px, 0, 0);
		transform: translate3d(240px, 0, 0);
	}

	.resize-active #header {
		-webkit-transition: none;
		transition: none;
	}

	#nav {
		-webkit-transform: translate3d(-240px, 0, 0);
		transform: translate3d(-240px, 0, 0);
	}

	.nav-active #nav {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.resize-active #nav {
		-webkit-transition: none;
		transition: none;
	}

	#main {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: transform .3s cubic-bezier(.685, .0473, .346, 1);
		transition: transform .3s cubic-bezier(.685, .0473, .346, 1), -webkit-transform .3s cubic-bezier(.685, .0473, .346, 1);
	}

	.nav-active #main {
		-webkit-transform: translate3d(240px, 0, 0);
		transform: translate3d(240px, 0, 0);
	}

	.resize-active #main {
		-webkit-transition: none;
		transition: none;
	}

	.detail-header .detail-text-box {
		text-align: center;
	}

	.note-section .note-title {
		position: relative;
		cursor: pointer;
	}

	.top-schedule-menu > li:nth-child(2n+1) {
		border-right: 1px solid #eee;
	}

	.schedule-section .schedule-table {
		display: block;
	}

	.schedule-section .schedule-table thead {
		display: none;
	}

	.schedule-section .schedule-table tbody {
		display: block;
	}

	.schedule-section .schedule-table tbody tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: #fff; /*padding: 10px;*/
	}

	.schedule-section .schedule-table tbody th,
	.schedule-section .schedule-table tbody td {
		display: block;
		padding: 0;
	}

	.schedule-section .schedule-table tbody th:nth-child(2),
	.schedule-section .schedule-table tbody td:nth-child(2) {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -4;
		order: -4;
		padding-left: 10px;
		-ms-flex-preferred-size: 34px;
		flex-basis: 34px;
		max-width: 34px;
	}

	.schedule-section .schedule-table tbody th:first-child,
	.schedule-section .schedule-table tbody td:first-child {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -3;
		order: -3;
	}

	.schedule-section .schedule-table tbody th.divider,
	.schedule-section .schedule-table tbody td.divider {
		background: #ad0000;
		color: #fff;
		border-color: #ad0000 !important;
	}

	.result-lists-section .result-lists-table tbody th.divider,
	.result-lists-section .result-lists-table tbody td.divider {
		width: 100%;
	}

	.schedule-section .schedule-table tbody th:nth-child(4),
	.schedule-section .schedule-table tbody td:nth-child(4) {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -2;
		order: -2;
	}

	.schedule-section .schedule-table tbody th:nth-child(5),
	.schedule-section .schedule-table tbody td:nth-child(5) {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.schedule-section .schedule-table tbody th.mobile-detail-opener,
	.schedule-section .schedule-table tbody td.mobile-detail-opener {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		display: table-cell;
	}

	.schedule-section .schedule-table tbody th:first-child,
	.schedule-section .schedule-table tbody td:first-child,
	.schedule-section .schedule-table tbody th:nth-child(2),
	.schedule-section .schedule-table tbody td:nth-child(2),
	.schedule-section .schedule-table tbody th:nth-child(4),
	.schedule-section .schedule-table tbody td:nth-child(4),
	.schedule-section .schedule-table tbody th:nth-child(5),
	.schedule-section .schedule-table tbody td:nth-child(5),
	.schedule-section .schedule-table tbody th.mobile-detail-opener,
	.schedule-section .schedule-table tbody td.mobile-detail-opener {
		border: 1px solid #d7d7d7;
		border-width: 1px 0;
		padding: 5px 7px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.schedule-section .schedule-table tbody th:first-child,
	.schedule-section .schedule-table tbody td:first-child,
	.schedule-section .schedule-table tbody th:nth-child(4),
	.schedule-section .schedule-table tbody td:nth-child(4),
	.schedule-section .schedule-table tbody th:nth-child(5),
	.schedule-section .schedule-table tbody td:nth-child(5) {
		border-left: 1px solid #d7d7d7;
	}

	.schedule-section .schedule-table tbody th.detail-text,
	.schedule-section .schedule-table tbody td.detail-text,
	.schedule-section .schedule-table tbody th.btn-wrap,
	.schedule-section .schedule-table tbody td.btn-wrap {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.schedule-section .schedule-table tbody th.detail-text,
	.schedule-section .schedule-table tbody td.detail-text {
		padding: 6px 10px 8px;
	}

	/* .schedule-section .schedule-table tbody th.detail-text .judge,
	.schedule-section .schedule-table tbody td.detail-text .judge {
		display: none;
	} */

	.schedule-section .schedule-table tbody th.mobile-detail-opener,
	.schedule-section .schedule-table tbody td.mobile-detail-opener {
		-ms-flex-preferred-size: 32px;
		flex-basis: 32px;
		max-width: 32px;
		position: relative;
		font-size: 0;
		border-left: 1px solid #d7d7d7;
		padding: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.schedule-section .schedule-table tbody td.mobile-detail-opener a {
		display: block;
		padding: 5px;
		width: 100%;
	}

	.schedule-section .schedule-table tbody td.mobile-detail-opener span {
		position: absolute;
		top: 50%;
		height: 2px;
		width: 18px;
		background: #ad0000;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: .4s ease transform;
		transition: .4s ease transform;
	}

	.schedule-section .schedule-table tbody td.mobile-detail-opener span:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		background: #ad0000;
		-webkit-transition: .4s ease width;
		transition: .4s ease width;
	}

	.schedule-section .schedule-table tbody .open-details td.mobile-detail-opener span {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.schedule-section .schedule-table tbody th.btn-wrap,
	.schedule-section .schedule-table tbody td.btn-wrap {
		padding: 0 10px 8px;
	}

	.schedule-section .schedule-table tbody tr + tr {
		border-top-color: #f3f3f3;
		border-top-width: 3px;
	}

	/* .schedule-section .schedule-table .btn-view {
		display: block;
		color: #ad0000;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4286;
	}

	.schedule-section .schedule-table .btn-view .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.schedule-section .schedule-table .btn-view .num {
		margin-left: auto;
	} */

	.schedule-section .schedule-table tbody th[data-label]:before,
	.schedule-section .schedule-table tbody td[data-label]:before {
		content: attr(data-label) ":";
		padding: 0 7px 0 0;
	}

	.schedule-section .schedule-table .btn-view {
		margin: 0 0 2px;
	}

	.schedule-section .schedule-table .btn-view .competition-tab-progressbar {
		border-color: #ad0000;
		margin-top: 2px;
	}

	.schedule-section .schedule-table .btn-view .competition-tab-progressbar > span {
		background: #ad0000;
	}

	.result-lists-section .result-lists-table {
		display: block;
		font-size: 13px;
	}

	.result-lists-section .result-lists-table thead,
	.result-lists-section .result-lists-table thead tr,
	.result-lists-section .result-lists-table thead th,
	.result-lists-section .result-lists-table thead td {
		display: block;
	}

	.result-lists-section .result-lists-table thead th,
	.result-lists-section .result-lists-table thead td {
		width: 100%;
		padding: 7px 10px;
	}

	.result-lists-section .result-lists-table thead:first-child {
		display: none
	}

	.result-lists-section .result-lists-table tbody {
		display: block;
	}

	/* .result-lists-section .result-lists-table tbody tr + tr {
		border-bottom: 3px solid #ad0000;
	}

	.result-lists-section .result-lists-table tbody tr:last-child {
		border-bottom: none;
	} */

	.result-lists-section .result-lists-table tbody tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
	}

	/* .result-lists-section .result-lists-table tbody th,
	.result-lists-section .result-lists-table tbody td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		flex-basis: 100%;
		max-width: 100%;
		border-top: 1px solid #fff;
	}

	.result-lists-section .result-lists-table tbody tr:nth-child(2n) th,
	.result-lists-section .result-lists-table tbody tr:nth-child(2n) td {
		border-top-color: #f9f9f9;
	}

	.result-lists-section .result-lists-table tbody th:first-child,
	.result-lists-section .result-lists-table tbody td:first-child {
		border-top: none;
	}

	.result-lists-section .result-lists-table tbody th > span,
	.result-lists-section .result-lists-table tbody td > span {
		padding: 6px 4px;
		flex-basis: calc(100% - 100px);
		max-width: calc(100% - 100px);
	}

	.result-lists-section .result-lists-table tbody th[data-label]:before,
	.result-lists-section .result-lists-table tbody td[data-label]:before {
		content: attr(data-label) ":";
		background: #666;
		padding: 6px 7px 6px 4px;
		color: #fff;
		font-weight: 400;
		flex-basis: 100px;
		max-width: 100px;
	} */

	.result-lists-section .result-lists-table tbody th:first-child.sn:not(.tableheading),
	.result-lists-section .result-lists-table tbody td:first-child.sn:not(.tableheading) {
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 10px;
		padding-bottom: 0;
	}

	.result-lists-section .result-lists-table tbody th.pi,
	.result-lists-section .result-lists-table tbody td.pi {
		padding: 24px 4px 6px 10px;
	}

	.result-lists-section .result-lists-table.starter-list tbody th:first-child.starter-text:not(.tableheading),
	.result-lists-section .result-lists-table.starter-list tbody td:first-child.starter-text:not(.tableheading) {
		padding: 9px 4px 9px 10px;
	}

	.result-lists-section .result-lists-table tbody th:first-child.sn:not(.tableheading),
	.result-lists-section .result-lists-table tbody td:first-child.sn:not(.tableheading),
	.result-lists-section .result-lists-table tbody th:first-child.starter-text:not(.tableheading),
	.result-lists-section .result-lists-table tbody td:first-child.starter-text:not(.tableheading) {
		-ms-flex-preferred-size: 96px;
		flex-basis: 96px;
		max-width: 96px;
	}

	.result-lists-section .result-lists-table tbody th.pi,
	.result-lists-section .result-lists-table tbody td.pi {
		-ms-flex-preferred-size: 30px;
		flex-basis: 30px;
		max-width: 30px;
	}

	.result-lists-section .result-lists-table tbody th.knr,
	.result-lists-section .result-lists-table tbody td.knr {
		-ms-flex-preferred-size: 57px;
		flex-basis: 42px;
		max-width: 42px;
		padding: 24px 4px 6px;
		margin-left: auto;
		display: none;
	}

	.result-lists-section .result-lists-table tbody th.result,
	.result-lists-section .result-lists-table tbody td.result {
		-ms-flex-preferred-size: 88px;
		flex-basis: 88px;
		max-width: 88px;
		position: absolute;
		top: 0;
		right: 50px;
	}

	.result-lists-section .result-lists-table tbody th.eur,
	.result-lists-section .result-lists-table tbody td.eur {
		-ms-flex-preferred-size: 57px;
		flex-basis: 57px;
		max-width: 57px;
		padding: 24px 10px 6px 4px;
		margin-left: auto;
		text-align: right;
	}

	.result-lists-section .result-lists-table tbody th.mobile-detail-opener,
	.result-lists-section .result-lists-table tbody td.mobile-detail-opener {
		-ms-flex-preferred-size: 42px;
		flex-basis: 42px;
		max-width: 42px;
		position: relative;
		font-size: 0;
		border-left: 1px solid #d7d7d7;
		padding: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.result-lists-section .result-lists-table tbody td.mobile-detail-opener a {
		display: block;
		padding: 5px;
		width: 100%;
	}

	.result-lists-section .result-lists-table tbody td.mobile-detail-opener span {
		position: absolute;
		top: 50%;
		height: 2px;
		width: 22px;
		background: #ad0000;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: .4s ease transform;
		transition: .4s ease transform;
	}

	.result-lists-section .result-lists-table tbody td.mobile-detail-opener span:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		background: #ad0000;
		-webkit-transition: .4s ease width;
		transition: .4s ease width;
	}

	.result-lists-section .result-lists-table tbody .horse-active td.mobile-detail-opener span {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.result-lists-section .result-lists-table tbody th.flag-item,
	.result-lists-section .result-lists-table tbody td.flag-item {
		-ms-flex-preferred-size: 36px;
		flex-basis: 36px;
		max-width: 36px;
		align-self: center;
	}

	.result-lists-section .result-lists-table tbody th.flag-item img,
	.result-lists-section .result-lists-table tbody td.flag-item img {
		max-width: 100%;
	}

	.result-lists-section .result-lists-table tbody th.detail-text,
	.result-lists-section .result-lists-table tbody td.detail-text {
		-ms-flex-preferred-size: calc(100% - 192px);
		flex-basis: calc(100% - 192px);
		max-width: calc(100% - 192px);
		align-self: center;
	}

	.result-lists-section .result-lists-table tbody th.mentions-detail,
	.result-lists-section .result-lists-table tbody td.mentions-detail {
		-ms-flex-preferred-size: calc(100% - 156px);
		flex-basis: calc(100% - 156px);
		max-width: calc(100% - 156px);
		align-self: center;
	}

	.result-lists-section .result-lists-table tbody th.stpl-text,
	.result-lists-section .result-lists-table tbody td.stpl-text {
		-ms-flex-preferred-size: 36px;
		flex-basis: 36px;
		max-width: 36px;
	}

	.result-lists-section .result-lists-table tbody th.club-text,
	.result-lists-section .result-lists-table tbody td.club-text,
	.result-lists-section .result-lists-table tbody th.stpl-text,
	.result-lists-section .result-lists-table tbody td.stpl-text {
		align-self: center;
	}

	.result-lists-section .result-lists-table tbody th.club-text,
	.result-lists-section .result-lists-table tbody td.club-text {
		-ms-flex-preferred-size: 120px;
		flex-basis: 120px;
		max-width: 120px;
		padding-left: 10px;
	}

	.result-lists-section .result-lists-table.starter-list tbody th.detail-text,
	.result-lists-section .result-lists-table.starter-list tbody td.detail-text {
		-ms-flex-preferred-size: calc(100% - 174px);
		flex-basis: calc(100% - 174px);
		max-width: calc(100% - 174px);
	}

	.result-lists-section .result-lists-table .hidden-mobile {
		display: none;
	}

	.result-lists-section .result-lists-table .horse-name-mobile {
		display: block;
	}

	.result-lists-section .result-lists-table tbody th.horse-detail,
	.result-lists-section .result-lists-table tbody td.horse-detail {
		padding: 0;
		-ms-flex-order: 100;
		-webkit-box-ordinal-group: 101;
		order: 100;
		width: 100%;
		flex-basis: 100%;
	}

	.result-lists-section .result-lists-table tbody th.horse-detail .horse-detail-wrap,
	.result-lists-section .result-lists-table tbody td.horse-detail .horse-detail-wrap {
		padding: 10px;
		border-top: 1px solid #d7d7d7;
	}

	.result-lists-section .result-lists-table tbody td.horse-detail .horse-name {
		display: none;
	}

	.result-lists-section .result-lists-table tbody th.tableheading,
	.result-lists-section .result-lists-table tbody td.tableheading {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 10px;
		margin: 0 0 10px;
	}

	.result-lists-section .result-lists-table tbody th.tableheading.total-prize-money,
	.result-lists-section .result-lists-table tbody td.tableheading.total-prize-money {
		margin-bottom: 0;
	}

	.result-lists-section .result-lists-table tbody th.data-empty,
	.result-lists-section .result-lists-table tbody td.data-empty {
		display: none;
	}

	.horse-lists-table,
	.horse-lists-table thead,
	.horse-lists-table tbody,
	.horse-lists-table table,
	.horse-lists-table table tr,
	.horse-lists-table tbody td {
		display: block;
	}

	.horse-lists-table thead tr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.horse-lists-table thead th:nth-child(2) ~ th {
		display: none;
	}

	.horse-lists-table thead th:first-child {
		flex-basis: 90px;
		max-width: 90px;
	}

	.horse-lists-table thead th:nth-child(2) {
		flex-basis: calc(100% - 90px);
		max-width: calc(100% - 90px);
	}

	.horse-lists-table > tbody > tr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.horse-lists-table > tbody > tr > td:not(.tableheading):first-child {
		flex-basis: 90px;
		max-width: 90px;
		border-bottom: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		padding: 7px 10px;
	}

	.horse-lists-table > tbody > tr > td:nth-child(2) {
		flex-basis: calc(100% - 122px);
		max-width: calc(100% - 122px);
		border-bottom: 1px solid #d7d7d7;
		padding: 7px 10px;
	}

	.horse-lists-table > tbody th.tableheading,
	.horse-lists-table > tbody td.tableheading {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 5px 10px;
	}

	.horse-lists-table > tbody th.mobile-detail-opener,
	.horse-lists-table > tbody td.mobile-detail-opener {
		-ms-flex-preferred-size: 32px;
		flex-basis: 32px;
		max-width: 32px;
		position: relative;
		font-size: 0;
		border-left: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		padding: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.horse-lists-table > tbody td.mobile-detail-opener a {
		display: block;
		padding: 5px;
		width: 100%;
	}

	.horse-lists-table > tbody td.mobile-detail-opener span {
		position: absolute;
		top: 50%;
		height: 2px;
		width: 18px;
		background: #ad0000;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: .4s ease transform;
		transition: .4s ease transform;
	}

	.horse-lists-table > tbody td.mobile-detail-opener span:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		background: #ad0000;
		-webkit-transition: .4s ease width;
		transition: .4s ease width;
	}

	.horse-lists-table > tbody .details-active td.mobile-detail-opener span {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.horse-lists-table > tbody .detail-slide {
		width: 100%;
		flex-basis: 100%;
		padding: 0;
	}

	.horse-lists-table > tbody .detail-slide table {
		border-bottom: 1px solid #d7d7d7;
	}

	.horse-lists-table > tbody .detail-slide table tr th,
	.horse-lists-table > tbody .detail-slide table tr td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		flex-basis: 100%;
		max-width: 100%;
		border-top: 1px solid #fff;
	}

	.horse-lists-table > tbody .detail-slide table tr th:first-child,
	.horse-lists-table > tbody .detail-slide table tr td:first-child {
		border-top: none;
	}

	.horse-lists-table > tbody .detail-slide table tr th > span,
	.horse-lists-table > tbody .detail-slide table tr td > span {
		padding: 6px 10px;
		flex-basis: calc(100% - 90px);
		max-width: calc(100% - 90px);
	}

	.horse-lists-table > tbody .detail-slide table tr th[data-label]:before,
	.horse-lists-table > tbody .detail-slide table tr td[data-label]:before {
		content: attr(data-label) ":";
		background: #666;
		padding: 6px 10px;
		color: #fff;
		font-weight: 400;
		flex-basis: 90px;
		max-width: 90px;
	}
}


	.schedule-section .schedule-table .btn-view {
		width: 130px;
	}

	.schedule-section .schedule-table .btn-view + .btn-view  {
		margin-top: 5px;
	}

	.schedule-section .schedule-table .btn-view, .event-detail-info .btn-view {
		display: block;
		background: #ad0000;
		color: #fff;
		padding: 6px;
		text-decoration: none;
		font-size: 12px;
		letter-spacing: .5px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.4286;
	}
	
	.event-detail-info .btn-view {
		display: inline-block;
		color:#fff!important;
		margin-top: 10px;
	}

	.schedule-section .schedule-table .btn-view:hover {
		background: #f00;
	}

	.schedule-section .schedule-table .btn-view .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.schedule-section .schedule-table .btn-view .num {
		-ms-flex-preferred-size: 20px;
		flex-basis: 20px;
		height: 15px;
		width: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: #fff;
		border-radius: 10px;
		color: #ad0000;
		font-size: 11px;
		margin-left: auto;
		letter-spacing: 0;
	}

.login-box-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	height: calc(80vh - 53px);
}

.login-box {
	background: #fff;
	max-width: 550px;
	margin: auto;
	border-top: 3px solid #ad0000;
	width: 100%;
}

.login-box h2 {
		background: #666;
		color: #fff;
		margin: 0;
		font-size: 16px;
		line-height: 1.25;
		font-weight: 500;
		padding: 10px 15px;
}

.login-box form {
	padding: 20px 15px;
}

.login-box .input-row {
	padding-bottom: 12px;
}

.login-box .input-row label {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}

.login-box .input-row > label {
	display: table;
	margin: 0 0 5px;
}

.login-box .input-field {
	border-radius: 0;
	border: 1px solid #666;
	background: #fff;
	font-size: 14px;
	height: 38px;
	line-height: 1.42857143;
	padding: 5px 10px;
	color: #000;
	display: block;
	width: 100%;
	transition: 0.25s ease border;
	outline: none;
}

.login-box .input-field:focus {
	border-color: #333;
	outline: none;
}

.login-box input[type="number"] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	box-sizing: border-box;
}

.login-box input[type="number"]::-webkit-inner-spin-button,
.login-box input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	display: none;
}

.login-box .input-row .checkbox {
	font-weight: 400;
	position: relative;
	padding-left: 25px;
	margin: 0;
	display: block;
}

.login-box .input-row .checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.login-box .input-row .checkbox input[type="checkbox"]:checked ~ .fake-input:before {
	opacity: 1;
}

.login-box .input-row .checkbox .fake-input {
	position: absolute;
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #666;
}

.login-box .input-row .checkbox .fake-input:before {
	content: '\2713';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 0.3s ease opacity;
	font-size: 1.2em;
}

.login-box .btn-login {
	border-radius: 0;
	border: none;
	background: #fff;
	font-size: 14px;
	line-height: 1.42857143;
	padding: 9px 10px;
	color: #fff;
	display: block;
	width: 100%;
	transition: 0.25s ease border, 0.25s ease background;
	outline: none;
	background: #ad0000;
	max-width: 170px;
	cursor: pointer;
	margin: 5px 0 0 auto;
}

.login-box .btn-login:hover {
	background: #333;
	border-color: #333;
}

@media (min-width: 768px) {
	.login-box-wrapper {
		height: calc(100vh - 63px);
	}

	.login-box form {
		padding: 25px 20px;
	}

	.login-box .input-row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding-bottom: 16px;
	}

	.login-box .input-row > label {
		-ms-flex-item-align: center;
		align-self: center;
		flex-basis: 120px;
		max-width: 120px;
		margin: 0;
	}

	.login-box .input-row .input-wrap {
		flex-basis: calc(100% - 120px);
		max-width: calc(100% - 120px);
		padding-left: 15px;
		margin-left: auto;
	}
}

/* custom select styles */

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #666;
    background: #fff;
    min-width: 150px;
    height: 28px;
    border-radius: 4px;
}

.jcf-select.jcf-drop-active {
	border-color: #333;
	border-radius: 4px 4px 0 0;
}

.jcf-select.jcf-drop-active.jcf-drop-flipped {
	border-radius: 0 0 4px 4px;
}

.jcf-select.jcf-drop-active .jcf-select-opener:before {
	transform: translate(-50%,-50%) rotate(-135deg);
}

.jcf-select.jcf-drop-active.jcf-drop-flipped .jcf-select-drop .jcf-select-drop-content {
	border-radius: 4px 4px 0 0;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 14px;
    line-height: 26px;
    margin: 0 35px 0 8px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}

.jcf-select .jcf-select-opener:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border: 2px solid #666;
	border-width: 0 2px 2px 0;
	transform: translate(-50%,-50%) rotate(45deg);
}

body>.jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #333;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 18px;
    font-size: 14px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #656565;
    height: 1%;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
    cursor: not-allowed;
}

.jcf-disabled > .jcf-select-text {
  cursor: not-allowed;
}

/* wp style */
#blogcontainer {
	/* background: #333; */
	color: #fff;
	padding: 20px 15px 15px;
}

#blogcontainer a {
	color: #ad0000;
	text-decoration: underline;
}

#blogcontainer a:hover {
	text-decoration: none;
}

.kunden-row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -22.5px;
}

#blogcontainer .kunden-row .kunden-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	background: #fff;
	text-align: center;
	margin: 0 7.5px 16px;
	flex-basis: calc(50% - 15px);
	max-width: calc(50% - 15px);
	padding: 20px;
	text-decoration: none;
	color: #333;
}

#blogcontainer .kunden-row .kunden-item .kundenpic {
	margin: auto;
}

#blogcontainer .kunden-row .kunden-item img {
	max-width: 235px;
	margin: 0 auto 20px;
	height: auto;
}

@media (min-width: 768px) {
	#blogcontainer .kunden-row .kunden-item {
		flex-basis: calc(33.33% - 15px);
		max-width: calc(33.33% - 15px);
	}
}

@media (min-width: 1200px) {
	#blogcontainer .kunden-row .kunden-item {
		flex-basis: calc(25% - 15px);
		max-width: calc(25% - 15px);
	}
}
@media (min-width: 1600px) {
	#blogcontainer .kunden-row .kunden-item {
		flex-basis: calc(20% - 15px);
		max-width: calc(20% - 15px);
	}
}

.content-item {
	margin: 0 0 30px;
}

.content-item .img-wrap {
	margin: 0 auto 20px;
	max-width: 300px;
}

.content-item .img-wrap img {
	max-width: 100%;
	height: auto;
}

.images-grid-gallery {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -6px;
}

.images-grid-gallery .img_item {
	padding: 6px;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;
}

.img_item img {
	width: 100%;
}

@media (max-width: 767px) {
	.content-item {
		font-size: 14px;
	}

	.content-item h2 {
		font-size: 1.5rem;
	}

	#blogcontainer {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 768px) {
	.content-item .img-wrap {
		margin-bottom: 30px;
	}
}

@media (min-width: 1024px) {
	.content-item {
		margin-bottom: 25px;
	}

	.content-item.has_image {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
	}

	.content-item.has_image:nth-child(2n+1) {
		-webkit-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-o-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.content-item.has_image .content-detail {
		flex-basis: 70%;
		max-width: 70%;
		padding-left: 20px;
	}
	.content-item.has_image:nth-child(2n+1) .content-detail {
		padding-left: 0;
		padding-right: 20px;
	}

	.content-item.has_image .img-wrap {
		flex-basis: 30%;
		max-width: 30%;
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {
	.content-item {
		margin-bottom: 35px;
	}

	.content-item.has_image .content-detail {
		flex-basis: calc(100% - 315px);
		max-width: calc(100% - 315px);
		padding-left: 30px;
	}

	.content-item.has_image:nth-child(2n+1) .content-detail {
		padding-right: 30px;
	}

	.content-item.has_image .img-wrap {
		flex-basis: 315px;
		max-width: 315px;
	}
}


/* timeline css start */

.timeline-container {
	padding-top: 2.1875rem;
	padding-bottom: 2.5rem;
}

.timeline-container .section-title {
	text-transform: uppercase;
	text-align: center;
	margin-right: -.1em;
}

.timeline-subheading {
	text-align: center;
	line-height: 1.1;
	margin-bottom: 1.5625rem;
}

.timeline-wrapper {
	position: relative;
	padding: .75rem 0 0 4.4375rem;
}

.timeline-wrapper:before {
	content: "";
	position: absolute;
	width: 1px;
	left: 2.1875rem;
	top: 0;
	bottom: 0;
	background: #ad0000;
}

.timeline-wrapper .section-title.year {
	position: relative;
	z-index: 2;
	background: #222;
	padding: .2em 0 1px;
}

.timeline_list {
	padding: 0;
	list-style: none;
	margin: 0;
}

.timeline-item {
	position: relative;
	z-index: 3;
	padding: 1.25rem 0 1.125rem;
}

.timeline-item h3 {
	font: 300 1.5em/1.26666667 "Source Sans Pro", "Helvetica Neue", "Helvetica", sans-serif;
	letter-spacing: .1em;
	margin-bottom: .9em;
}

@media (min-width: 768px) {
	.timeline-container {
		padding-top: 5.3125rem;
		padding-bottom: 4.375rem;
	}

	.timeline-container .section-title {
		margin-right: -.15em;
	}

	.timeline-subheading {
		margin-bottom: 4.1875rem;
	}

	.timeline-wrapper {
		padding: 2.3125rem 0 0;
	}

	.timeline-wrapper:before {
		left: 50%;
	}

	.timeline_list {
		padding-bottom: 3.75rem;
	}

	.timeline-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 3.125rem 0 1.1875rem;
	}

	.timeline-item .timeline-image {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 3.8125rem;
	}

	.timeline-item .timeline-detail {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-left: 3.8125rem;
		padding-top: 1.125rem;
	}
}

@media (min-width: 992px) {
	.timeline-container {
		padding-top: 7.5rem;
		padding-bottom: 6.25rem;
	}

	.timeline-subheading {
		margin-bottom: 5.625rem;
	}

	.timeline-wrapper {
		padding-top: 3.125rem;
	}

	.timeline_list {
		padding-bottom: 6.5rem;
	}

	.timeline-item {
		padding: 4.25rem 0 1.5625rem;
	}

	.timeline-item .timeline-image {
		padding-right: 5.125rem;
	}

	.timeline-item .timeline-detail {
		padding-top: 1.5rem;
		padding-left: 5.125rem;
	}
}

@media (max-width: 767px) {
	.timeline-wrapper .section-title.year {
		width: 4.4375rem;
		margin-left: -4.4375rem;
	}

	.timeline-item .timeline-image {
		margin-bottom: 1.125rem;
	}

	.timeline-container.container {
		padding-left: 0;
		padding-right: 0;
	}
}

td.mobile-detail-opener{
	/* Wird aktuell nicht genutzt */
	display: none!important;
}