@charset "UTF-8";

/*------------------------------global css -----------------------------*/

/**
 * Global styles for Hardware Zone
 *
 * @author Viknesk Kumarr Muniandy <vikneskm@sphm-newmedia.biz>
 * @since 22 May 2009
 */

/* { margin: 0; padding: 0; }*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
	margin: 0;
	padding: 0;
}

:focus { outline: none; }
::selection{ background-color: #e9e8f2; color: #4e4a96; }
::-moz-selection { background-color: #e9e8f2; color: #4e4a96; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img { border: none; font-size: 9px; color: #999; -ms-interpolation-mode: bicubic; }
ul, ol { margin-left: 2em; }
fieldset { border: 1px solid #cecece; }
input[type="radio"], input[type="checkbox"] { margin: 0 .4em; vertical-align: text-bottom; }
input[type="submit"] { cursor: pointer; }
textarea { border: 1px solid #ccc; padding: 5px; }
hr { color: #ccc; }

a { text-decoration: none; color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000;}
a:active { text-decoration: none; color: #000000; }

a.readmore { color: #333; font-weight: bold; display: block; }
a:hover.readmore { color: #06c; }

#canvas { background: transparent; width: 1060px; max-width: 1060px; margin: 0 auto; padding: 0; }

#container { margin: 0; padding: 0; }
#page { overflow: hidden; background: #fff; padding: 0; }
#page:after { content:""; display:block; height:0; clear:both; }


/*p { margin: 1.3em 0; }*/
p.quote { background: #f0f0f0; border: 1px dotted #000; margin: 1.3em 2.5em; padding: 10px; }

/*************************************************************************************************
 *      Table
 *************************************************************************************************/
table, tr, td, th { vertical-align: top; border: 1px solid #bbb; border-collapse:collapse; }
td, th { padding: 7px; }
table[border="0"], table[border="0"] tr, table[border="0"] td, table[border="0"] th { border: none; }
table[valign="middle"], tr[valign="middle"], td[valign="middle"] { vertical-align: middle; }
table[valign="bottom"], tr[valign="bottom"], td[valign="bottom"] { vertical-align: bottom; }
th { background: #f0f0f0; text-align: center; vertical-align: middle; }
table caption { font-weight: bold; padding-bottom: 10px; color: #000; }
table td.alternate { background:#f0f0f0; }
table.compare-table th, table.compare-table td { font-size:12px; padding:5px; }
table.compare-table td { text-align:left; }
table.compare-table th, table.compare-table td[align="center"] { text-align:center; }
table.compare-table .image-caption-container { padding:0; }
table.compare-table .image-caption-container img.compare-table-thumb { max-width:90px !important; width:90px; }

/*************************************************************************************************
 *      Common classes
 *************************************************************************************************/

/* Error 404 formatting */
.error404 {
	font: bold 18px Arial, Arial, Helvetica, sans-serif;
	color:#333;
	border: 12px solid #EEE;
	padding: 0;
	width:772px;
	overflow:hidden;
	margin:auto;
}
.error404donut { float:left; }
.error404text { padding-right:30px; }

/* Clickable elements (javascript-enabled) */
.clickable { cursor: pointer; color:  #0066cc; }

/* Clear */
.clear { clear: both; }
.thin { height: 1px; line-height: 1px; font-size: 1px; }

/* Floats */
.left { float: left; }
.right { float: right; }

/* Shiny white button */
.white-button
{
	display: inline-block;
	padding: 0 5px 0 0;
	background: transparent url('../img/core/buttons/button-r.png') top right no-repeat;
	cursor: pointer;
	margin-top:6px;
}
.white-button input
{
	padding: 0 2px 0 5px;
	height: 22px;
	line-height: 22px;
	color: #174044;
	background: transparent url('../img/core/buttons/button-l.png') top left no-repeat;
	border: none;
	font-size: 9.3333px;
	font-weight: bold;
	cursor: pointer;
}
.white-button input:hover { color: #06c; }

/* Overtext (inline labels) */
.overTxtLabel { cursor: text; }
.overTxtLabel:hover { opacity: 0.5; }

/* Subheader with gradient background */
.header-gray
{
	padding: 7.5px 13px;
	line-height: 16px;
	color: #4e4a96;
	background: url('../img/core/gradients/title-bg.png') repeat-x;
}
.header-gray a:link, .header-gray a:visited { color: #4e4a96; }

/* Subheader with ORANGE font */
.header-orange
{
	padding: 5px 10px;
	color: #cc3300;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
}
.header-orange a { color: #cc3300; }
.header-orange h3 { font-size: 15px; }

/* Subheader with GREEN font */
.header-green
{
	padding: 0px 0px 10px 0px;
	color: #000000;
    font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	line-height: 1.2em;
}
.header-green a, .header-green a:hover, .header-green a:visited { color: #000; }

/* Bylines (just below headers) */
.byline { display: block; color: #666; font: normal 11px/18px Arial, sans-serif; }
.byline a:hover { color: #06C; text-decoration: underline; } 
.header-gray + .byline { padding: 0 13px; }
.byline-productreview { color: #666; font: normal 11px/18px Arial, sans-serif; }

/* 'More' links in panels */
a.more
{
	float: right;
	margin: 0;
	padding: 0px; 
	height: 20px;
	line-height: 20px;
	color: #888;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	/* background: url('../img/core/buttons/more-arrow.png') no-repeat right 7px; */
}
a.more img
{
	vertical-align: middle;
}
a.more:focus, a.more:hover, a.more:active { color: #0066CC; text-decoration: none; }
.listing a.more { margin: 0; }

/* BLUE 'More' links in panels */
a.more-blue
{
	float: right;
	margin: 0 10px;
	padding: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	font-size: 10.67px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	background: url('../img/core/buttons/more-arrow-blue.png') no-repeat right 7px;
}
a.more-blue img
{
	vertical-align: middle;
}
/*a.more-blue:focus, a.more-blue:hover, a.more-blue:active { color: #000; }*/
.right a.more { float: none; }


/* GREEEEN 'More' links in panels */
a.more-green
{
	float: right;
	margin: 15px 0 0;
	padding: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	color: #A8E33B;
	font-size: 10.67px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	background: url('../img/core/buttons/more-arrow-green.png') no-repeat right 7px;
}
a.more-green img
{
	vertical-align: middle;
}
a.moremore-green:focus, a.moremore-green:hover, a.moremore-green:active { color: #000; text-decoration: none; }

/* Price */
.price { color: #9C0005; font-weight: bold; }

/* Tabs */
.tabs-menu { margin: 0 auto; padding: 0 .5em 0 0; border-bottom: 1px solid #d7d7d7; overflow: hidden; }
.tabs-menu:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.tabs-menu li{
	margin: 3px 2px 0;
	list-style: none;
	float: left;
	background-color: #fff;
	/*border: 1px solid #808080;*/
	border-bottom: none;
    border-right: 1px solid #d7d7d7;
}

.tabs-menu li:hover{
    background-color: #f1f1f1;
}

.tabs-menu li a, .tabs-menu li span { display: block; padding: .25em 1em; font-weight: bold; font-size: 12px; color: #333; }
.tabs-menu li a:hover { text-decoration: none; }
.tabs-menu li.on
{
	position: relative;
	top: 0;
	margin: 0 1px;
	padding: 2px 10px 1px;
	background: #73c700;
	border-color: #73c700;
	text-shadow: none;
	color: #ffffff;
}
.tabs-menu li.on a, .tabs-menu li.on span { color: #fff; }
.tab-panels { border: 1px solid #cecece; border-top: none; clear:both; }
.tab-panels .content { padding: 10px; overflow: hidden; }

/* 'Loading' animation */
.waiter { height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #999; font-size: 12px; }
.waiter span { padding: 12px 50px; background: url('../img/loading.gif') no-repeat; }

/* HWZ Tooltip MooTools.Tips */
.tip-wrap { display: none; z-index: 60003; }
.tip
{
	width: 210px;
	margin: 0;
	padding: 5px 10px;
	font: normal 13px/18px "Source Sans Pro", Arial, sans-serif;
	color: #000;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, .85);
	border: 1px solid #CDCDCD;
	position: relative; 
	z-index: 60003;
}
.tip-title { padding-bottom: 2.5px; }
.tip-text { padding-top: 2.5px; color: #333; }
.tip-title span
{
	font-weight: bold;
	color: #000;
}
.tip-loading
{
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../img/loading.gif) center no-repeat;
}

.article .content p img,
.article .content .paragraph img,
.article .content .page_title img,
.article .content .image-caption-container img {
	max-width: 800px;
	height: auto !important;
	margin:0 auto;
}

#content-wide .article .content p img,
#content-wide .article .content .paragraph img,
#content-wide .article .content .page_title img,
#content-wide .article .content .image-caption-container img {
	max-width: 800px;
}

/*
classes used by image caption
*/
.image-caption
{
	background:#eee;
	padding: 0;
	text-align: center /*left*/;
	font: /*italic*/ normal 14px/18px "Source Sans Pro", Arial, sans-serif;
	color: #333;
	/*max-width:580px;*/
	margin: auto;
	display:block;
	padding: 5px 10px 10px;
}
.image-caption-small
{
	background: transparent;
	text-align: center;
	font: italic normal 14px/18px "Source Sans Pro", Arial, sans-serif; 
	color: #333;
	margin: auto;
}
.image-caption-container
{
	display: inline-block;
	margin: 10px auto;
	padding:0;
}
a.captioned:hover { text-decoration: none; }
a.captioned:hover .image-caption { text-decoration: underline; }


/* when there's nothing listed */
.empty { text-align: center; font-weight: bold; margin-top: 10px; padding: 10px; background: #F6F6F6; color: #333; font-size: 11px; }

/* Bits on the Run player */
.botrplayer embed { display: block; margin: auto; }

/*************************************************************************************************
 *      Masthead
 *************************************************************************************************/
.logo { display: block; float: left; padding-top: 2px; }

#ads-ex-leaderboard { text-align: center; }
#ads-ex-leaderboard > table { margin: auto; }

#masthead hr { clear: both; visibility: hidden; height: 0; }

/*************************************************************************************************
 *      Header
 *************************************************************************************************/
#header
{
	padding: 0 0 0px;
	line-height: 22px;
	background: transparent;
	overflow: hidden;
}

/* #PageSearchForm { position: relative; float: right; } */
#PageSearchForm fieldset
{
	border: none 0;
}
#PageSearchForm  input { padding: 0; border: none 0; vertical-align: middle; }
#PageSearchForm  input.text
{
	color: black;
	background: #CCC;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	padding: 1px 0px 1px 4px;
	border: 1px solid #333;
	height: 20px;
	line-height: 20px;
	width: 200px;
}
#PageSearchForm  input.submit
{
	background: transparent url('../img/core/search-btn.png') right top no-repeat scroll;
	width: 16px;
	height: 16px;
	margin-left: 1px;
	text-indent: 999em;
	cursor: pointer;
}
#PageSearchForm fieldset.popup
{
	visibility: hidden;
	position: absolute;
	width: 100px;
	z-index: -100;
	font-size: 9px;
/*	background: #eee;*/
/*	border: 1px solid #ccc;*/
	padding: 5px; 
	/*-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;*/
    /*top: 10px;
    right: 0px;*/
    top: 50%;
    left: 10px;
    overflow: hidden;
    
}
#PageSearchForm fieldset.popup span, #PageSearchForm fieldset.popup label
{
	float: left;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
}
#PageSearchForm fieldset.popup label { margin: 0 0 0 5px; }

#utility-bar { overflow: hidden; margin: 8px 0 0 3px; float: left; font-size: 10px; line-height:10px;  }
#utility-bar li { overflow: hidden; list-style: none; float: left; padding-left: 2px; background-repeat: no-repeat; }
#utility-bar li.font { width: 11px; height: 11px; background-position: right -11px; margin-top: 2px; }
#utility-bar li.layout { height: 14px; color: #CCC; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 12px; }
#utility-bar li.hover, #utility-bar li.selected { color: #8AC43A; }
#utility-bar #btn-font-small { background-image: url('../img/core/small.png');  }
#utility-bar #btn-font-medium { background-image: url('../img/core/normal.png'); }
#utility-bar #btn-font-large { background-image: url('../img/core/large.png'); }
#utility-bar #btn-layout-fixed { width: 31px; margin-left: 2px; }
#utility-bar #btn-layout-fluid { width: 37px; margin-right: 10px; }
#utilbar-spacer { width:152px; float:left; }

.font-small #utility-bar #btn-font-small { background-position: right 0; }
.font-medium #utility-bar #btn-font-medium { background-position: right 0; }
.font-large #utility-bar #btn-font-large { background-position: right 0; }
.fixed #utility-bar #btn-layout-fixed { background-position: right 0; }
.fluid #utility-bar #btn-layout-fluid { background-position: right 0; }
.layout-label { float: left; font-weight: bold; font-size: 13px; margin-top: 1px; }

/*************************************************************************************************
 *      Layout
 *************************************************************************************************/
#content {  }
#content .inner { margin: 0; overflow: hidden; }
#content .inner:after { content:''; display:block; clear:both; }
#content-wide { float: left; clear: both; width: 100%; margin-right: -310px; }
#content-wide .inner { margin: 10px 340px 0 10px; }
#content-narrow { float: right; width: 300px; margin: 0 10px 0 0; }
#content-narrow .inner { margin: 0; overflow: visible; }
#content-full { clear: both; margin: 0px; }
#content-full .inner { margin: 0; }
#content-wide-narrow {
	/*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM48x8AApoBzCVvvaAAAAAASUVORK5CYII=);
	background-position:660px 0;
	background-repeat:repeat-y;*/
	border:0;
	/*border-bottom:1px solid #ccc;*/
}

/*************************************************************************************************
 *      Content
 *************************************************************************************************/
.font-small .resizeable { font-size: 12px; }
.font-large .resizeable { font-size: 14.6667px; }
.resizeable ul, .resizeable ol { margin-left: 2em; }

#breadcrumbs { float: right; margin: 0; padding:8px 10px 0; }
#breadcrumbs.notitle { float:none; margin: 0; padding: 0 15px; }
#breadcrumbs li { display: inline; list-style: none; margin: 0 2px; line-height: 30px; vertical-align: middle; font-size: 15px; font-family: 'Source Sans Pro', Arial, san-serif; }
#breadcrumbs li a img { vertical-align: middle; }

/* alternate */
#breadcrumbs { display:none; }
#breadcrumbs.notitle { margin-top:10px; }
#breadcrumbs img.breadcrumbseparator {
	width: 9px;
	height: 9px;
	transform: rotate(-90deg);
	vertical-align: baseline;
}
#breadcrumbs a { color:#666; font-size:16px; }
#breadcrumbs a:hover { color:#000; }
/* /alternate */

#content-header
{
	/* background: url('../img/core/gradients/title-bg.png') repeat-x; */
	border-bottom: 4px solid #000000;
	margin: 10px;
	padding: 0 3px;
	font: bold 18px/24px Arial, sans-serif; 
	color: #000;
}

#content-subheader
{
	background: #333;
	margin: 0;
	padding: 0px 1em 0 0;
	height: 31px;
	font: normal 15px/31px 'Open Sans Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
}
#content-subheader li { display: block; float: right; list-style: none; border:0; vertical-align: middle; }
#content-subheader li:first-child { border-left-width: 0px; }
#content-subheader li.active { font-weight: normal; background-color: #f1f1f1;}
#content-subheader li.active a { color: #bfff00;   }
#content-subheader a { display: block; padding: 0px 15px; color: #ccc; font-weight: normal; }
#content-subheader a:hover { text-decoration: none; color: #bfff00; /*color: #06C;*/ }
#content-subheader li.subheader-title,
#content-subheader li.subheader-title a { color:#333; font-weight: bold; font-size: 18px; float: left; background:#73c700; padding:0 1em 0; position:relative; }
#content-subheader li.subheader-title:after {
	content:'';
	display:block; width:8px; height:31px;
	position:absolute;
	right:-8px;
	top:0;
	background:transparent url(/img/core/gradients/bg-subheader-tail.png) no-repeat 100% 50%;
}

/* alternate */
#content-subheader { background:none; }
#content-subheader li { float:left; }
#content-subheader li.subheader-title:after { width:0; height:0; background:none; border: 1px solid #73c700; border-width: 31px 0px 0px 0; border-right: 31px solid #fff; right:-31px; }
#content-subheader li.subheader-title { padding-right:0.5em; margin-right:31px; }
#content-subheader a { color:#666; }
#content-subheader a:hover { color:#000; }
#content-subheader li.active a { color: #000; }
/* /alternate */

#flashMessage
{
	margin: 5px 0 0; 
	padding: 5px;
	border: 0;
	background:#ddd;
	text-align: center;
	font: normal 13px/18px Arial,sans-serif;
	color: #333;
}

.notification
{
	margin: 5px 0 0;
	padding: 5px;
	border-style: solid none;
	border-width: 1px 0;
	border-color: #ff6363;
	background: #ffffff;
	text-align: center;
	font: normal 13px/18px Arial, sans-serif; color: #000;
}
.notification a { color: #000; }
.notification .close { color: #06c; cursor: pointer; }

/* SITE NOTIFICATION 2013 */
#hwz-notification-container {
	position:relative;
}
.site-notif, .site-notif-last {
	margin		: 0;
	padding		: 0;
	text-align	: center;
	font		: normal 13px/33px Arial, sans-serif;
	border		: 1px solid #FFAA00;
	background	: transparent url("/img/core/gradients/bg_notif_suggest.png") repeat 0 0;
	color		: #000;
	height		: 33px;
}
.site-notif a, .site-notif-last a {color: #0066cc;}
.site-notif-maintenance, .site-notif-warning {
	background	: transparent url("/img/core/gradients/bg_notif_warning.png") repeat 0 0;
	border		: 1px solid #C10000;
	color		: #FFF;
}
.site-notif-maintenance a, .site-notif-warning a {color: #FFFF00;}
.site-notif-last { /*border-bottom-right-radius: 10px;	border-bottom-left-radius: 10px;*/ }
.site-notif .close, .site-notif-last .close
{
	cursor: pointer;	
	font: normal 40px/33px Arial, sans-serif; color:#A7A7A7;
	float: right;
	margin-right: 10px;
}
.site-notif .close:hover, .site-notif-last .close:hover {color: #666;}
img.icon-notif 	{height: 18px; position:relative; top: 4px;}

/** Thumbnailed snippets **/
.snippets { overflow: hidden; }
.snippet
{
	vertical-align: top;
	display: inline-block;
	width: 210px;
	padding: 10px;
	font-size: 10.67px;
	color: #999;
}
.snippet .thumb { float: left; width: 60px; height: 80px; margin-right: 10px; }
.snippet .info { margin-left: 70px; }
.snippet p { margin: 3px 0; }
.snippet .excerpt { padding-left: 15px; background: url('../img/core/icons/arrow.png') 0 3px no-repeat; }

/* Content wide - details */
.share { font-size: 11px; }
.header-wrap .share { margin-bottom: 30px; }
.share .bookmark { position: relative; float: right; margin-left: 2px; width: 20px; height: 20px; }
/*.share .bookmark form { float: right; }*/
.share .bookmark form .submit
{
	width: 20px;
	height: 20px;
	/*text-indent: -999em;*/
	background: transparent url('/img/icons/share-bookmark.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
}
.share .bookmark.saved form .submit
{
	background: transparent url('/img/icons/share-bookmark.png') no-repeat 0 100%;
	cursor: default;
}
.share .bookmark .popup
{
	visibility: hidden;
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 0px;
	padding: 2px;
	background: #eee;
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}
.share .bookmark .popup fieldset { border: none; }
.share .bookmark .popup input
{
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	border: none;
	font-size: 14px;
}
.share .bookmark .popup .text
{
	width: 200px;
	margin: 0 77px 0 0;
	padding: 0 5px;
	background: #fff;
}
.share .bookmark .popup .button
{
	position:absolute;
	right:0;
	width: 55px;
	padding: 0 5px;
	color: #666;
	background: #f6f6f6;
	font: bold 13px Arial, sans-serif;
	cursor: pointer;
}
.share .bookmark .popup .button:hover {
	color: #000;
}
.share .bookmark .popup .button[type=submit] {
	right: 22px;
}
.share .bookmark .popup .button[type=button] {
	font-size: 20px;
	width: 20px;
	padding: 0;
	overflow:hidden;
}
.share .addthis_toolbox { float: right; margin-left: 10px; min-width:72px; }
.share .addthis_toolbox:after{ content: ''; display: table; clear: both}
.share .addthis_custom_facebook,
.share .addthis_custom_twitter,
.share .addthis_custom_email,
.share .addthis_custom_googleplus { float:left; width:20px; height:20px; overflow:hidden; background:transparent no-repeat 50% 0;  }
.share .addthis_custom_facebook { background-image:url(/img/icons/share-facebook.png); }
.share .addthis_custom_twitter { background-image:url(/img/icons/share-twitter.png); }
.share .addthis_custom_email { background-image:url(/img/icons/share-email.png); }
.share .addthis_custom_googleplus { background-image:url(/img/icons/share-googleplus.png); }

.share .addthis_toolbox a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.share .addthis_toolbox a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: none !important;
}

#content-narrow .share_panel { width:100%; padding:0; height:90px; }
#content-narrow .share_panel .share{ margin: auto; text-align:center; }
#content-narrow .share_panel .share .addthis_toolbox { float:none; margin-left:auto; display:inline-block; }
.share_panel .share .addthis_toolbox { float:left; margin-left:0; min-width:150px; }
.share_panel .share .bookmark,
.share_panel .share .bookmark form .submit { width: 32px; height: 32px; }
.share_panel .share .bookmark form .submit { background: transparent url('/img/icons/share-bar-bookmark.jpg') no-repeat 0 0; }
.share_panel .share .bookmark.saved form .submit { background: transparent url('/img/icons/share-bar-bookmark.jpg') no-repeat 0 100%; }
.share_panel .share .bookmark form.popup { top: 30px; }

.social-widgets { float:right; min-height:25px; }

.share-bar { width:100%; margin:10px auto 20px; padding:0; clear:both; background:#eee; height:32px; }
.share-bar .share { float:none; margin:0 auto; background:#fff; padding:0 10px; height:32px; width:auto; position:relative; }
.share-bar .share .bookmark { width:32px; height:32px; }
.share-bar .share .bookmark form .submit { width:32px; height:32px; background: #f6cb5a url(/img/icons/share-bar-bookmark.jpg) no-repeat; }
.share-bar .share .bookmark .popup { top:4px; right:32px; }
.share-bar .share .addthis_toolbox { margin:0; }

/* alternate */
.share-bar { background:transparent; }
.share-bar .share { margin:0; padding:0; margin-left:30px; }
.share-bar .share .bookmark .popup { right:auto; left:28px; }
/* /alternate */

/* vuukle comment button */
.share-bar .share .vuukle-comment-icon {
	width: 32px;
	height: 32px;
	position: absolute;
	right: -34px;
	top: 0;
	background: #ee9640 url(/img/icons/vuukle-comment.png) no-repeat 50% 50%;
	color: #fff;
	cursor: pointer;
}
.share-bar .share .vuukle-comment-count {
	position: absolute;
	min-width: 32px;
	height: 32px;
	top: 0;
	right: 0;
	background: transparent;
	color: #dc4e41;
	line-height: 28px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 0;
}


/* market place footer */
.footer .share { float:left; margin: 0; padding: 0 10px; }
.footer .share .bookmark { position: static; float: right; }
.footer .share .bookmark .popup { top: auto; right: auto; margin-top: 20px; }

.article h2.page-title { display: none; }
.article h3.page_title { color:#000; }
.article h4.page_sub_title { color:#333; }
.article .fine-print { font-size: 10px; color: #666; font-style: italic; }
.article .info { overflow: hidden; margin: 0; padding: 0 20px; }
.article .info h2 { color: #CC3300; font-size: 16px; line-height: 1.2em; }
.article .info h2 a { color: #CC3300; }
.article .info h3 { color:#000; }
.article .info h3 a { color: #000; }
.article .info h3 a:hover { color: #06c; }
.article .excerpt { margin-bottom: 15px; }
.article .thumb { float: left; max-width: 200px; margin: 5px 15px 10px 0; }
.article .thumb-fullarticle { float: left; width: 120px; margin: 0; }
.article .header-wrap { overflow: hidden; }
.article .header-wrap .byline { padding-left: 10px; width: auto; }
.article .content { margin-bottom: 20px; padding: 0px 20px; text-align: left; clear: both; overflow: hidden; color:#333; }
.article .content .rteleft { text-align: left; }
.article .content .rtecenter { text-align: center; }
.article .content .rteright { text-align: right; }
.article .content .rtejustify { text-align: justify; }
.article .content embed, .article .content object { display: block; margin: auto; }
.article .content table { margin: 10px auto; font-size: 13px;}
.article .content.tech-guide table { font-size: 16px; }
.article .byline { float: none; width: 100%; padding:5px 0; }
.article .byline .author { color:#06c; }
.article .byline .advertorial { font-style: italic; }
.article .related { margin-bottom: 10px; }
.article .related ul { list-style: none; /* margin-left: 10px; padding: 0 13px; */ font-size: 10.67px; }
.article .related li
{
	margin: 10px 0;
	padding-left: 17px;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
}

/* Articles footer */
.article .footer
{
	margin: 40px 20px;
	padding: 0;
	/*font-size: 10.67px;*/
	overflow: hidden;
}
#content-wide .article .footer
{
	margin: 20px 0 40px;
}
.article .footer p
{
	float: none;
	margin: 0;
	padding: 0;
	background: none left top no-repeat;
	color:#666;
	text-align:center;
    font-size: 14px;
}
.article .footer p.feedback a { color: #06c; }

.article .right { float: right; margin-right: 0; margin-left: 15px; }
.article .tags { font: normal 14px/22px "Source Sans Pro", Arial, sans-serif; color:#666; }
.article .tags a { font: normal 14px/22px "Source Sans Pro", Arial, sans-serif; margin-left: .25em; color:#06c; text-decoration: none; }

/* alternate */
.article .tags a {
	font: normal 14px/22px "Source Sans Pro", Arial, sans-serif;
	margin-left: .25em;
	margin: .25em;
	color: #fff;
	background: #06c;
	text-decoration: none;
	padding:2px 6px;
	display:inline-block;
	border-radius:3px;
}
/* /alternate */

/* Content wide - details - RELATED for interviews & others */
.related { padding: 10px; margin: 10px 0; border-bottom: 1px solid #EEE; }
.related h3 { font: normal 13px/22px Arial, sans-serif; color:#333; background: transparent url('../img/core/icons/related.png') 0px 3px no-repeat; padding-left: 20px; }
.related ul { list-style: none; margin: 0; }
.related li a { font-size: 12px; font-weight: normal; color: #333; }
.related li
{
	margin: 3px 2px 0px;
	padding: 0px 0px 5px 14px;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
}

/* Content wide - all categories - for TECHNEWS & others */
#allcat { color: #000; padding: 10px 0px; margin-top: 10px; }
#allcat h3 { font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#allcat .content { overflow: hidden; }
#list-past-months .content ul, #allcat .content ul { width: 150px; float: left; }
#content-wide #allcat { padding: 10px; border: 1px solid #000; }
#content-wide #allcat .content { margin: 8px 0px; }
#content-wide #allcat .content ul { width: 200px; margin-left: 0px; }
#content-wide #allcat .content ul li { margin: 0px; }

/* #allcat .content ul { margin: 10px 0 10px -5px; -moz-column-count: 3; -webkit-column-count: 3;  } */
#allcat .content li
{
	margin: 0 5px;
	padding: 0 0 5px 17px;
	list-style: none;
	background: url('../img/core/icons/arrow.png') left 3px no-repeat;
	text-align: left;
}

/* Content wide - listing */
#content-wide .listing, #content-full .listing { margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #BBB; }
#no-line .listing { margin-bottom:0px; padding-bottom: 0px; border-bottom: none; }
#content-wide .listing #line-border { border-bottom: 1px solid #BBB; margin-top: 10px; padding-bottom: 10px; }

.listing { overflow: hidden; }
.listing .header-gray + .article { margin-top: 10px; }
.listing .article { padding: 10px; overflow: hidden; cursor: pointer; }
.listing .article:hover { background-color: #EEE; } 
.listing .article .tag
{
	display: inline-block;
	margin: 0 5px 1px 0;
	padding: 0 5px;
	background: #069;
	color: #fff;
	font-size: 10px;
	border-radius: 3px;
	line-height: 18px;
	vertical-align: middle;
}
.listing .article .tag.product { background: #7b1d00; }
.listing .article .tag.review { background: #006600; }
.listing .article .tag.feature { background: #0db300; }
.listing .article .tag.blog { background: #0078ff; }
.listing .article .tag.tech_news { background: #ff6600; }
.listing .article .tag.video { background: #610099; }
.listing .article .byline { float: none; margin: 2px 0px; padding: 0; font: normal 11px/18px Arial, sans-serif; }
.listing .article .byline .advertorial { font-style: italic; }
.listing .article .thumb { float: left; width: 120px; height: 160px; margin: 0 10px 0 0; }
.listing .article .thumb-feature { float: left; width: 120px; margin-right: 10px; }
.listing .article .thumb-blog { float: left; width: 80px; margin:10px 15px 10px 0; }
.listing .article .thumb-vid { float: left; width: 140px; margin:5px 15px 10px 0; }
.listing .article p { margin: 3px 0; float: none; clear: none; }
.listing .article .excerpt { margin-top: 8px; }
.listing .article .right { float: right; margin-right: 0; margin-left: 10px; }
.listing .article .right-tags { width: 300px; float: right; }
.listing .article .footer { clear: left; margin-bottom: 0; }
.listing .article .tags { width: 50%; padding-left: 45px; }
.listing .article .tags .label { margin-left: -30px; }
.listing .article .info { padding:0; }

/* Content wide - Featured */
#content-wide .featured { border: 1px solid #DDD; padding: 0px; }
#content-wide .featured:hover { background-color: #EEE; }
#content-wide .featured .article { padding: 10px 15px 10px 10px; }
#content-wide .featured .article .right { float: left; margin-right: 8px; margin-left: 0px; } 
#content-wide .featured .article .info { margin-top: 16px; }
#content-wide .featured .article .info h2 { font: normal 20px/24px Arial, sans-serif; }
#content-wide .featured .article .info h2 a { color:#000; }
#content-wide .featured .article .info h2 a:hover { color: #06c; }

/* Pagination */
.pagination
{
	padding: 3px 1em;
	background: #f8f8f8;
	border-style: solid none;
	border-width: 2px;
	border-color: #f4f4f4;
	font-size: 10px;
	overflow: hidden;
	margin-top: 10px;
	clear:both;
}
.pagination .desc { float: left; }
.pagination ul { float: right; margin: 0; display: inline; }
.pagination ul li { display: inline; padding: 0px 2px; }
.pagination ul li.prevnext { border: 1px solid #ccc; line-height: 12px; }
.pagination ul li.end { margin-left: 5px; }
.pagination ul li.skip { color: #666; }
.pagination ul li.skip select { margin: 0 0 0 5px; }
/* .pagination ul li.current, .pagination ul li.prevnext, .pagination ul li.skip { border: 1px solid #ccc; } */
.pagination ul li a { display: inline-block; padding: 0px 1px; }
.pagination ul li.prevnext a { padding: 0 2px; font-weight: bold; }
.pagination ul li.current a { font-weight: bold; color: #000; }
.pagination ul li a.disabled { color: #000; cursor: default; }
.pagination ul li a.disabled:hover { color: #000; text-decoration: none; }
.pagination ul li form { display: inline; }
.pagination ul li select[disabled] { border: none; background: none; }
.pagination ul li .submit
{
	margin: 0 5px 0 0;
	color: #06c;
	background: none;
	border: none;
	font-weight: bold;
}

.pagination.js ul li.skip select { margin: 0 5px; }
.pagination.js ul li .submit { display: none; }

/* Comments */
#recent-comments-container { margin-bottom: 20px; }
div#respond { margin-top: 10px; }

h3#comments-title { text-transform:uppercase; font: bold 16px/1.2em 'Open Sans Condensed', 'Arial Narrow', sans-serif; }

div#comments-listing { /* margin-bottom:5px; */ }
div#comments-listing  .info { font:normal 14px/18px "Source Sans Pro", Arial, sans-serif; }
div#comments-listing .byline { float: left; white-space:nowrap; margin: 0 -13px 0 0; padding: 3px 0; font-size: 12px; }
div#comments-listing .byline a { font-weight:bold; color:#333; text-decoration:underline; }
div#comments-listing .user-rating { margin-top: 5px; font-size: 10px; }
div#comments-listing .desc { padding-left: 3px; font-weight: bold; }
div#comments-listing .report-comment { text-align:center; font-size:10px; }
div#comments-listing .report-comment label { display:block; }
div#comments-listing .report-comment .moderate-comment { font-size:10px; line-height:14px; }

div#comments .required { text-align: left; margin: 10px 0 20px; padding: 0; border: 0; font: normal 16px "Source Sans Pro", Arial, sans-serif; }
div#comments .no-comment { text-align: center; font-weight: bold; margin-top: 10px; padding: 10px; background: #F6F6F6;  }

div.comments-header { width:100%; overflow:hidden; font: normal 14px/1.2em 'Open Sans Condensed', 'Arial Narrow', sans-serif; }
div.comments-header .comments-loggedin { color:#888; font: normal 14px "Source Sans Pro", Arial, sans-serif; float:right; }

div.comment
{
	margin: 10px 0;
	background: #f6f6f6 url('../img/core/comments/comm-bg.gif') 0 0 repeat-y;
	width: 100%;
	overflow: hidden;
}
div.comment .avatar
{
	width:110px;
	float:left;
	padding:10px;
	background-color:#E7E7E7;
	overflow:hidden;
}
div.comment .info
{
	float: left;
	padding: 10px;
	background-color:#F6F6F6;
}

div.comment .info p {
	margin: 0 0 5px;
}
div.comment .info textarea {
	border: 1px solid #ccc;
	padding: 5px;
	width: 97%;
}
div.comment  .white-button {  }
div.comment .report-submit-button {
	border:0;
	width:20px;
	height:20px;
	background:transparent url(/img/core/buttons/report.png) no-repeat 0 -20px;
}
div.comment .report-submit-button:hover {
	background-position: 0 0;
}

#comment-error
{
	z-index:9999;
	position:absolute;
	margin-left:40%;
	margin-top:40%;
	background:white;
	border:1px solid green;
	padding: 10px;
}

#comment-form div.limit-notice
{
	float:left;
	padding-top:8px;
	font-size: 10px;
}


/* AWARDS LOGOS PAGE */
#awards-logos .article { }
#awards-logos .single-award { padding: 20px; overflow: auto; border-top: 2px dotted #ccc; }
#awards-logos .single-award h3 { color: #003399; font-size: 14px; padding-top: 5px; }
#awards-logos .single-award a { margin-right: 20px; font-weight: bold; }

/* FEEDBACK FORM */
#feedback-form
{
	margin-top:5px;
	padding:10px;
}

#feedback-form label
{
	float:left;
	width: 10em;
	margin-right:1em;
}

#feedback-form div.text input
{
	width:30em;
}

#feedback-form div.submit input
{
	width:13em;
}

#feedback-form div.text
{
	margin-bottom:2px;
	margin-top:2px;
}

#feedback-form textarea
{
	width:90%;
}

/*************************************************************************************************
 *      Content (right-column)
 *************************************************************************************************/
#content-narrow .panel h3
{
	font: bold 20px/22px 'Open Sans Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
	padding-bottom: 3px;
}
#content-narrow .panel h4 { font-size: 12px; margin-bottom: 4px; }
#content-narrow .panel .content { overflow: hidden; }
#content-narrow .panel .content ul { margin: 2px 0 5px -2px; }
#content-narrow .panel .content li
{
	margin: 3px 5px 0px;
	padding: 0 0 5px 14px;
	list-style: none;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
	text-align: left;
}
#content-narrow .panel .content li a { font-weight: normal; font-size: 14px; color: #333; }
#content-narrow .panel .content li a:hover { color: #06c; }
#content-narrow .panel .content .avatar { float: left; /*padding: 0 10px 0 0;*/ padding: 5px; }
#content-narrow .panel .content .info
{
	background: url('../img/core/icons/comments2.png') left 2px no-repeat;
	padding-left: 17px;
	font-size: 10px;
}
#content-narrow .panel .content .recommended-sellers .info
{
	background: none;
	padding-left: 0;
}
#content-narrow .panel .vid { margin: 10px 0; text-align: center; }

/* Panel Black DARKBG */
#content-narrow .panel-darkbg { margin: 0 0 10px; padding: 15px; background: #000; color: #ccc; font-size: 11px; overflow: auto; }
#content-narrow .panel-darkbg h3
{
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A8E33B;
}
#content-narrow .panel-darkbg h4 { color:#A8E33B; font-size: 12px; }
#content-narrow .panel-darkbg h4 a { color:#A8E33B; }
#content-narrow .panel-darkbg .vid { margin: 10px 0; text-align: center; }

/* Panel Black Border */
/*
#content-narrow .panel-black { margin: 0 0 10px; padding: 0px 0px 15px; }
#content-narrow .panel-black h3
{
	font: bold 18px/22px Arial, sans-serif;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
}
*/
#content-narrow .panel-black .content { overflow: auto; width:100%; }
#content-narrow .panel-black .content ul { margin: 0 0 5px -5px; }
#content-narrow .panel-black .content li
{
	margin: 15px 5px;
	list-style: none;
	font: normal 13px/17px "Source Sans Pro", Arial, sans-serif; 
	color:#333;
	text-align: left;
	overflow: hidden;
}
#content-narrow .panel-black .content li a { display: block; }
#content-narrow .panel-black .content .thumb { float: left; padding: 10px 10px 10px 0; }
#content-narrow .panel-black .content .header { font: bold 14px/20px "Source Sans Pro", Arial, sans-serif; }
#content-narrow .panel-black .content .header a, #content-narrow .panel-black .content .header a:visited { color: #000; }
#content-narrow .panel-black .content .header a:hover { color: #06c; }
#content-narrow .panel-black .content p { width: 210px; overflow: hidden; margin: 2px 0; }
#content-narrow #hwz-tv.panel-black { margin-bottom:20px; }

/* HWZ TV LATEST */
#hwz-tv .vid  { text-align: center; margin: 0px auto 10px; }
#hwz-tv .vid a img { margin: auto; border: 1px solid #888; width: 298px; }
#hwz-tv .vid a:hover img { border: 1px solid #06C; }

#list-past-months.content ul li { float: left; display: block; width: 120px; } 

/* Thumbnailed snippets */
#content-narrow .snippet { display: block; width: auto; overflow: hidden; }

/* User Guide */
.user-guide { margin: 0 0 15px; }

/* Non Member Subscription */
#nm-subscribe-wrapper 	{width:302px; min-height: 213px; margin:0 auto; padding:10px 0 0; overflow: hidden; margin-bottom:20px;}
#nm-subscribe-title 	{font-size:18px; font-weight:bold;}
#nm-subscribe-box h3	{font: bold 20px/22px 'Open Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: #000; margin-bottom: 5px; border-bottom: 4px solid #000; padding-bottom:3px; }
#nm-subscribe-wrapper2	{text-align:center; padding: 0 5px; min-height: 169px;}
/*#nm-subscribe-txt		{text-align:center; padding:5px; margin-top:5px;}*/
#nm-subscribe-form-cont	{background:#8cc43b; padding:15px; text-align:center; margin:5px;}
#nm-subscribe-xline 	{background:url(/img/core/gradients/nm_line.jpg) no-repeat; background-position:center;}

#nm-result				{height: 168px;}
#nm-result.loading		{background:url(/img/loadingAnimation.gif) no-repeat; background-position:center; display: block;}

#nm-subscribe-wrapper2 .thx		{padding: 40px 5px 5px 5px; font-size: 16px; text-align: center; margin-top: 5px;}
#nm-subscribe-wrapper2 .thxtxt	{text-align: center; padding: 5px; margin-top: 5px;}

/*.nm-subscribe-forminput {font-size: 13px; text-decoration: none; color:#666666; border: 1px solid #ddd; background:#eeeeee; width:158px; height:24px; text-align:center;}*/
.nm-subscribe-formbtn 	{font-size: 12px; font-weight: bold; font-family: Arial; color: #FFF; background-color:#000; cursor: pointer; border:#000 solid 1px; padding:3px;}

#nm-subscribe-footprint {font-size:11px; color:#5e5e5e; text-align:center; padding: 0 5px 5px 5px;}
a.nm-subscribe-greentxt, a.nm-subscribe-greentxt:visited, a.nm-subscribe-greentxt:link	{font-size:11px; color:#333; text-decoration: none;}
a.nm-subscribe-greentxt:hover, a.nm-subscribe-greentxt:active							{font-size:11px; color:#06c; text-decoration: none;}
#nm-subscribe-shadow	{background:url(/img/core/gradients/nm_shadow.png) no-repeat; background-position:center; height:13px;}

#nm_valid_email			{color: #CC252D; font-size: 12px; text-align: left; padding-top: 10px;}
.nm-hide				{display: none;}
.nm-show				{display: block;}

.nm-subscribe-frame { border:0; overflow:hidden; width:380px; height:150px;  }
@media (max-width: 1059px) {
	.nm-subscribe-frame { width:300px; margin:auto;  }
}


/*************************************************************************************************
 *      Navigation bar
 *************************************************************************************************/
#nav-container { height: 30px; background: #eee url('../img/core/gradients/bg-nav-repeat.jpg') 0% 0% repeat-x; }
#nav-container #nav-left { height: 30px; /*background-position: 0% 0%; background-image: url('../img/core/gradients/nav-left.jpg'); background-repeat: no-repeat;*/ }
#nav-container #nav-right { height: 30px; /*background-position: 100% 0%; background-image: url('../img/core/gradients/nav-right.jpg'); background-repeat: no-repeat;*/ }
#nav-container #nav-mid { height: 30px; }
#nav { width: 607px; margin: 0px auto; }

#nav li a #more-button { line-height: 30px; height: 30px; vertical-align: middle; }

#nav li a { 
	color:#333;
	float:left; 
	text-decoration: none;
	border: 1px solid #DDD;
	border-width: 0px 1px;
	display: block;
	padding: 0 10px;
	line-height: 30px;
	font: bold 14px/30px Arial, sans-serif; 
}

#nav li.selected a {
	color: #FFF;
}

#nav li.selected a.mainMenuParentBtnFocused {
	color:#333;
}

#nav a.mainMenuParentBtnFocused, #nav li.selected a {
	background-color: #8ECE3A;
	border-color: #8ECE3A;
}

#nav li:first-child a {
	border-left-width: 1px;
}

#subMenusContainer a {
	padding: 10px;
}

#subMenusContainer a, #nav li li a {
	text-align:left;
	color:#333; 
	text-decoration: none;
	height: 12px;
	line-height: 12px;
	font: normal 12px Arial, sans-serif;
	display: block;
}

#subMenusContainer li, #nav li li {
	display: block;
	border-top: 1px solid #DDD;
	background-color: white;
}

#subMenusContainer li:first-child {
	border-top-width: 0px;
}

#nav li ul { display : none; }

#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused { background-color:#8ECE3A; }

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {border:1px solid #8ECE3A; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; z-index: 12; box-shadow: 0px 0px 5px #888; left: 0;}
#nav li{display:block;list-style:none;position:relative;float:left;}
#subMenusContainer li{list-style:none;}
#subMenusContainer{ display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000005;}

/* HWZ Present TEASER Sidebar */
#nav li a.present-title {cursor:default;}
#nav ul.present-content {background:#fcffb6; border:1px solid #99CC34; margin-top: -6px; margin-bottom: 10px; border-top:3px solid #000000; overflow: hidden; height: 48px;}

/*************************************************************************************************
 *      Sponsored Links
 *************************************************************************************************/
#sponsored-links { margin: 10px; padding: 0px; overflow: hidden; }
#sponsored-links h4 { margin: 3px 0px; text-transform: uppercase; font: bold 16px/22px Arial, sans-serif; color:#000;}
#sponsored-links #links { background-color: #EEE; margin: 0px; padding: 6px 2px; font: 12px/16px Arial, sans-serif; color:#333; overflow: hidden; }
#sponsored-links #links ul { width: 100%; overflow: hidden; display: block; margin: 0px; padding: 0px; background: transparent url(/img/core/gradients/ccc.gif) repeat-y 50%; }
#sponsored-links #links ul.divider { border-left: 1px solid #CCC; }
#sponsored-links #links li { margin: 5px 1%; padding: 0px; list-style: none; vertical-align: top; float: left; width: 48%; }
#sponsored-links #links li h5 { font-weight: bold; }
#sponsored-links #links li a { display: block; font: bold 12px/16px Arial, sans-serif; color:#333; }
#sponsored-links #links li a:hover { color: #000; text-decoration: none; }

#networks-menu { margin: 15px 0; position: relative; text-align: left; }
#networks-menu h4 { float: left; margin-left: 9px; }
#networks-menu ul.others { float: right; }
#networks-menu ul.others li { list-style: none; float: left; border-left: 1px solid #ccc; margin: 0 8px 0 20px; }
#networks-menu ul.others li a { padding: 0 1em; }
#networks-menu dl { padding: 5px 0 0; clear: both; border-bottom: 1px dotted #ccc;  }
#networks-menu dt { padding: 0 15px 0 25px; margin-left: 10px; }
#networks-menu dt.sg { background: url('../img/core/icons/sg.png') 5px 52% no-repeat; }
#networks-menu dt.my { background: url('../img/core/icons/my.png') 5px 52% no-repeat; }
#networks-menu dt.ph { background: url('../img/core/icons/ph.png') 5px 52% no-repeat; }
#networks-menu dt.th { background: url('../img/core/icons/th.png') 5px 52% no-repeat; }
#networks-menu dt.au { background: url('../img/core/icons/au.png') 5px 52% no-repeat; }
#networks-menu dd { margin: 0; padding: 5px 0 0; overflow: auto; border-top: 2px solid #f8f8f8;}
#networks-menu .panel { margin: 5px 0; padding: 0; width: 16.6%; float: left; }
#networks-menu .panel h5 { margin: 0 10px; color: #443d67; }
#networks-menu .panel ul { margin: 0 10px 10px; }
#networks-menu .panel li { list-style: none; }

/*************************************************************************************************
 *      Footer
 *************************************************************************************************/
#footer { width: 100%; background-color: #333; clear: both; padding: 0 0 20px; position: relative; top: 32px; margin: -32px 0 0; min-width: 980px;}
#footer ul.links { text-align: center; margin: 15px 0 0; font-size: 10px; }
#footer ul.links li { display: inline; border-right: 1px solid #666; }
#footer ul.links li:last-child { border-right: none; }
#footer ul.links li a { margin: 0 8px 0 4px; }
#footer ul.links li a.rss { background: url('../img/core/icons/feed.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li a.tweet { background: url('../img/core/icons/tweet.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li a.fb { background: url('../img/core/icons/fb.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li {color:#0066CC;}
#footer ul.links li a.icons { margin-left:1px; margin-right:1px; }

#footer .foot-title { font:bold 14px/20px Arial, Helvetica, sans-serif; color: #DDD; border-bottom: 1px solid #888; text-transform: uppercase; margin: 10px 0px; text-align: left; padding-bottom: 4px; }
#footer .foot-sect li { list-style: none; }
#footer .foot-sect { width: 960px; margin: 0px auto; padding: 0px; text-align:center; overflow:hidden; }
#footer .foot-sect li a, #footer .foot-sect li a:active { color: #CCC; text-decoration: none; }
#footer .foot-sect li a:visited, #footer .foot-sect li li { color: #CCC; }
/*BULLET DEFAULT*/ 
#footer .foot-sect  li li { list-style-image: url('../img/core/icons/arrow-dark.png'); }
/*BULLET ROLLOVER*/
#footer .foot-sect li li:hover { list-style-image: url('../img/core/icons/arrow-light.png'); }
#footer .foot-sect-long {width: 360px; margin-right: 20px; }
#footer .foot-sect-short {width: 180px; margin-right: 20px; }
#footer .w160 { width: 160px; }
#footer .foot-sect-short ul, #footer .foot-sect-long ul  { margin-left: 16px; padding: 0px; }
#footer .foot-sect-short ul  li, #footer .foot-sect-long ul  li {margin: 0px; padding: 0px; font: 12px/12px arial,sans-serif; text-align: left; margin-bottom: 12px;}

#footer .copyright { width: 960px; margin: 0px auto; padding: 5px 0px 15px; color: #888; font-size: 11px; text-align: left; position:relative; }
#footer .copyright a, #footer .copyright a:visited { color: #888; }
.footer-backtotop { background: #f2f2f2; padding: 5px; overflow: auto; }
#footer .copyright a:hover, #footer .foot-sect li li a:hover { color: #FFF; text-decoration: none; }

#footer .awards {background:url('../img/core/gradients/bg-footer-award.jpg') repeat-x; width:100%; height:95px; overflow:hidden;}
#footer .award-wrapper {width:975px; margin:0 auto;}
#footer .award-info {width:345px; padding: 20px 0px 0px; text-align:center;}
#footer .award-title {font: bold 16px/20px Arial, sans-serif; color:#BABABA;}
#footer .award-text {font: 13px/18px Arial, sans-serif; color:#BABABA;}
#footer img.award-logo {height:72px; margin:10px 10px;}

/*************************************************************************************************
 *      Anchor blocks
 *************************************************************************************************/
/* Homepage Highlights banner */
#anchor-blocks-container {
	position:relative;
	margin: 0 auto 15px;
}
#anchor-blocks
{
	margin:10px;
	/* width: 960px; */
	height:243px;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: white;
	z-index: 1;
	border: 1px solid #ddd;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

#anchor-blocks dt
{
	width: 177px;
	height: 44px;
	margin: 0px 0px 0px 1px;
	padding: 5px 3px 0 12px;
	color: #333;
	background: transparent url(/img/anchorblocks/anchor_inactive_alt.png) 0 0 no-repeat;
	font: normal 12px/14px Arial, sans-serif;
	overflow: hidden;
	z-index: 2;
	border: 0;
	text-align: left;
}

#anchor-blocks div.anchor-blocks-button
{
	width: 177px;
	height: 44px;
	margin: 0px 0px 0px 1px;
	padding: 5px 3px 0 12px;
	color: #333;
	background: transparent url(/img/anchorblocks/anchor_inactive_alt.png) 0 0 no-repeat;
	font: normal 12px/14px "Source Sans Pro", Arial, sans-serif;
	overflow: hidden;
	z-index: 2;
	border: 0;
	text-align: left;
}

#anchor-blocks .anchor-blocks-table { border: none; }
#anchor-blocks .anchor-blocks-table tr, #anchor-blocks .anchor-blocks-table td { padding: 0px; margin: 0px; border: none; }
#anchor-blocks .anchor-blocks-table td.anchor-blocks-title { vertical-align: middle; }
#anchor-blocks p.anchor-blocks-dark { background-color: #000; }
#anchor-blocks p.anchor-blocks-light { background-color: #FFF; }

#anchor-blocks dt.selected {
	background: transparent url('/img/anchorblocks/anchor_active_alt.png') 0 0 repeat-x;
}

#anchor-blocks div.anchor-blocks-button.selected {
	background: transparent url('/img/anchorblocks/anchor_active_alt.png') 0 0 repeat-x;
}
/* #anchor-blocks dt:hover {
	background: transparent url('/img/anchorblocks/anchor_inactive_over.png') 0 0 repeat-x;
}
#anchor-blocks dt.selected:hover {
	background: transparent url('/img/anchorblocks/anchor_active_over.png') 0 0 repeat-x;
}*/
#anchor-blocks dt .thumb { float: left; width: 32px; height: 32px; margin: 3px 5px; }
#anchor-blocks dd { position: absolute; top: 0; left: 0; z-index: -1; width:100%; text-align:center; }
#anchor-blocks dd .anchor-blocks-slide-wrapper { margin:0 186px 0 0; }
#anchor-blocks dd p { margin: 0; }

#anchor-blocks div.anchor-blocks-button .thumb { float: left; width: 32px; height: 32px; margin: 3px 5px; }
#anchor-blocks div.anchor-blocks-slide { position: absolute; top: 0; left: 0; z-index: -1; width:100%; text-align:left; }
#anchor-blocks div.anchor-blocks-slide .anchor-blocks-slide-wrapper { margin:0; }
#anchor-blocks div.anchor-blocks-slide p { margin: 0; }
#anchor-blocks-navigation {
	position:absolute;
	width: 193px;
	height: 245px;
	background:transparent url(/img/anchorblocks/anchor_inactive_alt.png) repeat-y 100% 0;
	top:-1px;
	right:0;
	padding: 0;
	z-index:10;
}
#anchor-blocks-prev {
	position:absolute;
	bottom:1px;
	left:0;
	width: 23px;
	height: 70px;
	background: transparent url(/img/anchorblocks/arrow_left.jpg) 0 19px no-repeat;
	cursor: pointer;
}
#anchor-blocks-prev:hover {
	background: transparent url(/img/anchorblocks/arrow_left_over.jpg) 0 19px no-repeat;
}
#anchor-blocks-next {
	position:absolute;
	bottom:1px;
	right:0;
	width: 23px;
	height: 70px;
	background: transparent url(/img/anchorblocks/arrow_right.jpg) 0 19px no-repeat;
	cursor: pointer;
}
#anchor-blocks-next:hover {
	background: transparent url(/img/anchorblocks/arrow_right_over.jpg) 0 19px no-repeat;
}

/* Additional fixed/fluid style for anchorblocks */
#anchor-blocks.fixed { width: 960px; margin-left: auto; margin-right: auto; }
#anchor-blocks.fluid { min-width: 960px; margin-left: 20px; margin-right: 20px; }

#anchor-blocks.fixed dd { width: 778px; }
#anchor-blocks.fluid dd { min-width: 778px; }

#anchor-blocks.fixed div.anchor-blocks-slide { width: 778px; }
#anchor-blocks.fluid div.anchor-blocks-slide { min-width: 778px; }

/* For simulating new full sized anchor blocks. To be removed when actual ones ready */
#anchor-blocks-slides { position:relative; }
#anchor-blocks-slides .anchor-blocks-slide p img {
	/* width:100%; height:100%; */
}

#anchor-blocks-controls-next {
	position:absolute;
	right:200px;
	bottom:10px;
	/*width:12px;*/
	height:8px;
	font-size:8px;
	line-height:8px;
	background:transparent url(/img/core/buttons/more-arrow.png) no-repeat 100% 50%;
	opacity:0;
	padding-right:14px;
	cursor:default;
	
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
#anchor-blocks-controls-next.show { opacity:1; }

.highlights-paginate { width:100%; overflow:hidden; margin-top: 0; text-align: center;}
.highlights-paginate a { font-size: 15px; font-weight: bold; color: #888; line-height: 15px; }
/*
.highlights-paginate a.next-page {float:right; background: transparent url(/img/core/buttons/arrow-next.png) no-repeat 100% 50%; padding: 0 14px 0 0; }
.highlights-paginate a.prev-page {float:left; background: transparent url(/img/core/buttons/arrow-prev.png) no-repeat 0 50%; padding: 0 0 0 14px; }
.highlights-paginate a:hover.next-page, .highlights-paginate a:hover.prev-page { color:#06c; text-decoration:none; }
.highlights-paginate a:hover.next-page { background-image: url(/img/core/buttons/arrow-next-over.png); }
.highlights-paginate a:hover.prev-page { background-image: url(/img/core/buttons/arrow-prev-over.png); }
*/

.paginate { width:100%; overflow:hidden; border:1px solid #BBB; border-width: 1px 0px; padding:0.5em 0; margin: 10px 0; }
.paginate a { font: normal 13px/18px arial, sans-serif; color:#000; padding: 0px 4px; }
.paginate a:hover { color:#06c; }
/* .paginate a.next-page img { vertical-align: -1px; }
.paginate a.prev-page img { vertical-align: -1px; } */
.paginate ul { margin:0; text-align:center; }
.paginate ul li { display: inline; line-height:15px; color: #000; }
.paginate ul li.prev-page a.prev-page,
.paginate ul li.next-page a.next-page { display: inline-block; width: 10px; height: 16px; vertical-align: bottom; overflow: hidden; }
.paginate ul li.prev-page a.prev-page { background: transparent url('/img/core/buttons/arrow-prev.png') 80% 0% no-repeat; }
.paginate ul li.prev-page a:hover.prev-page { background-image: url('/img/core/buttons/arrow-prev-over.png'); }
.paginate ul li.next-page a.next-page { background: transparent url('/img/core/buttons/arrow-next.png') 0% 0% no-repeat; }
.paginate ul li.next-page a:hover.next-page { background-image: url('/img/core/buttons/arrow-next-over.png'); }
.paginate ul li.current a { background-color:#333; font: bold 13px/18px arial, sans-serif; color:#FFF; padding: 0px 5px; }

.horz-divider { height: 10px; font: normal 10px/10px Arial, sans-serif; border-top: 1px solid #BBB; }

#content-narrow .panel #games-content { margin-bottom: 10px; }
#content-narrow .panel #games-content ul { list-style: none; margin: 0px; padding: 0px; }
#content-narrow .panel #games-content ul li { background: none; margin: 0px 8px 0px 0px; padding: 0px; display: block; float: left; }
#content-narrow .panel #games-content ul li .header { margin-bottom: 8px; font: bold 14px/20px Arial, sans-serif; }
#content-narrow .panel #games-content ul li .avatar { padding: 0px; }
#content-narrow .panel #games-content ul li .avatar img { width: 60px; }

/* ST701 */ 
#st701 { border: 1px solid #000; color: #000; padding: 10px; margin-top: 10px; }
#st701  #logo { margin-right: 5px; }
#st701  #logo_label { font-weight: bold; line-height: 40px; height: 40px; margin-right: 45px; }
#st701 .content { overflow: hidden; }
#st701 .content ul { margin: 13px 0 7px -5px; }
#st701 .content li {
	margin: 0 5px;
	padding: 0 0 5px 17px;
	list-style: none;
	background: url('../img/core/icons/arrow.png') left 3px no-repeat;
	text-align: left;
	display: block;
	float: left;
	width: 74px;
}

/* .pricecategories { width: 290px; float: left; margin-right: 25px; } */
#content-narrow #hwz-tv h3 { background: #06C url('../img/core/gradients/hwztv_bg_repeat.jpg') 50% 50% repeat; padding: 4px; color: #FFF; border: none; margin-bottom: 0px; font-weight: normal; }
#content-narrow #hwz-tv a.more { color: #D2F8FD; margin-right: 4px; line-height: 30px; }
#content-narrow #hwz-tv a.more:hover { color: #FFF; }

#content-narrow #panel-first-launched .content ul { margin: 0px; cursor: pointer; padding: 10px 0px; }
#content-narrow #panel-first-launched .content ul li { margin: 0px 5px; }
#content-narrow #panel-first-launched .content ul:hover { background-color: #EEE; }
#content-narrow #panel-first-launched .content .thumb { float: left; padding: 10px 8px 10px 2px; }

/* RELATED ARTICLES */
/** common styles **/
/*#content-narrow .panel-related-articles, #content-narrow .panel-related-videos { margin-bottom: 10px; }*/
#content-narrow .panel-related-videos .content ul li:hover,
#content-narrow .panel-related-articles .content ul li:hover,
.panel-related-articles-bottom ul li:hover { background-color: #EEE; }
#content-narrow .panel-related-videos .content ul li,
#content-narrow .panel-related-articles .content ul li
{
	margin: 0;
	padding: 0 5px 5px 0;
	cursor: pointer;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#333;
	text-align: left;
	overflow: hidden;
}
.panel-related-videos h3,
.panel-related-articles h3,
.panel-related-articles-bottom h3
{
	font: bold 20px/22px 'Open Sans Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
	padding-bottom:3px;
}
.panel-related-videos ul li .header a,
.panel-related-videos ul li .header a:visited,
.panel-related-articles ul li .header a,
.panel-related-articles ul li .header a:visited { color: #000; }
.panel-related-videos ul li:hover .header a,
.panel-related-videos ul li .header a:hover,
.panel-related-articles ul li:hover .header a,
.panel-related-articles ul li .header a:hover { color: #000; }
.panel-related-articles-bottom ul li .header a,
.panel-related-articles-bottom ul li .header a:visited { color: #000; }
.panel-related-articles-bottom ul li:hover .header a,
.panel-related-articles-bottom ul li .header a:hover { color: #000; }

/** related videos **/
#content-narrow .panel-related-videos .content ul { margin: 0px; padding: 0; }
#content-narrow .panel-related-videos .content .thumb {
	float: left;
	padding: 0;
	margin: 4px 8px 2px 2px;
	width:90px;
	border:1px solid #cccccc;
}
#content-narrow .panel-related-videos .content div.thumb { height:53px; overflow:hidden; }
#content-narrow .panel-related-videos .content div.thumb img { width:90px; margin:-4px 0 0; }
#content-narrow .panel-related-videos .content div.header { font: bold 15px/18px "Source Sans Pro", Arial, sans-serif; }

#content-narrow .panel-related-articles .content ul { padding: 0; margin: 0; }
#content-narrow .panel-related-articles .content ul li:hover a { color: #000000; }
#content-narrow .panel-related-articles .content .thumb { float: left; padding: 0; margin: 0 10px 0 0; width:auto; }
#content-narrow .panel-related-articles .content div.thumb { overflow:hidden; }
#content-narrow .panel-related-articles .content div.thumb img { max-width:119px; max-height: 75px; width: 100%;  margin:0; border:1px solid #efefef;  }
#content-narrow .panel-related-articles .content div.header { width:auto; float:left; font-weight: 700;  color: #000000; }

#content-narrow .panel-related-articles .content div.header .byline{
    display: none;
}

.panel-related-articles-bottom ul { margin: 0; padding: 0; width:100%; overflow:hidden; }
.panel-related-articles-bottom ul li {
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: left;
	width: 196px;
	height: 113px;
}
.panel-related-articles-bottom ul li a {
		display:block;
		width:106px;
		/*height:105px;*/
		overflow:hidden;
		margin: 0 0 0 5px;
/*		font:bold 14px/20px Arial,sans-serif; */
        text-decoration:none;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more img { visibility:hidden; }
.panel-related-articles-bottom ul li.related-articles-bottom-more a {
	background:#e5e5e5;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	display: block;
	width: 84px;
	height: 88px;
	margin: 0;
	padding: 44px 5px 0;
	text-transform: uppercase;
	text-align: center;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more a:hover { background:#000000; color:#fff; }
.panel-related-articles-bottom ul li.related-articles-bottom-more a:active { background:#004b96; color:#fff; }
.panel-related-articles-bottom ul li.related-articles-bottom-more {
	padding: 0;
	margin: 0;
	width: 94px;
	height: 132px;
	float: right;
	cursor: default;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more:hover { background:transparent; }
.panel-related-articles-bottom ul li .thumb { width:82px; height:111px; float:left; border:1px solid #ccc; }
.panel-related-articles-bottom ul li .header {
	width: 111px;
	height: 105px;
	overflow: hidden;
	float:left;
}
.panel-related-articles-bottom ul li .headeroverlay {
	width: 94px;
	height: 128px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: black;
}

/* Sponsored Highlights override for related articles */
#content-narrow .panel-related-articles.sponsored {
	margin-top: 0px;
}
#content-narrow .panel-related-articles.sponsored .content .thumb {
	max-width: 119px;
	max-height: 75px;
    width: 100%;
}
#content-narrow .panel-related-articles.sponsored .content div.header {
	width: 153px;
}

/* GameAxis overrid for related articles */
#content-narrow .panel-related-articles.gameaxis {
	margin-top: 0px;
}
#content-narrow .panel-related-articles.gameaxis .content li.link-clickable {
	max-height: 103px;
	overflow: hidden;
}
#content-narrow .panel-related-articles.gameaxis .content .thumb {
	width: 125px;
}
#content-narrow .panel-related-articles.gameaxis .content div.header {
	width: 153px;
}

#product-list .article:hover { background-color: transparent; cursor: default; }
#product-list .article .thumb { width: 60px; height: 80px; }

.video-extra-info { display:none; }


/* HWZ Present TEASER DIV*/
.teaser-wrapper { border: 1px solid #CCC; border-width: 0px 0px 1px; padding: 0px 0px; }
.hmpg-teaser { margin: 10px 0px; background:#EEE; overflow:hidden; }
.teaser-title { padding:5px 20px 0px; text-align:right; font-weight:bold; font-family:verdana, arial, sans serif; color:#333; font-size: 11px; } 
.teaser-content {padding:0px 20px 10px; overflow:hidden;}
.teaser-content img {float:left; max-width:115px;}
.teaser-content-text { padding-top: 12px; float:left; width:460px; margin-left:15px; font-size:12px; line-height:16px; }
.teaser-content-text a { font: bold 12px/16px Arial,sans-serif; text-decoration:none; color: #03C; display:block; margin-bottom: 3px; }
.teaser-content-text a:hover { color: #06c; }
.teaser-content-text p { margin: 0px; font: normal 12px/16px Arial, sans-serif; color: #333; }

.hmpg-teaser.v2 { margin: 0px; background: #eee; overflow:hidden; position: relative; padding: 10px; cursor:pointer; }
.hmpg-teaser.v2:hover { background: #eee; } 
.hmpg-teaser.v2 .teaser-title { position: absolute; bottom:10px; right:10px; padding:0px; text-align:right; font-weight:bold; font-family:"Source Sans Pro", sans-serif; color:#333; font-size: 11px; } 
.hmpg-teaser.v2 .teaser-title img { display:none; }
.hmpg-teaser.v2 .teaser-content {padding:0px; overflow:hidden;}
.hmpg-teaser.v2 .teaser-content img {float:left; max-width:120px;}
.hmpg-teaser.v2 .teaser-content-text { float:left; width:460px; margin-left:15px; font: normal 14px/19px "Source Sans Pro", sans-serif; padding-top: 0; }
.hmpg-teaser.v2 .teaser-content-text a { font: normal 24px/26px "Source Sans Pro", sans-serif; text-decoration:none; color: #000; display:block; margin-bottom: 3px; }
.hmpg-teaser.v2 .teaser-content-text a:hover, .hmpg-teaser:hover .teaser-content-text a  { color: #06c; }
.hmpg-teaser.v2 .teaser-content-text p { margin: 0px; font: normal 12px/16px Arial, sans-serif; color: #333; }
.hmpg-teaser.v2 .teaser-content-text-body { margin: 0.8em 0; }
.hmpg-teaser.v2.presents { background: #eee; }

.hmpg-teaser.v2.advertisement { padding-top:30px; }
.hmpg-teaser.v2.advertisement .teaser-title { font:normal 12px/20px "Source Sans Pro",sans-serif; color:#00aecd; bottom:auto; right:auto; left:10px; top:10px; }

/*** mobile/desktop toggle ***/
#footer .mobile-toggle {
	text-align: left;
	position: absolute;
	top: 5px;
	left: 33%;
}
#footer .mobile-toggle span {
	cursor:pointer;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: underline;
}


.info.contenttype-product { position:relative; }
.retailer-price-buynow { text-align:center; }
.retailer-price-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.review-buynow a { display:inline-block; width:96px; height:33px; margin:-7px auto 0; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; vertical-align:top; }
.video-buynow a { display:block; width:96px; height:33px; margin:10px auto 0 0; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.list-product-buynow { position:absolute; top:0px; right:0px; }
.list-product-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.product-retailer-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }

.retailer-price-buynow a:hover,
.review-buynow a:hover,
.video-buynow a:hover,
.list-product-buynow a:hover,
.product-retailer-buynow a:hover { background-position: 0 -34px; }
.retailer-price-buynow a:active,
.review-buynow a:active,
.video-buynow a:active,
.list-product-buynow a:active,
.product-retailer-buynow a:active { background-position: 0 -66px; }


#content-narrow #profile-summary.panel {
	/*border: 1px solid #8EC63F;*/
	border:1px solid #888;;
	font-size: 12px;
	margin: 20px 0 10px;
	padding: 15px;
}
#content-narrow #profile-summary.panel h3 {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}
#content-narrow .panel h4 {
	font-size: 12px;
	margin-bottom: 4px;
}
#profile-summary.panel .content {
	font-size:12px;
	padding:10px 0;
}

#profile-summary.panel .content .avatar {
	float:left;
	margin-right:10px;
	max-width:90px;
	max-height:90px;
}

#profile-summary.panel .content .user {
	font-size:14px;
	font-weight:700;
}

#profile-summary.panel .content .edit {
	background:url(../img/icons/edit.png) no-repeat;
	font-weight:700;
	padding:1px 1px 1px 20px;
}

#profile-summary.panel .content p {
	margin:5px 0 10px;
}

#profile-summary.panel .content ul {
	clear:both;
	list-style:none;
	margin:0 !important;
	padding:10px 0 0 !important;
}

#profile-summary.panel .content li {
	background-repeat:no-repeat;
	overflow:hidden;
	margin:15px 0 0 !important;
	padding:0 0 0 25px !important;
}

#profile-summary.panel .content li.pm {
	background-image:url(../img/icons/msg.gif);
}

#profile-summary.panel .content li.posts {
	background-image:url(../img/icons/posts.gif);
}

#profile-summary.panel .content li.dmclub {
	background-image:url(../img/icons/dmclub.gif);
}


/* TRENDING ARTICLE */
.hwz_trending { background: #eee; padding: 28px 26px 25px; }
.hwz_trending_content { border: 1px solid #bbb; border-width: 1px 0; padding: 15px 0 10px; position: relative; }
.hwz_trending_content:before {
	content: 'TRENDING';
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	padding-right: 10px;
	background: #eee;
	font-family: "Open Sans Condensed", sans-serif;
	color: #252525;
	font-size: 19px;
	font-weight: 700;
}
a.hwz_trending_article { color: #333333; }
.hwz_trending_article { display: inline-block; width: 308px; overflow: hidden; font-family: "Source Sans Pro", sans-serif; color: #333333; font-size: 14px; font-weight: 400; line-height: 20px; }
.hwz_trending_article .hwz_trending_image { float: left; width: 80px; height: 80px; padding: 0 10px 0 5px; overflow: hidden; }
.hwz_trending_article .hwz_trending_image img { display: block; width: 80px; position: relative; top: -12px; }
.hwz_trending_article .hwz_trending_image img.hwz_trending_image_video { display: block; width: auto; height: 80px; position: relative; top: 0; left: -40px; }
.hwz_trending_article .hwz_trending_title { float: left; width: 210px; overflow: hidden; }


/*---- revamp 2016 ::: sara ----*/
/*------------------------------global css -----------------------------*/

/*
blockquote, body, div, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, label, legend, ul, li, nav, object, ol, p, section, table, tr, td, hr{
    margin: 0;
    padding: 0;
}
*/

/**{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

body{
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
    line-height: 1.5;
    min-height: 100vh;
    background-color: #e9e9e9;
    margin: 0;
	padding: 98px 0 0 0;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.text-center{
    text-align: center;
}

.col-wrapper{
    display: block;
    width: 100%;
}

.col-wrapper:after{
    content: '';
    clear: both;
    display: table;
}

.clear-float:after{
    content: '';
    clear: both;
    display: table;
}

.clear-float:before{
    content: '';
    clear: both;
    display: table;
}

.no-padding{
    padding: 0 !important;
}

.align-center{
    text-align: center;
}

.align-left{
    text-align: left !important;
}

.col-g{
    display: inline-block;
    vertical-align: top;
}

.col-50{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.block-heading{
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

#techshow .block-heading {
    font-size: 15px;
    line-height: 19px;
}

section.content-wrapper{
    padding: 0 30px;
    position: relative;
    display: block;
    margin: 0;
}

section.content-wrapper:after{
    clear: both;
    content: '';
    display: table;
}

.content-border{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    /*width: 100%;*/
    height: 100%;
}


section.bigger-wrapper{
    max-width: 960px;
}

.listing-top{
    width: 100%;
    border-top: 4px solid #8fc743;
}

.list-top-padding{
    padding-top: 30px;
}

.side-bar-margin-bottom{
    padding-bottom: 40px !important;
}

.content-margin-bottom{
    margin-bottom: 44px !important;
}

.content-margin-bottom-alter{
    margin-bottom: 30px !important;
}

.content-margin-top{
    margin-top: 44px !important;
}

.is-lg{
    display: block !important;
}

.is-xs{
    display: none !important;
}

.is-lg-inline{
    display: inline-block !important;
}

.is-xs-inline{
    display: none !important;
}

.make-visible{
    overflow: visible !important;
}

.notransition {
	transition: none;
}


/*-------------HEADER -------------*/
.nav-header{
    position: absolute;
    width: 100%;
    z-index: 999;/*10099*/
    top: 0;
    left: 0;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.nav-header:before {
	content:'';
	display:block;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:24px;
	padding:0;
	margin:0;
	background: #000;
}

.nav {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	left: 0;
	right: 0;
	top: 0;
	vertical-align: baseline;
	position: relative;
	z-index: 10;
	transition: all 300ms ease;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nav ul{
	list-style: none;
}

ul.nav-top-bar{
	background: #000000;
	display: block;
   	padding-left: 34px;
	padding-right: 34px;
	line-height: 24px;
	margin: 0 auto;
	height: 24px;
	max-width: 1512px;/* 1580 - 34 - 34*/
}
ul.nav-top-bar:after{
	display: table;
}

ul.nav-top-bar:after{
	display: table;
}

ul.nav-top-bar li{
	float: left;	
}

li.nav-top-social-icons{
	margin-right: 12px;
}

li.nav-top-social-icons ul{
	margin: 0;
}

li.nav-top-social-icons ul li{
	border-right: 1px solid #959595;
	text-align: center;
	width: 24px;
	display: inline-block;
	height: 24px;
	box-sizing: border-box;
	padding: 3px 4px;
}

.nav-top-sprite-social {
	/*background-image: url('/img/icons/nav_social_icons.png');*/
	background-repeat: no-repeat;
	background-position: 50%;
	display: block;
}

i.sprite-social-facebook {
	background-image: url('/img/icons/nav_icon_facebook.png');
	width: 16px;
	height: 15px;
	/*background-position: -5px -5px;*/
	background-size: 14px;
}

i.sprite-social-rss {
	background-image: url('/img/icons/nav_icon_rss.png');
	width: 16px;
	height: 15px;
	/*background-position: -5px -30px;*/
	background-size: 13px;
}

i.sprite-social-twitter {
	background-image: url('/img/icons/nav_icon_twitter.png');
	width: 16px;
	height: 15px;
	/*background-position: -31px -5px;*/
	background-size: 15px;
}

i.sprite-social-youtube {
	background-image: url('/img/icons/nav_icon_youtube.png');
	width: 16px;
	height: 15px;
	/*background-position: -31px -30px;*/
	background-size: 15px;
}

.nav-top-layout-toggle {
	color: #959595;
	margin-left: 26px;
	padding-left: 14px;
	height: 24px;
	border-left: 1px solid #959595;
	overflow: visible;
}

.nav-top-layout-toggle span {
	display:inline-block;
	cursor: pointer;
	width: 30px;
	position: relative;
}

.nav-top-layout-toggle span:hover {
	color: #c0c0c0;
}

.nav-top-layout-toggle .nav-top-layout-sep {
	display: inline-block;
	vertical-align: middle;
	background: #959595;
	width: 1px;
	height: 12px;
	overflow: hidden;
	margin: 4px 2px 6px 2px;
	cursor: default;
}

.nav-top-layout-toggle.fixed .nav-top-layout-fixed,
.nav-top-layout-toggle.fluid .nav-top-layout-fluid {
	color: #ebebeb;
	font-weight: 500;
}

.nav-top-layout-fixed:before {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-right: 4px solid #a4e945;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	left: -5px;
	top: 8px;
	position: absolute;
}

.nav-top-layout-fluid:after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-left: 4px solid #a4e945;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	right: -9px;
	top: 8px;
	position: absolute;
}

.nav-top-layout-toggle.fixed .nav-top-layout-fixed:before,
.nav-top-layout-toggle.fixed .nav-top-layout-fluid:after {
	border-right-color: #959595;
	border-left-color: #959595;
}


#nav-top-country-link-id{
	text-decoration: none;
}

li span.nav-country-text{
	font-weight: 400;
	color: #ebebeb;
	position: relative;
}

li span.nav-country-text:after{
	content: " ";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #a4e945;
	margin-left: 6px;
	margin-top: 10px;
	position: absolute;
}

li.nav-top-country{
	display: inline-block;
}

div.country-dropdown-content, div.main-menu-dropdown-content{
	display: none;
	position: absolute;
	left: auto;
	background-color: #f9f9f9;
	min-width: 130px;
	z-index: 5;
}

div.country-dropdown-content {
	top: 24px;
}

div.main-menu-dropdown-content {
	top: 74px;
    min-width: 150px;
/* casue of adding sub menu
    max-height: 500px;
    overflow: auto;
*/
}

/*because of sub menu */
#topics-dropdown{
    width: 220px;
}
    

div.main-menu-dropdown-content::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

div.main-menu-dropdown-content::-webkit-scrollbar{
	width: 7px;
	background-color: #F5F5F5;
}

div.main-menu-dropdown-content::-webkit-scrollbar-thumb{
	background-color: #8AC43A ; 
	border: 1px solid #87be3d;
}


div.newslist-dropdown-content{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 130px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 6;
	overflow-y: auto;
}

div.newslist-dropdown-content-inner{
	max-height: 300px;
}

.country-dropdown-content a, .newslist-dropdown-content a {
	color: #000000;
	padding: 3px 20px;
	text-decoration: none;
	display: block;
	text-align: left;
	white-space: nowrap;
}

div.country-dropdown-content a{
	text-transform: capitalize;
}

div.country-dropdown-content a::first-letter, div.main-menu-dropdown-content a::first-letter, div.newslist-dropdown-content a::first-letter {
	text-transform: uppercase;
}

div.country-dropdown-content a:hover, div.newslist-dropdown-content a:hover{
	background-color: #f1f1f1;
}

div.country-dropdown-content a.inactive, div.newslist-dropdown-content a.inactive{
	background-color: #e1e1e1;
}

.nav-main-menu li .main-menu-dropdown-content a,
.nav-main-actions-btns li .main-menu-dropdown-content a {
    font-family: 'Open Sans Condensed', sans-serif;
    line-height: 100%;
    padding: 15px 25px;
    border-bottom: 1px solid #E6E6E6;
    font-size: 14px;
    color: #464646;
    background-color: #F5F9FA;
    display:block;
    white-space:nowrap;
    font-weight:700;
}

.nav-main-menu li .main-menu-dropdown-content a:hover,
.nav-main-actions-btns li .main-menu-dropdown-content a:hover {
    background-color: #FFFFFF;
}

.country-list-show{
	display: block !important;
}

.main-menu-dropdown-show{
    display: block !important;
}

.flag{
	width: 16px;
	height: 11px;
	background: url('/img/flags/flags.png') no-repeat;
	margin-top: -.18em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.flag.flag-sg{
	background-position: 0 -11px;
}
.flag.flag-my{
	background-position: -16px 0;
}
.flag.flag-ph{
	background-position: -32px 0;
}
.flag.flag-id{
	background-position: 0 0;
}
.flag.flag-th{
	background-position: -16px -11px;
}

.nav-top-bar li.nav-top-li-right{
	float: right;
}

li.nav-top-links{
	margin-right: 12px;
}

li.nav-top-links ul{
	margin: 0px;
}

li.nav-top-links ul li{
	margin-right: 8px;
	position: relative;
	top: 4px;
}

li.nav-top-download-link{
	padding-left: 20px;
	font-weight: 400;
	border-left: 1px solid #959595;
}

li.nav-top-download-link a{
	color: #ebebeb;
	text-decoration: none;
}

li.nav-top-download-link a:before{
	content: "";
	background: url('/img/icons/nav_icon_phone.png') no-repeat;
	display: inline-block;
	width: 10px;
	height: 15px;
	position: relative;
	top: 3px;
	padding-right: 10px;
	background-size: 15px;
}


/*-- main nav bar --*/

ul.nav-main-bar{
    background-color: #ffffff;
    margin: 0 auto;
    line-height: 74px;/*96px;*/
    height: 74px;
    width: 100%;
    max-width: 1580px;
    position: relative;
}

ul.nav-main-bar li{
    line-height: 74px;
    height: 74px;
}

ul li.nav-menu-logo-ham-content{
    display: block;
    float: left;
}

a.nav-logo-link{
    display: inline-block;
    width: 104px;
    height: 60px;
    padding: 0;
    vertical-align: middle;
    padding-left: 34px;    
    background-image: url('/img/sg/logo/hwz-nav.png');    
    background-position: 34px 0;
    background-size: contain;
	background-repeat: no-repeat;    
}

a.ham-menu-link{
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    width: 16px;
    height: 17px;
    background-image: url('/img/icons/hamburger-menu.png');    
   /* background-position: 34px 0px;*/
    background-size: contain;
	background-repeat: no-repeat;
    vertical-align: middle;
}

ul li.nav-main-menu-container{
    display: inline-block;
    background-color: #ffffff;
}

ul.nav-main-menu{
    display: inline-block;
    margin-left: 0;
    height: 74px;
    background-color: #ffffff;
}

ul.nav-main-menu li{
    display: inline-block;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    background-color: #ffffff;
}

.li-click-bg-color{
    background-color: #F5F9FA !important;
}

ul.nav-main-menu li a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #252525;
	text-decoration: none;
	display: inline-block;
	height: 100%;
	cursor: pointer;
	position: relative;
}

ul.nav-main-menu li:hover{
    background-color: #F5F9FA;   
}

ul.nav-main-menu li a:active{
    background-color: #F5F9FA;  
}

ul li.nav-main-drop-down-caret{
    padding: 0;
}

li span.nav-main-menu-caret-text{
   /* content: " ";*/
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #a4e945;
    display: inline-block;
    vertical-align: middle;
    position: relative;
/*    margin-top: 2px;*/
    margin-right: 6px;
    margin-left: 6px;
	/*position: absolute;
    top: 53%;*/
}

a#nav-main-menu-shop-link-id, a#nav-main-menu-techshow-link-id, a#nav-main-menu-topics-link-id, a#nav-main-menu-forums-link-id{
    padding: 0 0 0 16px;
}

a#nav-main-menu-hwzPresents-link-id{
    padding: 0;
}

li#nav-menu-market-place{
    margin-right: 4px;
}

ul.nav-main-menu li.hwzPresents-link{
    padding: 0;
}

.link-hwz-color{
    color: #00a651 !important;
}

li.hwzPresents-link a span.nav-main-menu-hwzPresents-text{
    border-left: 1px solid #cccccc;
    padding-left: 20px;
}

ul li.main-menu-action-container{
   /* display: inline-block;
    float: right;*/
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
}

li.main-menu-action-container:before {
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    position: absolute;
    background: #ffffff;
    top: 0;
    left: -20px;
    background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%); 
    background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%); 
    background: -o-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);    
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);    
}

ul.nav-main-actions-btns{
    display: inline-block;
    float: right;
    height : 74px;
    /*overflow: hidden;*/
    margin-right: 18px;
    margin-left: 5px;
}

ul.nav-main-actions-btns:after{
    content: '';
    display: table;
    clear: both;
}

.nav-mb-bar ul.nav-main-actions-btns{
     height : 60px;
}

ul.nav-main-actions-btns li{
    display: block;
	float:left;
}

#shop-dropdown, #teachshow-dropdown, #hwzPresents-dropdown{
    top: 74px;
}

#login-dropdown{
	top: 74px;
	right: 0;
}

.menu-submenu{
    position: absolute;
    left: 220px;
    display: none;
    margin-top: -45px;
}

/* might need to override */
#topics-dropdown .menu-submenu{
    left: 220px;
}

div.main-menu-dropdown-content a.got-sub-menu:hover + div.menu-submenu{
    display: block;
}

div.menu-submenu:hover{
    display: block;
}

div.main-menu-dropdown-content a.got-sub-menu{
    background-image: url(/img/icons/menu-arrow-right.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 13px;
}

.nav-mb-bar #login-dropdown{
    top: 60px;
    right: 0;
}


.dk-side-nav {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    background-color: #f6f9fa;
    overflow-x: hidden;
    width: 250px;
    /*margin-left: -250px;*/    
    left: -250px;
    min-height: 101%;
    
    height: 101%;
    overflow-y: auto;
    
    -webkit-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -ms-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);  
    
}

.dk-side-nav.slide-left-dk{
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}


.dk-side-nav .dk-side-closebtn {
   /* position: absolute;*/
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: #000000;
}

.dk-side-nav .dk-side-closebtn:hover {
	color: #000000;
	text-decoration: none;
}

.dk-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;

    
}

div.dk-side-nav-logo-container{
    padding-top: 24px;
    background-color: #ffffff;
    padding-left: 34px;
    padding-bottom: 24px;
}

div.dk-side-nav-logo-container a.side-nav-logo-link{
    padding: 0;
    display: inline-block;
    padding-right: 25px;
    
}

#hwz-sidenav-logo{
    display: inline-block;
    vertical-align: middle;
    width: 128px;
    height: 75px;
}


a.accordion-toggler, a.sub-accordion-toggler {    
    color: #464646;
    cursor: pointer;
    padding: 15px 28px 15px 36px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    overflow-wrap: break-word;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    position: relative;
    line-height: 10px;
    
    background-image: url(/img/icons/accordian-toogle-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-position: calc(100% - 28px) center;
}

a.accordion-toggler.active, a.accordion-toggler:hover, div.accordion-panel a:hover {
	background-color: #FFFFFF;
	text-decoration:none;
}

a.accordion-toggler.down, a.sub-accordion-toggler.down{
    background-image: url(/img/icons/accordian-toogle-arrow-up.png);
}



/*
a.accordion-toggler:after {
   	content: "\00FE40";
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.down:after{
	content: '\00FE3F' !important;
}
*/

div.accordion-panel {
    background-color: #e0e7e9;
}

div.accordion-panel a.accordion_links, div.sub-accordion-panel  a.accordion_links{
    color: #464646;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 13px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;    
    overflow-wrap: break-word;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    display: block;    
    padding-left: 36px;
    padding-right: 3px;
    line-height: 15px;    
}

div.accordion-panel a.accordion_links:first-child{
    margin-top: 7px;
}

div.accordion-panel a.accordion_links:last-child{
    margin-bottom: 7px;
}

div.accordion-panel a.accordion_link-sub-link{    
    color: #464646;    
    padding-left: 36px;
    padding-right: 3px
}

div.sub-accordion-panel{
    max-height: 0;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -ms-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
    overflow: hidden;
}

div.sub-accordion-panel a.accordion_links{
    background-color: #d3e0e4;
}

div.sub-accordion-panel a.accordion_links:hover{
    background-color: #FFFFFF;
    text-decoration:none;
}

div.sub-accordion-panel a.accordion_links:first-child{
    margin-top: 0;
}

div.sub-accordion-panel a.accordion_links:last-child{
    margin-bottom: 0;
}


/*
a.side-nav-single-link:after{
    content: '' !important;
}
*/

a.accordion-toggler.side-nav-single-link{
    background-image: none;
}


.side-nav-scroll-style::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.side-nav-scroll-style::-webkit-scrollbar{
	width: 7px;
	background-color: #F5F5F5;
}

.side-nav-scroll-style::-webkit-scrollbar-thumb{
	background-color: #8AC43A ; 
	border: 1px solid #87be3d;
}

div.dk-side-nav-ads{
    margin-top: 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}

div.dk-side-nav-ads img{
    margin-left: auto;
    margin-right: auto;
    width: 174px;
    height: auto;
}

.dk-side-nav-summary{
    font-size: 13px;
/*    font-style: italic;*/
    color: #66737a;
    line-height: 21px;
    margin-left: 35px;
    margin-right: auto;
    width: 174px;
    height: auto;
    text-align: center;
}

body.is-navSticky_top .nav-header {
    position: fixed;
    top: -98px;
}

body.is-navSticky .nav-header {
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    -webkit-transition: top 300ms ease;    
    transition: top 300ms ease;
}

body.is-navSticky_show .nav-header {
	top: -24px;
}

body.is-navSticky_top .nav-mobile {
	top: -60px;
}

body.is-navSticky_top.is-navSticky_show .nav-mobile {
	top: 0px;
}

body.is-navSticky_top.is-showNavMob .nav-mobile {
	top: 0;
}

body.is-navSticky_top.is-showNavMob li.nav-mb-hamburger {
    position: fixed;
}

body.is-navSticky ul.nav-main-actions-btns{
    height : 60px !important;
    /*overflow: hidden;*/
}

ul.nav-main-actions-btns li{
    margin-right: 16px;
}

ul.nav-main-actions-btns li#login-nav-wrapper{
    /*margin-right: 25px;*/
    position:relative;
}

ul.nav-main-actions-btns li#search-nav-wrapper{
	position: relative;
}

#login-btn-mob,
#login-btn{
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 28px;
    padding: 10px 10px;
    background-color: #8fc743;
    cursor: pointer;
    display: inline-block;
    line-height: 100%;
    text-align: center;
    min-width: 150px;
    max-width: 200px;
    position: relative;
    top: 50%;
    margin-top:-20px;
}

#login-btn{
    display: block;   
}

#login-btn-mob span,
#login-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#login-btn-mob span:after,
#login-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

#login-btn:hover span {
  padding-right: 15px;
}

#login-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#login-btn-mob { position:static; margin:10px auto 0; }


#login-dropdown{
    animation: none;   
}

.login-menu-link{
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #898989;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 16px;
    
    text-align: center;
    /*line-height: normal;*/
    padding-top: 15px;
    position: relative;
}

.login-menu-link span:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #a4e945;
    margin-left: 6px;
    position: absolute;
    bottom: 4px;
    right: -10px;
}

.login-menu-link span {
	text-transform: uppercase;
}

.nav-mb-bar .login-menu-link{
    padding-top: 12px;
}

/*
.nav-mb-bar .login-menu-link:after{
    top:68%;
}
*/
/*
.login-menu-link:before{
    content: '';
	
}
*/

.login-usr-img{
    background: url('/img/icons/login_user-3x.png') no-repeat;
	display: block;
/*	width: 17px;*/
	height: 16px;
    vertical-align: text-top;
/*    padding-right: 10px;*/
    vertical-align: middle;
/*    margin-bottom: 5px;*/
    background-position: 50%;
    background-size: 16px;
}

.got-msg:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 0 solid #ff0000;    
    background-color: #ff0000;
    top: 0;
    right: 30%;
}

#login-dropdown a:first-child {
    font-size: 18px;
}
/*
#login-dropdown a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    line-height: normal;
    cursor: pointer;
}
*/

#login-dropdown-username {
    display: block;
    line-height: 2em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    padding: 0 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #E6E6E6;
    text-align: left;
}


.search-btn, .newsletter-btn, .login-alter-btn{
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: #898989;
    text-align: center;
    height: 100%;
    text-decoration: none;
    padding-top: 0;
}

.search-btn:hover, .newsletter-btn:hover, .login-alter-btn:hover{
    text-decoration: none;
}

.search-btn span, .newsletter-btn span, .login-alter-btn span{
	color: #898989;
	padding-top: 26px;
	position:relative;
	top: 13px;
}

.search-btn span{
	background: transparent url('/img/icons/icon-search-3x.png') no-repeat 50% 0;
    background-size: 16px;
}
.newsletter-btn span{
	background: transparent url('/img/icons/icon-newsletter-3x.png') no-repeat 50% 0;
    background-size: 19px;
    padding-top: 24px;
}

.login-alter-btn span{
	background: transparent url('/img/icons/login_user-3x.png') no-repeat 50% 0;
    background-size: 16px;
}

.nav-mb-bar .search-btn, .nav-mb-bar .newsletter-btn, .nav-mb-bar .login-alter-btn {
	height:auto;
	padding-top: 10px;
}

.nav-mb-bar .search-btn{
    background: transparent url('/img/icons/icon-search-3x.png') no-repeat 50% 40%;
    background-size: 16px;
}

.nav-mb-bar .newsletter-btn {
    background: transparent url('/img/icons/icon-newsletter-3x.png') no-repeat 50% 40%;
    background-size: 18px;
    margin-top: 1px;
}

.nav-mb-bar .login-alter-btn {
    background: transparent url('/img/icons/login_user-3x.png') no-repeat 50% 40%;
    background-size: 16px;
}


.nav-mb-bar .search-btn span, .nav-mb-bar .newsletter-btn span, .nav-mb-bar .login-alter-btn span {
	line-height:normal;
}

.nav-mb-bar .search-btn span{
	background: none;
}

.nav-mb-bar .newsletter-btn span{
	background: none;
}

.nav-mb-bar .login-alter-btn span{
	background: none;
}


/*
.search-btn:before{
	content: "";
	background: url('/img/icons/icon-search.png') no-repeat;
	display: block;
	width: 20px;
	height: 16px;
	position: relative;
	margin-bottom:  13px;
    margin-left: auto;
    margin-right: auto;
}
*/
/*.newsletter-btn{
    margin-right: 0px;
}*/
/*
.newsletter-btn:before{
    content: "";
	background: url('/img/icons/icon-newsletter.png') no-repeat;
    display: block;
	width: 20px;
	height: 16px;
	position: relative;
	margin-bottom:  13px;
    margin-left: auto;
    margin-right: auto;
}
*/
.nav-mobile{
    display: none;    
    background: #FFF;
    height: 60px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    vertical-align: baseline;
    min-width: 320px;
   /* overflow: hidden;*/
    
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;    
    transition: all 300ms ease;
}

ul.nav-mb-bar{
    background-color: #ffffff;
    margin: 0;
    line-height: 60px;
    height: 60px;
    padding-right: 20px;
}

ul.nav-mb-bar li{
    display: inline-block;
    line-height: 60px;
    height: 60px;
}

.nav-mb-bar .main-menu-action-container{
    /*padding-top: 15px;*/
}

li.nav-mb-hamburger{
    width: 53px;
    height: 60px;
    position: fixed;
    background-color: black;
    line-height: 100%;
    cursor: pointer;
    z-index: 21;    
     -webkit-transition: background-color 300ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -moz-transition: background-color 300ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -o-transition: background-color 300ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -ms-transition: background-color 300ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    transition: background-color 300ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
}

.mb-hamburger-menu-wrapper{
    display: inline-block;
    cursor: pointer;    
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    opacity: 1!important;
    z-index: 21;
    width: 53px;
    height: 60px;
}

.mb-hamburger-menu-wrapper span{
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #ffffff;
    display: block;
    height: 3px;
    left: 14px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 20px;    
     -webkit-transition: background-color 1000ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -moz-transition: background-color 1000ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -o-transition: background-color 1000ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    -ms-transition: background-color 1000ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
    transition: background-color 1000ms cubic-bezier(0.5, -0.06, 0.71, 0.81);
}

.mb-hamburger-menu-wrapper span:first-child {
    -moz-transform: translate(0,-6px);
    -ms-transform: translate(0,-6px);
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
}

.mb-hamburger-menu-wrapper span:last-child {
    -moz-transform: translate(0,6px);
    -ms-transform: translate(0,6px);
    -webkit-transform: translate(0,6px);
    transform: translate(0,6px);
}


a.mb-nav-logo-link{
    display: inline-block;
    width: 84px;
    height: 50px;
    padding: 0;
    vertical-align: middle;
    margin-left: 60px;
    margin-top: 6px;
    margin-bottom: 5px;
    
    background-image: url(/img/sg/logo/hwz-nav.png); 
    background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
}

.nav-mob{
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #F5F9FA;
/*    height: 100vh;*/
    height: 100%;
    left: -100%;
    padding: 0;
    position: fixed;
    /* right: 0; */
    top: 0;
    /* will-change: transform; */
    z-index: 20;
    width: 100%;
}

body.is-showNavMob .nav-mob {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

div.nav-mob-header{
    text-align: center;
    background-color: #ffffff;
}


div.mb-nav-iconbar{
    width: 45px;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    float: left;
    height: 100%;
}

div.mb-nav-iconbar ul {
	margin-left:0;
}

div.mb-nav-iconbar ul li{
    display: block;
    padding: 12px;
}

div.mb-nav-iconbar i.sprite-social-twitter {
	width: 24px;
	height:24px;
	background-size: 24px;
}

div.mb-nav-iconbar i.sprite-social-facebook {
	width: 24px;
	height:24px;
	background-size: 24px;
}

div.mb-nav-iconbar i.sprite-social-youtube {
	width: 24px;
	height:24px;
	background-size: 24px;
}

div.mb-nav-iconbar i.sprite-social-rss {
	width: 24px;
	height:24px;
	background-size: 20px;
}

div.mb-nav-iconbar a.mb-nav-iconbar-download{
	background: url('/img/icons/nav_icon_phone.png') no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	background-size: 24px;
}

div.mb-nav-links-wrapper{
    display: block;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 74px);    
    width: 80%; /* fallback for non-calc() browsers */
    width: calc(100% -  45px);
   /* padding: 0 20px;*/
}

div.mb-nav-links:after{
    clear: both;
    display: table;
}

.mb-nav-links{
    margin: 0 20px 20px 20px; 
}

.nav-mob-login-link{
    margin-top: 20px;
    margin-right: 0;
    display: block;
}

body.is-showNavMob .mb-hamburger-menu-wrapper {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

body.is-showNavMob .mb-hamburger-menu-wrapper span:last-child {
    -moz-transform: rotate(-45deg) translate(0,0);
    -ms-transform: rotate(-45deg) translate(0,0);
    -webkit-transform: rotate(-45deg) translate(0,0);
    transform: rotate(-45deg) translate(0,0);
}

body.is-showNavMob .mb-hamburger-menu-wrapper span:first-child {
    -moz-transform: rotate(45deg) translate(0,0);
    -ms-transform: rotate(45deg) translate(0,0);
    -webkit-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0);
}

body.is-showNavMob .mb-hamburger-menu-wrapper span:nth-child(2) {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

body.is-showNavMob{
    overflow: hidden;
}

body.is-showNavMob li.nav-mb-hamburger{
    background-color: #ffffff;    
}

body.is-showNavMob .mb-hamburger-menu-wrapper span{
    background-color: #000000;
}
/*-------------HEADER END-------------*/

/*----------------FOOTER -------------*/
.footer{
    width: 100%;
    background-color: #000000;
    clear: both;
    position: relative;
}

div.footer-top-wrapper{
    width: 100%;
    background-color: #252525;
    height: 35px;
}
div.footer-top{
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
/*    padding: 0 30px 0 30px;*/
    background-color: #252525;
}

div.footer-top ul.nav-bottom-bar{
	background: #252525;
	display: block;
    line-height: 35px;
	margin: 0 30px 0 30px;
	height: 35px;
    list-style: none;
}

ul.nav-bottom-bar:after{
	display: table;
}

ul.nav-bottom-bar li{
	float: left;	
}

li.nav-bottom-download-link{
	margin-right: 30px;
	font-weight: 400;
}

.footer ul li a, .footer ul li span{
	color: #ebebeb;
	text-decoration: none;
}

li.nav-bottom-download-link a:before{
	content: '';
	background: url('/img/icons/nav_icon_phone.png') no-repeat;
    background-size: 15px;
	display: inline-block;
	width: 10px;
	height: 15px;
	position: relative;
	top: 3px;
	padding-right: 10px;
}

.nav-bottom-bar li.nav-bottom-li-right {
    float: right;
    position: relative;
}

.nav-bottom-bar li.nav-bottom-li-right:after{
    content: '';
    display: table;
    clear: both;
}

#country-dropdown-nav-bottom-country-link-id{
    right: 0;
    top: 35px;
}

.bottom-bar-social ul{
    vertical-align: baseline;
}

.bottom-bar-social span {
    vertical-align: top;
    margin-right: 10px;
}

.bottom-bar-social ul, .bottom-bar-social span{
    display: inline-block;
    
}

.bottom-bar-social ul li{
    border-right: none !important;
    padding: 10px 3px !important;
}

.bottom-bar-countrylist{
  padding-right: 18px;  
}

.bottom-bar-countrylist a span:after{
    /*
    margin-top: 16px;
    margin-left: 10px;
    */
    margin-top: 0px;
    margin-left: 6px;
    top: 50%;
}

.footer-bottom{
    padding: 38px 30px 20px 30px;
    background-color: #000000;    
    max-width: 1060px;
    min-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

p.footer-topics-heading{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #8fc743;
    text-transform: uppercase;
}

ul.footer-topics-links{
    list-style: none;
    margin: 0;
}

ul.footer-topics-links li a{
    text-decoration: none;
    font-size: 14px;
    line-height: 25px;
    color: #cccccc;
}

.footer-topic-section{
    margin-bottom: 44px;
}

div.footer-topics{
    margin-right: 45px;
}

.footer-awards{
    margin-bottom: 44px;   
}

div.award-wrapper{
    width: 360px;
    word-break: keep-all;
    word-wrap: break-word;
}

div.award-wrapper .text-awards{
    margin-bottom: 15px ; 
}

.awards-sub-text{
    font-size: 14px;
    line-height: 20px;
    color: #cccccc;
}

img.award-logo {
    height: 72px;
    margin: 10px 10px;
}

.copy-right{
  text-align: center;
}

.footer-copy-text{
    color: #898989;
    font-size: 12px;
    font-weight: 400;
}
.copy-right-link{
    display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #898989;
    text-decoration: none;
    line-height: 12px;
}

.copy-right-link:hover,
.copy-right-link:visited {
    color: #898989;
}

.remove-border{
    border: none;
}


/*subscribe*/
.nm-subcribe-title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #8fc743;
    text-transform: capitalize;
    line-height: 34px;
}

div#nm-subscribe-wrapper{
    padding: 0;
    margin: 0;
    width: auto;
    min-height: inherit;
}

div#nm-subscribe-wrapper2 {
    text-align: center;
    padding: 0;
    min-height: auto;
    color: #707070;
    margin-top: 15px;
}

div#nm-subscribe-txt{
    text-align: left; 
    padding: 0;
    margin-top: 0;
    display: none;
}

div#nm-subscribe-txt span{
    font-size: 16px;
    color: #707070;   
}

/*div#nm-subscribe-txt span*/
.nm-subscribe-form-email-icon{
/*    content: '';*/
	background: url('/img/icons/icon-newsletter.png') no-repeat;
	display: inline-block;
	width: 10px;
	height: 15px;
	position: absolute;
	top: 3px;
	padding-right: 20px;
    vertical-align: text-top;
}

#nm-subscribe-form-cont{
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    position: relative;
}

.nm-subscribe-forminput {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #707070;
    width: 350px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 20px;
    background-color: #000000;
   /* background-color: rgba(0, 0, 0, 0);*/
    height: 24px;
    padding-left: 30px;
    padding-bottom: 6px;
    text-decoration: none;
}

input[type="text"].nm-subscribe-forminput::-webkit-input-placeholder,
input[type="text"].nm-subscribe-forminput::-moz-placeholder,
input[type="text"].nm-subscribe-forminput:-ms-input-placeholder,
input[type="text"].nm-subscribe-forminput:-moz-placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #707070;
}

.nm-subscribe-formbtn{
    font-size: 15px;
    font-weight: 700;
    color: #8fc743;
    border-radius: 28px;
    border: 1px solid #8fc743;   
    background-color: #000000;
    /*background-color: rgba(0, 0, 0, 0);*/
    cursor: pointer;        
    padding: 10px 40px;
    text-align: center;
    transition: all 0.5s;
    width: 140px;
}

.nm-subscribe-formbtn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.nm-subscribe-formbtn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.nm-subscribe-formbtn:hover span {
  padding-right: 25px;
}

.nm-subscribe-formbtn:hover span:after {
  opacity: 1;
  right: 0;
}

#nm-subscribe-wrapper2 .thx {
    padding: 0;
    text-align: left;
    font-size: 16px;
}

#nm-subscribe-wrapper2 .thxtxt{
    color: #707070;
    text-align: left;
    padding: 5px 5px 5px 0;
    margin-top: 5px;
    font-size: 12px;
}

#nm-result				{height: auto;}
#nm-result.loading		{background:url(/img/loadingAnimation.gif) no-repeat; background-position:center; display: block;}
a.nm-subscribe-greentxt, a.nm-subscribe-greentxt:visited, a.nm-subscribe-greentxt:link	{font-size:11px; color:#333; text-decoration: none;}
a.nm-subscribe-greentxt:hover, a.nm-subscribe-greentxt:active							{font-size:11px; color:#06c; text-decoration: none;}
.nm-hide				{display: none;}
.nm-show				{display: block;}

/*end subscribe*/


#back_to_top {
    color: #cdcdcd;
    height: auto;
    position: fixed;
    bottom: 100px;
    margin: 0;
    z-index: 80000;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 25px;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 52px;
    height: 52px;
}

#back_to_top span {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-decoration: none;
    -o-border-radius: 52px;
    -moz-border-radius: 52px;
    -webkit-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    border: 2px solid #c1c1c1;
    text-align: center;    
    background: transparent url(/img/icons/ic_arrow_upward_green.png) no-repeat center;    
    background-color: rgba(192, 192, 192, 0.25);
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#back_to_top.on {
    opacity: .9;
    visibility: visible;
    right: 25px;
}

#back_to_top.off {
    right: 25px;
}

#back_to_top, #back_to_top.off {
    opacity: 0;
    filter: alpha(opacity=0);
}

#back_to_top:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}


/*------------ Ancher blocks -------------------*/

.anchor-blocks{
    position: relative;
    height: 466px;
    max-height: 466px;
}

.anchor-blocks:after{
    content: '';
    display: table;
    clear: both;
}

.anchor-blocks article {
    float: left;
    height: 50%;
    /*  width: 34.71%;*/
    width: 368px;
    position: relative;
}

.anchor-blocks article:nth-child(1){
    height: 100%;
    /* width: 65.28%;*/
    width: 692px;
    overflow: hidden;
}

.slideshow-container{
    position: relative;
    overflow: hidden;
    min-width: 100%;
    
    -moz-transition: -moz-transform 300ms;
    -o-transition: -o-transform 300ms;
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;    
    
    font-size: 0px;
}

.ancher-block-slide{
    position: relative;
    top: 0;
    left: 0;
    width: 692px;
    overflow: hidden;
    display: block;
    vertical-align: top;
    height: 466px;
    color: #ffffff;
    float: left;
}

.ancher-block-slide:after{
    content: '';
    display: table;
    clear: both;
}

.ancher-block-static {
    color: #ffffff;
}

.ancher-image{
    background-color: #000;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    width: 368px;
    height: 233px;
    position: absolute;
}

.slider-image{
    background-color: #000;
    background-size: cover;
    background-position: center center;
    top: 0px;
    z-index: 1;
    width: 692px;
    height: 466px;
    position: absolute;
}

.ancher-trigger{
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 65%,rgba(0,0,0,0.02) 66%,rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
    
    display: block;
    z-index: 2;
    top: 0;
    
    -moz-transition: background .6s ease;
    -o-transition: background .6s ease;
    -webkit-transition: background .6s ease;
    transition: background .6s ease;
    
}

/*.ancher-block-slide:hover .ancher-trigger, .ancher-block-static:hover .ancher-trigger{
    background: -moz-linear-gradient(rgba(0,0,0,0),#000000 110%) repeat scroll 0 0 rgba(0,0,0,0.1);
    background: -webkit-linear-gradient(rgba(0,0,0,0),#000000 110%) repeat scroll 0 0 rgba(0,0,0,0.1);
    background: linear-gradient(rgba(0,0,0,0),#000000 110%) repeat scroll 0 0 rgba(0,0,0,0.1);
}*/

.ancher-header{
    z-index: 3;
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.slider-header{
    z-index: 3;
    bottom: 70px;
    left: 0;
    position: absolute;
    right: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.ancher-blk-big-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    color: #ffffff;
    letter-spacing: -0.2px;
}

.ancher-blk-small-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: #ffffff;
}

.anchor-blocks article:hover{
    text-decoration: underline;    
    background: none;

}

.ancher-section{
    background-color: #626262;
    padding: 3px 6px;
    display: inline-block;
}

.ancher-section span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffffff;
    text-transform: uppercase;
}

.ancher-caret{
    display: block;
    width:0;
    height:0;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #626262;
    border-right: 9px solid rgba(0, 0, 0, 0);
}

.ancher-lbl-news{
    background-color: #5141de;
}

.ancher-caret-news{
    border-top-color: #5141de;
}

.ancher-lbl-feature{
    background-color: #EE1C25;
}

.ancher-caret-feature{
    border-top-color: #EE1C25;
}

.ancher-lbl-blog{
    background-color: #00bff3;
}

.ancher-caret-blog{
    border-top-color: #00bff3;
}

.ancher-lbl-review{
    background-color: #ec008c;
}

.ancher-caret-review{
    border-top-color: #ec008c;
}

.ancher-lbl-video{
    background-color: #AF772D;
}

.ancher-caret-video{
    border-top-color: #AF772D;
}

.ancher-lbl-advertorial{
    background-color: #ff4800;
}

.ancher-caret-advertorial{
    border-top-color: #ff4800;
}

.ancher-lbl-promoted{
    background-color: #4c36c7;
}

.ancher-caret-promoted{
    border-top-color: #4c36c7;
}

.ancher-lbl-sponsored{
    background-color: #0e7eea;
}

.ancher-caret-sponsored{
    border-top-color: #0e7eea;
}


.ancher-dots{
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
}

.ancher-blk-arrows-sprite {
    background-image: url(/img/icons/ancher-block-arrows.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-ancher-blk-arrow-right {
    width: 11px;
    height: 13px;
    background-position: 0 0;
}

.sprite-ancher-blk-arrow-left {
    width: 11px;
    height: 13px;
    background-position: -11px 0;
}

.ancher-dots .prev, .ancher-dots .next {
    cursor: pointer;
    width: auto;   
    color: #C2C2C2;
    transition: 0.6s ease;
    vertical-align: middle;
    text-decoration: none;
}

.ancher-dots .prev{
    padding: 5px 13px 5px 0;
}

.ancher-dots .next {
     padding: 5px 5px 5px 13px;
}

.ancher-dots .prev:hover, .ancher-dots .next:hover {
    color: #ffffff;
    text-decoration: none;
}

.ancher-dots .dot {
    cursor:pointer;
    height: 8px;
    width: 8px;
    margin: 0 7px;
    background-color: #959595;
    border-radius: 50%;
    display: inline-block;
    
    -webkit-transition: background-color 0.6s ease;
    -moz-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    -ms-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
    

}

.ancher-dots .active, .ancher-dots .dot:hover {
    background-color: #8fc743;
}

/* fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 300ms;
    animation-name: fade;
    animation-duration: 300ms;
}

@-webkit-keyframes fade {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: 0} 
    to {opacity: 1}
}



/*-------------BODY CANVAS ----------------------*/

#masthead {
    margin: 0;
    padding: 12px 0 0 0;
    height: auto;
    overflow: hidden;
    text-align: center;
}

#inner-container{
    margin-top: 16px;
}

#ads-leaderboard,
#ads-bottom-leaderboard {
    display: block;
    margin: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align:center;
}

#ads-bottom-leaderboard {
    margin: 20px auto;
}

#ads-leaderboard .inner,
#ads-bottom-leaderboard .inner{
    display: inline-block;
    width: auto;
    margin: auto;
    box-sizing: border-box;
    
    padding: 20px 0 10px;
    margin: 0;
    background: url(../img/core/misc/advertisement_revamp_2016_lite-2x.png) top right no-repeat;
    background-size: 78px;
    border: none;
}

#container{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

#content{
   /* padding: 50px 0px 44px;*/
    /*border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;*/
}

.home-wrapper{
    margin: 0;
/*    padding: 50px 0 0 0; */
}

.home-page-wrapper{
    padding-top: 50px;
}

.home-wrapper:before{
    content: '';
    display: table;
}

.home-wrapper:after{
    clear: both;
    content: '';
    display: table;
}

#content-wide{
    width: 100%;
    float: left;
    clear: none;
    margin-right: 0;
    text-align: left;
}

#content-wide .inner{
    margin: 0;
    /*max-width: 662px;*/
    margin-right: 33.8%;
    /*padding-right: 9px;*/
}

#content-narrow{
    width: 33.8%;
    float: right; 
    margin: 0;
    text-align: center;
    margin-left: -33.8%;
    overflow: hidden;
    /*padding-left: 3%;*/
}

#content-narrow .inner{
    max-width: 300px;
/*
    margin-left: auto;
    margin-right: auto;
*/
    float: right;
}

#content-narrow .inner:after{
    content: '';
    display: table;
    clear: both;
}

#content-narrow div.panel.ad,
#hwz-feature.gallery .content div.gallery-text .panel.ad {
    padding: 20px 0 10px;
    margin: 0;
    background: url(../img/core/misc/advertisement_revamp_2016_lite-2x.png) top center no-repeat;
    background-size: 78px;
    border: none;
}


/*#content-narrow .panel.ad:before{
    content: '-Advertisement-';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #555555;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}*/

#panel-facebook-recommendations{
    overflow: hidden;
    width: 300px;
    margin: auto;
}

/*-----panel with sharp arrow heading --*/
div.hwz-fancy-block{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: hidden;
}

div.home-fancy-title{
    margin-bottom: 14px;
}

a.hwz-fancy-title{
    background-color: #ebebeb;
    color: #000000;
    text-align: center;
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 3px 0;
    margin-bottom: 0;
}

.fancy-caret{    
    display: inline-block;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #ebebeb;
    border-right: 9px solid rgba(0, 0, 0, 0);
}

ul.fancy-list{
    padding-left: 0px;
    margin-left: 14px;
}

ul.fancy-list li {
    list-style-image: url(/img/treading-bullet.png);
    margin-bottom: 16px;
}

.fancy-list-summary{
    font-weight: 400;
    color: #66737a;
}

ul.fancy-list li{
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #a4b1b8;
}

ul.fancy-list li a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

ul.fancy-list li a:hover{
    text-decoration: underline;
}

ul.fancy-list li:last-child {
    margin-bottom: 0;
}

.related-sidebar-header{
    margin-bottom: 14px;
    
}

.related-sidebar-header h3{
    position: relative;
}

#article-highlights .highlights-article:first-child, #article-highlights .fst-highlights-article, .fst-highlights-article{
    margin-top: 0 !important;
}

.dk-fst-img{
  display: block;
}

.mb-fst-img{
  display: none;
}


#article-highlights .highlights-article{
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    border: none !important;
    cursor: default !important;
    margin-bottom: 30px !important;
   /* max-height: 200px;*/
    text-overflow: ellipsis;    
    display: table;
    background-color: #ffffff;
}

#techshow .highlights-article{
    padding-left: 20px !important;
}

#techshow #tsp-guides .highlights-article{
    padding-left: 0 !important;
}

#techshow .hmpg-teaser{
    margin-left: 0;
}

#article-highlights .highlights-article:hover{
    background-color: #ffffff !important;
}

.article-text-content{
    display: block;
    vertical-align: top;
    width: 100%;    
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #66737a;
    line-height: 21px;
    clear: both;
}

.highlights-article .article-text-content{
    display: table-cell;
}


#article-highlights .highlights-article .thumb, #techshow .highlights-article .thumb{
    /*float: left;*/
    overflow: hidden;
    /*max-height: 200px;*/
    padding-right: 26px;
    margin: 0 !important;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    min-height: auto !important;
}


#article-highlights .highlights-article div.thumb a, #techshow .highlights-article div.thumb a{
    display: block !important;
    width: 100% !important;
    height: auto;
}


