#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav a{font-weight:700;color:grey}#nav a.router-link-exact-active{color:#42b983}.bg-menu{background-color:#7fffd4}body{background-image:url(../img/gallery.e7fd4e37.jpg);background-repeat:no-repeat;background-position:50%}.table,body{background-color:#f0f8ff}a{cursor:pointer}.my-login-page,img{padding:20px}body{margin:0;padding:0;font-family:sans-serif}.container{position:relative;width:1200px;height:600px;margin:20px auto 0}.container .box{position:relative;width:340px;height:270px;background:#000;float:left;margin:15px;overflow:hidden;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.8);box-shadow:0 5px 10px rgba(0,0,0,.8)}.container .box,.container .box:before{-webkit-box-sizing:border-box;box-sizing:border-box}.container .box:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transition:.5s;transition:.5s;-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}.container .box:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.container .box:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;transition:.5s;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.container .box:hover:after{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}.container .box .imgBox{position:relative}.container .box .imgBox img{width:100%;-webkit-transition:.5s;transition:.5s}.container .box:hover .imgBox img{opacity:.2;-webkit-transform:scale(1.2);transform:scale(1.2)}.container .box .content{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.container .box .content h2{margin:0 0 10px;padding:0;color:#fff;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;visibility:hidden}.container .box .content p{margin:0;padding:0;color:#fff;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;visibility:hidden}.container .box:hover .content h2,.container .box:hover .content p{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.custom-file-input:lang(en)~.custom-file-label:after{content:"Buscar"}