.vkwpb_gallery:before, 
.vkwpb_gallery:after {
  content: "";
  display: table;
  clear:both;
}

.vkwpb_gallery {
  display:block; 
  max-width: 100%; 
  margin-bottom:20px;
}

.vkwpb_img_wrap {
  height: auto; 
  max-width: 100%;
  margin-bottom:20px;  
}

.vkwpb_img_wrap img {
  border: 0 none;
  vertical-align: middle; 
  height: auto;
  max-width: 100%;
}

.vkwpb_img_wrap span {
  font-size:11px;
  display: block;
}

.vkwpv-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom:20px;
}
.vkwpv-video iframe,
.vkwpv-video object,
.vkwpv-video embed,
.vkwpv-video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


.vk-att {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 0 10px;
  background-color:#FFFFFF;
}

.vk-att-item {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding:0;
  color: #333;
}

.vk-att-item a {
  max-width: calc(100% - 80px);
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 10px 0;
  line-height:21px;
}
.vk-att-item a:hover {
  text-decoration:none;
}
.vk-att-item:last-child {
  border-bottom-width:0;
}

.vk-att-item img{
  height:21px;
  margin-right:10px;
}

.vk-att-item div {
  font-size: 14px;
  line-height: 21px;
  position: absolute;
  right: 3px;
  top:10px;
}