.hp-popular { 
	
}
.hp-popular .lo-title_line {
}
.hp-popular .lo-title_line span { 

}
/*
.hp-popular_list { 
	list-style-type: none; 
	margin: 0; padding: 0; 
	text-align: center;
}*/
.hp-popular_list {
	margin:0;
	padding:0;
	border:0;
}
.hp-popular_list:after { 

}/*
.hp-popular_list li { 
	float: left; 
	margin: 0; 
	padding: 0 20px; 
	width: 20%; 
}*/
.hp-popular_num {
	display: inline-block;
	line-height: 32px;
	width: 32px;
	background:#cd0606;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	text-align: center;
	font-size:1.5em;
	color:#fff;
	font-family:ProximaNovaA-Bold, sans-serif;
	vertical-align:top;
	margin-left:5px;

}

.hp-popular_list li {
	list-style:none;
	border-top:1px solid #eeeeee;
	padding:10px 0;
       
}
.hp-popular_list li:first-child{
	border:0;
}
.hp-popular_list li h3{
	display:inline-block;
	font-size: 1em;
	width:240px;
	margin:0 0 0 13px;
}


/*hopepage slideshow*/
.hp-slideshows ul{
	list-style: none;
	margin: 0;
	margin-left:-20px; 
	padding: 0;

}
.hp-slideshows ul li{
	float: left;
	margin: 0;
	padding: 0 0 20px 20px;
	width: 50%;
}
.hp-slideshows ul li .lo-slideshow{
	margin: 0;
	
}

@media only screen and (max-width: 768px){
	.hp-popular_num {
		overflow: hidden;
		float: none;
		border: none;
		margin: 0 -55px 0 0;
	}
	.hp-popular_list li h3{
		width:auto;
		margin: 0 0 0 69px;
	}



}

/*
.hp-popular_num { 
	display: inline-block; 
	line-height: 32px; 
	width: 32px; 
	text-align: center; 
	font-weight: normal; 
	font-family: ProximaNovaA-Bold, sans-serif; 
	font-size: 1.5em; 
	background: #cd0606; 
	color: #fff; 
	border-radius: 50%; 
}*/



.hp-columns {  }
.hp-columns:after { content: ""; display: table; clear: both; }
.hp-columns_left { float: left; width: 65%; padding: 0 20px 0 0; }
.hp-columns_right { float: left; width: 35%; }

