.blog-snippet__post{flex:0 0 auto;position:relative;width:calc(100% / 3 - 30px);margin:0 15px 30px}.blog-snippet__post:before{content:"";display:block;height:0;padding-bottom:80%}.blog-snippet__image{height:100%;width:auto;display:block}.blog-snippet__title{margin:18px 0 0;display:block;font-size:22px;font-weight:700;max-width:188px}.blog-snippet__content{position:absolute;z-index:1;top:0;left:0;padding:40px;height:100%}.blog-snippet__tagname{color:#FFF;padding:5px 15px;border-radius:25px;font-size:13px;font-weight:700;display:inline-block;text-transform:uppercase}.blog-snippet__post-image-wrapper{display:block;position:absolute;border-radius:8px;overflow:hidden;top:0;left:0;width:100%;height:100%}.blog-snippet__post-image-wrapper:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:12px;z-index:1}.blog-snippet__post-image-wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:80%;height:100%;background:linear-gradient(to right,#fff 20%,transparent)}.blog-snippet__play{display:block;position:absolute;bottom:38px;width:34px;height:34px;border-radius:100px;background:#ff5c39}.blog-snippet__play:after{content:"";display:block;border-left:8px solid transparent;border-top:8px solid #FFF;position:absolute;top:12px;left:11px;transform:rotate(45deg)}.blog-snippet__play span{right:-42px;position:absolute;top:5px;color:#363636;font-weight:800}.blog-index__list>div{flex:0 0 auto;position:relative;margin-bottom:30px;width:100%;display:flex;flex-wrap:wrap;max-width:100%}nav.paginate-pagination{max-width:100%;margin:auto}nav.paginate-pagination ul{display:flex;width:300px;max-width:100%;justify-content:space-around;list-style-type:none;margin:auto;margin-top:20px}nav.paginate-pagination ul a{color:#363636;font-weight:bold}nav.paginate-pagination ul a:hover{color:#6d2077}.blog-index__list:after{display:none}@media(max-width:1070px){.blog-snippet__post{width:calc(100% / 2 - 30px)}}@media(max-width:730px){.blog-snippet__post{width:100%;max-width:100%;margin:15px auto}}