#article-highlights .highlights-article .thumb a img , .hmpg-teaser.v2 .teaser-content img, div.inner #article-highlights .highlights-article .thumb img, #techshow .highlights-article .thumb a img, div.inner #techshow .highlights-article .thumb img{
    width: 316px;
    height: auto;
    border: 1px solid #efefef;
    box-sizing: border-box;
}

#article-highlights .highlights-article .thumb.thumb-video img, #techshow .highlights-article .thumb.thumb-video img{
    visibility: visible !important;
}

#article-highlights .highlights-article.advertorial:after, #techshow .highlights-article.advertorial:after{
    content: '' !important;
}

#article-highlights div.highlights-article div.thumb.thumb-video a:before, #techshow div.highlights-article div.thumb.thumb-video a:before{
        content: none;
}

#article-highlights div.highlights-article div.thumb.thumb-video a, #techshow div.highlights-article div.thumb.thumb-video a{
    /*content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 316px;
    height: 200px;
    background: transparent url(/img/core/placeholders/play-btn_temp.png) no-repeat 50% 50%;
    opacity: 0.75;*/
    
    float: left;
    position: relative;

}

#article-highlights div.highlights-article div.thumb.thumb-video a:after, #techshow div.highlights-article div.thumb.thumb-video a:after{
    content: '';
    clear: both;
    display: table;
}


