/***** WIDGETS *************/

#main__content .widget-block {
	position:		relative;
	background:		#fff;
}
#main__content .widget-block.widget-dark {
	background:		#303030;
}

#main__content .widget-block p {
	text-align:		center;
}
#main__content .widget-block .button {
	display:		inline-block;
	margin:			0 auto;
}

#main__content .widget-block h4 {
	position:		relative;
	width:			100%;
	padding:		1.4em .8em .8em .8em;
	font-size:		2.2em;
	color:			#464646;
	text-align:		center;
	text-transform:	uppercase;
}
#main__content .widget-block h4::after {
	content:		'';
	display:		block;
	position:		absolute;
	bottom:			0;
	left:			50%;
	width:			4em;
	height:			1px;
	margin-left:	-2em;
	background:		#d7d7d7;
}
#main__content .widget-block.widget-dark h4 {
	color:			#fff;
}
#main__content .widget-block.widget-dark h4::after {
	background:		#3e3e3e;
}

#main__content .widget-block footer {
	position: 		absolute;
	left:			0;
	bottom:			0;
	width:			100%;
	text-align:		center;
	padding:		1.5em .2em;
}
#main__content .widget-block footer a.button+a.button {
	margin-left:	.8em;
}



/***** NEWS *************/

#main__content .widget-news .widget-news-block {
    margin:         0;
    padding:        1.5em;
	border-bottom:	1px dotted #d7d7d7;
}
#main__content .widget-news .widget-news-block.odd {
    background-color: #f0f0f0;
}

#main__content .widget-news .widget-news-block .widget-news-icon,
#main__content .widget-news .widget-news-block .widget-news-title {
	display:		inline-block;
	vertical-align: middle;
	width: 			16%;
}
#main__content .widget-news .widget-news-block .widget-news-icon {
	position: 		relative;
	padding-top:	16%;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}
#main__content .widget-news .widget-news-block .widget-news-title {
	display:		inline-block;
	width: 			78%;
	padding-left: 	1em;
}
#main__content .widget-news .widget-news-block .widget-news-title h5 {
	color:          #921984;
	font-size: 		1.7em;
    font-weight:    300;
}
#main__content .widget-news .widget-news-block .widget-news-title time {
	display: 		block;
	padding-top:	.2em;
	color:			#666;
	font-size: 		1.2em;
}
#main__content .widget-news .widget-news-block .widget-news-text p {
	padding-top:	.3em;
	text-align: 	left;
	font-size: 		1.2em;
}
#main__content .widget-software,
#main__content .widget-stats,
#main__content .widget-my-account {
 padding-bottom: 8em;
}
#main__content .widget-hwmonitorpro-register {
 padding-bottom: 1em!important;
}
#main__content .widget-hwmonitorpro-register footer {
 position:   static;
}

/***** SOFTWARES *************/

#main__content .widget-software {
	text-align:		center;
}
#main__content .widget-software .header {
	position:		relative;
	display:		block;
	width:			100%;
	padding-top:	11.5em;
	background-position:	top center;
	background-repeat:		no-repeat;
	background-size:		100% 17em;
}
#main__content .widget-software-cpuz .header {
	background-image:		url(../images/widgets/widget-cpuz.jpg);
}
#main__content .widget-software-hwmonitor .header {
	background-image:		url(../images/widgets/widget-hwmonitor.jpg);
}
#main__content .widget-software-hwmonitorpro .header {
	background-image:		url(../images/widgets/widget-hwmonitorpro.jpg);
}
#main__content .widget-software-perfmonitor2 .header {
	background-image:		url(../images/widgets/widget-perfmonitor2.jpg);
}
#main__content .widget-software-powermax .header {
	background-image:		url(../images/widgets/widget-powermax.jpg);
}


#main__content .widget-software .header img {
	display:		block;
	margin-top:		11.5em;
	width:			10em;
	height:			10em;
	margin:			0 auto;
	z-index:		2;
}
#main__content .widget-software h4 {
	font-size:		2.2em;
	padding:		.6em .5em .2em .5em;
	color:			#464646;
}
#main__content .widget-software h4::after {
	display:	none;
}
#main__content .widget-software h6 {
	position:		relative;
	font-size:		1.5em;
	font-weight:	normal;
	color:			#888;
	padding:		.2em .8em .8em .8em;
	margin-bottom:	.4em;
}
#main__content .widget-software h6::after {
	content:		'';
	display:		block;
	position:		absolute;
	bottom:			0;
	left:			50%;
	width:			5em;
	height:			1px;
	margin-left:	-2.5em;
	background:		#d7d7d7;
}
#main__content .widget-software p {
	height:			4.5em;
	font-size:		1.2em;
	padding:		.5em 1.3em;
	color:			#888;
	line-height:	1.1em;
}



