.blog.element-seven{width:auto;margin-left:-15px;margin-right:-15px}.blog.element-seven .blog-item{padding:5px 15px 10px}.blog.element-seven:not(.owl-carousel) .blog-item{float:left;margin-bottom:40px}.blog.element-seven .blog-item>.holder>.pic{position:relative;overflow:hidden;margin-bottom:12px}.blog.element-seven .blog-item>.holder>.pic>img{width:100%}.blog.element-seven .blog-item>.holder>.pic>.holder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.blog.element-seven .blog-item:hover>.holder>.pic>.holder{transform:scale(1.1);-webkit-transform:scale(1.1)}.blog.element-seven .blog-item>.holder>.title{position:relative;min-height:65px;margin-bottom:7px;padding-right:75px}.blog.element-seven .blog-item>.holder>.title>.date{position:absolute;top:-30px;right:0;z-index:1;padding:15px 12px 17px;text-align:center;font-weight:700;font-size:13px;color:#fff;line-height:22px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.blog.element-seven .blog-item:hover>.holder>.title>.date{transform:translateY(-10px);-webkit-transform:translateY(-10px)}.blog.element-seven .blog-item>.holder>.title>.date strong{display:block;font-weight:700;font-size:24px;line-height:30px}.blog.element-seven .blog-item>.holder>.title h4{font-size:17px;line-height:25px}.blog.element-seven .blog-item>.holder>.title h4 a{color:#1a1a1a}.blog.element-seven .blog-item>.holder>.data{margin-bottom:20px}.blog.element-seven .blog-item>.holder>.data>*:last-child{margin-bottom:0 !important}.blog.element-seven .blog-item>.holder>.data p{margin:0 0 25px}.blog.element-seven .blog-item>.holder>.meta{text-align:center}.blog.element-seven .blog-item>.holder>.meta ul li{text-transform:uppercase;font-weight:700;font-size:14px;color:#1a1a1a;line-height:22px}.blog.element-seven .blog-item>.holder>.meta ul li:first-child{float:left}.blog.element-seven .blog-item>.holder>.meta ul li:last-child{float:right}.blog.element-seven .blog-item>.holder>.meta ul li a{color:#1a1a1a}.blog.element-seven .blog-item>.holder>.meta ul li i{margin-right:5px}@media screen and (min-width:480px) and (max-width:767px){.blog.element-seven:not(.owl-carousel) .blog-item{width:50% !important}}@media screen and (min-width:321px) and (max-width:479px){.blog.element-seven:not(.owl-carousel) .blog-item{width:100% !important}}@media screen and (max-width:320px){.blog.element-seven:not(.owl-carousel) .blog-item{width:100% !important}}