
/* Normalized Styles
------------------------------------------------------------------------------*/

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	background: #fff;
	-webkit-text-size-adjust: none; 
}

a:hover {
	text-decoration: underline;
}


/* Container
------------------------------------------------------------------------------*/

.card-block {
	position: relative;
	width: 300px;
	height: 350px;
	margin: 0 auto;
	overflow: hidden;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.card-block .card-content {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	overflow: hidden;
}
.card-block.card-magazine .box-content {padding: 0;}
.card-block .top {
	width: 100%;
	text-align: center;
	position: relative;
	padding: 10px 5px;
	text-transform: uppercase;
}
.card-block.card-top_ten .top {
	background: #666;
}
.card-block .top h2 {
	font-size: 28px;
	line-height: 1em;
	margin: 0;
}
.card-block.card-top_ten .top .ttl {
	color: #fff;
	font-size: 26px;
	letter-spacing: 1px;
}
.card-block.card-top_ten .top {padding: 4px 5px;}
.card-block.card-top_ten .top .sub-ttl {font-size: 30px;}
.card-block.card-top_ten .top:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -12px;
	border-width: 12px 7.5px 0 7.5px;
	border-color: #666 transparent transparent transparent;
}
.card-block .top .sub-ttl {
	color: #409e60;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
}
.card-block.card-magazine .top .ttl {
	color: #999;
	font-family: 'Raleway', Helvetica, sans-serif;
	font-weight: 300;

}
.card-list .top h2 {
	color: #999;
	margin: 0;
	text-transform: lowercase;
	font-style: italic;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 44px;
}
.card-block.card-list .top h2  span {color: #000;}
.card-block .slider {
	width: 100%;
	position: relative;
	margin: 0 0 3px;
	padding: 0 0 15px;
	overflow: hidden;
}
.card-block .slides {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 9999px;
}
.card-block .slides li {
	float: left;
}
.card-block .slider .slider-holder {
	width: 100%;
	position: relative;
}
.card-block .slider .slider-info {
	padding: 5px 20px 10px 35px;
	font-size: 12px;
	color: #999;
}
.card-block .slider .slider-info h4 {
	color: #000;
	font-family: 'Montseratt', Helvetica, sans-serif;
	margin: 0;
}
.card-block .slider-info p {margin: 0;}
.card-block .slider .slider-info .number {
	font:bold 39px/39px 'Montserrat', Arial, Helvetica, sans-serif;
	float: left;
	margin: -4px 10px 0 0;
}
.card-block .slider .slider-info .description {
	overflow: hidden;
}
.card-block .active-slide .slider-info {opacity: 1;}
.card-block .bx-viewport {padding: 0 47px;}
.card-block .bx-prev,
.card-block .bx-next {
	width: 14px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 20px;
}
.card-block .bx-prev {
	background-position: 0 0;
	left: 32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 14px 8px 0;
	border-color: transparent #409e60 transparent transparent;
}
.card-block  .bx-next {
	right: 45px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent #409e60;
}
.card-block .list {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 8px 6px 9px;
	border-bottom: 1px solid #ccc;
}
.card-block .list li {
	float: left;
	width: 50%;
	padding: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.card-block .box-content {padding: 0 5px 5px;}
.card-block .list .image {
	position: relative;
	border:1px solid #e4e4e4;
}
.card-block .list .info {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
}
.card-block .list img {
	display: block;
	width: 100%;
}
.card-block .list .info h3 {
	padding: 10px;
	text-transform: capitalize;
	font: bold 15px/1.2em 'HelveticaNeue', Arial, Helvetica, sans-serif;
	margin: 0;
}
.card-block .block-top {
	width: 220px;
	margin: 23px auto 31px;
}
.card-block .list .info h3 a{color: #fff;}
.card-block .list .info h3 a:hover {text-decoration: none;}
.card-block .block-top .image {margin: 0 0 2px;}
.card-block .block-top .image img {width: 100%;}
.card-block .vert .simply-scroll-btn-up,
.card-block .vert .simply-scroll-btn-down {
	width: 17px;
	height: 14px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	top: inherit;
	margin-left: -9px;
}
.card-block .vert .simply-scroll-btn-up {
	background-position: 0 -14px;
	top: -19px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8.5px 14px 8.5px;
	border-color: transparent transparent #409e60 transparent;
}
.card-block .vert .simply-scroll-btn-down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 8.5px 0 8.5px;
	border-color: #409e60 transparent transparent transparent;
}
.card-block #scroller {
	font: bold 14px/1.2em 'HelveticaNeue', Arial, Helvetica, sans-serif;
	color: #999;
	list-style: none;
	counter-reset: item;
	position: relative;
}
.card-block #scroller li {
	padding: 5px 0;
	counter-increment: item;
	border-bottom: 1px solid #ccc;
}
.card-block .simply-scroll-container:after {
	content: '';
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 50%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 50%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 50%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}
.card-block #scroller li span {
	font-weight: normal;
	float: right;
}
.vert .simply-scroll-btn-down.disabled,
.vert .simply-scroll-btn-up.disabled {display: none;}
.card-block #scroller li:before {
	color: #666;
    content: counter(item);
}
.card-block .bottom {width: 100%;}
.card-block .bottom img {display: block;}