/***** SOFTWARE REGISTER HWMONITOR PRO *************/
#main__content .widget-hwmonitorpro-register {
	padding:		0 1.5em;
}
#main__content .widget-hwmonitorpro-register h5 {
    font-size:      3em;
    padding:        .5em;
    color:          #333;
    text-align:     center;
}
#main__content .widget-hwmonitorpro-register h5::before {
    content:    '';
    display:    inline-block;
    width:      1.7em;
    height:     1.3em;
    margin-top: -.2em;
    background: url(../images/softwares/hwmonitor-pro.svg) no-repeat center left;
    background-size:    auto 100%;
    vertical-align:     middle;
}



/***** SOFTWARE SDK *************/
#main__content .widget-sdk-information .header {
	background-image:		url(../images/widgets/widget-sdk-information.jpg);
}
#main__content .widget-sdk-benchmark .header {
	background-image:		url(../images/widgets/widget-sdk-benchmark.jpg);
}
#main__content .widget-sdk-monitoring .header {
	background-image:		url(../images/widgets/widget-sdk-monitoring.jpg);
}
#main__content .widget-sdk-information h4::after,
#main__content .widget-sdk-benchmark h4::after,
#main__content .widget-sdk-monitoring h4::after {
	display:	none;
}
#main__content .widget-sdk-information h6,
#main__content .widget-sdk-benchmark h6,
#main__content .widget-sdk-monitoring h6 {
	color:			#de13c5;
}
#main__content .widget-sdk-information h6::after,
#main__content .widget-sdk-benchmark h6::after,
#main__content .widget-sdk-monitoring h6::after {
	background:		#3e3e3e;
}



/***** BANNERS *************/

.widget-advert-728,
#main__content .widget-advert-300,
#main__content .widget-advert-300-sticky,
#main__content .widget-advert-336,
#main__content .widget-advert-970,
#main__content .widget-advert-970,
#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50
{
	position:		relative;
    text-align:		center;
    padding:		1em 0;
/*    background-color:	#393939; */
    background-color:	#fff;
    overflow:			hidden;
}
#main__content .widget-advert-300,
#main__content .widget-advert-300-sticky,
#main__content .widget-advert-336,
#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50{
	padding:		0;
}
.widget-advert-728 > div,
#main__content .widget-advert-300 > div,
#main__content .widget-advert-300-sticky > div,
#main__content .widget-advert-336 > div,
#main__content .widget-advert-970 > div {
	display:		block;
	float:			left;
	width:			30em;
	height:			25em;
	background:		#fff;
}
#main__content .widget-advert-300-sticky > div {
	height:			60em;
}
#main__content .widget-advert-300 > div,
#main__content .widget-advert-300-sticky > div {
	float:			none;
	margin:			0 auto;
}
#main__content .widget-advert-336 > div {
	float:			none;
	width:			33.6em;
	height:			28em;
	margin:			0 auto;
}
.widget-advert-728 > div {
	width:			72.8em;
	height:			9em;
	margin:			0 auto;
}
#main__content .widget-advert-970 > div {
	width:			97em;
	height:			9em;
    background: 	transparent;
}
#main__content .widget-advert-970 > div ins {
    background: 	transparent;
}