#article-highlights div.highlights-article div.thumb.thumb-video a span, #techshow div.highlights-article div.thumb.thumb-video a span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/img/core/placeholders/play-btn_temp.png) no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    top: 0;
    left: 0;
}


.article-top-border, .paginate-border-alter{
    height: 1px;
    background-color: #d7d7d7;
    border: none;
}

.is-mobile{
    display: none;
    margin-bottom: 18px;
}

.cat-info{
    padding-top: 10px;
    padding-bottom: 6px; /* UTA2 */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px;
    
    white-space: nowrap;
    text-transform: uppercase;
}

.first-list-atricle .cat-info{
    padding-top: 15px;
    padding-bottom: 12px; /* UTA3 */ 
}

.cat-info a{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 800 !important;
    letter-spacing: 1.5px;    
}

.cat-info a:hover{
    text-decoration: underline;   
}

.cat-news{
    color: #5141de !important;
    text-transform: uppercase;
}

.cat-feature{
    color: #EE1C25 !important;
    text-transform: uppercase;
}

.cat-blog{
    color: #00bff3 !important;
    text-transform: uppercase;
}

.cat-review{
    color: #ec008c !important;
    text-transform: uppercase;
}

.cat-video{
    color: #AF772D !important;
    text-transform: uppercase;
}