.hp-topstories { background: #000; border: 2px solid #000; height: auto; border-width: 0 2px 0 2px; padding: 2px 0; overflow: hidden; position: relative; }
.hp-topstories.inited { height: auto; }
.hp-topstories:after { content: ""; display: table; clear: both; }
.hp-topstories_drawer { display: grid;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: 50% 50%;
	display: -ms-grid;
    -ms-grid-columns: 50% 25% 25%;
    -ms-grid-rows: 50% 50%;}
.hp-topstories_group { position: relative; width: 100%; float: left; }
.hp-topstory { position: relative; height: 0; width: 100%; overflow: hidden; border-left: 2px solid #000; padding: 60% 0 0 0; -webkit-transition: all .4s cubic-bezier(.42,0,.58,1); -moz-transition: all .4s cubic-bezier(.42,0,.58,1); -o-transition: all .4s cubic-bezier(.42,0,.58,1); transition: all .4s cubic-bezier(.42,0,.58,1); max-height: 170px; }
.hp-topstories_group .hp-topstory:first-child { border-left: none; }
.hp-topstory_label { background: #cd0606; color: #fff; font-family: ProximaNovaA-Bold, sans-serif; display: inline-block; padding: 0.3em 15px 0.3em 15px; margin: 0 0 10px -20px; }
.hp-topstory_image { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; max-width: 100%; margin: auto;}
_:-ms-lang(x)::-ms-backdrop, .hp-topstory {
	height: auto; padding: 0;
}
_:-ms-lang(x)::-ms-backdrop, .hp-topstory_image {
	position: static;
}
.hp-topstory_header { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; padding: 10px 15px; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,0); pointer-events: none; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.hp-topstory_header a { color: #fff; }
.hp-topstory_title { font-size: 1.3em; margin: 0 2em 0.3em 0; line-height: 1; text-shadow: 0 0 10px rgba(0,0,0,.8); }
.hp-topstory_summary { display: none; }
.hp-topstory_link {
	position: absolute; text-indent: -9999px; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
	background: #3562f2; opacity: 1;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD+CAMAAADMD593AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACdlBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAACPSGP2AAAA0XRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRocHR4fICEjJCYnKSorLC0vMDEzNDY3ODk6Ozw9P0FCQ0RGR0lKS01OT1BSVFZYWVtcXV9gYWNkZWdoaWpsbW5vcHFzdHV3eHl6e31+f4CBgoSFhoiKi4yNj5CRkpOUlpeZm5ydnp+goqOlpqeoqautrq+wsbK0tba3uLm6u7y+v8DBwsPExcbHycrMzc7P0dPU1dbX2drb3N3e3+Dh4uPk5ufo6err7O3u7/Dx8vP09fb3+Pn6+1C7g54AAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABRElEQVQY0x3BA3sQABQAwMvW0nKtWra5uC3btu3asm27Zds21vpJvW93hDzyxny58ysQC8ZCCisSi8ZiiisRSyqldCwjIZZVTnkVVIyJKqkcq8SqqqmuhpqxlqRYW51YNyarp74GGsZGGmsSm2qmuRZaaqW1NtpqF9vroKNOsbMuusYU3XTXQ0+99I6pMU167KOvfvobEAcaZLAhhhpmuBFGGmW0McYaZ7wJJppksimmmma6GWaaZbY55ppnvgUWxkUWW2KpZZZbYaVVVltjrXUxQ6b1Nthok8222Gqb7XbYaVfcbY+99tnvgIMOOeyIo4457oSTTjntjLPOOe+Ciy657ErMctU1192IN+Mtt+Mdd91z3wMP4yOPPfHUM8+9iC+98jq+8Ta+894HH32Kn33xNX7zPf7w06/4O/6R7W/uHP/+A88TZK08e75PAAAAAElFTkSuQmCC) repeat-x 0 100%;
	background-size: 80% 80%;
	/*-webkit-transition: all .4s cubic-bezier(.42,0,.58,1); -moz-transition: all .4s cubic-bezier(.42,0,.58,1); -o-transition: all .4s cubic-bezier(.42,0,.58,1); transition: all .4s cubic-bezier(.42,0,.58,1);*/
}
.hp-story_1 { 
	grid-row-start: 1;
	grid-row-end: 3;
	-ms-grid-row:1;
	-ms-grid-column: 1;
	-ms-grid-row-span: 2;
	max-height: 340px;
	border-left: none;
}
.hp-story_1 .hp-topstory_image { width: 100%; height: auto; }
.hp-story_1 .hp-topstory_link { background-position: 0 100%; }
.hp-story_1 .hp-topstory_title { font-size: 2.6em; line-height: 1; }
.hp-story_1 .hp-topstory_summary { font-size: 1.25em; display: block; max-height: 200px; opacity: 0.85; position: relative; }
.hp-story_2 { -ms-grid-column: 2; -ms-grid-row: 1; }
.hp-story_3 { -ms-grid-column: 3; -ms-grid-row: 1; }
.hp-story_4 { -ms-grid-column: 2; -ms-grid-row: 2; }
.hp-story_5 { -ms-grid-column: 3; -ms-grid-row: 2; }
.hp-topstory:nth-of-type(n+4) .hp-topstory_link{ border-top: 2px solid #000; }
.hp-topstories_drawer:hover .hp-topstory { opacity: 0.7; }
.hp-topstories_drawer:hover .hp-topstory:hover { opacity: 1; }
/* .hp-topstory:hover .hp-topstory_summary { opacity: 1; max-height: 300px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; } */
.hp-topstories_pager { position: absolute; left: 0; right: 0; bottom: 0px; text-align: center; z-index: 20; line-height: 0; }
.hp-topstories_pager ul { list-style-type: none; display: inline-block; margin: 0; padding: 2px 14px 0; background: #fff; border-radius: 20px 20px 0 0; white-space: nowrap; position: relative; z-index: 2; }
.hp-topstories_pager li { padding: 0; margin: 0 0; display: inline-block; }
.hp-topstories_pager a { display: block; position: relative; height: 16px; width: 20px; }
.hp-topstories_pager a:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -4px; display: block; height: 8px; width: 8px; background: #dddddd; border-radius: 50%; }
.hp-topstories_pager a.selected:before, .hp-topstories_pager a:hover:before { background: #cb0303; }
.hp-topstories_nav { position: absolute; top: 50%; padding: 0 10px; line-height: 60px; margin-top: -30px; background: #000; background: rgba(0,0,0,.6); color: #fff; z-index: 20; font-size: 2em; font-weight: bold; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.hp-topstories_nav.disabled { opacity: 0; }
.hp-topstories_nav:hover { background: rgba(0,0,0,1); color: #fff; }
.hp-topstories_prev { left: 0; }
.hp-topstories_next { right: 0; }

.hp-latest .lo-title,
.hp-upcoming .lo-title { margin-top: 0; }
.hp-latest_feature { margin: 0.5em 0; }
.hp-latest_feature:after { content: ""; display: table; clear: both; }
.hp-latest_feature_title { font-size: 1.3em; line-height: 1.3; margin: 0 0 0.2em 0; }
.hp-latest_feature_image { float: left; margin: 0.2em 1em 1em 0; width: 100px; }
.hp-latest_feature_image img { display: block; width: 100%; }
.hp-latest_feature_summary {  margin: 0.2em 0; color: #454545; }
.hp-latest_list { color: #cd0606; padding: 0; margin: 0; font-weight: normal; font-family: ProximaNovaA-Bold, sans-serif; }
.hp-latest_list li { padding: 0 0 0 0; margin: 1em 0 1em 1em; }

.hp-interviews-list { list-style-type: none; margin: 0 0 0 -20px; padding: 0; }
.hp-interviews-list:after { content: ""; display: table; clear: both; }
.hp-interviews-list li { float: left; margin: 0; padding: 0 0 20px 20px; width: 100%; }
.hp-interview {}
.hp-interview_image { display: block; position: relative; width: 100%; height: 0; padding: 66% 0 0 0; overflow: hidden; background: #f8f8f8; }
.hp-interview_image img { display: block; position: absolute; width: auto; height: 100%; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; }
.hp-interview_title { margin: 0.5em 0 0.2em 0; }
.hp-interview_summary { margin: 0.2em 0; color: #454545; }

.hp-mobile_poweredby { position: absolute; right: 10px; background: #fff; z-index: 5; padding: 0 0 0 10px; margin: -0.4em 0 0 0; display: none; }
.hp-mobile_poweredby_label { display: block; font-size: 0.75em; line-height: 1.2; margin: 0 0 3px 0; }
.hp-mobile_poweredby_image { height: 18px; display: block; }
.hp-columns_right section:first-child .lo-title { margin-top: 0; }
.hp-slideshows{
	
}

@media only screen and (max-width: 991px) {
	.hp-topstory_title{
		font-size: 1.1em;
	}
	.hp-story_1 .hp-topstory_title { font-size: 1.8em; }
}

@media only screen and (min-width:768px) and (max-width: 900px)  {

	.hp-interviews-list li:nth-child(odd) { clear: both; }
	.hp-interview_summary { display: none; }
}

@media only screen and (max-width: 768px) {

	.hp-interviews-list { margin-left: -10px; }
	.hp-interviews-list li { padding-left: 10px; }
	.hp-topstories { display: none; }
	.hp-popular { display: none; }
}

@media only screen and (max-width: 560px) {
	.hp-interviews-list li { width: 50%; }
	.hp-columns_left,
	.hp-columns_right {
		float: none;
		width: auto;
		padding: 0;
	}

	.hp-interviews-list li:nth-child(odd) { clear: both; }
	.hp-interview_summary { display: none; }

	.hp-upcoming .lo-event_promos { margin: 0 0 0 -10px; }
	.hp-upcoming .lo-event_promos:after { content: ""; display: table; clear: both; }
	.hp-upcoming .lo-event_promos li { padding: 0 0 0 10px; float: left; width: 50%;}

	.hp-mobile_poweredby { display: block; }
	.hp-mobile_poweredby + .lo-title { text-align: left; }
	.hp-mobile_poweredby + .lo-title span { padding-left: 0; }
	.hp-slideshows ul li{
	
		width: 100%;
	}
}