.blog .image-block{position:relative; overflow:hidden; margin:0 0 30px;}
.blog .image-block .hover-action{position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; background:rgba(0,0,0,0.75); padding:13px 30px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transform: translateY(calc(100% - 50px)); -webkit-transform: translateY(calc(100% - 50px)); -ms-transform: translateY(75%); -moz-transform: translateY(calc(100% - 50px));}
.blog .image-block .hover-action h3{font-size:16px; font-weight:normal; color:#fff; line-height:24px; margin:0 0 15px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.blog .image-block:hover > img{transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.blog .image-block:hover .hover-action h3{white-space:normal;}
.blog .image-block .hover-action h3 a{color:#fff;}
.blog .image-block:hover .hover-action{transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); background:rgba(0,0,0,0.85);}
.blog .image-block .no-post{margin:0; text-align:center; font-size:16px; text-transform:uppercase; font-weight:300; padding-left:28px; color:#fff; display:inline-block; background:url(../img/post-icon.png) no-repeat left top; opacity:0;}
.blog .image-block a.full-link{position:absolute; left:0; right:0; top:0; bottom:0;}
.blog .image-block .box-content{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.blog .image-block:hover .box-content{display:table; width:100%; height:100%;}
.blog .image-block:hover .box-content .cell-content{display:table-cell; vertical-align:middle;}
.blog .image-block:hover .no-post{opacity:1;}

.blog .article-listing{background: #f4f6fe;}
.blog .article-listing .box{background: #fff; margin: 0 0 30px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);}
.blog .article-listing .sidebar .box:last-child{margin-bottom: 0;}
.blog .content-block{padding: 20px;}
.blog .content-block h3, .blog .content-block h1{font-size: 22px; font-weight: 500; margin: 0 0 10px; line-height: 28px;}
.blog .content-block h3 a, .blog .content-block h1 a{color: #333;}
.blog .content-block h3 a:hover, .blog .content-block h1 a:hover{color: #00bcd4;}
.blog .content-block p{font-size: 15px; line-height: 25px; font-weight: 400; margin: 0 0 15px;}
.blog .content-block p:only-of-type{margin-bottom: 20px;}
.blog .info{font-size: 15px; color: #949494; font-weight: 400; margin: 0 0 15px; line-height: 1;}
.blog .info a{color: #4a5f6d;}
/*.blog .article-listing .btn{padding: 13px 25px; border: none; line-height: 1; font-size: 15px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
.blog .article-listing .btn-primary{background: #ee546c; border-bottom: 2px solid #b71e36;}
.blog .article-listing .btn-primary:hover{background: #dd4059;}*/
.blog .sidebar .box{padding: 30px 20px;}
.blog .box h2{color: #4a5f6d; font-size: 24px; font-weight: 400; margin: 0 0 25px; line-height: 24px; text-transform: uppercase;}
.blog .box ul.listing li{font-size: 16px; line-height: 1; padding: 0 30px 20px 0; margin: 0 0 20px; border-bottom: 1px dashed #f0f0f0; position: relative;}
.blog .box ul.listing li:last-child{border: none; padding: 0; margin: 0;}
.blog .box ul.listing li a{display: inline-block; color: #000; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.blog .box ul.listing li a:hover, .box ul.listing li a.active{color: #29a4da;}
.blog .box ul.listing li a span{position: absolute; height: 34px; min-width: 29px; text-align: center; background: #fff; right: 0; color: #605f5f; padding: 8px 5px; line-height: 20px; border-radius: 5px; box-shadow: inset 2px 1px 3px rgba(0,0,0,0.20); top: -9px;}
.blog .article-listing .pagination li > a{margin-left: 10px; border: 1px solid #dcdcdc; font-size: 20px; color: #b2b2b2; font-weight: 400; padding: 12px 15px; line-height: 1; text-transform: uppercase; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.blog .article-listing .pagination li > a:hover, .article-listing .pagination li > a.active, .article-listing .pagination li > a:focus{background: #29a4da; border-color: #005d84; color: #fff;}
.blog .article-listing .pagination li:first-child > a, .article-listing .pagination li:last-child > a{border-radius: 0;}
.blog .recent li{padding: 0 0px 20px 0; margin: 0 0 20px; border-bottom: 1px dashed #f0f0f0; font-size: 0;}
.blog .recent li:last-child{border: none; padding: 0; margin: 0;}
.blog .recent li .image{display: inline-block; vertical-align: middle; width: 35%;}
.blog .recent li .image img{border: 2px solid #e1e1e1;}
.blog .recent li .content{display: inline-block; vertical-align: middle; width: 65%; padding-left: 15px; font-size: 16px;}
.blog .recent li .content h4{font-size:16px; line-height: 22px; margin: 0 0 10px;}
.blog .recent li .content h4 a{color:#333;}
.blog .recent li .content p{font-size: 14px; color: #9a9a9a; line-height: 1;}
.blog .recent li .content a{color: #00bcd4;}
.blog .article-listing h5{margin: 20px 0 10px; font-weight: 500; font-size: 18px; line-height: 28px;}