.cat-techshow{
    color: #31A8C6 !important;
    text-transform: uppercase;
}

.advertorial-lbl, .advertisement-lbl{
    color: #ffffff !important;
    background-color: #ff4800;
    padding: 2px 5px;
    text-transform: uppercase;
}

.promoted-lbl{
    color: #ffffff !important;
    background-color: #4c36c7;
    padding: 2px 5px;
    text-transform: uppercase;
}

.hwzpresents-lbl{
    color: #ffffff !important;
    background-color: #00a651;
    padding: 2px 5px;
    text-transform: uppercase;
}

div.advertorial .cat-info{
    color: #ffffff !important;
    background-color: #ff4800;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 6px;
    line-height: normal;
}

.article-title{
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}

.article-title a, .article-title span, #article-highlights #hwz_qoo10_widget_native.highlights-article h4,  #article-highlights #hwz_qoo10_widget_native.highlights-article h4 a{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 27px;
    color: #000000;
    text-decoration: none;
    display: block;
    letter-spacing: -0.2px;
}

.article-title a::first-letter, .article-title span::first-letter, .ancher-blk-big-title a::first-letter, .ancher-blk-small-title a::first-letter, #article-highlights #hwz_qoo10_widget_native.highlights-article h4 a::first-letter{
    text-transform: uppercase;   
}

