header {
  background: #fff;
}
.logo {
  fill: #333;
}
.nav-main-item {
  color: #333;
}
.nav-main-item.current, .nav-main-item:hover > a {
  color: #888;
}
footer {
  background: #ccc;
  color: #333;
}


.hero {
	box-sizing: border-box;
	min-height: 195px;
	padding-bottom: 35%;
}
.hero-slide {
	position: absolute;
	bottom: 0;
	height: auto;
}
/* HERO FIX */
.hero { padding-bottom: 0; height: 40vw; }
.hero-slide { height: 100%; }
@media (max-width: 1400px){ .hero-slide { height: auto; } }
@media (min-width: 1500px){ 
	.hero { max-height: 800px; } 
	.hero-slide { height: auto; }
}
/* FIX END */
p + .list {
	margin-top: 0;
}

.hero-slide-item-caption {
	top: 30%;
}

.hero-slide-item-caption span.dark {
	text-shadow: 1px 1px 10px white;
	color: black;
}

.hero-slide-item-caption span.white {
    text-shadow: 1px 1px 10px black;
	color: white;
}

.acco-arrow-down::after {
	content: '+';
	position: absolute;
	right: 40px;
}

.acco-arrow-up::after {
	content: '-';
	position: absolute;
	right: 40px;
}
@media (max-width: 540px) {
	.acco-arrow-down::after {
		position: unset;
		padding-left: 10px;
	}
	.acco-arrow-up::after {
		position: unset;
		padding-left: 10px;
	}
}

@media (max-width: 740px) {
	.footerlong {
		display: inline;
	}
}


@media (min-width: 741px) {
	.footerlong {
		display: none;
	}
}

@media (min-width: 905px) {
	.footerlong {
		display: inline;
	}
}

.link-btn {
	display: inline-block;
	background: #000;
	font-size: 15px;
	color: #fff;
	padding: 5px 15px;
	margin-top: 20px;
}

.link-btn:hover {
	cursor: pointer;
	color: #fff;
	background: #666666;
}

@media (max-width: 540px) {
	/* .breadcrumb { display: none; } */
	section:last-of-type { padding-top: 0px; }
	.hero + section { 
		margin-top: 20px; 
		padding-top: 0; 
	}
	footer { z-index: 1; }
}

