.article-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-self:stretch}.article-box .article{position:relative;width:32%;margin-left:.5%;margin-right:.5%;box-shadow:2px 4px 6px 0 rgba(49,49,49,.27);border:1px solid #ccc;margin-bottom:20px;text-align:center}.article-box.guides .article{padding-bottom:80px}.article-box .article img{width:100%}.article-box .article .t-title{color:#2aae99;text-align:left;padding:30px 16px 0;font-size:24px}.article-box .article .info{color:#a4a4a4;text-align:left;padding-left:16px;padding-top:15px}.article-box .article .text{font-size:18px;text-align:left;padding:0 16px}.article-box .article .text.p{position:absolute;bottom:0;height:95px;color:#fff;width:100%;padding-top:10px;margin-bottom:0;background-color:rgba(0,0,0,.6)}.article-box .article:hover .text.p{height:110px}.article-box .article .button{position:absolute;margin:auto;left:50%;transform:translateX(-50%);bottom:20px}@media(max-width:1199.98px){.article-box .article .t-title{font-size:22px}}@media(max-width:991.98px){.article-box .article{width:45%;margin-left:2.5%;margin-right:2.5%}}@media(max-width:767.98px){.article-box .article{width:98%;margin-left:1%;margin-right:1%}}