.blog-wp{
  padding: 0 5% 50px;
}

.blog-wp-out{
  display: flex;
  flex-wrap: wrap;
}

.blog-wp-in{
  position: relative;
  z-index: 1;
  padding-top: 40px;
}

.blog-thumb {
  width: 23%;
  padding: 45px 1.5% 0;
  display: block;
  text-decoration: none;
  color: #111111;
}

.blog-thumb:hover img {
  filter: sepia(100%);
}

.blog-thumb A:link, .blog-thumb A:visited{
  display: block;
  text-decoration: none;
  color: #111111;
}

.blog-thumb h3, .blog-L h1{
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 33px;
}

.blog-thumb span{
  display: block;
  cursor: pointer;
}

.blog-share{
  padding-top: 5px;
}

.bth-view, .blog-L .blog-date, .blog-share A:link, .blog-share A:visited{
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 8pt;
  letter-spacing: 1px;
  color: #666464;
}

.blog-L ul {
  margin: 1em;
}

.bth-img{
  padding-top: 20px;
  position: relative;
}

.bth-img img{
  width: auto;
  max-width: 90%;
  _width: 90%;
  padding: 5%;
  border: 1px solid #CCC;
  transition: filter .5s;
}

.abs-B {
  bottom: 0;
}

.bi-part {
  font-size: 0;
}

.blog-L-abs{
  width: 34.5%;
  position: absolute;
  left: 0;
}

.blog-R{
  float: right;
  width: 60%;
}

.blog-txt{
  padding: 10px 15px 20px 0;
}

.blog-txt .fancybox-media {
  position: relative;
  float: left;
}

.blog-main-txt {
  padding-top: 20px;
}

.bl-img {
  position: relative;
  max-height: 450px;
  max-width: 100%;
  float: left;
  margin: 0 20px 20px 0;
}

.bl-img iframe {
  max-width: 100%;
}

.embed-video {
  display: none;
}

.bi-part div{
  width: 40%;
  padding: 0 5%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

.bi-part img{
  width: 100%;
}

.bsh-hidden{
  display: none;
}