.article-title a:hover, #article-highlights #hwz_qoo10_widget_native.highlights-article h4 a:hover{
    text-decoration: underline;
}

#article-highlights .highlights-article .summary, #techshow .highlights-article .summary{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    margin: 0px !important;
    line-height: 21px !important;
    color: #66737a;
    letter-spacing: -0.2px;
}

div.article-time-user{
    font-size: 12px;
    font-weight: 400;
    color: #a4b1b8;
    overflow: visible;
    display: inline-table;
}

div.article-timestamp{
    padding-right: 16px;
    display: table-cell;
    white-space: nowrap;
}

div.article-timestamp .timestamp-logo{
	background: url('/img/icons/icon-time-3x.png') no-repeat;
    background-size: 17px;
	display: inline-block;
	width: 17px;
	height: 17px;
    vertical-align: text-top;
    padding-right: 5px;
}

div.article-author-name{
    display: table-cell;
}

div.article-author-name .author-logo{
	background: url('/img/icons/icon-author-3x.png') no-repeat;
    background-size: 17px;
	display: inline-block;
	width: 17px;
	height: 17px;
    vertical-align: text-top;
    padding-right: 5px;
}

div.article-time-user-logo, div.article-time-user-text{
    display: table-cell;
}

.bottomline-articles{
    padding-top: 30px;
    border-top: 1px solid #d7d7d7;
    clear: both;
    margin-bottom: 30px;
    display: block;
    position: initial;
}


.bottom-article-wrapper{
    float: left;
    width: 25%;
    min-width: 160px;
    /*padding-right: 50px;*/
    /*margin-bottom: 30px;*/
    display: block;
    position: relative;
}

.bottom-article-wrapper:after{
    content: '';
    display: table;
    clear: both;
}

.bottom-article-wrapper .thumb img{
/*
    width: 153px;
    height: 97px;
*/
    width: 200px;
    height: auto;
    border: 1px solid #efefef;
    min-height: 129px;
}

.bottemline-content-wrapper{
    padding-right: 20px;   
}

/*
.bottemline-content-wrapper div.article-time-user{
    position: absolute;
    bottom: 0;
    left: 0;
}
*/


.bottom-article-wrapper .article-title a, .bottom-article-wrapper .article-title span{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px !important;
    color: #000000;
}

.bottom-article-wrapper .article-title{
/*
    overflow: hidden;
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    display: block;
    margin-top: 0px;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
    
}

/*----- listing first two articels ---*/
.first-two-articles-wrapper{
    margin-bottom: 44px;
    font-size: 0;
    display: table;
}

.first-two-articles-wrapper:after{
    content: '';
    clear: both;
    float: none;
}

/*.first-two-articles-wrapper .first-list-atricle:first-child{
    float: left;
}*/

.first-two-articles-wrapper .first-list-atricle{
    display: table-cell;
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    border: none !important;
    cursor: pointer;
    text-overflow: ellipsis;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}



.first-list-atricle .thumb{
    float: left; 
    overflow: hidden;
    /* max-height: 200px; */
/*    padding-right: 26px;*/
    margin: 0 !important;
    overflow: hidden;
    display: block;
    vertical-align: top;
    min-height: auto !important;
}

.first-list-atricle .thumb:after, .first-list-atricle .thumb:before{
    content: '';
    display: table;
    float: none;
    clear: both;    
}

div.first-two-articles-wrapper .thumb a img , div.first-two-articles-wrapper .hmpg-teaser.v2 .teaser-content img {
    width: 500px ;
    height: 316px;
    border: 1px solid #efefef;
    
    color: #636363;
}

div.first-list-atricle div.thumb.thumb-video a{
    float: left;
    position: relative;
}

div.first-list-atricle div.thumb.thumb-video a span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/img/core/placeholders/play-btn_temp.png) no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    top: 0;
    left: 0;
}

.first-list-atricle .summary{
/*
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;    
*/
    font-size: 15px;
    line-height: 21px;
    color: #66737a;
    overflow: hidden;
/*    max-height: 63px;*/
    height: auto;
/*    text-overflow: ellipsis;*/
    display: block;
/*
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    padding: 0 12px;
    text-align: center;
    
}

/*
.first-list-atricle .article-text-content{
    display: inline-block;
}
*/

/*-------------------------*/


a.view-more-article{
    text-align: center;
    max-width: 318px;
    width: 100%;
    height: 45px;
    font-size: 15px;
    font-weight: 700;
    color: #aaa6a5;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    display: inline-block;
    line-height: 45px;
}

 a.view-more-article span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.view-more-article span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

a.view-more-article:hover span {
  padding-right: 25px;
}

a.view-more-article:hover span:after {
  opacity: 1;
  right: 0;
}

div.highlights-paginate a.pagination-btn{
    float: none;
    background: none;
    width: 28px;
    height: 28px;
    display: inline-block;
/*    background-color: #C4C4C4;*/
    background-color: #797979;
    color: #ffffff;
    padding: 10px;
    font-size: 28px;
    margin-right: 3px;
    /*margin-bottom: 44px;*/
    margin-top: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
}

div.highlights-paginate a.pagination-btn.deactive{
    background-color: #C4C4C4;
    background-image: none;
    color: #ffffff;
}

/*
div.highlights-paginate a.pagination-btn:hover{
    background-image: none;
    background-color: #797979;
    color: #ffffff;
}
*/

.listing_arrows_sprite{
    background-image: url(/img/icons/listing_arrows_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 3.5px 0;
}

.sprite-listing-arrow-left{
    width: 11px;
    height: 18px;
    background-position: 0 0;
}

.sprite-listing-arrow-right {
    width: 11px;
    height: 18px;
    background-position: -11px 0;
}

/*-- ads super --*/

div#ads-super-leaderboard{
    width: 100%;
    height: auto;
    text-align: center;
}

div#ads-super-leaderboard div#ads-super-leaderboard-inner{
    width: 970px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    background-color: palegoldenrod;
}

/*--- home galllery slider --*/

.gallery-content{
    background-color: #252525;
}

p.home-gallery-title{        
    color: #ebebeb;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 18px;    
}

div.gallery-items{
    height: auto;
    width: 100%;
    overflow: hidden;
/*    padding-left: 60px;*/
    margin-bottom: 24px;
}

.gallery_wrapper{
    height: 100%;
    display: table;
    vertical-align: top;
    width: 100%;
    
    float: left;
/*    padding-left: 60px;
    padding-right: 60px;*/
}

.gallery_wrapper:after{
    content: '';
    display: table;
    clear: both;
}

div.gallery-container{
    position: relative;
    overflow: hidden;
    min-width: 100%;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    -webkit-transition: left 300ms;
    transition: left 300ms;
}

div.gallery-container.notransition {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

div.gallery-container.transitioning {
    -moz-transition: -moz-transform 300ms;
    -o-transition: -o-transform 300ms;
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
}

div.home-gallery-slide{
    position: relative;
    width: 50%;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    text-align: center;
}

/*
.gallery_wrapper div.home-gallery-slide:first-child{
    margin-right: 33px;
}
*/

a.home-gly-slider-image{
    background-color: #252525;
    top: 0;
    z-index: 1;    
    position: relative;
    display: block;
}

a.home-gly-slider-image img{
    width: 418px;
    height: 265px;
}

.gly-slider-title-block{
    margin-top: 23px;
    z-index: 3;
    position: relative;
    text-align: center;
    color: white;
}
    
a.home-gly-slider-prev, a.home-gly-slider-next{
    position: absolute;
    top: 40%;
    cursor: pointer;
    z-index: 8;
    padding: 20px;
}

a.home-gly-slider-prev{
    left: 10px;
}

a.home-gly-slider-next{
    right: 10px;
}

.home-gly-slider-text{
    text-align: center;
    margin-top: 18px;
}

.home-gly-title{
    margin-bottom: 18px;
/*
    overflow: hidden;
    max-height: 95px;
    text-overflow: ellipsis;
*/
    display: block;
/*
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    padding: 0px 12px;
/*    margin-bottom:  39px;    */
}

.home-gallery-slide .home-gly-title{
    max-width: 378px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding: 5px 20px;
}

/*
.dk-home-gallery .home-gly-slider-text .article-time-user{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
*/

.mb-home-gallery .home-gly-slider-text .article-time-user{
    position: relative;
}

div.first-two-articles-wrapper .home-gly-title.ancher-blk-big-title{
    margin-bottom:  18px;    
}




/*
#home-gly-slider-title{
    height: 95px;
}
*/

.home-gly-title a{
    color: #ebebeb;
    cursor: pointer;
}

.home-gly-title a:hover{
    text-decoration: underline;
}

.sprite-gallery-arrrows{
    background-image: url(/img/icons/gallery_arrows.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-gallery-arrow-left {
    width: 25px;
    height: 13px;
    background-position: -5px -5px;
}

.sprite-gallery-arrow-left_inactive {
    width: 25px;
    height: 13px;
    background-position: -5px -28px;
}

.sprite-gallery-arrow-right {
    width: 25px;
    height: 13px;
    background-position: -40px -5px;
}

.sprite-gallery-arrow-right_inactive {
    width: 25px;
    height: 13px;
    background-position: -40px -28px;
}

.view-more-gallery-box{
    text-align: center;
    border: 1px solid #4C4C4C;
    box-sizing: border-box;
    width: 400px;
    height: 400px;
/*
    width: 100%;
    height: 100%;
*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.view-more-gallery-box a.view-more-article{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
     -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dk-home-gallery{
    display: block;   
}

.mb-home-gallery{
    display: none;
}

.mb_home-gallery-slide{
    text-align: center;
}

.gly-view-more-div{
    text-align: center;
    position: relative;
/*
    top: 35%;
    width: 75%;
*/
    border: 1px solid #4C4C4C;
    margin-left: auto;
    margin-right: auto;
/*    margin-top: 40%;*/
    max-width: 400px;
    max-height: 400px;
    width: 100%;
    height: 100%;
    margin-top: 25%;
    margin-bottom: 25%;
}

/*
.gly-view-more-div:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
*/

.gly-view-more-div a.view-more-article{
    height: auto;
}

.blk-hide{
    display: none !important;
}

.blk-show{
    display: block !important;
}

/*---- home gameaxis slider ---*/

section.content-wrapper.gameaxis-content{
    padding: 0 60px;
    margin-bottom: 44px;
}

div.home-gameaxis-slide{
    position: relative;
    width: 33.33%;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    text-align: left;
}

a.home-gameaxis-slider-image{
    background-color: #252525;
    top: 0;
    z-index: 1;    
    position: relative;
    display: block;
    height: 169px;
    overflow: hidden;
}

a.home-gameaxis-slider-image img{
    width: 300px;
    height: auto;
}

.home-gameaxis-slide .home-gly-title{
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding: 0 20px 0 0;
    text-align: left;
}

.home-gameaxis-slide .home-gly-title a{
    font-size: 25px;
    line-height: 27px;
}

.mb_home-gameaxis-slide{
    text-align: center;
}

.gameaxis_wrapper{
    height: 100%;
    display: table;
    vertical-align: top;
    width: 100%;    
    float: left;
}

.gameaxis_wrapper:after{
    content: '';
    display: table;
    clear: both;
}

a.home-gameaxis-slider-prev, a.home-gameaxis-slider-next{
    position: absolute;
    top: 40%;
    cursor: pointer;
    z-index: 8;
    padding: 20px;
}

a.home-gameaxis-slider-prev{
    left: 0px;
}

a.home-gameaxis-slider-next{
    right: 0px;
}

.gameaxis-icons-slider{
    width: 108px;
    height: auto;
    margin-left: 10px;
    vertical-align: middle;
}

.gameaxis-view-more-div{
    width: 300px;
    height: 300px;
    border: 1px solid #4C4C4C;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.view-more-gameaxis-box{
    width: 95%;
    height: 95%;
    border: 1px solid #4C4C4C;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    min-height: 300px;
}

.view-more-gameaxis{
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #aaa6a5;
    line-height: 20px;
    text-decoration: none;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.view-more-gameaxis:hover{
    color: #aaa6a5;
    text-decoration: underline;
}

.view-more-gameaxis:active, .view-more-gameaxis:visited{
    color: #aaa6a5;
}


.gameaxis_wrapper .home-gly-slider-text{
    margin-top: 20px;
}


/*------- home feature article ----*/

div.home-feature-wrapper{
/*    float: left;*/
    width: 50%;
    max-width: 228px;
    padding-right: 20px;
/*
    width: 228px;
    min-width: 228px;
    margin-right: 20px;
*/
    display: table-cell;
    position: relative;
}

div#home-feature-right-panel{
    width: 50%;
    float: right;
    margin: 0;
    text-align: center;
   /* margin-left: -50%;*/
    /*padding-left: 8px;*/
    padding-top: 44px;
}

div#home-feature-right-panel .inner{
    max-width: 492px;
    margin-left: auto;
    margin-right: auto;
}

div#home-feature-left-panel{
    float: left;
    width: 50%;
    padding-top: 44px;
}

div#home-feature-left-panel .inner{
    margin: 0;
   /* margin-right: 50%;*/
}

.home-feature-wrapper-table{
    position: relative;
    display: table;
    margin-bottom: 28px;
}

.home-feature-wrapper .thumb img{
    width: 228px;
    height: auto;
    border: 1px solid #efefef;
    min-height: 144px;
/*    height: 144px;*/
}

.home-feature-wrapper .article-title {
/*
    overflow: hidden;
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    display: block;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}

.home-feature-wrapper-top-border{
    margin-bottom: 18px;
}

.home-feature-wrapper .article-title a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    display: block;    
}

.home-feature-wrapper .article-title a:hover{
    text-decoration: underline;
}

/*
.home-feature-wrapper-table .article-time-user{
    position: absolute;
    bottom: 0;
    left: 0;
}
*/

div.home-feature-wrapper .bottemline-content-wrapper{
    margin-top: 18px;
}

div.home-feature-viewmore{
   margin-top: 10px; 
}

div.feature-home{
    margin-bottom: 14px;
    text-align: left;
}

a.home-feature-head{
    background-color: #8fc743;
    color: #ffffff;
    padding: 6px 0;
}

div.feature-home .fancy-caret{
    border-top-color: #8fc743;
}

div.feature-home-single-content .home-page-featured-big-article{
    padding: 0;
    height: auto;
    overflow: visible;
    display: block;
    margin-top: 10px;
    margin-bottom: 18px;
    width: 100%;
}

div.feature-home-single-content .home-gly-title a{
    color: #000000;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

div.feature-home-single-content div.article-time-user{
/*    max-height: 50px;*/
    height: auto;
    
/*  display: block;
    position: absolute;
    bottom: 0;   
*/
/*    margin-top: 10px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
/*
    left: 0;
    right: 0;
*/
}

#home-feature-right-panel div.article-time-user{
    position: relative;
}

.feature-home-summary{
    font-size: 15px;
    line-height: 21px;
    color: #66737a;
    margin: 0 0 30px 0;
    height: auto;
    padding: 0 20px;
    letter-spacing: -0.2px;
    overflow: hidden;
    max-height: 63px;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;    
}

.feature-home-first-img img{
    max-height: 311px;
    max-width: 492px;
    height: auto;
    width: 100%;
    border: 1px solid #efefef;
    box-sizing: border-box;
}

.feature-home-first-img.is-mobile{
    display: none;
}

.feature-home-first-img.lg-mobile{
    display: block;
}


/*-------- home shootouts ---*/

.home-shootouts div.thumb img{
    max-width: 228px;
    max-height: 144px;
    width: 100%;
    height: auto;
}

.home-shootouts  div.article-title{
    margin-top: 14px;
}

/*----gameaxis-------------*/
#content-narrow .panel-related-articles.gameaxis{
    text-align: left;
}