#main__content .widget-advert-728::before, #main__content .widget-advert-728::after,
#main__header .widget-advert-728::before, #main__header .widget-advert-728::after,
#main__content .widget-advert-300::before, #main__content .widget-advert-300::after,
#main__content .widget-advert-300-sticky::before, #main__content .widget-advert-300-sticky::after,
#main__content .widget-advert-336::before, #main__content .widget-advert-336::after,
#main__content .widget-advert-970::before, #main__content .widget-advert-970::after,
#main__content .widget-advert-mobile-100::before, #main__content .widget-advert-mobile-100::after,
#main__content .widget-advert-mobile-50::before, #main__content .widget-advert-mobile-50::after {
	content:		'- advert -';
	display:		block;
	float:			left;
	width:			9em;
	height:			1.5em;
	margin-top:		4em;
	color:			#888;
}
#main__content .widget-advert-300::before,
#main__content .widget-advert-300::after,
#main__content .widget-advert-300-sticky::before,
#main__content .widget-advert-300-sticky::after,
#main__content .widget-advert-336::before,
#main__content .widget-advert-336::after {
	float:			none;
	width:			100%;
	padding:		2em 0;
	margin-top:		0;
}
#main__content .widget-advert-970::before,
#main__content .widget-advert-970::after {
	width:			13.1em;
}

#main__content .widget-advert-728::before,
#main__content .widget-advert-728::after {
    margin-top:     0;
    padding:        1em 0;
    width:			100%;
}
#main__content .widget-advert-728 > div {
	width:			100%;
	background:		transparent;
}

#main__content .widget-advert-300-sticky[data-mode="sticky"],
#main__content .widget-advert-300-sticky[data-mode="fixed"] {
	position: 		fixed;
	padding:		0 5.56em;
}
#main__content .widget-advert-300-sticky[data-mode="fixed"] {
	position: 		absolute;
}



/* mobile advert */
#main__content .widget-advert-mobile-100::before, #main__content .widget-advert-mobile-100::after,
#main__content .widget-advert-mobile-50::before, #main__content .widget-advert-mobile-50::after{
	width: 100%;
	font-size: 1.2em;
	padding: .3em;
	color: #888;
	text-transform: capitalize;
	margin-top: 0;
}

#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50{
	margin: 1em 0;
	clear: both;
}

#main__content .widget-advert-mobile-100 img,
#main__content .widget-advert-mobile-50 img
{
	width: 100%;
	height: auto;
}

/***** HALL OF FAME *************/

#main__content .widget-stats .header {
	width:			26%;
	margin:			0 auto;
	text-align:		center;
	background-color:		#91007f;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#c000a8), to(#91007f));
	background-image: 		-webkit-linear-gradient(top, #c000a8, #91007f);
	background-image:       linear-gradient(to bottom, #c000a8, #91007f);
}
#main__content .widget-stats .header img {
	width:			30%;
	margin:			0 auto;
	padding:		1em 0;
}
#main__content .widget-stats h4 {
	font-size:		2em;
	padding-top:	.8em;
}



#main__content .listing-table {
	display:		table;
	width:			100%;
	color:			#888;
	height:			50.4em;
}
#main__content .widget-dark .listing-table {
	color:			#fff;
}

#main__content .listing-table .listing-row {
	display:		table-row;
	width:			100%;
}
#main__content .listing-table .listing-col {
	display:		table-cell;
	vertical-align:	middle;
	padding:		2em 0;
	border-bottom:	1px dotted #d7d7d7;
}
#main__content .widget-dark .listing-table .listing-col {
	border-bottom:	1px dotted #3e3e3e;
}
#main__content .listing-table .listing-col.col1 {
	position:		relative;
	width:			7%;
	padding:		0;
	background:		#f0f0f0;
}
#main__content .listing-table .listing-col.col1::before,
#main__content .listing-table .listing-col.col1::after {
	content:		'';
	position:		absolute;
	top:			0;
	left:			0;
	display:		block;
	width:			100%;
	height:			.3em;
	background:		#fff;
}
#main__content .listing-table .listing-col.col1::after {
	top:			auto;
	bottom:			0;
}
#main__content .widget-dark .listing-table .listing-col.col1::before,
#main__content .widget-dark .listing-table .listing-col.col1::after {
	background:		#303030;
}
#main__content .listing-table .listing-col.col1 img.icon {
	width:			70%;
	margin:			0 15%;
}


#main__content .listing-table .listing-col.col2 {
	width:			40%;
}
#main__content .listing-table .listing-col.col2 span {
	display:		block;
	font-family:	'raleway-regular', Helvetica, arial, sans-serif;
	font-size:		1.6em;
	color:			#a62394;
	padding:		0 1em;
}
#main__content .widget-dark .listing-table .listing-col span {
	color:			#de13c5;
}
#main__content .listing-table .listing-col time {
	display:		block;
	font-size:		1.1em;
	padding:		.2em 1.5em;
}

