/*Frontend Styles*/
#topcontent_top2{
	 border-top:1px solid #fff;
	 margin-bottom: 1.875rem
 }


body.instant_search #topcontent_top2 { display:none;}
#topcontent_top2 .card {
	border-bottom: 4px;
	border-bottom-color: red;
	border-bottom-style: solid;
}
#topcontent_top2 .card div
{
	width:100%;
}
#topcontent_top2 .card div.top_inner
{
	background:rgba(0, 0, 0, 0.7);
	padding: 0.625rem;
}
#topcontent_top2 .card div.inn1{ background:rgba(0, 0, 0, 0.7);}
#topcontent_top2 .card div.inn2{ background:rgba(0, 0, 0, 0.7);}
#topcontent_top2 .card div.inn3{ background:rgba(0, 0, 0, 0.7);}
#topcontent_top2 .card div.inn4{ background:rgba(0, 0, 0, 0.7);}

#topcontent_top2 .card h1 { color:#fff; background:url(../../themes/theme753/img/banner_ttl_1.jpg) repeat-x 0 0; position:absolute; left:0; top:114px; font-size:23px; line-height:26px; margin:0; padding:11px 30px 15px 28px; border:none; letter-spacing:-1px; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
#topcontent_top2 .card:hover h1 {  text-align:center; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
#topcontent_top2 .card div h3{
	padding:0;
	margin:0 0 1px 0;
	color:#ffffff;
	font-size:17px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:700;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_top2 .card div p{
	padding:0;
	margin:0px 0px 1px 0px;
	color:#fff;
	font-size:13px;
	line-height:18px;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_top2 .card-img-overlay{
	padding: 0px 0px 0px 0px;
}
#topcontent_top2 .card div i{
	position:absolute;
	right:10px;
	bottom:12px;
	color:#fff;
	font-size:25px;
	line-height:26px;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_top2 .card:hover div i{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	/*color:red;*/
}
#topcontent_top2 .card:hover div h3{
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	/*color:red;*/
}
#topcontent_top2 .card:hover div p{
	/*color:red;*/
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_top2 .card img { vertical-align:top;width: 100%}


#topcontent_home{
	border-top:1px solid #fff;
	margin-bottom: 1.875rem;
	width: 100%;
}


body.instant_search #topcontent_home { display:none;}

/*#topcontent_home li div.inn2{ background:#66a801;}*/
#topcontent_home .card {
	border-bottom: 4px;
	border-bottom-color: red;
	border-bottom-style: solid;
}
#topcontent_home .card div
{
	width:100%;
}
#topcontent_home .card div.inn{
	background:rgba(0, 0, 0, 0.7);
	padding:0.625rem;
}

#topcontent_home .card h1 { color:#fff; background:url(../../themes/theme753/img/banner_ttl_1.jpg) repeat-x 0 0; position:absolute; left:0; top:114px; font-size:23px; line-height:26px; margin:0; padding:11px 30px 15px 28px; border:none; letter-spacing:-1px; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
#topcontent_home .card:hover h1 {  text-align:center; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
#topcontent_home .card div h3{
	padding:0;
	margin:0 0 1px 0;
	color:#ffffff;
	font-size:17px;
	line-height:18px;
	font-weight:700;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_home .card div h4{
	padding:0;
	margin:0 0 1px 0;
	color:#ffffff;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_home .card div p{
	padding:0;
	margin:0px 0px 1px 0px;
	color:#fff;
	font-size:13px;
	line-height:18px;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_home .card-img-overlay{
	padding: 0px 0px 0px 0px;
}
#topcontent_home .card div i{
	position:absolute;
	right:10px;
	bottom:12px;
	color:#fff;
	font-size:25px;
	line-height:26px;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_home .card:hover div i{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	/*color:red;*/
}
#topcontent_home .card:hover div h3{
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	/*color:red;*/
}
#topcontent_home .card:hover div p{
	/*color:red;*/
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
}
#topcontent_home .card img { vertical-align:top;width: 100%}

#topcontent_home .card .in2{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	height:100%;
	text-align:center;
	padding:45px 0 0 0;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
#topcontent_home .card .in2 h2 {
	color:#ffffff;
	font-size:25px;
	line-height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:0;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
#topcontent_home .card .in2 h3 {
	color:#ffffff;
	font-size:16px;
	line-height:18px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	margin:0px 0 13px 0;
	text-transform:uppercase;
}
#topcontent_home .card .in2 h4 {
	color:#9e9e9e;
	font-size:10px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	text-transform:uppercase;
	margin:0 auto;
	width:60%;
}
#topcontent_home .card:hover .in2{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
@media only screen and (min-width: 950px) and (max-width: 1250px) {
	#topcontent_top2 li.last_item{ width:260px;}
	#topcontent_top2 li h1{ top:102px;}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	#topcontent_top2 li { width:235px;}
	#topcontent_top2 li.last_item{ width:234px;}
	#topcontent_top2 li h1{ top:93px;}
	#topcontent_top2 li div p{ display:none;}
	#topcontent_top2 li div{ padding:15px 69px 15px 15px;}
	#topcontent_top2 li div i{ bottom:10px; right:15px;}
	#topcontent_top2 li div h3{ font-size:15px;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	#topcontent_top2 li { width:181px;}
	#topcontent_top2 li.last_item{ width:180px;}
	#topcontent_top2 li h1{ top:103px; font-size:15px; padding:10px 20px;}
	#topcontent_top2 li div{ display:none;}
}	
@media only screen and (min-width: 581px) and (max-width: 767px) {
	#topcontent_top2 ul{ width:102%;}
	#topcontent_top2 li.last_item,
	#topcontent_top2 li{ width:49%; border:none;}
	#topcontent_top2 li a img{ width:100%; height:auto;}
	#topcontent_top2 li h1{ top:0;}
	
}

@media only screen and (max-width: 580px) {
	#topcontent_top2 ul{ width:102%;}
	#topcontent_top2 li.last_item,
	#topcontent_top2 li{ width:49%; border:none;}
	#topcontent_top2 li a img{ width:100%; height:auto;}
	#topcontent_top2 li h1{ top:0; padding:7px 14px;}
	#topcontent_top2 li div{ padding:10px 20px;}
	#topcontent_top2 li div p{ display:none;}
	#topcontent_top2 li div i{ display:none;}
}
@media only screen and (max-width: 480px) {
	/*#topcontent_top2{ display:none;}*/
}