.panel-related-videos h3, .panel-related-articles h3, .panel-related-articles-bottom h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #000000;
    text-align: center;
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 3px 0;
    background-color: #ebebeb;
    border-bottom: none;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    
}

.gameaxis h3{
    position: relative;
}

a.more{
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #464646;
    font-weight: normal;
    line-height: 25px;
    margin-right: 10px;
    float: none;
}

.sidepanel-more{
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #464646;
    font-weight: normal;
    line-height: 25px;
    margin-right: 10px;
    text-transform: lowercase;
    position: absolute;
    right: 0;
    top: 0;
    letter-spacing: 0px;
}

.sidepanel-more:hover{
    text-decoration: underline;
}

#content-narrow .panel-related-articles div.content{
    margin-top: 14px;
    min-height: auto;
}

#content-narrow .panel-related-articles .content div.header{
    display: table-cell;
    width: 100% !important;
    float: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
#content-narrow .panel-related-articles.gameaxis div.header a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    
}
#content-narrow .panel-related-articles.gameaxis .content li.link-clickable, #content-narrow .panel-related-articles .content ul li.link-clickable{
    margin-bottom: 10px;
}

#content-narrow .panel-related-articles.gameaxis .content .thumb{
    max-width: 119px;
    max-height: 75px;
    width: 100%;    
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    margin-right: 10px;
    display: table-cell;
}

#content-narrow .panel-related-articles.gameaxis .content .treanding-thumb{
    width: 107px;
    height: 68px;
}


/*------------- sponsored-links --------------*/

#sponsored-links-alt{
    overflow: hidden;
}

#sponsored-links-alt #links{
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000000;
    overflow: hidden;
    margin-top: 14px;
}

#sponsored-links-alt #links ul.treading-list{
    padding-left: 0;
    margin-left: 14px;
}

#sponsored-links-alt #links ul.treading-list:after{
    content: '';
    display: table;
    clear: both;
}


#sponsored-links-alt #links ul.treading-list li{
    list-style-image: url(/img/treading-bullet.png);    
    margin: 0;
    padding: 0;
    vertical-align: top;
    float: left;
    width: 47%;
    margin-bottom: 25px;
    padding-right: 3%;
}


ul.treading-list li a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

#sponsored-links-alt ul.treading-list li a{
    font-size: 12px;
}

ul.treading-list li a:hover{
    text-decoration: underline;
}

ul.treading-list li:last-child {
    margin-bottom: 0;
}

#sponsored-links-alt #links ul.treading-list p{
    margin: 0;
    color: #66737a;
}

#sponsored-links-alt a.home-feature-head{
    background-color: #ebebeb;
    color: #000000;
}

#sponsored-links-alt div.feature-home .fancy-caret {
    border-top-color: #ebebeb;
}

/*----------------tranding ---------*/

.hwz_trending{
    padding: 9px 19px 12px 19px;
    margin: 0 30px 0 30px;
    background-color: #f1f1f1;
    display: block;
}

div.hwz_trending_content{
    border: none;
    padding: 0px;
}

div.hwz_trending_content:after{
    content: '';
    display: table;
    clear: both;
}

div.hwz_trending_content:before{
    content: none;
}

.hwz-trending-title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #000000;
    margin-bottom: 7px;
}

div.hwz_trending_content .hwz_trending_article{
    display: block;
    width: 315px;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    color: #66737a;
    font-size: 14px;
    line-height: 20px;
    float: left;
   /* padding-right: 26px;*/
}

div.hwz_trending_content .hwz_trending_article:after{
    content: '';
    display: table;
    clear: both;
}

.hwz_trending_article .hwz_trending_image img{
    display: block;
    width: 107px;
    height: 68px;
    position: relative;
    top: 0;
}

.hwz_trending_article .hwz_trending_image{
    float: left;
    width: 107px;
    height: 68px;
    padding: 0 16px 0 0;
    overflow: hidden;
}

.hwz_trending_article .hwz_trending_image img.hwz_trending_image_video{
    display: block;
    width: 107px;
    height: 68px;
    position: relative;
    top: 0;
    left: 0;
    padding: 0 16px 0 0;
}

.hwz_trending_article .hwz_trending_title{
    font-family: 'Open Sans', sans-serif;
    color: #66737a;
    font-size: 14px;
    line-height: 20px;    
    float: left;
    width: 171px;
    overflow: hidden;
}

/*-- news --*/
div#hwz-news{
    margin-top: 0;
}

.listing-breadcrumb{
    margin: 30px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 2px;
}

.breadcrumb-item{
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    background-color: #8fc743;
    padding: 3px 7px;
}

.news-list-select-wrapper{
    float: right;
/*    padding-right: 20px;*/
    position: relative;
    z-index: 6;
}

.news-list-select-wrapper:after{
    content: '';
    clear: both;
    float: none;
}

div.news-list-select-wrapper:last-child{
    padding-right: 20px;
}

.listing-breadcrumb-alter div.news-list-select-wrapper{
     padding-right: 20px;
}

.listing-breadcrumb-alter div.news-list-select-wrapper:first-child{
    padding-right: 0px;
}

.news-list-select-wrapper a{
    font-size: 13px;
    font-weight: 600;
    color: #66737A;
    line-height: 31px;
    letter-spacing: -0.2px;
}

.news-list-select-wrapper .newslist-dropdown-content-inner a{
    font-weight: 400;
    letter-spacing: -0.2px;
/*    text-transform: capitalize;*/
    color: #66737a;
}

#pastmonth-dropdown-content-id .newslist-dropdown-content-inner a{
    text-transform: lowercase;
}

#pastmonth-dropdown-content-id, #newslist-dropdown-content-id{
    right: 0;
    top: 22px;
}

a.news-list-dropdown-link{
    margin-right: 20px;
    text-transform: capitalize;
    line-height: normal;
}


.listing-breadcrumb-alter a.news-list-dropdown-link{
    line-height: 30px;
}


.news-list-dropdown-text-caret{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #8fc743;
    margin-left: 10px;
    position: absolute;
    margin-top: 8px;
    
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.listing-breadcrumb-alter .news-list-dropdown-text-caret{
    margin-top: 13px;
}

#newslist-dropdown-select.arrow-animate-up-down .news-list-dropdown-text-caret, 
#pastmonth-dropdown-select.arrow-animate-up-down .news-list-dropdown-text-caret,
#brands-dropdown-select.arrow-animate-up-down .news-list-dropdown-text-caret,
#subprocat-dropdown-select.arrow-animate-up-down .news-list-dropdown-text-caret
{
    
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


#brands-dropdown-content-id, #subprocat-dropdown-content-id{
    right: 0;
    top: 25px;
}


/*--- article blog author slider --*/

.blog-author-wrapper{
    position: relative;
}

div.blog-authors-panel{
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.blogs-authors-panel-alter{
    margin-bottom: 10px;   
}

.blog_author_wrapper{
    height: 100%;
    display: block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    float: left;
}

.blog_author_wrapper:after{
    content: '';
    display: table;
    clear: both;
}

div.blog-author-container{
    position: relative;
    overflow: hidden;
    min-width: 100%;
    -moz-transition: -moz-transform 300ms;
    -o-transition: -o-transform 300ms;
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
}

div.blog-author-slide{
    position: relative;
    top: 0;
    left: 0;
    width: 135px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    height: auto;
    text-align: center;
}


a.blog-author-slider-image{
    top: 0px;
    z-index: 1;    
    position: relative;
    display: block;
}

a.blog-author-slider-image img{
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.blog-author-slider-text{
    text-align: center;
    margin-top: 8px;
}

.blog-author-title{
    margin-bottom: 5px;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 12px;    
}

.blog-author-title a{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
}

.blog-author-title a:hover{
    text-decoration: underline;
}

.blog-author-role{
    font-size: 13px;
    line-height: normal;
    color: #66737a;
    height: 40px;
    overflow: hidden;
}

.author-seprator{
    width: 1px;
    height: 135px;
    background-color: #e1e1e1;
    position: absolute;
    top: 0;
    left: 50%;
}

a.blog-author-slider-prev, a.blog-author-slider-next{
    position: absolute;
    top: 20%;
    cursor: pointer;
    z-index: 5;
    padding: 10px;
}

a.blog-author-slider-prev{
    left: 0;
}

a.blog-author-slider-next{
    right: 0;
}

.sprite-author-arrows {
    background-image: url(/img/icons/authors_arrows.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-author-arrow-left {
    width: 14px;
    height: 21px;
    background-position: -5px -5px;
}

.sprite-author-arrow-left_inactive {
    width: 14px;
    height: 21px;
    background-position: -29px -5px;
}

.sprite-author-arrow-right {
    width: 14px;
    height: 21px;
    background-position: -53px -5px;
}

.sprite-author-arrow-right_inactive {
    width: 14px;
    height: 21px;
    background-position: -5px -36px;
}


/*------- panel ads sales promos -----*/

.ad-sales-promo-title{
    margin-top: 10px;
}

.ad-sales-promo-title a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.ad-sales-promo-title a:hover{
    text-decoration: underline;
}


/*---- product index/ category ----*/

.listing-breadcrumb-alter{
    margin: 30px;
}

/*------sub header title ---*/

ul#content-subheader{
    margin: 0;
    padding: 0;
    height: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
}

#content-subheader li.subheader-title, #content-subheader li.subheader-title a{
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin-right: 0;
    border-right: none;
    padding: 0;
}

#content-subheader li{
    line-height: 24px;
}

#content-subheader li.subheader-title a{
    background-color: #8fc743;
}

#content-subheader li.subheader-title a{
    padding: 3px 7px;
}

#content-subheader a:hover{
     background-color: #f1f1f1;
}

#content-subheader li.subheader-title:after{
    content: none;
}

#content-subheader a{
    border-right: 1px solid #d7d7d7;
    font-weight: 700;
}

ul#content-subheader li.icon{
    display: none;
    background-color: #ffffff;
    float: right;
    width: auto;
    cursor: pointer;
}

ul#content-subheader li.icon:after{
    content: '';
    clear: both;
    display: table;
}


ul#content-subheader li.icon .sub-header-down{
    display: inline;
    color: #8fc743;
    
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #8fc743;
    
    position: absolute;
    right: 0;
    top: 40%;
}

ul#content-subheader.responsive-sub-header {
    position: relative;
    z-index: 2;
}

ul#content-subheader.responsive-sub-header li.icon {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    background-color: #ffffff;
    padding: 0 15px;
    cursor: pointer;
}

ul#content-subheader li.icon a{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background-color: transparent;
}

ul#content-subheader.responsive-sub-header li.icon a{
   transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

#brands-dropdown-select, #subprocat-dropdown-select{
    line-height: 30px
}

#brands-dropdown-select span.news-list-dropdown-text-caret, #subprocat-dropdown-select span.news-list-dropdown-text-caret {
    margin-top: 13px;
}

.header-sub-title-select{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}


/*------------- blogs archives ----*/
.blog-archives-list li {
    width: 50%;
    float: left;
}

.blog-archives-list:after{
    content: '';
    display: table;
    clear: both;
}


/*--------------news view atricle page-------------------------*/

.article-view-title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 39px;
    color: #000000;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    display: block;
    text-align: left;
    letter-spacing: -0.3px;
    
}

.article-view-title::first-letter{
    text-transform: uppercase;
}

.article-view-title:hover{
    text-decoration: underline;
    color: #000000;
}

.article-view-time-user{
    margin-top: 14px;
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 43px;
    color: #66737a;
    float: left;
    position: relative;
}
.article-view-author-name, .article-view-ads-lbl, .article-view-author-name a{
    font-weight: 700;
    color: #8fc743;
    line-height: 20px;
}

.article-view-author-name a:hover{
    text-decoration: underline;
    color: #8fc743;
}

.article-avatar-img{
    width: 43px;
    height: 43px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

div.share-bar{
    margin: 0 auto;
     width: auto;
}

.article-view-info .share-bar{
    clear: none;
    display: inline-block;
    float: right;
    width: auto;
    margin: 0 auto;
}

.article-view-info .share-bar.article-view-ads-lbl-share-bar{
    margin-top: 20px;
}

@media (max-width: 1059px) {
	.article-view-info .share-bar,
	.article-view-info-center .share-bar,
	.tech-guide-sharebar .share-bar { float: left; }
	.share-bar .share { margin-left:0; }
	.article .tech-guide-sharebar { overflow:hidden; padding-bottom:10px; margin-left: 15px; }
}

.share .bookmark form .submit {
    width: 32px;
    height: 32px;
    background: #f6cb5a url(/img/icons/share-bar-bookmark.jpg) no-repeat;
}

.addthis_default_style .addthis_separator:after, .addthis_default_style .at4-icon:after, .addthis_default_style .at300b:after, .addthis_default_style .at300bo:after, .addthis_default_style .at300bs:after, .addthis_default_style .at300m:after{
    content: '';
    display: table;
    clear: both;
}


.article .footer{
    margin: 30px 0 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #ffffff;
}

.article .footer .share{
    text-align: center;
    float: none;
    clear: both;
    display: inline-block;
}

.article .tags{
    margin-bottom: 20px;
}

.article .tags a, div#jumplinks a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #00a651;
    margin: 0px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #00a651;
    padding: 5px 20px;
    margin-right: 10px;
    margin-bottom: 5px;    
    text-align: center;
    cursor: pointer;
    
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #ffffff 50%, #00A651 50%);
    -webkit-transition: background-position cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    -moz-transition: background-position cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    transition: background-position cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    
}

.article .tags a:hover, div#jumplinks a:hover{
    background-position: 0 -100%;
    color: #FFF;
}

div#jumplinks a:hover{
    background: #00A651;
    
}

.article .content p, .article .content span, .article .content h3, .article .content h4{
    /*padding: 0 20px;*/
    margin-bottom: 16px; /* uat 4 */
    /*  margin-top: 44px;*/
}

.article .content h4{
    margin-bottom: 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    letter-spacing: -0.2px;
    color: #000000;
}

.article .content ul, .article .content ol{
    margin-top: 10px;
    margin-bottom: 10px;
}


#content-wide .article .content p img, #content-wide .article .content .paragraph img, #content-wide .article .content .page_title img, #content-wide .article .content .image-caption-container img{
    max-width: 100% !important;
    height: auto !important;
}

.article .content a, .hwz-general-link {
    text-decoration: none;
    border-bottom: 0px solid #baeb73;
    box-shadow: inset 0 -3px 0 0 #baeb73;
    color: inherit;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1);
}

.article .content a:hover, .hwz-general-link:hover{
    background: #baeb74;
}

/*removing some of the a link border botttom looks ugly */
#hwz-article-widget .hwzwidget-articles h4 a, hwzwidget-articles-info a, #hwz-article-widget .hwzwidget-news li a{
    border-bottom: none;
}

#hwz-article-widget .hwzwidget-articles h4 a:hover, hwzwidget-articles-info a:hover, #hwz-article-widget .hwzwidget-news li a:hover{
    background: #ffffff;
}

.article h2.page-title { 
    display: none; 
}
.article h3.page_title { 
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    color:#000000;
    margin-bottom: 16px;
    letter-spacing: -0.2px;
}
.article h4.page_sub_title { 
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color:#000000;
}
.article .fine-print { 
    font-size: 10px; color: #666; 
    font-style: italic; 
}

.article .excerpt { 
    margin-bottom: 15px; 
}
.article .thumb { 
    float: left; 
    max-width: 200px; 
    margin: 5px 15px 10px 0; 
}
.article .thumb-fullarticle { 
    float: left; width: 120px; 
    margin: 0; 
}
.article .header-wrap { 
    overflow: hidden; 
}
.article .header-wrap .byline { 
    padding-left: 10px; 
    width: auto; 
}
.article .content {
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
    clear: both;
    overflow: hidden;
    
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
}

.article .content.tech-guide{
    overflow: auto;
}


/*
.article .content .rteleft { 
    text-align: left; 
}
.article .content .rtecenter { 
    text-align: center; 
}
.article .content .rteright { 
    text-align: right; 
}
.article .content .rtejustify { 
    text-align: justify; 
}
*/
.article .content .fn_tbl_title { 
    color: #000; 
    font-size: 13px; 
    font-weight: bold; 
}
.article .content embed, .article .content object { 
    display: block; 
    margin: auto; 
}

.article .related {
    margin-bottom: 10px; 
}
.article .related ul { 
    list-style: none; 
    font-size: 10.67px; 
}
.article .related li{
	margin: 10px 0;
	padding-left: 17px;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
}

.OUTBRAIN .AR_2 .ob_org_header, .OUTBRAIN .AR_3 .ob_org_header{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    color: #000000;
    border-bottom: none;
    margin-bottom: 20px;
	text-transform: capitalize;
	border-top: 4px solid #ebebeb;
    padding-top: 12px;
}

div.panel-black.gallery .panel-outbrain{
    width: 800px;
}


div.feature-comments{
    margin: 44px 0;
}


.article  blockquote{
    display:block;
    background: #fff;
    padding: 0 20px 0 55px;
    margin: 44px 0;
    position: relative;
    
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 36px;
    color: #66737a;
    text-align: left;
    font-style: italic;
}

.article  blockquote::before{
    content: "\201C"; /*Unicode for Left Double Quote*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 96px;
    line-height: 36px;
    color: #8fc743;
    position: absolute;
    left: 20px;
    top:5px;
}

.article  blockquote::after{
    content: "";
}

.article  blockquote:hover{
    text-decoration: underline;
}


/* ----- gallery page ------*/

.article-view-info{
    margin-bottom: 26px;
    position: relative;
}

.article-view-info-center{
    text-align: center;
    margin-bottom: 26px;
    font-size: 14px;   
    color: #66737a;
    position: relative;
    overflow: hidden;
}

.article-view-time-user-center{
    margin-top: 14px;
    line-height: 43px;
    /*  max-width: 662px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 14px;
}

.share-buttons-bottoms{
    line-height: 43px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.article-view-time-user-center:after{
    content: '';
    clear: both;
    display: table;
}

.article-avatar-img-link{
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

.article-avatar-img-center{
    width: 55px;
    height: auto;
}


.fix-articletitle{
    max-width: 662px;
    text-align: center;
    margin: 0 auto 14px;
}

.author-list-with-avatar{
    position: relative;
    margin: 0;
    color: #66737a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}

#hwz-feature.gallery .content .pages_container{
    font-size: 0px;
}

#hwz-feature.gallery .content div.page{
    border: none;
    margin-left: 0;
}

#hwz-feature.gallery .content div.gallery-image img{
    max-width: 100% !important;
}

#hwz-feature.gallery .content .gallery-text div.page-page{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #66737a;
/*    margin-bottom: 16px;
    margin: 0em 30px 0em;*/
    margin: 0 0 0 30px;
}

#hwz-tv #hwz-feature.gallery .content .gallery-text div.page-page{
    margin: 0 0 16px 0;
}

#hwz-feature.gallery .content .gallery-text div.page-page span.current{
    border-bottom: 1px solid #66737a;
}

#hwz-feature.gallery .content .gallery-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
    padding: 0px;
}

#hwz-feature.gallery .content div.gallery-image {
    position: relative;
    width: 66.33%;
    transition: width 300ms;
}

#hwz-feature.gallery .content div.gallery-text{
    width: 33.67%;    
}

#hwz-tv #hwz-feature.gallery .content div.gallery-image {
    width: 70%;
}

#hwz-tv #hwz-feature.gallery .content div.gallery-text{
    width: 30%;    
}

#hwz-feature.gallery .content div.gallery-text .panel.ad {
	position: absolute;
	bottom:0;
	left:30px;
	width: 300px;
	height: auto;
	padding-bottom: 0;
}

#hwz-feature.gallery .content div.gallery-text .share-bar {
	float:right;
}

#hwz-feature.gallery #header-wrap .share-bar {
	display:none;
}

#hwz-tv #hwz-feature.gallery #header-wrap .share-bar{
    display:block;
}

#hwz-feature.gallery .content .gallery-image div.gallery-nav {
	position: absolute;
	background: rgba(255,255,255,0.8);
	width: 27px;
	height: 79px;
	line-height: 79px;
	text-align: center;
	font-size: 32px;
	left: 10px;
	top: 40%;
	background: transparent url(/img/core/gallery-arrow-left.png) no-repeat 50% 50%;
	cursor: pointer;
    -webkit-transition: left 300ms, right 300ms;
    -moz-transition: left 300ms, right 300ms;
    -ms-transition: left 300ms, right 300ms;
    -o-transition: left 300ms, right 300ms;
	transition: left 300ms, right 300ms;
	z-index: 6;
}
#hwz-feature.gallery .content .gallery-image div.gallery-nav.gallery-nav-next {
	right: 10px;
	left: auto;
	background: transparent url(/img/core/gallery-arrow-right.png) no-repeat 50% 50%;
}

#hwz-feature.gallery .content .gallery-image div.gallery-nav:hover,
#hwz-feature.gallery .content .gallery-image div.gallery-nav:active {
	background-color: rgba(0,0,0,0.8);
}


#hwz-feature.gallery .content .gallery-image a.gallery-link-next {
	position: absolute;
	display: block;
	width: 27px;
	height: 79px;
	line-height: 79px;
	text-align: center;
	font-size: 32px;
	right: 10px;
	top: 40%;
	background: rgba(149, 208, 59, 0.4) url(/img/core/gallery-arrow-right.png) no-repeat 50% 50%;
	cursor: pointer;
    -webkit-transition: left 300ms, right 300ms;
    -moz-transition: left 300ms, right 300ms;
    -ms-transition: left 300ms, right 300ms;
    -o-transition: left 300ms, right 300ms;
	transition: left 300ms, right 300ms;
	z-index: 4;
    border-bottom: none;
}

#hwz-feature.gallery.expand .content .gallery-image div.gallery-nav.gallery-link-next { right: -27px; }
#hwz-feature.gallery.expand .content .gallery-image:focus div.gallery-nav.gallery-link-next,
#hwz-feature.gallery.expand .content .gallery-image:hover div.gallery-nav.gallery-link-next { right: 0; }

#hwz-feature.gallery.expand .content .gallery-image div.gallery-nav.gallery-nav-next { right: -27px; }
#hwz-feature.gallery.expand .content .gallery-image div.gallery-nav.gallery-nav-prev { left: -27px; }
#hwz-feature.gallery.expand .content .gallery-image:focus div.gallery-nav.gallery-nav-next,
#hwz-feature.gallery.expand .content .gallery-image:hover div.gallery-nav.gallery-nav-next { right: 0; }
#hwz-feature.gallery.expand .content .gallery-image:focus div.gallery-nav.gallery-nav-prev,
#hwz-feature.gallery.expand .content .gallery-image:hover div.gallery-nav.gallery-nav-prev { left: 0; }


#hwz-feature.gallery .content .gallery-image .gallery-link-next:hover,
#hwz-feature.gallery .content .gallery-image .gallery-link-next:active {
	background-color: rgba(149, 208, 59, 0.9);
}

#hwz-feature.gallery .content div.gallery-image-expand {
	width: 47px;
	height: 47px;
	background: url(/img/core/gallery-zoom-in.png) no-repeat 50% 50%;
	position: absolute;
	right: 0;
	bottom: 0;
    -webkit-transition: bottom 300ms, right 300ms;
    -moz-transition: bottom 300ms, right 300ms;
    -ms-transition: bottom 300ms, right 300ms;
    -o-transition: bottom 300ms, right 300ms;
	transition: bottom 300ms, right 300ms;
	z-index: 4;
    cursor: zoom-in;
}



#hwz-feature.gallery.expand .content .gallery-image div.gallery-image-expand {
	background-image: url(/img/core/gallery-zoom-out.png);
	right: -58px; 
    bottom: -58px;
    cursor: zoom-out;
}

#hwz-feature.gallery.expand .content .gallery-image:focus div.gallery-image-expand,
#hwz-feature.gallery.expand .content .gallery-image:hover div.gallery-image-expand {
	right: 0; bottom: 0;
}

.no-bottom-margin{
    margin-bottom: 0 !important;
}

.gallery-footer{
     margin-bottom: 44px;
}

section.related-gallery{
    padding-top: 20px;
    margin-bottom: 44px;
}

.related-gallery-title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
}

.related-galleries-wrapper{
    max-width: 800px;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.gallery-item{
    display: table-cell;
    padding-bottom: 34px;
    padding-right: 31px;
    max-width: 229px;
    vertical-align: top;
}

.gallery-item:last-child{
    padding-right: 0;
}

.gallery-img{
    position: relative;
    display: block;
    margin-bottom: 18px;
}

.gallery-img img{
    width: 229px;
    height: 145px;
}

div.gallery-txt{
    overflow: hidden;
    height: auto; 
    display: block;
/*    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    padding-right: 20px;
    text-align: left;
    width: 100%;
}

div .gallery-txt a {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #ebebeb;
    text-decoration: none;
    text-align: left;
}

.gallery-txt:hover{
    text-decoration: underline;
}

/*--------------videos page ----*/
div.vid-container{
   margin: 0 0 20px 0; 
}

.video-title-header{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #000000;
    font-style: normal;
    padding: 0 30px 10px 0;
}

.video-summary-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
    margin-bottom: 10px;
}

.video-view-text-content{
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 40%;
    height: 100%;
    overflow: visible;
    padding: 0 30px 10px 20px;
    box-sizing: border-box;
}

div#more-videos-items a span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/img/core/placeholders/play-btn_temp.png) no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    top: 0;
    left: 0;
}


/*------- reviews page -----*/

div.paginate_article{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #000000;    
    background-color: #ffffff;
    border : 2px solid #8fc743;
    box-sizing: content-box;
    height: 47px;
    clear: both;
    margin-bottom: 26px;
}

div.paginate_article ul{
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: relative;
    height: 47px;
}

div.paginate_article li{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 47px;
}

div.paginate_article .prev, div.paginate_article .next {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    height: 47px;
    line-height: 47px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    z-index: 4;
    color: #ffffff;
    background-color: #8fc743;
    width: 130px;
    text-align: center;
}

div.paginate_article .prev:after, div.paginate_article .next:before {
    content: '';
    content: none;
}


div.paginate_article .prev span, div.paginate_article .next span{
    color: #ffffff;
    cursor: default;
}

div.paginate_article .prev a, div.paginate_article .next a, div.paginate_article .prev span, div.paginate_article .next span{
    display: inline-block;
    height: 47px;
    line-height: 47px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    padding: 0;
    width: 100%;
}

div.paginate_article .jumplist{
   border: none; 
}

div.paginate_article .jumptitle{
   line-height: 47px;
    position: relative;
}

.revamp-review-page{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #464646;
}

.tech-guide .revamp-review-page{
    /*width: 950px;
    max-width: 950px;
    -- UAT  live 1
    */
    /*width: 800px;
    max-width: 800px;*/
}

#hwz-article-widget div.hwzwidget-news li a{
    text-decoration: none;
    color: #000000;
    box-shadow : none;
}

#hwz-article-widget div.hwzwidget-news li a:hover{
    text-decoration: underline;
    color: #000000;
}