#main__content .listing-table .listing-col strong {
	display:		block;
	font-size:		1.3em;
	color:			#464646;
	padding-right:	.6em;
}
#main__content .widget-dark .listing-table .listing-col strong {
	color:			#fff;
}
#main__content .listing-table .listing-col em {
	display:		block;
	padding-right:	.8em;
	font-style:		normal;
}
#main__content .widget-dark .listing-table .listing-col em {
	color:			#777;
}


#main__content .widget-halloffame .listing-table .listing-col.col1 {
	font-family:	'raleway-regular', Helvetica, arial, sans-serif;
	font-size:		1.8em;
	color:			#fff;
	background:		#b600a0;
	border-bottom:	0;
}
#main__content .widget-halloffame .listing-table .listing-col.col1 span {
	display:		block;
	width:			100%;
	color:			inherit;
	text-align:		center;
}
#main__content .widget-halloffame .listing-row[data-itemnum="4"] .listing-col.col1,
#main__content .widget-halloffame .listing-row[data-itemnum="5"] .listing-col.col1 {
	color:			#de13c5;
	background:		#f0f0f0;
}

/***** SYSTEM OF THE WEEK *************/
#main__content .widget-systemoftheweek .content{
    position: relative;
    padding: 2em;
}
#main__content .widget-systemoftheweek .content > div{
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 3em;
}
#main__content .widget-systemoftheweek p{
    display: table-cell;
    font-size: 1.1em;
    width: 75%;
    padding-left: 2em;
    font-weight: bold;
    vertical-align: middle;
    color:#fff!important;
    text-align: left;
}

#main__content .widget-systemoftheweek div img{
    display: table-cell;
    width: 100%;
    height: auto;
    vertical-align: top;
}
#main__content .widget-systemoftheweek .content > img{
    width: 100%;
    height: auto;
}
#main__content .widget-systemoftheweek .content a {
    display:    inline-block;
    width:      100%;
}

/***** SYSTEM OF THE WEEK MOBILE *************/
/* WHICH HAVE SYSTEMOFTHEWEEK CLASS */
#main__content .widget-systemoftheweek-mobile .content > img{
	width: auto;
	margin: 0 auto;
	max-height: 390px;
}

#main__content .widget-systemoftheweek-mobile div img{
	height: 8.5em;
}
/* button, only on mobile */
#main__content .widget-systemoftheweek-mobile div a{
	display: none;
}

#main__content .mobile .widget-systemoftheweek-mobile div.content > img{
	display: none;
}

#main__content .mobile .widget-systemoftheweek-mobile div a{
	display: block;
}



/********* PAYPAL ********/
#main__content .widget-block.widget-donation {
	position: 	absolute;
	top:		0;
	bottom:		0;
	width:		100%;
	height:		100%;
	text-align: center;
}
#main__content .widget-block.widget-donation p {
	padding:		1em;
	padding-bottom:	2em;
}
#main__content .widget-donation .widget-donation-paypal {
	padding:			2em .5em 2.5em .5em;
	text-align: 		center;
	background-color: 	#009cde;
    background-image: 	radial-gradient(circle farthest-side at center bottom,#009cde,#0066de 125%);
}
#main__content .widget-donation .widget-donation-paypal::before {
	content:		'';
	display:		block;
	width:			100%;
	height:			5em;
	background:		url(../images/widgets/paypal-logo-white.png) no-repeat top center;
	background-size:11em auto;
}
#main__content .widget-donation .widget-donation-paypal form {
	width:			45%;
}
#main__content .widget-donation .widget-donation-paypal .button {
	font-weight: 	bold;
	color:			#000;
	background: 	#ffc439;
	border-radius:	2em;
}
#main__content .widget-donation .widget-donation-paypal .button span {
	padding:		.8em;
	font-size:		1.2em;
}
#main__content .widget-donation .widget-donation-patreon {
  display:    none;
	padding-top:	2.5em;
}
#main__content .widget-donation .widget-donation-patreon .button {
	width:			217px;
	height:			51px;
	padding:		0;
	background:		#f96854 url(../images/widgets/widget-donation-patreon.png) no-repeat center;
}
#main__content .widget-donation .widget-donation-patreon .button span {
	padding:		0;
	opacity:		0;
}
