.hp-page { padding: 20px; }
.hp-page * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hp-header { font: 300 2.3em/1.3 Raleway, sans-serif; color: #dc0d0d; padding: 0 0 5px 0; margin: 1.5em 0 0 0; border-bottom: 1px solid #8d8d8d; }

.hp-col_main { padding-right: 10px; }

.hp-row { }
.hp-row:after { content: ""; display: table; clear: both; }

.hp-topstories { background: #000; padding: 2px; }
.hp-topstories:after { content: ""; display: table; clear: both; }
.hp-topstory { position: relative; height: 0; width: 50%; float: left; overflow: hidden; padding: 30% 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); }
.hp-topstory_image { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; width: 100%; margin: auto;}
.hp-topstory_header { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,0); pointer-events: none; }
.hp-topstory_header a { color: #fff; }
.hp-topstory_title { font-size: 1.8em; margin: 0 2em 0.3em 0; line-height: 1.1; text-shadow: 0 0 10px rgba(0,0,0,.8); }
.hp-topstory_summary { margin: 0 0 0 0; line-height: 1.4; color: #fff; opacity: 0.85; }
.hp-topstory_link {
	position: absolute; text-indent: -9999px; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEsCAMAAAA1jinnAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACHFBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMAAAAXEefYAAAAs3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRocHR4fISIjJCYnKSorLC0uLzAxMjQ1Njg5Ojs8Pj9AQkNFRkdJSkxNTk9QUVJTVFVWV1hZWlxdXl9gYWJkZWZnaGprbW5vcHFyc3R1dnh5enx9fn+AgoSFhoeJiouMjY6QkZKTlJWWmJmam5ydnp+hoqOkpaanqaqrrK6vsLGys7S1tri5uru8vb6/wMHCw8TFxsfIycrLzLYLGXEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABNElEQVQoz63BhzYQYACG4deWrJRNiqIoo0UopDKzKiMZZZdQosyyEykpmYWyyr7CvvMfxxV4HhALLA9aYa02aqt2aq9HcDCP4oiTOpsuuHIMN/M4J3BXD/XEC298TF/81J+TGqCn9DSBBJlnOKvBhHCO84RqGBe4SLhGEEmUeYnLXNGrXCNaY7hOrMZpPDf0JgkkapLeIpnb3OEuKaSSRjoZZHKPLLI1h1zyuM8DHpKvBRRSpI8o5rGWUKpllPOEp1RQSRXV1GgtdTzT59TzQhtopElf8opmfU2LtvKGt7TRrh100qXdvOM9PdpLH/06wCBDfNBhPuoIo3xijM/6Rcf5ak7wje86qT+YYlpnmGVO5/Wn/mLBXGSJ3/wxl1nRVdbMdf7qP93QTXOLbXb27+re4f4Pbjt1UN68ZacAAAAASUVORK5CYII=) repeat-x 0 50%;*/
	background: #3562f2; opacity: 0.85;
	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%;
	-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 { width: 100%; padding: 57% 0 0 0; float: none; border-bottom: 2px solid #000; }
.hp-story_1 .hp-topstory_link { background-position: 0 100%; }
.hp-story_1 .hp-topstory_title { font-size: 3em; }
.hp-story_1 .hp-topstory_summary { font-size: 1.25em;}
.hp-story_2 { border-right: 1px solid #000; }
.hp-story_3 { border-left: 1px solid #000; }
.hp-topstories:hover .hp-topstory { opacity: 0.5; }
.hp-topstories:hover .hp-topstory:hover { opacity: 1; }

.hp-highlights { margin: 0 0 0 -20px; }
.hp-highlights .hp-header { margin-left: 20px; }
.hp-highlights:after { content: ""; display: table; clear: both; }
.hp-highlight { width: 33.333333%; float: left; margin: 20px 0 0 0; padding: 0 0 10px 20px; }
.hp-highlight:nth-of-type(3n+1) { clear: both; }
.hp-highlight_image { position: relative; width: 100%; padding: 60% 0 0 0; border: 2px solid #000; overflow: hidden; display: block; background: #000; }
.hp-highlight_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; width: 100%; margin: auto; -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-highlight_title { margin: 0.5em 0 0 0; font-size: 1.2em; line-height: 1.3; font-weight: bold; }
.hp-highlight_title a { color: #000; }
.hp-highlight_title a:hover { text-decoration: none; color: #dc0d0d; }
.hp-highlight_summary { position: absolute; padding: 6px 8px; margin: 0; color: #fff; line-height: 1.4; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUFBQWsrP/7AAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=) repeat; -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-highlight_image:hover .hp-highlight_summary { opacity: 1; }

.hp-brandpost { position: relative; margin: 40px 0 0 0; background: #f8f8f8; padding: 15px; }
.hp-brandpost:after { content: ""; display: table; clear: both; }
.hp-brandpost_body { position: relative; min-height: 80px; margin: 0 0 10px 0; }
.hp-brandpost_image { width: 120px; height: 80px; position: absolute; top: 0; left: 0; overflow: hidden; display: block; border: 1px solid #888; }
.hp-brandpost_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; height: 100%; margin: auto; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1); -moz-transition: all .2s cubic-bezier(.42,0,.58,1); -o-transition: all .2s cubic-bezier(.42,0,.58,1); transition: all .2s cubic-bezier(.42,0,.58,1); }
.hp-brandpost_image.placeholder:after { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(images/sprites.png?cache=2) no-repeat -352px -32px; opacity: 0.5; }
.hp-brandpost_image+.hp-brandpost_text { padding: 0 0 0 130px; }
.hp-brandpost_title { margin: 0; padding: 0; display: block; line-height: 1.4; color: #000; }
.hp-brandpost_title h3 { display: inline-block; width: 99%; vertical-align: middle; margin: 0.2em 0 0 0; padding: 0; position: relative; z-index: 2; font-size: 1.5em; font-weight: bold; }
.hp-brandpost_title:hover { text-decoration: none; color: #dc0d0d; }
.hp-brandpost_summary { margin: 0.3em 0 0; padding: 0; }
.hp-brandpost_by { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; }
.hp-brandpost_by .logo { width: 40px; height: 40px; float: left; display: block; position: relative; border: 1px solid #eee; border-radius: 3px; overflow: hidden; background: #fff; }
.hp-brandpost_by img { display: block; position: absolute; width: auto; max-width: 90%; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; }
.hp-brandpost_by h4 { margin: 0 0 0 50px; padding: 3px 0 0 0; font-size: 13px; color: #999; }
.hp-brandpost_by h4 a { color: #999; }
.hp-brandpost_by p { margin: 2px 0 0 50px !important; color: #a9a9a9 !important; font-size: 0.9em; }
.hp-brandpost_brandpost_logo { display: block; text-indent: -9999px; height: 13px; background: url(../brand_posts/images/brandpost_logo.png) no-repeat 0 0; }

/*.hp-topnews_list { list-style-type: none; padding: 0; margin: 0; }
.hp-topnews_item { padding: 0; margin: 0; min-height: 60px; position: relative; }
.hp-topnews_item:before { content: ""; position: absolute; background: #ddd; bottom: 0; left: 60px; right: 0; height: 1px; }
.hp-topnews_item_image { width: 50px; height: 50px; position: absolute; top: 5px; overflow: hidden; display: block; border: 1px solid #eee; border-radius: 50%; }
.hp-topnews_item_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; height: 100%; margin: auto; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1); -moz-transition: all .2s cubic-bezier(.42,0,.58,1); -o-transition: all .2s cubic-bezier(.42,0,.58,1); transition: all .2s cubic-bezier(.42,0,.58,1); }
.hp-topnews_item_image.placeholder:after { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(images/sprites.png?cache=2) no-repeat -352px -32px; opacity: 0.5; }
.hp-topnews_item_title { margin: 0; padding: 0; display: block; line-height: 1.4; height: 60px; overflow: hidden; }
.hp-topnews_item_title:before { content: ""; display: inline-block; height: 60px; width: 1%; vertical-align: middle; }
.hp-topnews_item_title h3 { display: inline-block; width: 99%; vertical-align: middle; margin: 0; padding: 0 0 0 60px; color: #000; position: relative; z-index: 2; font-size: 1.2em; font-weight: normal; }
.hp-topnews_item_title:hover { text-decoration: none; }
.hp-topnews_item:hover .hp-topnews_item_title h3 { color: #dc0d0d; }
.hp-topnews_item:hover .hp-topnews_item_image img { height: 120%; }
*/

.hp-topnews_list { list-style-type: none; padding: 0; margin: 10px 0 0 0; }
.hp-topnews_item { padding: 0; margin: 0; min-height: 60px; position: relative; }
.hp-topnews_item:before { content: ""; position: absolute; background: #ddd; bottom: 0; left: 60px; right: 0; height: 1px; }
.hp-topnews_item_image { width: 50px; height: 50px; position: absolute; top: 5px; overflow: hidden; display: block; border: 1px solid #eee; border-radius: 50%; }
.hp-topnews_item_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; height: 100%; margin: auto; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1); -moz-transition: all .2s cubic-bezier(.42,0,.58,1); -o-transition: all .2s cubic-bezier(.42,0,.58,1); transition: all .2s cubic-bezier(.42,0,.58,1); }
.hp-topnews_item_image.placeholder:after { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(images/sprites.png?cache=2) no-repeat -352px -32px; opacity: 0.5; }
.hp-topnews_item_title { margin: 0; padding: 0; display: block; line-height: 1.4; height: 60px; overflow: hidden; }
.hp-topnews_item_title:before { content: ""; display: inline-block; height: 60px; width: 1%; vertical-align: middle; }
.hp-topnews_item_title h3 { display: inline-block; width: 99%; vertical-align: middle; margin: 0; padding: 0 0 0 60px; color: #000; position: relative; z-index: 2; font-size: 1.2em; font-weight: normal; }
.hp-topnews_item_title:hover { text-decoration: none; }
.hp-topnews_item:hover .hp-topnews_item_title h3 { color: #dc0d0d; }
.hp-topnews_item:hover .hp-topnews_item_image img { height: 120%; }

.hp-more { text-align: right; font-size: 1.2em; padding: 10px 0 0; font-weight: bold; }
.hp-more_link { color: #bbb; }
.hp-more_link:after { content: " ›"; }
.hp-more_link:hover { text-decoration: none; color: #dc0d0d; }

.hp-writers { padding: 0 20px; }
.hp-writers .hp-header { margin-left: -20px; margin-right: -20px; }
.hp-writer { width: 20%; display: inline-block; margin: 0 10px; vertical-align: top; }
.hp-writer_image { border-bottom: 1px solid #000; display: block; padding: 10px 0 0 0; }
.hp-writer_image img { width: 100%; display: block; }
.hp-writer_name { margin: 10px 0 2px 0; font-weight: bold; font-size: 1.2em; }
.hp-writer_name a { color: #000; }
.hp-writer_name a:hover { color: #dc0d0d; text-decoration: none; }
.hp-writer_title { margin: 0 0 10px 0; color: #999; font-weight: bold; }
.hp-writer_latest { margin: 5px 0 0 0; }
.hp-writer_latest a { color: #000; font-weight: normal; font-size: 1.2em; line-height: 1.4; font-weight: normal; }
.hp-writer_latest a:hover { color: #dc0d0d; text-decoration: none; }


/*.hp-whitepapers { margin: 0 0 0 -20px; }*/
/*.hp-whitepapers .hp-header { margin-left: 20px; }*/
.hp-whitepapers:after { content: ""; display: table; clear: both; }
.hp-whitepaper { margin: 20px 0 0 0; }
/*.hp-whitepaper { width: 50%; float: left; margin: 20px 0 0 0; padding: 0 0 0 20px; }*/
.hp-whitepaper:after { content: ""; display: table; clear: both; }
/*.hp-whitepaper:nth-of-type(2n+1) { clear: both; }*/
.hp-whitepaper_image { width: 50px; max-height: 100px; overflow: hidden; float: left; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3); box-shadow: 0 1px 1px rgba(0,0,0,.3); }
.hp-whitepaper_image img { width: 100%; display: block; }
.hp-whitepaper_title { margin: 0 0 0 60px; font-size: 1.2em; line-height: 1.3; font-weight: bold; }
.hp-whitepaper_title a { color: #000; }
.hp-whitepaper_title a:hover { text-decoration: none; color: #dc0d0d; }
.hp-whitepaper_summary { margin: 5px 0 0 60px; font-size: 1em; line-height: 1.3; font-weight: normal; color: #999; }
.hp-whitepapers.wide .hp-whitepaper { width: 33.33333%; }
.hp-whitepapers.wide .hp-whitepaper:nth-of-type(2n+1) { clear: none; }
.hp-whitepapers.wide .hp-whitepaper:nth-of-type(3n+1) { clear: both; }

.hp-zone_list { list-style-type: none; padding: 0; margin: 0; }
.hp-zone { padding: 0; margin: 10px 0; min-height: 80px; position: relative; }
.hp-zone:before { content: ""; position: absolute; background: #ddd; top: 0; left: 80px; right: 0; height: 1px; }
.hp-zone:first-child:before { display: none; }
.hp-zone_image { width: 70px; height: 70px; position: absolute; top: 5px; overflow: hidden; display: block; border: 1px solid #eee; }
.hp-zone_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; height: 100%; margin: auto; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1); -moz-transition: all .2s cubic-bezier(.42,0,.58,1); -o-transition: all .2s cubic-bezier(.42,0,.58,1); transition: all .2s cubic-bezier(.42,0,.58,1); }
.hp-zone_image.placeholder:after { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(images/sprites.png?cache=2) no-repeat -352px -32px; opacity: 0.5; }
.hp-zone_title { margin: 0; padding: 0; display: block; line-height: 1.4; height: 80px; }
.hp-zone_title:before { content: ""; display: inline-block; height: 80px; width: 1%; vertical-align: middle; }
.hp-zone_title h3 { display: inline-block; width: 99%; vertical-align: middle; margin: 0; padding: 0 0 0 80px; color: #000; position: relative; z-index: 2; font-size: 1.2em; font-weight: normal; }
.hp-zone_title:hover { text-decoration: none; }
.hp-zone:hover .hp-zone_title h3 { color: #dc0d0d; }
.hp-zone:hover .hp-zone_image { border-color: #8d8d8d; }

.hp-salarysurvey { margin: 20px 0 0 0; }

.hp-popular_list { list-style-type: none; padding: 0; margin: 0; }
.hp-popular_item { padding: 0; margin: 0; position: relative; min-height: 60px; }
.hp-popular_item:before { content: ""; position: absolute; background: #ddd; top: -1px; left: 50px; right: 0; height: 1px; }
.hp-popular_item:first-child:before { display: none; }
.hp-popular_num { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 10px; overflow: hidden; display: block; background: #dc0d0d; color: #fff; border-radius: 50%; text-align: center;font-size: 1.7em; }
.hp-popular_title { margin: 0; padding: 0; display: block; line-height: 1.4; height: 60px; color: #000; }
.hp-popular_title:before { content: ""; display: inline-block; height: 60px; width: 1%; vertical-align: middle; }
.hp-popular_title h3 { display: inline-block; width: 99%; vertical-align: middle; margin: 0; padding: 0 0 0 50px; position: relative; z-index: 2; font-size: 1.2em; font-weight: normal; }
.hp-popular_title:hover { text-decoration: none; color: #dc0d0d; }

.hp-latest_list { list-style-type: none; padding: 0; margin: 0; }
/*.hp-latest_list { list-style-type: none; padding: 0; margin: 0 0 0 -20px; }*/
.hp-latest_list:after { content: ""; display: table; clear: both; }
.hp-latest_list li { margin: 0; padding: 10px 0; font-size: 1.2em; border-bottom: 1px solid #ddd; }
/*.hp-latest_list li { margin: 0; padding: 10px 0 10px 20px; font-size: 1.2em; line-height: 1.5; float: left; width: 50%; position: relative; }*/
/*.hp-latest_list li:nth-child(odd) { clear: both; }*/
.hp-latest_title { color: #000; }
.hp-latest_title:hover { color: #dc0d0d; text-decoration: none; }
.hp-latest_date { color: #dc0d0d; text-transform: uppercase; font-size: 0.65em; margin: 0 0 0 10px; }

.hp-signup {  }
.hp-signup_intro { font: 300 1.8em/1.3 Raleway, sans-serif; margin: 0.5em 0; }
.hp-signup_button { margin: 0.5em 0; }
.hp-signup_button a { display: inline-block; padding: 0.5em 1.5em; background: #005fb6; color: #fff; text-decoration: none; font: 300 1.5em/1.3 Raleway, sans-serif; }
.hp-signup_already { margin: 1em 0; color: #999; }

.hp-boombox { margin: 30px 0; width: 300px; }
.hp-boombox:first-child { margin-top: 0; }

.hp-multimedia { margin: 0 0 0 -20px; }
.hp-multimedia .hp-header { margin-left: 20px; }
.hp-multimedia:after { content: ""; display: table; clear: both; }
.hp-multimedia_item { width: 50%; float: left; margin: 20px 0 0 0; padding: 0 0 20px 20px; }
.hp-multimedia_item:after { content: ""; display: table; clear: both; }
.hp-multimedia_item:nth-of-type(2n+1) { clear: both; }

.hp-multimedia_image { position: relative; width: 100%; padding: 60% 0 0 0; border: 2px solid #000; overflow: hidden; display: block; background: #000; }
.hp-multimedia_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; width: 100%; margin: auto; -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-multimedia_title { margin: 0.5em 0 0 0; font-size: 1.2em; line-height: 1.3; font-weight: normal; }
.hp-multimedia_title a { color: #000; }
.hp-multimedia_title a:hover { text-decoration: none; color: #dc0d0d; }
.hp-multimedia_type { font-weight: bold; color: #dc0d0d; }
.hp-multimedia_type:after { content: "|"; font-weight: normal; margin: 0 0.3em; }
.hp-multimedia_summary { position: absolute; padding: 10px 12px; margin: 0; color: #fff; font-size: 1.2em; line-height: 1.4; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUFBQWsrP/7AAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=) repeat; -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-multimedia_image:hover .hp-multimedia_summary { opacity: 1; }

.hp-popular_placeholder { margin-top: -20px; }
.hp-page.short_mrec #hp-popular { display: none; }


@media only screen and (max-width: 960px) {
	.hp-topstory_summary { display: none; }
	.hp-story_1 .hp-topstory_summary { display: block; }
}

@media only screen and (max-width: 800px) {
	.hp-boombox:first-child { margin-top: 30px; }
	.hp-boombox { margin-left: auto; margin-right: auto; }
	.hp-popular_placeholder { display: none; }
	.hp-page.short_mrec #hp-popular { display: block; }

	.hp-topstory_summary { display: block; }
}

@media only screen and (max-width: 728px) {
	.hp-topstories { margin: -20px -20px 0 -20px; }
}

@media only screen and (max-width: 660px) {
	.hp-topstory_title { margin: 0; }
	.hp-story_1 .hp-topstory_title { font-size: 2.8em; }

	.hp-highlight { width: 50%; float: }
	.hp-highlight:nth-of-type(3n+1) { clear: none; }
	.hp-highlight:nth-of-type(2n+1) { clear: both; }

	.hp-topstory_summary { display: none; }
}

@media only screen and (max-width: 540px) {
	/*.hp-whitepaper { width: 100%; }*/
	
	.hp-brandpost_image { display: none; }
	.hp-brandpost_image+.hp-brandpost_text { padding: 0; }

	.hp-page { padding: 10px; }
	.hp-topstories { margin: -10px -10px 0 -10px; }
}

@media only screen and (max-width: 450px) {
	.hp-topstory { width: 100%; padding-top: 35%; border-width: 0; border-top: 2px solid #000; }
	.hp-topstory:first-child { border-top: none; }
	.hp-topstory_header { padding: 15px; }
	.hp-topstory .hp-topstory_title { font-size: 1.8em; margin: 0; }

	.hp-topstory_summary.hp-topstory_summary { display: none; }
}


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

	/*.hp-boombox { margin-left: -10px; margin-right: -10px; }*/

}


/* Arrows */
.slick-prev,
.slick-next
{ position: absolute; top: 50%; display: block; width: 32px; height: 32px; margin-top: -16px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{ color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{ opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{ opacity: .25; }

.slick-prev:before,
.slick-next:before
{ content: ""; display: block; opacity: 1; width: 32px; height: 32px; background: url(images/sprites.png?cache=2) no-repeat -384px -64px; }

.slick-prev { left: -25px; }
.slick-prev:before { background-position: -384px -64px; }
.slick-prev:hover:before { background-position: -384px -32px; }
.slick-next { right: -25px; }
.slick-next:before { background-position: -416px -64px; }
.slick-next:hover:before { background-position: -416px -32px; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    color: #dc0d0d;
    opacity: 1;
}
.slick-dots li button:before
{
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: black;
}


@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-resolution: 144dpi)
{
	.hp-brandpost_brandpost_logo {
		background-size: 82px 13px;
		background-image: url(../brand_posts/images/brandpost_logo@2x.png);
	}

	.hp-brandpost_image.placeholder:after,
	.hp-topnews_item_image.placeholder:after,
	.hp-topnews_item_image.placeholder:after,
	.hp-zone_image.placeholder:after,
	.slick-prev:before,
	.slick-next:before {
		background-size: 512px 512px;
		background-image: url(images/sprites@2x.png?cache=2);
	}
}

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

	.lo-responsive .hp-col_main { padding-right: 0; }

}