@charset "utf-8";
/* CSS Document */
body{
  margin:0;
  /*min-height: 1000px;*/
  overflow-y: scroll; 
}
.media-box-container{
      -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
              border-radius: 0px;

      -webkit-box-shadow: none;
         -moz-box-shadow: none;
           -o-box-shadow: none;
          -ms-box-shadow: none;
              box-shadow: none;
}
/* hover effect on the image */
.media-box .media-box-image img{
    -webkit-transition: transform 0.4s ease-in-out;
       -moz-transition: transform 0.4s ease-in-out;
         -o-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out;

/*    -webkit-transform-origin: bottom left;
       -moz-transform-origin: bottom left;
         -o-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;*/
}
.media-box:hover .media-box-image img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.mbt{background:#333;color:#ccc;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
     overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:55px;}
.media-box:hover .mbt{background:#333;color:#FFCC00;}
.media-box-title {text-align: center}
* a:hover{text-decoration: none;}