.fixed-wrapper{
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fixed-wrapper-margin{
    padding: 0 30px;
}


div.paginate_article .jumptitle span:before {
    content: '';
    content: none;   
}


div.paginate_article .jumplist + a.jumptitle:after{
    content: '';
    width: 0;
    height: 0;
    
    display: inline-block;
    position: absolute;
    color: #8fc743;
    margin-left: 12px;
    top: 50%;
    left: auto;
    
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #8fc743;
}

div.paginate_article .jumplist.hide + a.jumptitle:after{
    content: '';
    width: 0;
    height: 0;
    
    display: inline-block;
    position: absolute;
    color: #8fc743;
    margin-left: 12px;
    top: 50%;
    left: auto;
    
    border-bottom: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #8fc743;
    
}


.disabled-pagination-alter{
    background-color: #acd573;
}

#mb-pagination-review{
    margin: 0;
    padding: 0;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    
}

ul#mb-pagination-review.responsive-review-paginate{
    position: relative;
    z-index: 3;
}

#mb-pagination-review li{
    list-style: none;
    vertical-align: middle;
    width: auto;
    display: block;
    height: 25px;
    overflow: hidden;
    
    -webkit-transition: max-height .25s ease-out;
    -moz-transition: max-height .25s ease-out;
    -ms-transition: max-height .25s ease-out;
    -o-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out;
}

#mb-pagination-review li.mb-rv-page-title{
/*    margin-right: 50px;*/
    border-bottom: 1px solid #e1e1e1;
}

#mb-pagination-review a{
    display: block;
    padding: 0;
    letter-spacing: -0.2px;
    text-transform: capitalize;
    color: #000000;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    font-weight: 400;
}

#mb-pagination-review a:hover{
    text-decoration: underline;
}

ul#mb-pagination-review li:not(:first-child){
    max-height: 0;
    background-color: #f1f1f1;
}

#mb-pagination-review .icon{
/*    background-color: #f1f1f1;*/
    width: auto;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding:0;
}

#mb-pagination-review .icon a{
    text-decoration: none;
    padding: 5px 9px;
}

#mb-pagination-review .icon .sub-header-down {
    display: inline;
    color: #73c700;    
}

.mb-rv-page-title{
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 2px;
    margin-right: 0;
}

ul#mb-pagination-review .icon a{

    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

ul#mb-pagination-review.responsive-review-paginate .icon a{
    
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

ul#mb-pagination-review.responsive-review-paginate li:not(:first-child){
    max-height: 25px;
    padding: 8px 20px;
}

/*
#mb-pagination-review.responsive-review-paginate li.mb-rv-page-title{
    border-bottom: none;
}
*/


.pagination-mobile-alter{
    width: auto;
    margin: 0 80px;
    height: 47px;
    position: relative;
    text-align: center;
}

div.mb-pagination-title-alter{
    line-height: 47px;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}

.pagination-mobile-alter select{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mb-pagination-select-wrapper-carret{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #8fc743;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}


/*---compare table ---*/

.article .content table.compare-table { 
    margin-left: auto; 
    margin-right: auto;
    max-width: 800px;
    width: auto;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 44px;
}

.article .content table.compare-table, table.compare-table tr, table.compare-table td, table.compare-table th{
    border: none;
}

.article .content table.compare-table{
    border: 1px solid #e1e1e1;
    border-radius: 5px 5px 0 0;
}

.article .content table.compare-table .compare-tbl-caption:first-child{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.article .content table.compare-table .compare-tbl-caption:last-child{
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}


.article .content table.compare-table td, .article .content table.compare-table th{
    border-bottom: 1px solid #e1e1e1;
}

.article .content table.compare-table .compare-tbl-caption {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    background-color: #00B33E;
    color: #ffffff;
    text-align: center;
    padding: 6px 0 6px;
    
}

.article .content table.compare-table .compare-tbl-caption a{
    text-decoration: none;
    border: none;
    box-shadow: none;
}

.article .content table.compare-table .compare-tbl-caption a:hover{
    text-decoration: none;
    box-shadow: none;
    background-color: #00B33E;
}

.article .content table.compare-table .image-caption-small{
    display: none;
}

.article .content table.compare-table td, .article .content table.compare-table th {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 13px 3px 13px;
    color: #464646;
}

.article .content table.compare-table th,
.article .content table.compare-table td {
    background-color: #ffffff;
}

.article .content table.compare-table tr.alternate td,
.article .content table.compare-table tr.alternate th,
.article .content table.compare-table td.alternate,
.article .content table td.alternate {
  background-color: #f1f1f1;
}


div.article-view-time-user-center .share-bar{
    width: auto;
    display: inline-block;
/*    margin-left: 30px;*/
    vertical-align: middle;
}

div.share-buttons-bottoms .share-bar{
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

div.share-buttons-bottoms  .share-bar .share{
/*   
    width: 230px;*/
     width: auto;
    margin-left: 0;
}

#hwz-news div.article-view-time-user-center .share-bar, #hwz-blogs div.article-view-time-user-center .share-bar{
    margin-top: 10px;
}

div.article-view-time-user-center .share-bar .share{
    width: auto;
}

/*
.article .content img + img{
    margin-top: 16px;
}
*/


.article .content .image-caption{
    background: #ffffff;
    padding: 0;
    text-align: center; /* ---uat live 1 --*/
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal; /* ---uat live 1 --*/
    color: #66737a;
    margin: auto;
    display: block;
    padding: 10px 20px 10px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}

.article .content p img, .article .content .paragraph img, .article .content .page_title img, .article .content .image-caption-container img, .article .content img{
    max-width: 800px !important;
    width: auto;
    height: auto;
}


#awards-logos.article .content img{
    width: 74px;
    height: auto;
    max-width: initial;
}

#awards-logos.article .content img.techawards{
    width: 110px;
    height: auto;
    max-width: initial;
}

#awards-logos.article .content img.awards-logos-legacy{
    width: 110px;
    height: auto;
    max-width: initial;
}


/*
uat live -1 follow same like feature article VJ
.article .content.tech-guide p img, .article .content.tech-guide .paragraph img, .article .content.tech-guide .page_title img, .article .content.tech-guide .image-caption-container img, .article .content.tech-guide img{
    max-width: 950px !important;
    height: auto;
    width: auto;
}

.article .content.tech-guide .image-caption-container{
    max-width: 950px !important;
    height: auto !important;
}
*/

.article .content .image-caption-container{
    max-width: 800px;
    height: auto;
    width: auto;
}

div#content #product-detail-full.inner{
    margin-top: 44px;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

div#content .product-details-no-margin #product-detail-full.inner{
    margin-top: 0;
}

@media (max-width: 1059px) {
	div#content #product-detail-full.inner{
		margin-left: 16px;
		margin-right: 16px;
	}
}

div#overall-rating-box{
    margin: 0;
    border: none;
    background-color: #e6e6e6;
}

#overall-rating-box div#drop-down{
    margin: 0;
}

div#overall-rating-box .drop-down-header{
    text-align: center;
    padding: 8px 0;
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
}

div#overall-rating-info-box{
    padding: 26px 20px;
    margin: 0;
    /*width: ;*/
}

div#overall-rating-info-box .overall-rating-container{
    float: left;
    text-align: center;
    margin: 0;
    padding-right: 30px;
/*    width: 30%;*/
    width: auto;
}

#overall-rating-value{
    margin-bottom: 10px;
}

span#award-box {
	overflow:hidden;
}

#product-container span#award-box img{
    height: 84px;
    width: auto;
    margin-right: 10px;
}

span#award-box img{
    margin-top: 0;
    max-width: 80px;
}

span#award-box a {
	display:inline-block;
	max-width: 80px;
}

.overall-rating-container span#award-box a img{
    height: 84px;
    width: auto;
    max-width: none;
}

span#award-box{
	display: inline-block;
	width:100%;
	margin: 0;
}

div.overall-rating-container .overall-rating-user{
   margin: 36px auto; 
}

.review-compare-specs{
    text-align: center;
    margin-top: 6px;
}

.review-compare-specs a{
    font-size: 13px;
    font-weight: 600;
    color: #0066cc;
    text-decoration: underline;
}

.review-compare-specs a:hover, .review-compare-specs a:active, .review-compare-specs a:visited{
    color: #0066cc;
}

.review-compare-specs span{
    margin: 0 5px;
}

div.overall-rating-user a{
    font-family: 'Open Sans', sans-serif;
}

div#rating-bars{
/*    width: 30%;*/
    width: 200px;
    display: inline-block;
    margin: 0;
    
}

div.prosncons{
/*    width: 30%;*/
    width: 290px;
    display: inline-block;
    margin: 0;
    padding-left: 30px;
    float: right;
}

@-webkit-keyframes grow-width {
    from {
        width: 0;
    }
}

@keyframes grow-width {
    from {
        width: 0;
    }
}

.rating-bars-revamp {
    list-style-type: none;
    padding: 0;
    width: 90%;
    margin: 0;
}

.rating-bars-revamp li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    color: #464646;
}

.rating-bars-revamp span {
	text-align:left;
}

.rating-bars-revamp li em, .rating-bars-revamp li span {
    display: block;
    border-bottom: 14px solid #e6e6e6;
    padding-bottom: 4px;

}

.rating-bars-revamp li em {
    font-style: normal;
    border-bottom-color: #8fc743;
    position: absolute;
    overflow: visible;
    text-align: left;
    bottom: 0;
    left: 0;
    max-width: 1px;
}

.rating-bars-revamp.animate li em {
    -webkit-animation: grow-width 2s;
    animation: grow-width 2s;
    max-width:none;
}

.rating-bars-revamp li strong {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #464646;
	line-height:14px;
	position:absolute;
	width: 20px;
	right: -26px;
	bottom:0;
}

div.prosncons div.detail{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #464646;
    padding: 0px 5px 3px 15px;
}

div.prosncons div.detail:before{
    top: 7px;
    width: 7px;
    height: 7px;
}

/*
div.prosncons div.detail:before{
    content: '';
    width: ;
    height: ;
    background-image:  url(/img/treading-bullet.png);
    background-repeat: no-repeat;
    background-position: left center;
}
*/


div.prosncons div.header{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
}

div.prosncons div.good div.header{
    color: #00a651;
}

div.prosncons div.bad div.header{
    color: #ed1c24;
}

/*
div.prosncons div.detail:before, div.prosncons div.good div.detail:before, div.prosncons div.bad div.detail:before{
    content: '';
    content: none;
}

div.bad div.detail, div.good div.detail{
    background-image: none;
}
*/

div#action-price-multi-container{
    background: #fff8a4;   
    position: absolute;
    right: 30px;
    top: 85px;   
    min-width: 120px;    
    overflow: hidden;
    height: auto;
    -webkit-transition: height 400ms ease;
    -moz-transition: height 400ms ease;
    -o-transition: height 400ms ease;
    transition: height 400ms ease;
    z-index: 5;
}

div#action-price-multi-container div.action-price-srp{
    max-width: 407px;
    word-wrap: normal;
    line-height: 17px;
    border-bottom: 1px solid #ffde00;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #464646;
    padding: 14px 10px;
    margin: 0;
    white-space: nowrap;
}

div#action-price-multi-container div.action-price-srp:last-child{
    border-bottom: none;
}

div#action-price-container a.action-price{
    font-weight: normal;
    color: #464646;
    border-bottom: 1px dotted #464646;
    margin: 0;
}

#hwz-review{
    position: relative;
}

div#action-price-container{
/*    float: right;*/
    color: #000000;
    position: absolute;
    margin-top: 0px;
    background: #fff200;
    border: none;
    -moz-border-radius: 40px 40px 40px 0px;
    -webkit-border-radius: 40px 40px 40px 0px;
    border-radius: 40px 40px 40px 0px;
    width: 80px;
    height: 80px;
    margin-right: 3px;
    margin-bottom: 20px;
    
    top: 20px;
    right: 30px;
    
}

div#action-price-container:before{
    content: '';
    content: none;
}

div#action-price-container span.action-price{
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
/*
    top: 10%;
    left: 0;
    right: 0;
    margin: 11px;
*/
    line-height: normal;
    text-align: center;
    top: 55%;
    left: 50%;
    margin: 0;    
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);    
    transform: translate(-50%, -50%);
    width: 60px;
}

/*--------blogs view ---*/

div.bloginfo{
    border: none;
}

div.bloginfo div.avatar{
    border: none;
}
div.bloginfo .avatar img{
    border-radius: 50%;
}

div.bloginfo h2, div.bloginfo div.info h2{
    font: initial;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #8fc743;
    text-transform: capitalize;
}

div.bloginfo p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #a4b1b8;
    text-transform: none;
    margin-bottom: 20px !important;    
}


/*------ notification popup -------*/
div#hwz_ad_notice_cont{
    position: fixed; 
    bottom: 0; 
    right: 20px; 
    z-index: 80001; 
    padding-right: 0; 
    width: 300px; 
    max-height:75%;
}

div#hwz_ad_notice_header{
    width: 300px;
    height: auto;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    overflow: visible;
}

div#hwz_ad_notice_icon_header{
    position: absolute;
    width: 70px;
    height: 33px;
    right: 0;
    bottom: 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

div#hwz_ad_notice_icon_header:after{
    content: '';
	background: url(/img/core/ad_notice/arrow-up.png) no-repeat;
	display: inline-block;
	width: 13px;
	height: 8px;
    vertical-align: middle;
    right: 10px;
    top: 35%;
    position: absolute;
}

div#hwz_ad_notice_icon_header.closed{
    background: #00a651 url(/img/core/ad_notice/icon-alert-without-reddot-3x.png) no-repeat;
    background-size: 19px;
    background-position: 35% 50%;
    
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

div#hwz_ad_notice_icon_header.open{
    background: #00a651 url(/img/core/ad_notice/icon-alert-without-reddot-3x.png) no-repeat;
    background-size: 19px;
    background-position: 35% 50%;
    
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}


div#hwz_ad_notice_list_out_cont{
    width: 300px;
    background: #f1f1f1;
    margin: 0;
    padding: 0;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
    max-height: 0;
}

div#hwz_ad_notice_list_inner_cont{
    background: #f1f1f1;
    padding: 0;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
    max-height: 0;
}

img.hwz_ad_notice_list_thumb{
    margin: 15px 13px 10px 13px;
    border: 1px solid #dedede;
    height: 50px;
    width: 50px;
    float: left;
    display: block;
    float: left;
}

p.hwz_ad_notice_post_list_text{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #66737a;
    font-weight: 700;
    margin: 0;
    margin-top: 13px;
    padding-right: 15px;
    width: 200px;
    letter-spacing: -0.2px;
    float: left;
}

.hwz_ad_notice_post_list_text a	{
    text-decoration:none; 
    color: #66737a;
}

.hwz_ad_notice_post_list_text a:hover	{
    text-decoration:none; 
    color:#545e64;
}

p.hwz_ad_notice_post_list_text .hwz_ad_notice_display_time{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #66737a;
    font-style: italic;
    margin-bottom: 13px;
    margin-top: 7px;
}

div#hwz_ad_notice_header.open div#hwz_ad_notice_icon_header.open, div#hwz_ad_notice_header.open div#hwz_ad_notice_header_right{
    width: 100%;
}

div#hwz_ad_notice_header.open div#hwz_ad_notice_icon_header.open{
    background-position: 30% 50%;
}

div#hwz_ad_notice_header.open div#hwz_ad_notice_icon_header:after{
    background: url(/img/core/ad_notice/arrow-down.png) no-repeat;
    padding-right: 15px;    
}


#hwz_ad_notice_icon_header-txt{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    text-align: center;
    color: #ffffff;
    opacity:0;
    width: 100%;
    position: absolute;
    padding-left: 7px;
}

div#hwz_ad_notice_header.open #hwz_ad_notice_icon_header-txt {
    opacity:1;
}

div.hwz_ad_notice_post_line{
   border-bottom-color: #dedede;
   width: 100%;
   margin: auto;
   margin-bottom: 2px;
}

.hwz_ad_notice_expand_wrapper{
    width: 100%;
    text-align: center;
    padding: 9px 0 14px 0;
}

.expand-notice-cls{
    background-color: #e1e1e1;
    border: 1px solid #c6c6c6;
    font-size: 11px;
    font-weight: 700;
    color: #6b6b6b;
    text-align: center;
    padding: 6px 20px 6px 6px;
    cursor: pointer;
    background-image: url(/img/core/ad_notice/hwz-notice-expand-up.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 90% center;
}

#hwz_ad_notice_red-txt{
    position: absolute;
    height: 13px;
    width: 13px;
    background-color: #f31e46;
    color: #ffffff;
    font-size: 8px;
    line-height: 12px;
    font-weight: 700;
    top: 12%;
    left: 32%;
    border-radius: 50%;
    text-align: center;
}


#hwz_ad_notice_header.closed #hwz_ad_notice_red-txt{
    left: 44%;
}

.hwz_ad_notice_last_div_padding{
    padding-bottom: 8px;
}


/*--------- video listing ---*/
.more-video{
    margin-top : 30px;   
}


/*---------classified ----*/

div.listing-item{
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

div.listing .article:hover{
    background-color: #ffffff;
}

div#marketplace-search-box input.marketplace_search_button, div#marketplace-search-box input.marketplace_search_button, div#marketplace-search-box input, div#marketplace-search-box select,
.listing .article p.byline, div#hwz_qoo10_widget .hwz_qoo10_item {
    font-family: 'Open Sans', sans-serif;
}


/*----------search panel --------*/
.lg-panel-search{
    position: absolute;
    top: 15%;
    right: 57px;
    background-color: #ffffff;    
    width: 0;
	max-width: 322px;
	-webkit-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	-moz-transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);    
	-webkit-backface-visibility: hidden;    
    /* display: none;*/
    display: inline-block;
    overflow: hidden;
}

div.lg-panel-search.show{
    width: 322px;
    /* overflow: visible;*/
}

.mb-panel-search{
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #ffffff;
    width: 100%;    
    max-height: 0;
    max-width: 100%;
    overflow: hidden;
    -webkit-transition: max-height .25s ease-out;
    -moz-transition: max-height .25s ease-out;
    -ms-transition: max-height .25s ease-out;
    -o-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out;
    min-width: 320px;
}

.mb-panel-search.show{
    max-height: 46px;
    overflow: visible;
}

@media (min-width: 1060px) {
    .mb-panel-search.show { display:none; }
}

.search-bar-wrapper{
    background-color: #F6F9FA;
    margin-top: 2px;
    width: 320px;    
    border: 1px solid #e1e1e1;
    height: 42px;
    line-height: 38px;    
}

#panel_tmp_mb .search-bar-wrapper{
    width: 100%;
    max-width: 100%;   
    position: relative;
}

#PageSearchForm{
    background: #F6F9FA;
}

#PageSearchForm .search-bar-wrapper input.text{
    color: #898989;
    background: #F6F9FA;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    padding: 1px 0px 1px 14px;
    border: none;
    height: 38px;
    line-height: 38px;
    width: 205px;
    width: calc(100% - 115px);
    border: none;
}



#panel_tmp_mb #PageSearchForm .search-bar-wrapper input.text{
    bottom: 0;
    display: block;
    left: 0;
    outline-width: 0;
    padding-left: 15px;
    padding-right: 150px;
    position: absolute;
    top: 0;
    width: 60%;
    width: calc(100% - 160px);
}

.mb-search-actions{
    padding: 0 .78em 0em;
    border: 0;    
    bottom: 0;
    right: 0;
    margin: 0;
    outline-width: 0;
    position: absolute;
    top: 0;
    width: auto;
}

#search-opt-id, div#search-tiny-dropdown a, #mb-search-opt-id, div#mb-search-tiny-dropdown a{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #898989;
    text-decoration: none;
    cursor: pointer;
}

#search-opt-id, #mb-search-opt-id{
    width: 70px;
    height: 32px;
    background-color: #dce2e4;
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle;
    line-height: 32px;
    padding-right: 16px;
    
}


#mb-search-opt-id{
    padding-right: 20px;
    text-align: center;
    max-width: 90px;
    width: 108px;
    height: 32px;
    position: relative;
}

 .lg-panel-search.show #search-opt-id:after, #mb-search-opt-id:after{
    content: " ";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #6E6969;
    top: 50%;
    right: 12px;
    position: absolute;
}

#mb-search-opt-id:after{
     right: 7px;
}

#search-tiny-dropdown{
    right: 0;
    top: 40px;
    min-width: auto;
    overflow: hidden;
}

 #mb-search-tiny-dropdown{
     right: 40px;
     top: 40px;
     min-width: auto;
     overflow: hidden;
}

#search-tiny-dropdown label, #mb-search-tiny-dropdown label{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #898989;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    line-height: 100%;
    padding: 15px 25px;
    border-bottom: 1px solid #E6E6E6;
    background-color: #F5F9FA;
    width: 80px;
}

#search-tiny-dropdown input, #mb-search-tiny-dropdown input{
    visibility: hidden;
    position:absolute;
}

#PageSearchForm  input.submit{
    background: none;
    width: 20px;
    height: 16px;
    margin-left: 0;
    text-indent: 999em;
    cursor: pointer;
    padding: 10px;
}

/*------feature comments -----*/
.feature-comments { margin:40px 10px; }
.feature-comments #vuukle_div { width: 100%; overflow: hidden; display:block !important; }
.feature-comments #vuukle_proxy,
.feature-comments #vuukle_proxyvuukle_div {
	width:100% !important;
	max-width: 640px !important;
	min-width: 320px !important;
	float: left;
}
.feature-comments #vuukle-ads,
.feature-comments #vuukle-adsvuukle_div {
	float: right !important;
	clear: none !important;
	max-width: 320px !important;
}

/*--- crowdynews ---*/
div.cnwidget.cnhw{
    border-radius: 0;
    border: none;
}

div.cnwidget.cnhw.cnAd-responsive div.cnwidget-innerContentWrapper{
    border-right: none;
}

.cnwidget.cnhw div.cnheader-title{
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


/*----price list ---*/


.retailer-prices .btnIcon, .article .content img.btnIcon{
    width: 26px !important;
    height: 26px !important;
}

div#jumplinks a{
    display: inline-block;
}


/*------ nm subscription ---*/

div.nm-sub-dialog-overlay{
/*    background: rgb(33,33,33);*/
     background: rgba(0,0,0, 0.9);
}

div.nm-sub-dialog .copy{
    font-size: 14px;
    line-height: 25px;
    max-width: 305px;
}

div.nm-sub-dialog .pdpa{
    font-size: 12px;
    max-width: 325px;
}

div.nm-sub-dialog .pdpa a{
    color: #06c;   
}

div.nm-sub-dialog .pdpa a:hover{
    color: #06c;
}

div.nm-sub-dialog.dialog--open .header{
    font-family: 'Open Sans Condensed', sans-serif;
    line-height: 33px;
    letter-spacing: -0.5px;
    font-size: 35px;
}


button#nm-sub-dialog-button-sm{
    max-width: 240px;
}

/*-------error404 -----*/
div.error404{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #898989;
    border: 12px solid #EEE;
    padding: 0;
    max-width: 775px;
    overflow: hidden;
    margin: auto;
    width: auto;
}

div.error404 .error404donut, div.error404 .error404number{
    width: 50%;
    height: auto;
}

div.error404text{
   text-align: justify;
}

.no-more-items-list{
    font-family: 'Open Sans', sans-serif;
    color: #898989;
}

.no-more-items-list h4{
    font-size: 18px;
    font-weight: 700;
    color: #8fc743;
}

.no-more-items-list p{
    font-size: 14px;
}

.no-more-items-list a{
    color: #8fc743;
}

.no-more-items-list a:hover{
    text-decoration: underline;
}

/*--- feedback ---*/
.address-feedback h3{
    font-family: 'Open Sans Condensed', sans-serif;
    color: #8fc743;
    font-size: 18px;
    font-weight: 700;
}

.address-feedback p{
    color: #898989;
    font-size: 14px;
    font-weight: 700;
}

.address-feedback a{
    color: #8fc743;
}

.address-feedback a:hover{
    color: #8fc743;
    text-decoration: underline;
}

div#main_section{
    margin-left: 0; 
}

#selected_form{
  font-size: 14px;
    line-height: normal;
}



/*-----------------tech guide -------------- */
.tech-guide #hwz-article-widget .hwz_widget_item_head{
    font: initial;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom: none;
    
    background-color: #ebebeb;
    color: #000000;
    text-align: center;
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 3px 0;
    margin-bottom: 20px;
}

.tech-guide #hwz-article-widget .hwzwidget-news ul{
    margin-left: 2em;
}

.tech-guide #hwz-article-widget .hwzwidget-news li{
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    line-height: 20px;
    
    list-style-image: url(/img/treading-bullet.png);
    margin-bottom: 26px;
    background: none;
    padding-left: 0;
}

.tech-guide #hwz-article-widget .hwzwidget-more .more{
    border-bottom: none;
    box-shadow: none;
}

.tech-guide #hwz-article-widget .hwzwidget-more .more:hover{
    background: none;
}

.tech-guide #hwz-article-widget .hwzwidget-products-header a{
    border-bottom: none;
    box-shadow: none;
}

.tech-guide #hwz-article-widget .hwzwidget-products-header a:hover{
    text-decoration: underline;
    color: #000000;
    background: none;
}

.tech-guide #hwz-article-widget .hwzwidget-articles h4 a:hover{
    color: #000000;
    background: #baeb74;
}

.tech-guide-sharebar{
   width: 100%;
   max-width: 950px;
   padding-bottom: 20px;
    margin: 0 auto;
}

.tech-guide-sharebar .share-bar{
    margin-bottom: 20px;
}

/*--- q100 ---*/

.hmpg-teaser.v2.qooten{
    margin: 0;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    padding: 18px 0 0 0;
    cursor: default;
    display: none;
    border-top: 1px solid #e1e1e1;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.qooten #hwz_qoo10_widget_native{
    display: block;
}

#article-highlights #hwz_qoo10_widget_native.highlights-article .thumb{
    width: 38%;
    text-align: center;
    padding-right: 10px;
}

#article-highlights #hwz_qoo10_widget_native.highlights-article .thumb img{
    width: auto;
    height: auto;
    max-height: 320px;
    max-width: 100%;
    border: 1px solid #efefef;
}

#article-highlights #hwz_qoo10_widget_native.highlights-article .info{
    font: initial;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #a4b1b8;
}


.xclusives-view-table-wrapper{
    overflow-x: auto;
    width: 100%;
    height: auto;
}

/* response -video ---*/
.vid-embed { text-align: center; }
.vid-embed p { margin: 0; }

.vid-embed-youtube {
	position: relative;
	height: 0;
	overflow: hidden;
	/*padding: 0 0 60.71%;*/
	padding: 0 0 56.25%;
}
.vid-embed-youtube iframe,
.vid-embed-youtube object,
.vid-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--site map --*/

#sitemap li ul{
    margin-left: 20px;
}

ul#sitemap a:hover{
    text-decoration: underline;
    text-shadow: none;
}

/*--- featured promos --*/

.featured-container .featured-item h4{
    font-size: 14px;
}

.featured-container .featured-item p{
    color: #66737a;
}

/*--- vuukle ---*/

.vuukle-ads{
    overflow: hidden;
}


/*************************************************************************************************
 *	Ads
 *************************************************************************************************/