@media (max-width: 768px) {
	.nav-main {
    position: fixed;
    height: calc(100% - 80px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
  }
	footer { z-index: 1; }
}

.img-cap {
	background: #333; 
	padding: 10px;
	line-height: 24px;
	color: white;
}

.blog:after {
  content: '';
  display: block;
  clear: both; }

.blog-img {
  float: left;
  width: 30%; }
  .blog-img-detail:after {
    content: '';
    display: block;
    clear: both; }
  .blog-img-detail img + img {
    padding-left: 2%; }
  .blog-img-detail img.fst {
    width: 100%; }
  .blog-img-detail img .sec {
    float: left;
    width: 48%; }
  .blog-img-detail img.thr {
    float: left;
    width: 32%; }

.blog-txt {
  float: left;
  width: 65%;
  padding-left: 5%; }
  .blog-txt-detail {
    margin-top: 40px; }
    .blog-txt-detail .date {
      float: none;
      display: inline-block;
      margin-bottom: 20px; }
  .blog-txt .titel {
    display: inline-block; }
  .blog-txt .date {
    float: right;
    font-size: 15px;
    color: #666666; }

.blog + .blog {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #b8b8b8; }

.blog:after {
  content: '';
  display: block;
  clear: both; }

.blog-img {
  float: left;
  width: 30%; }
  @media (max-width: 768px) {
    .blog-img {
      float: none;
      width: 100%; } }
  .blog-img-detail:after {
    content: '';
    display: block;
    clear: both; }
  .blog-img-detail img + img {
    padding-left: 2%; }
  .blog-img-detail img.fst {
    width: 100%; }
  .blog-img-detail img .sec {
    float: left;
    width: 48%; }
  .blog-img-detail img.thr {
    float: left;
    width: 32%; }

.blog-txt {
  float: left;
  width: 65%;
  padding-left: 5%; }
  @media (max-width: 768px) {
    .blog-txt {
      float: none;
      width: 100%;
      padding-left: 0;
      margin-top: 20px; } }
  .blog-txt-detail {
    margin-top: 40px; }
    .blog-txt-detail .date {
      float: none;
      display: inline-block;
      margin-bottom: 20px; }
  .blog-txt .titel {
    display: inline-block; }
  .blog-txt .date {
    float: right;
    font-size: 15px;
    color: #666666; }
    @media (max-width: 768px) {
      .blog-txt .date {
        float: none;
        display: block;
        padding-bottom: 10px; } }

.blog + .blog {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #b8b8b8; }

.blog strong,
.blog b,
.blogtext strong,
.blogtext b {
  font-weight: 700;
}

.blog em,
.blogtext em,
.blog i,
.blogtext i {
  font-style: italic;
}
.filter {
  display: inline-block;
  margin-bottom: 40px;
}
.filter-item {
  float: left;
  background: #000;
  color: #fff;
  padding: 5px 10px; 
  line-height: inherit;
  font-size: 15px;
  margin-right: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}

.filter-item.act {
  background: #fff;
  color: #000;
}
.filter-item:last-of-type:hover {
  background: #fff;
  color: #000;
  cursor: pointer;
}
@media (max-width: 768px) {
  .filter-item + .filter-item {
    margin-right: 0;
  }
  .filter-item {
    float: none;
    display: inline-block;
    width: calc(100% - 20px);
  }
}

.lb-close::before, 
.lb-close::after,
.lb-details {
	background: #000;
}

.lb-number {
	color: #000;
}

.lb-nav-next::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M31.93,25l-15-15H24L39,25,24,40H16.93Z'/%3E%3C/svg%3E") no-repeat center rgba(0, 0, 0, 1) !important;
}

.lb-nav-prev::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M33,40H25.93l-15-15,15-15H33L18,25Z'/%3E%3C/svg%3E") no-repeat center rgba(0, 0, 0, 1) !important;
}

.lb-data {
	margin: 0 auto;
}

.lb-number {
	position: absolute;
	left: 0;
	top: -20px;
	width: 100%;
	text-align: center;
}

.lb-details {
	position: absolute;
	bottom: -60px;
}

.realperson-challenge {
	display: block !important;
	color: #000 !important;
	margin-top: 10px;
}
.realperson-text {
	font-family: "Courier New",monospace;
	font-size: 6px !important;
	font-weight: bold !important;
	letter-spacing: -1px !important;
	line-height: 3px !important;
}
.realperson-regen {
	padding-bottom: 15px !important;
	font-size: 10px !important;
	text-align: left !important;
	cursor: pointer !important;
	color: #579636;
}
.realperson-disabled {
	opacity: 0.5 !important;
	filter: Alpha(Opacity=50) !important;
}
.realperson-disabled .realperson-regen {
	cursor: default !important;
}

.blog_caption { padding: 4px; font-size: 14px; }

.icon-li { float: right !important;}

.icon-rss {
	line-height: 1.5;
}
.icon-rss {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M1.3%207.3C.6%207.3%200%207.9%200%208.6c0%20.7.6%201.3%201.3%201.3s1.3-.6%201.3-1.3c.1-.7-.5-1.3-1.3-1.3zM0%203.4v1.9c1.2%200%202.4.5%203.3%201.4.9.9%201.4%202.1%201.4%203.3h1.9c0-3.6-3-6.6-6.6-6.6zM0%200v1.9c4.5%200%208.1%203.6%208.1%208.1H10C10%204.5%205.5%200%200%200z%22%20fill%3D%22%23010101%22/%3E%3C/svg%3E");
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	position: relative;
	display: inline-block;
}
