ul {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  outline: none;
}

#gaCol {
  height: 0;
  overflow: hidden;
}

footer {
  padding-bottom: 5px;
}
footer #logo-bne {
  padding: 10px 0;
}
footer .bne_footer a {
  color: #333 !important;
}

.hoverOpa {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hoverOpa:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

body {
  background: url("../images/movies_images/bg_movies_images.jpg") top center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
body #wrapCol .sidemenu ul li ul {
  display: block;
}
body #wrapCol #mainCol .moviemenu ul {
  font-size: 0;
}
body #wrapCol #mainCol .moviemenu ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  padding: 0 5px;
}
body #wrapCol #mainCol .mainCol-inner .movieList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 100px;
  zoom: 1;
}
body #wrapCol #mainCol .mainCol-inner .movieList:before, body #wrapCol #mainCol .mainCol-inner .movieList:after {
  content: "";
  display: table;
}
body #wrapCol #mainCol .mainCol-inner .movieList:after {
  clear: both;
}
body #wrapCol #mainCol .mainCol-inner .movieList li {
  position: relative;
  width: 480px;
  padding: 0 10px 20px;
}
body #wrapCol #mainCol .mainCol-inner .movieList li.new li:first-child:after {
  content: "";
  position: absolute;
  background: url(../images/movies_images/movies/ico_new.png) left top no-repeat;
  width: 182px;
  height: 84px;
  top: 1px;
  left: 11px;
  pointer-events: none;
}
body #wrapCol #mainCol .mainCol-inner .movieList .notes {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}
body #wrapCol #mainCol .mainCol-inner .imageList {
  margin-bottom: 100px;
  zoom: 1;
}
body #wrapCol #mainCol .mainCol-inner .imageList:before, body #wrapCol #mainCol .mainCol-inner .imageList:after {
  content: "";
  display: table;
}
body #wrapCol #mainCol .mainCol-inner .imageList:after {
  clear: both;
}
body #wrapCol #mainCol .mainCol-inner .imageList li {
  float: left;
  width: 230px;
  height: 133px;
  overflow: hidden;
  margin: 0 20px 20px 0;
  position: relative;
  cursor: pointer;
  /*
  &::before{
    content: "";
    position: absolute;
    background: url("../images/movies_images/images/cover_thum.png") top center no-repeat;
    top: 11px;
    right: 0px;
    z-index: 2;
    width: 230px;
    height: 131px;
  }
  */
}
body #wrapCol #mainCol .mainCol-inner .imageList li img {
  -webkit-transition: all .3s;
  transition: all .3s;
  /*              -webkit-filter: grayscale(0);
                filter: grayscale(0);
                -webkit-transition: .2s ease-in-out;
                transition: .2s ease-in-out;*/
}
body #wrapCol #mainCol .mainCol-inner .imageList li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  /*              -webkit-filter: grayscale(100%);
                filter: grayscale(100%);*/
}