.wrapper-relative{position: relative;}
.img-height{width: 100%;}
.img-height img{width: 100%;opacity: 0;display: block;visibility: hidden;}
article a{display: block;text-decoration: none;}
article .image{position: relative;line-height: 0;}
article .image img{width: 100%;}
article .image .favorites{width: 42px;height: 42px;cursor: pointer;background-color: rgba(241, 242, 244, 0.7);border-radius: 42px;position: absolute;top: 24px;right: 24px;}
article .image .favorites::before{content: '';position: absolute;top: calc(50% - 10px);left: calc(50% - 6.5px);width: 13px;height: 20px;background: url(../../sysimages/favorites.png) no-repeat;background-size: 13px 40px;background-position: left top;}
article .image .favorites:hover::before,
article .image .favorites.added::before{background-position: left bottom;}
article .content-blog{min-height: 397px;transition:0.2s background;position: relative;text-align: left;padding: 2.45vw 3.35vw 90px;margin-top: 4px;}
article:hover .content-blog,
article:hover .content-blog .wrapper-bottom-blog{background-color: #f1f2f4;}
article .content-blog .title{max-height: 26px;overflow: hidden;display: block;font-size: 20px;line-height: 26px;font-weight: 700;color: #0e2952;}
article .content-blog .subtitle{max-height: 156px;display: block;overflow: hidden;margin-top: 30px;font-size: 16px;line-height: 26px;letter-spacing: .8px;color: #505864;}
article .content-blog .read-time{font-size: 13px;line-height: 18px;font-weight: 400;color: #0a1e3c;letter-spacing: 1.08px;padding-left: 28px;position: relative;}
article .content-blog .read-time::before{content: '';position: absolute;left: -1px;top: calc(50% - 9px);background: url(../../sysimages/timer.png) no-repeat;background-size: 18px;background-position: left top;width: 18px;height: 18px;}
article .wrapper-bottom-blog{transition:0.2s background;background:#fff;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 3.35vw 44px;}
article .wrapper-bottom-blog .link{display: inline-block;margin-top: 25px;font-size: 12px;line-height: 12px;text-transform: uppercase;letter-spacing: 1px;color: #0e2952;text-decoration: none;padding-bottom: 2px;border-bottom: 1px solid #0d2952;transition: 0.2s border;font-weight: 700;}
article a:hover .wrapper-bottom-blog .link{border-bottom-color: transparent;}
 
@media screen and (max-width: 1560px){
	article .content-blog{min-height: auto;}
	article .wrapper-bottom-blog{position: relative;padding: 10px 0 0 !important;}
}

@media screen and (max-width: 1400px){
	.blog .column .tabs-container .tab .row .column > .row .column.col-sm-6 .content-blog{padding-top: 15px !important;padding-bottom: 15px !important;}
}

@media screen and (max-width: 1300px){
	article .content-blog .subtitle{margin-top: 10px;}
}

@media screen and (max-width: 768px){
	article .content-blog{min-height: auto;padding: 4vw 3vw !important;}
	article .content-blog a{margin-top: 20px !important;}
	article .image .favorites{top: 10px;right: 10px;}
	article .content-blog .title{font-size: 16px;line-height: 22px;}
	article .content-blog .subtitle{font-size: 12px;line-height: 22px;margin-top: 10px !important;}
	article .wrapper-bottom-blog{position: static;top: auto;left: auto;padding: 20px 0 0 !important;}
	article .wrapper-bottom-blog .read-time{font-size: 11px;line-height: 15px;}
	article .wrapper-bottom-blog .read-time::before{top: -2px;}
	.img-height{display: none;}
}
@media screen and (min-width: 768px){
	article{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}