/* vista 5 */
.menu-articoli.vista5 .bricklayer-column { overflow: overlay; }
.menu-articoli.vista5 .bricklayer-column .brick { border: 1px solid #eee; overflow: hidden; background-color: #fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.menu-articoli.vista5 .bricklayer-column .brick .brick-body { padding: 15px; }
.menu-articoli.vista5 .bricklayer-column .brick .brick-text { font-size: 14px; }
.menu-articoli.vista5 .bricklayer-column .brick a { position: relative; border: 0px dotted #D3D3D4; overflow: hidden; /*padding: 0px;*/ }
/*.menu-articoli.vista5 .bricklayer-column .brick a:after { content: ''; border: 0.02em solid #5d5d5d; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }*/
.menu-articoli.vista5 .bricklayer-column .brick a:hover { background-color: transparent; }
/*.menu-articoli.vista5 .bricklayer-column .brick a:hover:after { border-color: #ccc; }*/
.menu-articoli.vista5 .bricklayer-column .brick a:hover > h4, .menu-articoli.vista5 .bricklayer-column .brick.active a > h4 { color: #cccccc; }
.menu-articoli.vista5 .bricklayer-column .brick h4 { font-size: 16px !important; font-weight: 500 !important; }
.menu-articoli.vista5 .bricklayer-column .brick .data { padding: 0; font-size: 14px; margin:10px 0; }
.menu-articoli.vista5 .bricklayer-column .brick .data .gg { }
.menu-articoli.vista5 .bricklayer-column .brick .data .mm { }
.menu-articoli.vista5 .bricklayer-column .brick .data .aaaa { }
.menu-articoli.vista5 .bricklayer-column .brick .img { position: relative; display: inline-block;overflow: hidden;  width: 100%; max-width: 100% !important; float: left;  margin-bottom: 20px; background-size: cover; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.menu-articoli.vista5 .bricklayer-column .brick .img.mask { height: 150px; }

/*.menu-articoli.vista5 .bricklayer-column .brick .img > .innerImg{ position:absolute; width: 100%; height:100%; background-size: cover; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }*/
.menu-articoli.vista5 .bricklayer-column .brick .img img { width:100%; height:auto !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.menu-articoli.vista5 .bricklayer-column .brick .img.mask img { position: absolute; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; margin: auto auto; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
/*rollover*/

.menu-articoli.vista5 .bricklayer-column .brick .img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.4); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0.3s linear 0.3s, opacity 0.3s linear; }
.menu-articoli.vista5 .bricklayer-column .brick .img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.menu-articoli.vista5 .bricklayer-column .brick .img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 14px 16px; font-size: 20px; }
.menu-articoli.vista5 .bricklayer-column .brick:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
/*.menu-articoli.vista5 .bricklayer-column .brick:hover .img > .innerImg { transform: scale(1.1); }*/
.menu-articoli.vista5 .bricklayer-column .brick:hover .img.mask img {transform: scale(0.11); }
.menu-articoli.vista5 .bricklayer-column .brick:hover .img img {transform: scale(1.1); }

@media screen and (max-width: 736px) {
.menu-articoli.vista5 .img { background-size: cover }
}