.bloglink .read  {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none; }

/*-------------------------------
	Hover image
-------------------------------*/
.bloglink > img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	z-index: 5;
	background: #666;
	cursor: pointer;
}

.bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 38%;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: black url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 30%;
}


/*-------------------------------
	Popular Posts
-------------------------------*/
.csob-popular-post-widget .bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 38%;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background: black url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.csob-popular-post-widget .bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 28%;
}

/*-------------------------------
	News Carousel
-------------------------------*/
.csob-featured-news-carousel .bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 35%;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background: black url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.csob-featured-news-carousel .bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 26%;
}

/*-------------------------------
	Tabs Container
-------------------------------*/
.csob-article-list-widget .bloglink .read, #pf-items .bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 34%;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background: black url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.csob-article-list-widget .bloglink:hover .read, #pf-items .bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 26%;
}


/*-------------------------------
	Video Widget
-------------------------------*/
.csob-video-widget .bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 40.5%;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.csob-video-widget .bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 35%;
}



/*-------------------------------
	Popular Posts
-------------------------------*/
.post .bloglink .read {
	-webkit-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	position: absolute;
	top: -100px;
	left: 38%;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background: black url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	background: rgba(0, 0, 0, 0.8) url('../images/icons/icon_glasses.png') 50% 50% no-repeat;
	z-index: 10;
	font-size:10px;
}
.post .bloglink:hover .read {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	top:32%;
}


/*-------------------------------
	Related Posts
-------------------------------*/

.csob-related-post .list-carousel ul li .entry-thumb a:hover {
    border:none !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1083px) {
	.bloglink .read {
		top: -90px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.bloglink:hover .read {
		top: 30%;
	}
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 70px;
		height: 70px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23.5%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 35.5%;
		display: block;
		width: 70px;
		height: 70px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 25%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 34%;
		display: block;
		width: 90px;
		height: 90px;
	}
	#pf-items .bloglink:hover .read {
		top: 28%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 34%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.post .bloglink:hover .read {
		top:30%;
	}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
	.bloglink .read {
		top: -90px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.bloglink:hover .read {
		top: 30%;
	}
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 65px;
		height: 65px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 35.5%;
		display: block;
		width: 70px;
		height: 70px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 25%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 34%;
		display: block;
		width: 90px;
		height: 90px;
	}
	#pf-items .bloglink:hover .read {
		top: 28%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 34%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.post .bloglink:hover .read {
		top:30%;
	}
}
@media only screen and (min-width: 800px) and (max-width: 979px) {
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 65px;
		height: 65px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 36%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 29%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 32%;
		display: block;
		width: 70px;
		height: 70px;
	}
	#pf-items .bloglink:hover .read {
		top: 25%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 34%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 38%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.post .bloglink:hover .read {
		top:31%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 65px;
		height: 65px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 36%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 29%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 32%;
		display: block;
		width: 70px;
		height: 70px;
	}
	#pf-items .bloglink:hover .read {
		top: 25%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 34%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 38%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.post .bloglink:hover .read {
		top:31%;
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.bloglink .read {
		top: -90px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.bloglink:hover .read {
		top: 30%;
	}
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 65px;
		height: 65px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 27%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 32%;
		display: block;
		width: 70px;
		height: 70px;
	}
	#pf-items .bloglink:hover .read {
		top: 25%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 34%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 38%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.post .bloglink:hover .read {
		top:31%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.csob-featured-news-carousel .bloglink .read {
		top: -100px;
		left: 34.5%;
		display: block;
		width: 65px;
		height: 65px;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		top: 23%;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 38%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 31%;
	}
	#pf-items .bloglink .read {
		top: -100px;
		left: 32%;
		display: block;
		width: 70px;
		height: 70px;
	}
	#pf-items .bloglink:hover .read {
		top: 25%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 40%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 32%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 39%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.post .bloglink:hover .read {
		top:32%;
	}
	.csob-popular-post-widget .bloglink .read {
		top: -100px;
		left: 38%;
		display: block;
		width: 100px;
		height: 100px;
	}
	.csob-popular-post-widget .bloglink:hover .read {
		top: 28%;
	}
}
@media only screen and (max-width: 479px) {
	.bloglink .read {
		top: -90px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.bloglink:hover .read {
		top: 30%;
	}
	.csob-featured-news-carousel .bloglink .read {
		display:none;
	}
	.csob-featured-news-carousel .bloglink:hover .read {
		display:none;
	}
	.csob-article-list-widget .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-article-list-widget .bloglink:hover .read {
		top: 28%;
	}
	#pf-items .bloglink .read {
		top: -90px;
		left: 36%;
		display: block;
		width: 80px;
		height: 80px;
	}
	#pf-items .bloglink:hover .read {
		top: 30%;
	}
	.csob-video-widget .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-video-widget .bloglink:hover .read {
		top: 28%;
	}
	.post .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.post .bloglink:hover .read {
		top:28%;
	}
	.csob-popular-post-widget .bloglink .read {
		top: -100px;
		left: 35%;
		display: block;
		width: 80px;
		height: 80px;
	}
	.csob-popular-post-widget .bloglink:hover .read {
		top: 28%;
	}
}