.container .list__nav{padding:30px 0;text-align:center}.container .list__nav a{margin:0 30px;color:#000;font-size:16px;font-weight:700}.container .list__wrap .list{list-style:none;padding:0}.container .list__wrap .list li{position:relative;margin-bottom:40px;overflow:hidden;text-align:center}.container .list__wrap .list li img{width:100%}.container .list__wrap .list li .text{position:absolute;top:100%;left:0;width:100%;height:100%;transition:all .3s ease-in-out;margin:0 15px;color:#000;background:url(../images/bg_plus.png) 50% no-repeat #f2f2f2}.container .list__wrap .list li .text .oi{font-size:60px;font-weight:400;color:#9c9c9c}.container .list__wrap .list li .text .title{position:absolute;left:0;width:100%;font-size:18px;text-align:left;padding:0 20px;bottom:60px}.container .list__wrap .list li .text .subtitle{position:absolute;left:0;width:100%;font-size:16px;text-align:left;bottom:20px;padding:0 20px}.container .list__wrap .list li:hover .text{top:0}@media (max-width:575.98px){.container .list__wrap .list li .text{position:relative!important;margin:0;background:none}.container .list__wrap .list li .text .title{position:static;width:100%;font-size:18px;text-align:left;padding:0}.container .list__wrap .list li .text .subtitle{position:static;width:100%;font-size:16px;text-align:left;padding:0}.container .list__nav{text-align:left!important}.container .list__nav a{line-height:2;display:inline-block;width:45%;margin:0!important}}@media (min-width:576px) and (max-width:767.98px){.container .list__wrap .list li .text{position:relative!important;background:none;margin:0}.container .list__wrap .list li .text .title{position:static;width:100%;font-size:18px;text-align:left;padding:0}.container .list__wrap .list li .text .subtitle{position:static;left:0;width:100%;font-size:16px;text-align:left;padding:0}}