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

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

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

.hp-topstories { height: 380px; margin: 0 0 10px; overflow: hidden; position: relative; }
/*.hp-topstories.inited { height: auto; }*/
.hp-topstories:after { content: ""; display: table; clear: both; }
.hp-topstories_drawer { position: relative; }
.hp-topstories_group { position: relative; width: 100%; height: 350px; float: left; }
.hp-topstory { position: absolute; background: #000; overflow: hidden; -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-topstories_group .hp-story_1 { 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%; height: auto; margin: auto; width: 100%; opacity: 0.8; }
.hp-topstory_header { position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding: 20px; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,0.3); 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.4em; margin: 0 2em 0.3em 0; line-height: 1; }
.hp-topstory_summary { margin: 0; font-size: 1em; line-height: 1.3; color: #fff; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.hp-topstory_link {
	position: absolute; text-indent: -9999px; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
	background: #3562f2; opacity: 0.549;
	-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 { position: absolute; top: 0; right: 35%; bottom: 0; left: 0;}
.hp-story_1 .hp-topstory_image { width: 100%; height: auto; }
.hp-story_1 .hp-topstory_link { background-position: 0 100%;
	background-image: -moz-linear-gradient( -66deg, rgb(0,177,209) 0%, rgb(9,0,188) 100%);
	background-image: -webkit-linear-gradient( -66deg, rgb(0,177,209) 0%, rgb(9,0,188) 100%);
	background-image: -ms-linear-gradient( -66deg, rgb(0,177,209) 0%, rgb(9,0,188) 100%);
	background-image: linear-gradient( -66deg, rgb(0,177,209) 0%, rgb(9,0,188) 100%);


	opacity: 0.6;
}
.hp-story_1 .hp-topstory_header { top: auto; bottom: 0; }
.hp-story_1 .hp-topstory_title { font-size: 2.6em; line-height: 1; }
.hp-story_1 .hp-topstory_summary { font-size: 1.3em; display: block; max-height: 200px; opacity: 0.85; position: relative; }

.hp-story_2 { top: 0; right: 0; bottom: 50%; left: 65%; margin: 0 0 3px 6px; }
.hp-story_2 .hp-topstory_link {
	background-image: -moz-linear-gradient( 119deg, rgb(205,198,0) 0%, rgb(0,126,141) 100%);
	background-image: -webkit-linear-gradient( 119deg, rgb(205,198,0) 0%, rgb(0,126,141) 100%);
	background-image: -ms-linear-gradient( 119deg, rgb(205,198,0) 0%, rgb(0,126,141) 100%);
	background-image: linear-gradient( 119deg, rgb(205,198,0) 0%, rgb(0,126,141) 100%);

	opacity: 0.6;
}
.hp-story_3 { top: 50%; right: 0; bottom: 0; left: 65%; margin: 3px 0 0 6px;  }
.hp-story_3 .hp-topstory_link {
	background-image: -moz-linear-gradient( -122deg, rgb(144,0,185) 0%, rgb(255,168,0) 100%);
	background-image: -webkit-linear-gradient( -122deg, rgb(144,0,185) 0%, rgb(255,168,0) 100%);
	background-image: -ms-linear-gradient( -122deg, rgb(144,0,185) 0%, rgb(255,168,0) 100%);
	background-image: linear-gradient( -122deg, rgb(144,0,185) 0%, rgb(255,168,0) 100%);

	opacity: 0.45;
}

/*.hp-topstories_drawer:hover .hp-topstory { opacity: 0.7; }*/
.hp-topstories_drawer:hover .hp-topstory:hover .hp-topstory_link { opacity: 0.35; }
.hp-topstories_drawer:hover .hp-topstory + .hp-topstory:hover .hp-topstory_link { opacity: 0.2; }
.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; top: 355px; 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; 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: #1590e5; }
.hp-topstories_nav { display: none; 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-recommendations {  }
.hp-recommendations .lo-subheader { margin-top :0; }
.hp-recommendations_list { list-style-type: none; padding: 0; margin: 10px 0 0 -12px; }
.hp-recommendations_list:after { content: ""; display: table; clear: both; }
.hp-recommendations_list li { padding: 0 0 20px 10px; margin: 0; float: left; width: 33.33333%; }
.hp-recommendations_list li:nth-child(3n+1) { clear: both; }
.hp-recommendation { position: relative; }
.hp-recommendation_title { font-size: 1.1em; line-height: 1.3; margin: 0.5em 0 0.5em 0; padding: 0; font-weight: bold; }
.hp-recommendation_title a { color: #000; }
.hp-recommendation_title a:hover { color: #007efc; }
.hp-recommendation_title a:after { content: " ›"; font-weight: bold; color: #007efc; }
.hp-recommendation_image { position: relative; display: block; padding: 50% 0 0 0; overflow: hidden; }
.hp-recommendation_image img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; width: 100%; margin: auto; }
.hp-recommendation_summary { display: none; }
.hp-recommendation_read {  }

.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: #007efc; }
.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-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: #007efc; 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: #007efc; 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: #007efc; }
.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: #007efc; }
.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: 40px; right: 0; height: 1px; }
.hp-popular_item:first-child:before { display: none; }
.hp-popular_num { width: 30px; height: 30px; line-height: 27px; position: absolute; top: 50%; margin: -15px 0 0 0; overflow: hidden; display: block; color: #fff; background: #0553c6; border-radius: 50%; text-align: center; font-size: 1.1em; font-weight: normal; }
.hp-popular_num_1 { background: #0553c6; }
.hp-popular_num_2 { background: #046bc9; }
.hp-popular_num_3 { background: #0382cb; }
.hp-popular_num_4 { background: #0199ce; }
.hp-popular_num_5 { background: #00b1d1; }
.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 40px; position: relative; z-index: 2; font-size: 1em; font-weight: normal; }
.hp-popular_title:hover { text-decoration: none; color: #007efc; }
.hp-popular_item:hover .hp-popular_num { background: #007efc; }

.hp-latest_list { list-style-type: none; padding: 0; margin: 0; }
.hp-latest_list:after { content: ""; display: table; clear: both; }
.hp-latest_list li { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
.hp-latest_date { color: #007efc; 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: #007efc; }
.hp-multimedia_type { font-weight: bold; color: #007efc; }
.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; }

}

@media only screen and (max-width: 728px) {
	.hp-topstories { height: auto; margin: -20px -20px 20px -20px; }
/*
	.hp-topstories_group { height: 0; padding: 50% 0 0 0; }
	.hp-story_1 .hp-topstory_title { font-size: 1.5em; margin-bottom: 0.5em; }
	.hp-story_1 .hp-topstory_summary { font-size: 1.1em; }
	.hp-story_1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}*/
	/*.hp-story_1 + .hp-topstory { display: none; }*/
	/*.hp-story_1 + .hp-topstory + .hp-topstory { display: none; }*/
}

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

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

	.hp-topstories { overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	.hp-topstories_group { white-space: nowrap; float: none; height: auto; }
	.hp-topstories_group .hp-topstory { display: inline-block; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 90%; height: 0; padding: 60% 0 0 0; white-space: normal; border: none; }
	.hp-topstories_group .hp-topstory .hp-topstory_header { top: auto; bottom: 0; }
	.hp-topstories_group .hp-topstory .hp-topstory_title { font-size: 1.5em; line-height: 1.2; margin-bottom: 0.5em; }
	.hp-topstories_group .hp-topstory .hp-topstory_summary { font-size: 1.1em; display: block; opacity: 0.8; }

}

@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 20px -10px; }
}

@media only screen and (max-width: 450px) {
	.hp-topstory_header { padding: 15px; }
	.hp-topstories_group .hp-topstory  .hp-topstory_summary { display: none; }

	.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: #007efc;
    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;
}

.webevents_list { list-style-type: none; padding: 0; margin: 0; }
.webevents { padding: 0; margin: 10px 0; min-height: 80px; position: relative; }
.webevents:before { content: ""; position: absolute; background: #ddd; top: 0; left: 80px; right: 0; height: 1px; }
.webevents:first-child:before { display: none; }
.webevents_image { width: 70px; height: 70px; position: absolute; top: 5px; overflow: hidden; display: block; border: 1px solid #eee; }
.webevents_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -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); }
.webevents_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; }
.webevents_title { margin: 0; padding: 0; display: block; line-height: 1.4; height: 80px; }
.webevents_title:before { content: ""; display: inline-block; height: 80px; width: 1%; vertical-align: middle; }
.webevents_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; }
.webevents_title:hover { text-decoration: none; }
.webevents:hover .webevents_title h3 { color: #dc0d0d; }
.webevents:hover .webevents_image { border-color: #8d8d8d; }


@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; }

}