.ads-mobile-leaderboard-wrapper {
	width:100%;
	margin:0;
	padding:0;
	height:50px;
	overflow:hidden;
	background:#000;
}
.ads-mobile-leaderboard-wrapper .ads-mobile-leaderboard-bar {
	position:fixed;
	left:0;
	bottom:0px;
	width:100%;
	margin:0;
	padding:0;
	z-index:1000;
	background:#000;
	max-height:50px;
	overflow:hidden;
}
@media (min-width: 1000px) {
	.ads-mobile-leaderboard-wrapper { height:0; }
}


@media (max-width: 335px) {
    
    #canvas section.content-wrapper{
        padding: 0 10px;
    }
    
    div.footer-bottom{
        padding: 20px 10px;
    }
    
    .footer-top-wrapper div.footer-top ul.nav-bottom-bar{
        margin: 0 10px;
    }
}

@media (max-width: 480px) {
   ul.nav-mb-bar li.nav-mob-newsletter{
        display: none;
    }
    
    li.bottom-bar-social span{
        display: none;
    }
    
    div.footer-top{
        padding: 0 3px;
    }
    
    ul.nav-mb-bar{
        padding-right: 0;
    }
    
    ul.nav-main-actions-btns{
        margin-left: 0px;
    }
    
    .nav-mb-bar ul.nav-main-actions-btns li{
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0;
    }
    
    .nav-mb-bar .login-menu-link{
        font-size: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }
    
    ul.nav-main-actions-btns li#login-nav-wrapper{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    ul.nav-main-actions-btns li#login-nav-wrapper.nav-main-drop-down-caret{
         padding-left: 0;
        padding-right: 0;
    }
    
    
    .nav-mb-bar .search-btn, .nav-mb-bar .newsletter-btn, .nav-mb-bar .login-alter-btn {
        width: 20px;
        height: 60px;
        padding-top: 0;
    }
    
    .nav-mb-bar .login-alter-btn{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .nav-mb-bar .search-btn span, .nav-mb-bar .newsletter-btn span, .nav-mb-bar .login-alter-btn span{
        display: none;
    }
    
    .nav-mb-bar .login-menu-link:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #a4e945;
        margin-left: 6px;
        position: absolute;
        bottom: 50%;
        right: 0;
    }
    
/*
    a.mb-nav-logo-link{
       width: 125px;
    }
*/
    
/*
    div.article-title a, div.article-title span, .snd-highlights-article .article-text-content div.article-title a, div.bottom-article-wrapper .article-title a, div.bottom-article-wrapper .article-title span, div.home-feature-wrapper .article-title a, div#article-highlights #hwz_qoo10_widget_native.highlights-article h4, div#article-highlights #hwz_qoo10_widget_native.highlights-article h4 a{
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }
*/
    
    .news-list-select-wrapper{
        display: block;
        padding: 5px;
    }
    
/*
    div.view-more-gallery-box{
        min-height: 320px;
    }
*/
    
/*
    div.gly-view-more-div{
        margin-top: 30%;   
    }
*/
    
    

    #back_to_top {
        right: 20px;
        bottom: 60px;
    }
    
    div.article-view-time-user{
        margin: 0;
    }
    
    .article-view-info .share-bar{
        float: none;
    }
    
    div.article-view-time-user-center .share-bar .share{
        width: auto;
    }
    
    /*--share bar --*/
    div.article-view-time-user-center .share-bar{
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 14px;
    }
    
    #hwz-news div.article-view-time-user-center .share-bar{
         margin-top: 10px;
    }
    
    span.article-timestamp{
        display: block;
    }
    
    .fst-highlights-article span.article-timestamp, .feature-home-single-content span.article-timestamp {
        display: inline-block;
    }
    
    .snd-highlights-article .feature-home-single-content span.article-timestamp{
        display: block;
    }
    
    .article-avatar-img-link{
        display: none;
    }
    
    div.bloginfo p{
        display: none;        
    }
    
    div.article-time-user div.article-author-name{
        display: none ;
    }
    
    
    /*--- addtional pages ---*/
    
    #product-container div.info{
        width: 100%;
        padding: 20px 0 20px;
    }
    
    /*----gameaxis slider------ */
    
    .gameaxis-view-more-div{
        border: none;
        height: 200px;
    }
    
    div.gly-view-more-div{
        border: none;
        height: 200px;
    }
    
    
    /*newletter */
/*
    div#nm-subscribe-txt{
        display: block;
        text-align: center;
    }
*/
    
    .nm-subscribe-forminput{
        width: 250px;
    }
    
    
}


@media (max-width: 1059px) {
    
    body{
        padding-top: 60px; 
    }
    
    .is-lg{
        display: none !important;
    }

    .is-xs{
        display: block !important;
    }
    
    .is-lg-inline{
        display: none !important;
    }

    .is-xs-inline{
        display: inline-block !important;
    }    
    
    #canvas {
        width: 100%;
        min-width: 320px;
        max-width: 1060px;        
        margin-left: auto;
        margin-right: auto;
    }
    
    #masthead{
        padding: 10px 0 0 0;
    }
    
    .side-bar-margin-bottom{
        padding-bottom: 36px !important;
    }

    .content-margin-bottom{
        margin-bottom: 36px !important;
    }
    
    .content-margin-bottom-alter{
        margin-bottom: 20px !important;
    }
    
    .content-margin-top {
        margin-top: 36px !important;
    }
    
    .col-50{
        display: block;
        width: 100%;
    }
    
    
    /*HEADER*/
    .nav-top-bar{
        display: none;
    }
    
    nav{
        display: none;
    }
    
    .nav-mobile{
        display: block;
    }
    
    ul li.main-menu-action-container{
        top: 0;
        
    }
    
    ul li.main-menu-action-container:before{
        content: '';
        content: none;
    }
    
        
    .search-btn span, .newsletter-btn span, .login-alter-btn span{
        display: block;
        top: 0;
    }
    
    .search-btn:before, .newsletter-btn:before{
        margin-bottom:  13px;
    }
    
    a.accordion-toggler{
        text-align: center;
        line-height: 13px;
    }
    
    a.accordion-toggler:after {
        position: absolute;
        float: none;
        right: 25px;
    }
    
    div.accordion-panel a.accordion_links{
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    
    
    .nav-mb-bar .login-alter-btn span{
        line-height: normal;
    }
    
    /*FOOTER*/
    .footer{
        width: 100%;
        min-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .footer-bottom{
        min-width: 100%;
        padding: 20px 16px 20px 16px;        
    }
    div.footer-topic-section .footer-topics{
        display: none;
    }
    
    div.footer-awards{
        display: none;
    }
    
    div.footer-top ul.nav-bottom-bar{
        margin: 0 16px 0 16px; 
    }
    
    
    div.col-wrapper{
        text-align: center;
    }
    
    div.col-wrapper div{
        float: none !important;
        display: block;
    }
    
    
    #nm-subscribe-form-cont{
        text-align: center;
    }
    
    li.bottom-bar-countrylist{
        display: none;
    }
    
    li.bottom-bar-social{
        float: right !important;
    }
    
    /*--- content ---*/
    
    #content{
       /*padding: 36px 0px 36px;*/
    }
    
    .home-page-wrapper{
        padding-top: 36px !important;
        width: 100%;
        border-top: 4px solid #8fc743;
    }
    
    section.content-wrapper{
       padding: 0 16px;
    }
    
    .fixed-wrapper-margin{
        padding: 0 16px;
    }
    
    #ads-leaderboard .inner{
        width: auto;
        padding: 20px 0 0px;
    }
    
    
    /*----ancher blocks-----*/
    .anchor-blocks{
        display: none;
    }    
    
    /*---article-----*/
    
    #anchor-blocks{
        display: none;
    }
    
    #content-narrow{
        /*display: none;*/
        width: 100%;
        float: none;
        margin-left: 0;
        padding-left: 0;
        /*max-height: 1000px;*/
    }
    
    #content-wide .inner{
        margin-right: 0;
        padding-right: 0;
    }
    
    #content-narrow .inner{
        max-width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    .fst-highlights-article{
        display: block;   
    }
    
    .fst-highlights-article hr{
        display: none;
    }
       
    .fst-highlights-article .thumb img{
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    
    div.first-two-articles-wrapper .home-gly-title.ancher-blk-big-title{
        margin-bottom: 18px;
        width: 100%;
    }
    
    #article-highlights .highlights-article .thumb, #techshow .highlights-article .thumb{
        display: block;
        float: left;
        width: 38%;
    }
    
    .fst-highlights-article .thumb{
        display: block !important;
        float: none !important;
        padding-right: 0 !important;
        width: 100% !important;
    }    
    
    .fst-highlights-article .article-text-content{
        display: block;
    }
    
    
    
    div.fst-highlights-article .article-title a, .fst-highlights-article .article-title span{
        font-size: 25px;
        font-weight: 700;
        line-height: 27px !important;
    }
    
    .dk-fst-img{
        display: none;
    }
    
    .mb-fst-img{
        display: block;
    }
    
    
    
   /* .highlights-article{
        border-top: 1px solid #d7d7d7 !important;
    }*/
    

    #article-highlights .highlights-article, #techshow .highlights-article{
        display: block;
        margin-bottom: 18px !important;
    }
    
/*    .hmpg-teaser.v2{}*/
       
/*
    .article-text-content{
       display: block;
    }
*/
    
    #article-highlights .highlights-article .thumb, #techshow .highlights-article .thumb{
        padding-right: 10px;
    }
    
     #article-highlights .highlights-article .thumb a img , .hmpg-teaser.v2 .teaser-content img, div.inner #article-highlights .highlights-article .thumb img, #techshow .highlights-article .thumb a img, div.inner #techshow .highlights-article .thumb img{
        width: 100%;
        height: auto;
        max-width: 320px;
        max-height: inherit;
    }
    
    .snd-highlights-article .thumb img{
        width: 100% !important;
        height: auto !important;
        max-width: 320px;
    }
    
    #article-highlights .highlights-article .summary, .snd-highlights-article .summary, #techshow .highlights-article .summary {
        font-size: 13px !important;
        line-height: 17px !important;
        position: relative;
    }    
    
    .article-top-border{
        display: none;
    }
    
    .paginate-bar{
        display: block;
    }
    
    .is-mobile{
        display: block;    
    }
    
    .bottomline-articles{
        border: none;
        padding-top: 0;
        display: block;
    }
    
    div.bottom-article-wrapper{
        width: 100% !important;
        margin-bottom: 18px;
        min-width: inherit;
        clear: both;
        display: block;
    }
    
    div.bottom-article-wrapper:after{
        content: '';
        display: table;
        clear: both;
    }
    
    .bottom-article-wrapper .is-mobile{
        display: block;
    }
    
    .bottom-article-wrapper .thumb{
        float: left;
        width: 38%;
        padding-right: 10px;
    }
    
    .bottom-article-wrapper .thumb:after{
        content: '';
        display: table;
        clear: both;
    }
    
    .bottom-article-wrapper .thumb img{
        width: 100%;
        height: auto;
        max-width: 320px;
        min-height: initial;
    }
    
    div.bottemline-content-wrapper{
        padding-right: 0;
        display: table-cell;
    }
    
    .bottom-article-wrapper .cat-info{
        padding-top: 0 !important;
    }
    
    .bottom-article-wrapper .article-title{
        height: auto;
/*        text-overflow: clip;*/
        display: block; 
/*
        -webkit-line-clamp: none;
        -webkit-box-orient: none;
*/
        margin-bottom: 18px;
    }
    
    div.article-time-user .article-timestamp, div.article-time-user .article-author-name{
        display: table-row;
    }
    
    div.article-time-user .article-author-name{
        display: none;
    }
    
    .fst-highlights-article div.article-time-user .article-timestamp, .fst-highlights-article div.article-time-user .article-author-name, .feature-home-single-content div.article-time-user .article-timestamp, .feature-home-single-content div.article-time-user .article-author-name{
        display: table-cell;
        
    }
    
    .fst-highlights-article div.article-time-user .article-author-name, .feature-home-single-content div.article-time-user .article-author-name{
        display: none;
    }
    
    
    .snd-highlights-article div.article-time-user .article-timestamp, .snd-highlights-article div.article-time-user .article-author-name{
        display: table-row;
    }
    
    .snd-highlights-article div.article-time-user .article-author-name{
         display: none;
    }
    
    .mb-home-gallery div.article-time-user-logo, .mb-home-gallery div.article-time-user-text{
        display: inline-block;
    }
        
    .bottemline-content-wrapper div.article-time-user{
        position: relative;
    }
    
    .article-title a, .article-title span, #article-highlights #hwz_qoo10_widget_native.highlights-article h4, #article-highlights #hwz_qoo10_widget_native.highlights-article h4 a{       
        font-size: 20px;
        line-height: 23px !important;
    }
    
    .cat-info{
        padding-top: 0;
    }
    
    div.advertorial .cat-info{
        margin-top: 0px;
    }
    
    .fst-highlights-article .cat-info{
         padding-top: 18px;
    }
    
    .snd-highlights-article .cat-info{
        padding-top: 0;
        padding-bottom: 6px;
    }
    
    .bottom-article-wrapper .cat-info{
        padding-top: 18px;
    }
    
    .bottom-article-wrapper{
        width: 50%;
        /*padding-right: 10px;*/
        border-top: 1px solid #d7d7d7;
        padding-top: 18px;
    }
    
    div.highlights-paginate a.view-more-article{
        width: 100%;
    }
    
    .first-two-articles-wrapper{
        margin-bottom: 0;
        display: block;
    }
    
    .first-two-articles-wrapper .first-list-atricle{
        text-align: left;
        padding-bottom: 18px !important;
        display: block;
    }
    
    .first-two-articles-wrapper .fst-highlights-article{
        display: block;
    }
    
    .first-two-articles-wrapper .snd-highlights-article .article-text-content{
        display: table-cell;
    }
    
    .first-two-articles-wrapper .snd-highlights-article div.article-time-user, .first-two-articles-wrapper .fst-highlights-article div.article-time-user{
        position: relative;
    }

    .snd-highlights-article .thumb{
        display: block;
        float: left;
        width: 38%;
        padding-right: 10px;
    }
    
    /*.snd-highlights-article .article-text-content{
        display: block;
    }*/
    
    .snd-highlights-article .article-text-content .article-title a, .bottom-article-wrapper .article-title a, .bottom-article-wrapper .article-title span, .home-feature-wrapper .article-title a{
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 20px;
        line-height: 23px !important;
    }
    
    
    .first-list-atricle .summary{
        position: relative;
        padding: 0px;
        text-align: left;
    }
    
    /*--- home gallery slider ---*/
    
    .dk-home-gallery{
        display: none;   
    }

    .mb-home-gallery{
        display: block;
    }
    
    div.gallery-items{
        padding-left: 0;
    }
    
    .mb-home-gallery .home-gallery-slide{
        display: block;
        height: auto;
        float: left;
    }
    
    .mb-home-gallery .home-gallery-slide:after{
        content: '';
        display: table;
        clear: both;
    }
    
    .home-gly-title{
        height: auto;
        overflow: visible;
        display: block;
/*
        -webkit-line-clamp: initial; 
        -webkit-box-orient: initial;
*/
        padding: 0;
        width: 65%;
        
    }
    .home-gly-title a{
        font-size: 25px;
        line-height: 28px;
        font-weight: 700;
    }
    
    p.home-gallery-title{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .home-gallery-slide .home-gly-title{
        margin-bottom: 15px;
    }
    
    
    a.home-gly-slider-image img{
        width: 70%;
        height: auto;
    }
    
    div.gallery-container{
        font-size: 0;
    }
    
    .view-more-gallery-box{
        border: none;
        padding-top: 0;
        min-height: 450px;
    }
    
    a.home-gly-slider-prev{
        left: 0;
    }

    a.home-gly-slider-next{
        right: 0;
    }
    
    .gly-view-more-div{
        width: 300px;
        height: 300px;
        border: 1px solid #4C4C4C;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%; 
        margin-bottom: 5%;
    }
    
    /*---- home gameaxis slider ----*/
    
    a.home-gameaxis-slider-image{
        height: auto;
    }
    
    a.home-gameaxis-slider-image img{
        width: 70%;
        height: auto;
    }
    
    .mb-home-gallery .home-gameaxis-slide{
        display: block;
        height: auto;
        float: left;
        text-align: center;
    }
    
    .mb-home-gallery .home-gameaxis-slide:after{
        content: '';
        display: table;
        clear: both;
    }
    
    a.home-gameaxis-slider-prev{
        left: 0;
    }

    a.home-gameaxis-slider-next{
        right: 0;
    }
    
    .home-gameaxis-slide .home-gly-title{
        max-width: inherit;
        text-align: center;
        padding: 0;
    }
    
    .home-gameaxis-slide .home-gly-title a{
        font-size: 20px;
        line-height: 23px;
        font-weight: 700;
    }
    
    section.content-wrapper.gameaxis-content{
        padding: 0 16px;
        margin-bottom: 36px;
    }
    
    .gameaxis-content .home-gallery-title span{
        display: block;
    }
    
    
    /*----- home feature element ----*/
    
    div#home-feature-right-panel{
        width: 100%;
        float: none;
        margin: 0;
        text-align: left;
        margin-left: 0;
        padding-left: 0px;
        padding-top: 36px;
    }
    
    div#home-feature-right-panel .inner{
        max-width: 100%;
        text-align: left;
    }
    
    .feature-home-summary{
        margin: 10px 0 15px 0;
        font-size: 13px;
        line-height: 17px;
        max-height: 50px;
        height: auto;
        text-align: left;
        padding: 0px;
    }
    
    div#home-feature-left-panel{
        float: none;
        width: 100%;
        padding-top: 20px;
    }
    div#home-feature-left-panel .inner{
        margin-right: 0;
    }
        
    div.home-feature-wrapper .bottemline-content-wrapper{
        margin-top: 0;
    }
    
    div.home-feature-wrapper-table{
        display: block;    
    }
    
    .home-feature-wrapper-top-border{
        display: none;
    }
        
    div.home-feature-wrapper{
        width: 100% !important;
        margin-bottom: 18px;
        padding-right: 0px;
        border-top: 1px solid #d7d7d7;
        padding-top: 18px;
        
        max-width: 100%;
        display: block;
        clear: both;
        
        /*margin-left: auto;
        margin-right: auto;
        float: none;
        text-align: center;*/
    }
    
    div.home-feature-wrapper:after{
        content: '';
        display: table;
        clear: both;
    }
    
    .home-feature-wrapper .thumb{
        float: left;
        width: 38%;
        padding-right: 10px;
    }
    
    .home-feature-wrapper .thumb:after{
        content: '';
        display: table;
        clear: both;
    }
    
    .home-feature-wrapper .thumb img{
        width: 100%;
        height: auto;
        max-width: 320px;
        min-height: initial;
    }
    .home-feature-wrapper .cat-info{
        padding-top: 0 !important;
    }
    
    div.home-feature-wrapper .is-mobile{
        display: block;
    }
    
    .home-feature-wrapper .article-title{
        margin-bottom: 18px;
    }
    
    div.home-feature-wrapper-table .article-time-user{
        position: relative;
    }
    
    
    .feature-home-first-img.is-mobile{
        display: block;
        text-align: center;
    }
    
    .feature-home-first-img.is-mobile img{
        max-width: 100%;
        max-height: none;
    }

    .feature-home-first-img.lg-mobile{
        display: none;
    }
    
    .home-feature-wrapper .article-title a{
        font-size: 18px;
        line-height: 20px;
    }
    
    div.feature-home-single-content div.article-time-user{
        margin-bottom: 0;
        margin-left: initial;
        margin-right: initial;
    }
    
    div.feature-home-single-content .home-gly-title a{
        font-size: 25px;
        font-weight: 700;
        line-height: 27px;
    }
    
    /*-----shootouts ----*/
    
    .home-shootouts:first-child hr.article-top-border{
        display: none;
    }
    
    /*-----------sponsor articles -------------*/
    #sponsored-links-alt #links ul.treading-list li {
        width: 100%;
    }
    
     /*-----------news listing trending -------------*/
    .hwz_trending{
        display: none;
    }
    
    /*-------- product listing in news listing ----*/
    .news-list-select-wrapper{
        display: none;
    }
    
    .listing-breadcrumb, .listing-breadcrumb-alter{
/*        margin:  18px 20px 30px 20px*/
        margin: 0 20px 20px 17px;
    }
    
    
    /*--- gallery view ---*/
    .gallery-item{
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 10px;
        display: inline-block;
    }
    
    #hwz-feature.gallery .content div.gallery-image, #hwz-tv #hwz-feature.gallery .content div.gallery-image{
        width: 100%;
    }
    
    #hwz-feature.gallery .content div.gallery-text, #hwz-tv #hwz-feature.gallery .content div.gallery-text{
        width: 100%;
        position: relative;
        height: auto;
    }
    
    #hwz-feature.gallery .content div.gallery-image-expand{
        display: none;
    }
    
    #hwz-feature.gallery .content .gallery-text div.page-page, div.gallery-text div.page-page span, #hwz-feature.gallery .content div.gallery-text p{
        margin: 0;
    }

    #hwz-feature.gallery .content div.gallery-text .share-bar {
        display:none;
    }

    #hwz-feature.gallery #header-wrap .share-bar {
        display:block;
    }
    
    /*----------video view ----*/
    
    .video-view-text-content{
        padding: 0;
    }
    
    .video-view-text-content .page-page{
        margin-bottom: 10px !important;    
    }
    
    .video-summary-text{
        font-size: 17px;
        line-height: 29px;
    }
    
    /*---- review view -----*/
    .paginate_article .jumptitle{
        display: none !important;
    }
    
    div#overall-rating-info-box .overall-rating-container, div#rating-bars, div.prosncons{
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    
    div.prosncons{
        padding-left: 0;
        float: none;
    }
    
    .revamp-review-page{
        padding: 0 16px 30px;
        font-size: 17px;
        line-height: 29px;
    }
    
    div#action-price-container{
        display: none;
    }
    
    .author-list-with-avatar{
        margin-bottom: 10px;
        display: block;
    }
    
    /*----notification ---*/
    
    div#hwz_ad_notice_cont{
        display: none;
    }
    
    /*---sub header ----*/
    ul#content-subheader{
        padding: 0;
    }
    
    ul#content-subheader.no-subtitle-border{
/*        border-bottom: none;*/
    }    
    
    #content-subheader a{
        border-right: none;
    }

    ul#content-subheader li:not(:first-child) {
        display: none;
    }
    
    ul#content-subheader li.icon {
        display: inline-block;
        padding: 0 15px;
    }
    
    ul#content-subheader a{
        padding: 0;
    }
    
    ul#content-subheader.responsive-sub-header li {
        float: left;
        display: block;
        width: 100%;
        background-color: #ffffff;
    }

    ul#content-subheader.responsive-sub-header li:first-child {
        display: inline-block;
        width: auto;
        background-color: #73c700;
        margin-bottom: 1px;
    }

    ul#content-subheader.responsive-sub-header li:not(:first-child) a {
        display: block;
        text-align: left;
        
        font-weight: 400;
        letter-spacing: -0.2px;
        text-transform: capitalize;
        
        color: #000000 !important;
        padding: 8px 20px;
        text-decoration: none;
        text-align: left;
        white-space: nowrap;
        
        background-color: #f1f1f1; 
        
    }
    
    ul#content-subheader.responsive-sub-header li:not(:first-child) a:hover{
        background-color: #ffffff; 
    }
    
    ul#content-subheader.responsive-sub-header li.icon a {
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0);
        padding: 0;
    }
    
    
    
    /*--- tech guide --*/
    
    #hwz-article-widget td{
        display: inline;
    }
    
    .article .content{
        font-size: 17px;
        line-height: 29px
    }
    
    .article .content p img, .article .content .paragraph img, .article .content .page_title img, .article .content .image-caption-container img, .article .content img, .article .content .image-caption-container{
        max-width: 800px;
        width: 100% !important;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    #awards-logos.article .content img{
        width: 74px !important;
        height: auto;
        max-width: initial;
        margin-left: 0;
        margin-right: 15px;
        float: none;
    }

    #awards-logos.article .content img.techawards{
        width: 110px !important;
        height: auto;
        max-width: initial;
        margin-left: 0;
        margin-right: 15px;
        float: none;
    }
    
    #awards-logos.article .content img.awards-logos-legacy{
        width: 110px !important;
        height: auto;
    }
    
    #awards-logos .single-award{
        padding-left: 0;
        padding-right: 0;
    }
    
    .tech-guide #hwz-article-widget .hwzwidget-articles .thumb img{
        width: 120px !important;
    }
    
    .tech-guide #hwz-article-widget .hwzwidget-products img{
        width: auto  !important;
        height: auto  !important;
            
    }
    
    table.compare-table .image-caption-container img.compare-table-thumb{
        width: auto  !important;
        height: auto  !important;
    }
    
    table .article .content .image-caption-container{
        width: auto  !important;
        height: auto  !important;
    }
    
    #hwz-tv .article-view-info-center, #hwz-feature.gallery .article-view-info-center{
        margin-bottom: 10px;
        
        text-align: left;
    }
    
    .fix-articletitle{
        max-width: inherit;
        text-align: left;
    }
    
    .article-view-info-center{
        text-align: left;
    }
    
    
    #hwz-tv .share-bar,  #hwz-feature.gallery .share-bar{
        text-align: center;
        margin-bottom: 10px;
    }
    
    #hwz-tv .share-bar .col-g,  #hwz-feature.gallery .share-bar .col-g{
        float: none;
    }
    
    /*--- q100 ---*/

    .hmpg-teaser.v2.qooten{
        display: block;   
    }
    
    .no-blog-fst-hr-line{
        display: none;
    }
    
    
    /*--- additional pages ---*/
    div#marketplace-search-box  #marketplace-post-ad-button{
        float: none;
        display: block;
        margin-top: 10px;
    }
    
    /*--- subcription ---*/
    .nm-sub-dialog .masthead{
        display: none;
    }
    
    div.nm-sub-dialog-overlay{
        background: #ffffff;
    }
    
    div.nm-sub-dialog.dialog--open .nm-sub-dialog-overlay{
        opacity: 1;
    }
    
    div.nm-sub-dialog-wrapper{
        height: 100%;
        min-height: initial;
    }    
    
    .nm-sub-dialog .pdpa{
        margin-bottom: 30px;
    }
    
    div.nm-sub-dialog-wrapper{
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
    }
    
    div.nm-sub-dialog .content{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    
    div.nm-sub-dialog .header{
       padding-top: 3px;
       padding-bottom: 5px;
    }
    
    
    /*---gameaxis---*/
    .gameaxis-icons-slider{
        margin-left: 0;
    }
    
    
    /*--- article pagination ---*/
    div.paginate_article .prev, div.paginate_article .next{
        width: 80px;
    }
    
    /*---- news advertorial -----*/
    .article-view-time-user.news-ads-lbl{
        display: block;
        float: none;
        margin-bottom: 10px;
        margin-top: 14px;
        line-height: normal;
    }
    
    .article-view-info .share-bar.article-view-ads-lbl-share-bar{
        margin-top: 0px;
        margin-bottom: 14px;
    }
    
}