.shadow {
    margin:-10px -5px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(128,128,128,0.5);
    -moz-box-shadow: 0px 0px 5px 5px rgba(128,128,128,0.5);
    box-shadow: 0px 0px 5px 5px rgba(128,128,128,0.5);
    -webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
     -moz-transform: scale(1.2); /* FF3.5+ */
      -ms-transform: scale(1.2); /* IE9 */
       -o-transform: scale(1.2); /* Opera 10.5+ */
          transform: scale(1.2);
}

.head{
    margin-left:100px;
}

.grayscale {
    -webkit-filter: grayscale(100%);  /*Chrome 19+ & Safari 6+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray;
    -o-filter: grayscale(100%);
    -webkit-transition: opacity .6s linear;
}

.imag_gray {
    filter: none;
    -webkit-filter: grayscale(0);
}

.container{
    overflow:hidden;
    position:absolute;
    opacity:0.7;
}

.mask2{
    opacity:0;
    position:absolute;
    z-index:10;
}

.tile { 
    float: left;
    position:relative;
    background-color:#000000;
    z-index: 09 !important;
}