@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Kanit:800');
.da-thumbs {
	list-style: none;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.da-thumbs li {
	display:inline-block;
	position: relative;
	padding:3px;
}

.da-thumbs li{border:1px solid #efefef;}
.da-thumbs li h1.heading {
	position: absolute;
	display: block;
	top: 88%;
	right: 0;
	/* background: rgba(255,255,255,0.5); */
	color: #666;
	border: 0;
	padding: 10px 20px 10px 20px;
	/*! text-transform: uppercase; */
	font-size: 14px;
	font-family: 'Poppins';
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.da-thumbs li h1.light{color:#ccc;}
.da-thumbs li h1.white {
	color: #fff;
	background: rgba(49, 110, 0, 0.8);
}
.da-thumbs li:hover h1.heading{top:100%;}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	/*position: relative;*/
}
.da-thumbs li{
	overflow: hidden;
}
.da-thumbs li div {
	position: absolute;
	
	background: rgba(56, 111, 11, 0.8);
	width: 100%;
	height: 100%;
	
}
.da-thumbs li div span {
	display: block;
	padding: 5px 0;
	margin: 20px 20px 0px 20px;
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	font-family: 'Poppins';
	letter-spacing:1px;
	font-size:19px;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	/*box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);*/
}

.da-thumbs li div h3 {
	display: block;
	padding: 5px 0;
	margin: 35% 0 0 0;
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	letter-spacing:1px;
	font-size:18px;
	color: rgba(255,255,255,0.9);
	border:0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	/*box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);*/
}
.da-thumbs li div ol{display: block;
padding: 10px 0;
margin:0 0 0 20px;}

.da-thumbs li div ol li{margin-bottom:8px; padding:0; text-transform: uppercase; border:0; text-align:center;}
.da-thumbs li div ol li, .da-thumbs li div ol li a{display:block; color:#fff; font-size:12px;}
.da-thumbs li div ol li a:hover{text-decoration:none;}


@media (max-width: 1450px) {
.da-thumbs li div ol li{margin-bottom:6px;}
.da-thumbs li div ol li, .da-thumbs li div ol li a{font-size:11px;}

}


.smt:hover h1 {
	top: 88%!important;
}