

.sc {
	position: relative;
	display: block;
	
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.sc + .sc {
	padding-top: 0em;
	padding-bottom: 1.5em;
}

.sc:last-child {
	padding-bottom: 4em;
}

.sc.am, 
.sc.ad {
	display: none;
}

@media (max-width:669px){ 
	.sc.am {
		display: block;
	}
}

@media (min-width:670px){ 
	.sc.ad {
		display: block;
	}
}




.sh {
	position: relative;
	display: table;
	
	width: 100%;
}
	
	
	
.sh h1 {
	position: relative;
	display: table-cell;

	width: 99%;
	
	font-weight: 600;
    font-size: 1.8em;
	color: #9a009a;
    line-height: 1.4em;	
	
	text-align: left;
	vertical-align: middle;	
	
	border-bottom: 0.1em dotted rgba(37,37,37,0.25);
}




.tw {
	position: relative;
	display: block;
}

* + .tw {
	margin-top: 1.5em;
}

.tj {
	position: relative;
	display: block;
		
	margin-top: -1.5em;
}

.tj.aj, 
.tj.aq {
	text-align: center;
}

.tj li {
	position: relative;
	display: block;

	margin-top: 1.5em;
	
	width: 100%;
}

.tj.aj li {
	position: relative;
	display: inline-block;

	margin-top: 1.5em;
	
	width: auto;
	
	text-align: center;
	
}

.tz {
	position: relative;
	display: block;
		
	margin-top: -0.5em;
	margin-left: -0.5em;
	margin-right: -0.5em;
}


@media (min-width:420px){ 
	.tz {
		margin-top: -1em;
		margin-left: -0.7em;
		margin-right: -0.7em;
	}
}

@media (min-width:480px){ 
	.tz {
		margin-top: -1.5em;
	}
}

.tz li {
	position: relative;
	display: block;
	
	margin-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	
	float: left;
	width: 50%;
	
}

@media (min-width:420px){ 
	.tz li {
		margin-top: 1em;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
}

@media (min-width:420px){ 
	.tz li {
		margin-top: 1.5em;
	}
}

.tz li:nth-child(2n+1) {
	clear: left;
}

@media (min-width:768px){ 
	.tz li {
		width: 33.33333%;
	}
	.tz li:nth-child(2n+1) {
		clear: none;
	}
	.tz li:nth-child(3n+1) {
		clear: left;
	}
}

@media (min-width:920px){ 
	.tz li {
		width: 25%;
	}
	.tz li:nth-child(2n+1), 
	.tz li:nth-child(3n+1) {
		clear: none;
	}
	.tz li:nth-child(4n+1) {
		clear: left;
	}
}


.th,
.tf {
	position: relative;
	display: block;
}

.tj.aj .tf {
	position: relative;
	display: inline-block;
	
	margin-left: 0.7em;
	margin-right: 0.7em;
}



.th a, 
.tf a {
	position: relative;
	display: block;
	
	font-size: 100%;
}

@media (min-width:440px){
	.th a, 
	.tf a {
		font-size: 105%;
	}
}

@media (min-width:560px){
	.th a, 
	.tf a {
		font-size: 110%;
	}
}

@media (min-width:680px){
	.th a, 
	.tf a {
		font-size: 115%;
	}
}

@media (min-width:800px){
	.th a, 
	.tf a {
		font-size: 120%;
	}
}

@media (min-width:900px){
	.th a, 
	.tf a {
		font-size: 125%;
	}
}

@media (min-width:920px){
	.th a, 
	.tf a {
		font-size: 106.25%;
	}
}

@media (min-width:1060px){
	.th a, 
	.tf a {
		font-size: 109.375%;
	}
}

@media (min-width:1200px){
	.th a, 
	.tf a {
		font-size: 112.5%;
	}
}


.tx, 
.tq {
	position: relative;
	display: block;
	
	width: 100%;
	height: auto;
	
	padding-top: 75%;

	background-color: #646464;
	
	border: 0.1em solid #ffffff;
	
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
}

.tx.mry {
	padding-top: 0px;	
}

.tq {
	padding-top: 0%;
	
	width: 300px;
	height: 250px;

	background-color: rgba(37,37,37,0.15);

	margin-left: auto;
	margin-right: auto;
	
	
	-moz-border-radius: 0em;
	border-radius: 0em;	
}

.tq.af {
	height: 100px;
}

.th a:hover .tx,
.th a:focus .tx{
	border: 0.1em solid #9a009a;
} 

.tf a:hover .tq,
.tf a:focus .tq {
	border: 0.1em solid transparent;
}

.tx img, 
.tq img { 
	position: absolute;
	display: block;
	
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	width: 100%;
	height: 100%;
	
	padding: 0em;
	margin: 0em;
	
	opacity: 1;
	filter: alpha(opacity=100);

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
	
	border: 0em none;
	outline: 0em none;
}

.tx.mry img {
	position: relative;
	display: block;
	
	width: 100%;
	height: auto;
	
	padding: 0em;
	margin: 0em;
	
	opacity: 1;
	filter: alpha(opacity=100);

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
	
	border: 0em none;
	outline: 0em none;
}


.th a:hover .tx img,
.th a:focus .tx img{
	opacity: 0.85;
	filter: alpha(opacity=85);
} 

.tq img { 
	
	-moz-border-radius: 0em;
	border-radius: 0em;	
}



.ud, 
.tm {
	position: absolute;
	display: block;
	
	bottom: 2.09090em;

	padding: 0.18181818em 0.363636em;
	
	font-weight: normal;
    font-size: 1.1em;
    color: #efefef;
    line-height: 1.2em;		

	background-color: rgba(37,37,37,0.5);
	border: 0.1em solid rgba(37,37,37,0.15);
	
	white-space: nowrap;
}

.dc {
	position: relative;
	display: block;
	
	overflow: hidden;
	
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	
	font-weight: 600;
    font-size: 1.3em;
    color: #4b4b4b;
    line-height: 1.8em;	
	
	max-height: 1.769230em;
	height: 1.769230em;
	
	text-align: left;
	
	white-space: nowrap;
	
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;	
}


.th a:hover .dc, 
.th a:focus .dc {
    color: #9a009a;
}


.ud, 
.tm {
	bottom: 2.181818em;
}

.ud {
	left: 0.090909em;
	
	
	-moz-border-radius: 0em 0.4em 0em 0em;
	border-radius: 0em 0.4em 0em 0em;
}


.tm {
	right: 0.090909em;

	
	-moz-border-radius: 0.4em 0em 0em 0em;
	border-radius: 0.4em 0em 0em 0em;	
}

.ud:before, 
.tm:before { 
	position: relative;
	display: inline-block;	
	
	font-family:"FontAwesome";
	font-size: 1.181818em;	
	font-style: normal;
	color: #cfcfcf;	
	
	margin-right: 0.363636em;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.ud:before {
	content: "\f133";
}

.tm:before {
	content: "\f017";
}

