.xtra-banner-group{display:flex;z-index:1;overflow:hidden;position:relative;text-align:center;border:1px solid rgba(103,103,103,.15)}.xtra-banner-group>div{position:absolute;width:100%;height:100%;z-index:-1}.xtra-banner-group:hover,.codevz-banner-group-show-default{background-color:#111}.xtra-banner-group:hover .xtra-banner-group-item>div,.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2)>div{opacity:.7}.xtra-banner-group.xtra-banner-group-not-visible:hover .xtra-banner-group-item>div{opacity:0}.xtra-banner-group-item{width:100%;height:100%;padding:30px;color:#111;display:flex;align-items:center;border-right:1px solid rgba(103,103,103,.15)}.xtra-banner-group-item:last-child{border-right:0}.xtra-banner-group-item>div{width:100%}.xtra-banner-group:hover .xtra-banner-group-item,.codevz-banner-group-show-default .xtra-banner-group-item{color:#fff}.xtra-banner-group:hover .xtra-banner-group-item:hover>div,.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2)>div{opacity:1}.cz-banner-group-icon{font-size:40px;display:table;margin:0 auto 20px}.xtra-banner-group-item>img{position:absolute;width:100%;left:50%;top:50%;z-index:-2;opacity:0;visibility:hidden;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.xtra-banner-group-item:hover>img,.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2)>img{opacity:1;visibility:visible}@media screen and (max-width:480px){.xtra-banner-group-item>img{width:200%}.xtra-banner-group{flex-direction:column}.xtra-banner-group-item{position:relative;min-height:auto !important}}