.masonry {
  position: relative;
}

.masonry .item {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  float: left;
}

.masonry .item .item_inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.masonry .item img {
  width: 100%;
}

.masonry .item.init {
  -webkit-transition: -webkit-transform 0.4s ease, -webkit-opacity 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease, -moz-opacity 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease, -ms-opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, -o-opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.masonry .item.out {
  -webkit-transform: translateY(90px);
  -moz-transform: translateY(90px);
  -ms-transform: translateY(90px);
  -o-transform: translateY(90px);
  transform: translateY(90px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 1;
}

@media (max-width: 414px) and (orientation: portrait), (max-width: 736px) and (orientation: landscape) {
  .masonry .item.out {
    z-index: 2;
  }
}

.module_text .masonry .item {
  margin-bottom: 30px;
}

.masonry_1 .grid_sizer,
.masonry_1 .item {
  width: 100%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_1 .grid_sizer,
  .masonry_1 .item {
    width: 100%;
  }
}

.masonry_2 .grid_sizer,
.masonry_2 .item {
  width: 50%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_2 .grid_sizer,
  .masonry_2 .item {
    width: 100%;
  }
}

.masonry_3 .grid_sizer,
.masonry_3 .item {
  width: 33.33333%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_3 .grid_sizer,
  .masonry_3 .item {
    width: 100%;
  }
}

.masonry_4 .grid_sizer,
.masonry_4 .item {
  width: 25%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_4 .grid_sizer,
  .masonry_4 .item {
    width: 100%;
  }
}

.masonry_5 .grid_sizer,
.masonry_5 .item {
  width: 20%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_5 .grid_sizer,
  .masonry_5 .item {
    width: 100%;
  }
}

.masonry_6 .grid_sizer,
.masonry_6 .item {
  width: 16.66667%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_6 .grid_sizer,
  .masonry_6 .item {
    width: 100%;
  }
}

.masonry_7 .grid_sizer,
.masonry_7 .item {
  width: 14.28571%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_7 .grid_sizer,
  .masonry_7 .item {
    width: 100%;
  }
}

.masonry_8 .grid_sizer,
.masonry_8 .item {
  width: 12.5%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_8 .grid_sizer,
  .masonry_8 .item {
    width: 100%;
  }
}

.masonry_9 .grid_sizer,
.masonry_9 .item {
  width: 11.11111%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_9 .grid_sizer,
  .masonry_9 .item {
    width: 100%;
  }
}

.masonry_10 .grid_sizer,
.masonry_10 .item {
  width: 10%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_10 .grid_sizer,
  .masonry_10 .item {
    width: 100%;
  }
}

.masonry_11 .grid_sizer,
.masonry_11 .item {
  width: 9.09091%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_11 .grid_sizer,
  .masonry_11 .item {
    width: 100%;
  }
}

.masonry_12 .grid_sizer,
.masonry_12 .item {
  width: 8.33333%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_12 .grid_sizer,
  .masonry_12 .item {
    width: 100%;
  }
}

.masonry_13 .grid_sizer,
.masonry_13 .item {
  width: 7.69231%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_13 .grid_sizer,
  .masonry_13 .item {
    width: 100%;
  }
}

.masonry_14 .grid_sizer,
.masonry_14 .item {
  width: 7.14286%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_14 .grid_sizer,
  .masonry_14 .item {
    width: 100%;
  }
}

.masonry_15 .grid_sizer,
.masonry_15 .item {
  width: 6.66667%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_15 .grid_sizer,
  .masonry_15 .item {
    width: 100%;
  }
}

.masonry_16 .grid_sizer,
.masonry_16 .item {
  width: 6.25%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_16 .grid_sizer,
  .masonry_16 .item {
    width: 100%;
  }
}

.masonry_17 .grid_sizer,
.masonry_17 .item {
  width: 5.88235%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_17 .grid_sizer,
  .masonry_17 .item {
    width: 100%;
  }
}

.masonry_18 .grid_sizer,
.masonry_18 .item {
  width: 5.55556%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_18 .grid_sizer,
  .masonry_18 .item {
    width: 100%;
  }
}

.masonry_19 .grid_sizer,
.masonry_19 .item {
  width: 5.26316%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_19 .grid_sizer,
  .masonry_19 .item {
    width: 100%;
  }
}

.masonry_20 .grid_sizer,
.masonry_20 .item {
  width: 5%;
}

@media (max-width: 414px) and (orientation: portrait) {
  .masonry_20 .grid_sizer,
  .masonry_20 .item {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .masonry_4 .grid_sizer,
  .masonry_4 .item {
    width: 33.333333%;
  }
}

@media (max-width: 1000px) and (max-width: 414px) and (orientation: portrait) {
  .masonry_4 .grid_sizer,
  .masonry_4 .item {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .masonry_4 .grid_sizer,
  .masonry_4 .item,
  .masonry_3 .grid_sizer,
  .masonry_3 .item {
    width: 50%;
  }
}

@media (max-width: 800px) and (max-width: 414px) and (orientation: portrait) {
  .masonry_4 .grid_sizer,
  .masonry_4 .item,
  .masonry_3 .grid_sizer,
  .masonry_3 .item {
    width: 100%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_5 .grid_sizer,
  .masonry_5 .item {
    width: 30%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_6 .grid_sizer,
  .masonry_6 .item {
    width: 25%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_7 .grid_sizer,
  .masonry_7 .item {
    width: 21.42857%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_8 .grid_sizer,
  .masonry_8 .item {
    width: 18.75%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_9 .grid_sizer,
  .masonry_9 .item {
    width: 16.66667%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_10 .grid_sizer,
  .masonry_10 .item {
    width: 15%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_11 .grid_sizer,
  .masonry_11 .item {
    width: 13.63636%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_12 .grid_sizer,
  .masonry_12 .item {
    width: 12.5%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_13 .grid_sizer,
  .masonry_13 .item {
    width: 11.53846%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_14 .grid_sizer,
  .masonry_14 .item {
    width: 10.71429%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_15 .grid_sizer,
  .masonry_15 .item {
    width: 10%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_16 .grid_sizer,
  .masonry_16 .item {
    width: 9.375%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_17 .grid_sizer,
  .masonry_17 .item {
    width: 8.82353%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_18 .grid_sizer,
  .masonry_18 .item {
    width: 8.33333%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_19 .grid_sizer,
  .masonry_19 .item {
    width: 7.89474%;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .masonry_20 .grid_sizer,
  .masonry_20 .item {
    width: 7.5%;
  }
}
