.gallery-box {
    /* margin: 0 0 39px; */
    overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .gallery-box {
    max-width:310px;
    margin-left: auto;
    margin-right: auto
  }
}
.applications-box {
  margin: 0 -2px 0 0;
  overflow: hidden
}

.applications-box .big-block {
  width: 67%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.applications-box .small-block {
  width: 33%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.applications-box .small-block a {
  margin: 2px 2px 0 0
}

.applications-box .small-block a:first-child {
  margin-top: 0
}

.applications-box .small-block.right a {
  margin: 0
}

.applications-box .holder {
  float: left;
  padding: 0 2px 2px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.applications-box .holder.size1 {
  width: 100%
}

.applications-box .holder.size2 {
  width: 50%
}

.applications-box img {
  width: 100%;
  height: auto;
  display: block;
  /* opacity: .35; */
}

.applications-box a {
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  display: block;
  position: relative;
  /* background: #000; */
}

.box-text {
  left: -3px;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 3px;
  text-align: center;
  background: black;
  color: #fff;
}

.box-text:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 1px;
  overflow: hidden;
  margin: 0 0 0 -5px;
  vertical-align: middle
}

.applications-box .box-text .title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #fff;
  white-space: normal;
  display: inline-block;
  vertical-align: middle
}


.applications-box a.hover img {
  opacity: 1
}

.applications-box a.hover .ico-zoom {
  display: block
}

.applications-box a.hover .title {
  display: none
}
.gallery-box .applications-box img {
  height: 100%
}

.gallery-box .applications-box .holder {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden
}

.gallery-box .applications-box {
  position: relative;
  overflow: auto;
  height: 831px
}

.gallery-box .applications-box a {
  height: 100%
}

.gallery-box .applications-box img {
  height: 100%
}

.gallery-box .applications-box .holder {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden
}

.gallery-box .applications-box {
  position: relative;
  overflow: auto;
  height: 831px
}

.gallery-box .applications-box a {
  height: 100%
}

.holder.num1 {
  top: 0;
  left: 0;
  width: 206px;
  height: 103px
}

.holder.num1 img {
}

.holder.num2 {
  top: 104px;
  left: 0;
  width: 102px;
  height: 102px
}

.holder.num2 img {
}

.holder.num3 {
  top: 104px;
  left: 104px;
  width: 102px;
  height: 102px
}

.holder.num3 img {
}

.holder.num4 {
  top: 0;
  left: 208px;
  width: 102px;
  height: 206px
}

.holder.num4 img {
  width: auto
}

.holder.num5 {
  top: 208px;
  left: 0;
  width: 102px;
  height: 102px
}

.holder.num5 img {
}

.holder.num6 {
  top: 312px;
  left: 0;
  width: 102px;
  height: 207px
}

.holder.num6 img {
  width: auto
}

.holder.num7 {
  top: 208px;
  left: 104px;
  width: 206px;
  height: 207px
}

.holder.num7 img {
}

.holder.num8 {
  top: 417px;
  left: 104px;
  width: 102px;
  height: 102px
}

.holder.num8 img {
}

.holder.num9 {
  top: 417px;
  left: 208px;
  width: 102px;
  height: 102px
}

.holder.num9 img {
}

.holder.num10 {
  top: 521px;
  left: 0;
  width: 206px;
  height: 206px
}

.holder.num10 img {
}

.holder.num11 {
  top: 729px;
  left: 0;
  width: 102px;
  height: 102px
}

.holder.num11 img {
}

.holder.num12 {
  top: 729px;
  left: 104px;
  width: 102px;
  height: 102px
}

.holder.num12 img {
}

.holder.num13 {
  top: 521px;
  left: 208px;
  width: 102px;
  height: 102px
}

.holder.num13 img {
}

.holder.num14 {
  top: 625px;
  left: 208px;
  width: 102px;
  height: 102px
}

.holder.num14 img {
}

.holder.num15 {
  top: 729px;
  left: 208px;
  width: 102px;
  height: 102px
}

.holder.num15 img {
}