.mb-60{
    margin-bottom: 60px;
}

#page #options{
    padding: 60px 0; background:url('../images/background.png');
}

#options .container:first-child{
    padding: 0px 85px;
}

#options .gameselect{
    width:100%;
}

#options .container-effect{
    width: 100%;height: 100%;max-height: 299px;max-width: 525px;overflow: hidden; 
}

#options .access{
    font-family: 'Open Sans', sans-serif;position:absolute;top:45%;left:32%;z-index:3;text-decoration:none;text-transform:uppercase;color: #fff;background: #056fa5;padding:10px 20px;font-size: 14px;opacity: 0;transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-webkit-transition: all .8s ease-in-out;
}

#options .container-effect:hover .access{
    opacity: 1;top:40%;box-shadow: 0 0 5px -1px rgb(12, 80, 115);
}


#options .container-effect .overlay{
    width: 100%;height: 100%;background: rgba(5,111,165,0.5);position: absolute;z-index:2;max-width: 455px;max-height: 299px;opacity: 0; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; border: solid 1px #056fa5;
}

#options .container-effect:hover .overlay{
    opacity: 1;
}

#options .container-effect img{
    transition: transform 1.5s ease-out;-o-transition: transform 1.5s ease-out;-moz-transition: transform 1.5s ease-out;-webkit-transition: transform 1.5s ease-out;
}


#options .container-effect:hover img{
    transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-webkit-transform: scale(1.05)
}




