ol,ul{list-style:none}.box-container{display:inline-block;margin:1.4em 0 0;padding:0;width:100%}.box{list-style-type:none;float:left;opacity:0;transform:translate3d(0,40px,0);transition:opacity .2s,transform .35s}.box.show{opacity:1;transform:translateZ(0);transition:opacity .4s,transform .35s}.box .inner{padding:10px;position:relative}.box a{display:block;width:100%;height:auto;position:relative;overflow:hidden}.box img{width:calc(100% + 50px);max-width:calc(100% + 50px);transition:opacity .35s,transform .35s;transform:translate3d(-40px,0,0)}.box a:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;z-index:99;opacity:0;transition:opacity .4s}.three-cols .box{width:100%}.four-cols .box{width:23.1%}.four-cols .box:nth-child(4n){margin-right:0}.four-cols .box:nth-child(4n+1){clear:both;margin-left:0}.inline-inner{padding:40px}.inline-close-btn{background:#ffc107;width:200px;display:block;margin:auto;height:53px;text-align:center;line-height:53px;font-weight:600;font-size:15px;border-radius:5px;border:2px solid #eee;color:#000}.inline-close-btn:hover{border-color:#000}@media (min-width: 390px){.three-cols .box{width:50%}}@media (min-width: 576px){.three-cols .box{width:33.3%}.three-cols .box:nth-child(3n){margin-right:0}.three-cols .box:nth-child(3n+1){margin-left:0}.mcbutton{width:auto}}@media (min-width: 992px){.box:hover img{transform:translateZ(0);transition:opacity .35s,transform .35s}.box:hover a:before{opacity:.3;transition:opacity .5s}}