html,
body {
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff;
}
.hide {
  display: none;
  visibility: hidden;
}
.snippet {
  position: relative;
  width: 300px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}
.video-gallery-pagination,
.video-gallery {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.video-gallery-pagination li,
.video-gallery li {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  float: left;
  clear: none;
}
.video-gallery-pagination {
  margin: 0 0 20px;
}
.video-gallery-pagination li {
  margin-right: 10px;
  background: #ececec;
  border: 1px solid #d8d8d8;
}
.video-gallery-pagination li a {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
}
.video-gallery-pagination li.current {
  background: #0d1156;
}
.video-gallery-container .video-gallery {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.video-gallery-container .video-gallery li {
  padding: 0 0 20px;
  width: 300px;
}
.video-gallery-container .w1 {
  width: 300px;
}
.video-gallery-container .w2 {
  width: 600px;
}
.video-gallery-container .w3 {
  width: 900px;
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.col-2-blocks {
  width: 800px;
  margin: 0 auto;
}
.col-2-blocks div {
  position: relative;
  display: block;
  margin: 0 10px 20px 0;
  padding: 0;
  width: 390px;
  float: left;
  overflow: hidden;
  background: #ffc;
}
.col-2-blocks div:nth-child(even) {
  margin-right: 0;
  background: #693;
}
.col-2-blocks div:nth-child(odd) {
  clear: left;
}