@-webkit-keyframes down{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1}100%{-webkit-transform:translate(0,50%);transform:translate(0,50%);opacity:0}}@keyframes down{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1}100%{-webkit-transform:translate(0,50%);transform:translate(0,50%);opacity:0}}.pages .container .p-r .col-sm-12.cards{margin-top:30px}.pages .container .p-r .col-sm-12.cards .brands-card{margin-bottom:30px;min-width:250px}.pages .container .p-r .col-sm-12.cards .brands-card>section{padding:3px;background-color:#fcfcfc;border:1px solid #ebebeb;min-height:250px;position:relative;overflow:hidden}.pages .container .p-r .col-sm-12.cards .brands-card>section h4{margin-left:13px;color:#666;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pages .container .p-r .col-sm-12.cards .brands-card>section h4:after{width:30px}.pages .container .p-r .col-sm-12.cards .brands-card>section img{position:absolute;top:30px;left:0;right:0;bottom:0;margin:auto}.pages .container .p-r .col-sm-12.cards .brands-card>section .anim-box{position:absolute;bottom:3px;right:3px;width:0;height:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent #0395cb transparent;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:width,height,border;transition-property:width,height,border}.pages .container .p-r .col-sm-12.cards .brands-card>section .anim-box:after{content:'';width:0;height:0;border-style:solid;border-width:0 0 4px 4px;border-color:transparent transparent #fff transparent;position:absolute;top:13px;right:5px}.pages .container .p-r .col-sm-12.cards .brands-card>section .anim-box>a{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;color:#fff;z-index:1;height:40px;width:180px;text-align:center;line-height:40px;font-family:'Titillium Web',sans-serif;font-size:16px;font-weight:lighter;display:none;border:1px solid #fff;text-decoration:none}.pages .container .p-r .col-sm-12.cards .brands-card>section:hover>.anim-box{width:calc(100% - 6px);height:calc(100% - 6px);border-width:0;background:0 0}.pages .container .p-r .col-sm-12.cards .brands-card>section:hover>.anim-box:after{border:none;background:rgba(3,149,203,.95);left:0;top:0;width:100%;height:100%}.pages .container .p-r .col-sm-12.cards .brands-card>section:hover>.anim-box>a{display:block}