/*
Theme Name: WCCF2016
Theme URI: https://wccftech.com/
Author: Sohail Abid
Author URI: https://sohailabid.com/
Description: The new theme for WCCFtech
Version: 1.0
Text Domain: wccf2016
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary*, *:before, *:after { box-sizing: border-box; } *:focus {outline: none}html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent;} article,aside,figure,footer,header,nav,section,details,summary{display:block} html{box-sizing:border-box}*,:before,:after{box-sizing:inherit} img,object,embed{max-width:100%;height:auto;} html{overflow-y:scroll}ul{list-style:none} table { border-collapse: collapse; border-spacing: 0; } th, td { text-align: left; vertical-align: top; } h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; } img { border: 0; }

body { background-color: #333; padding-top: 120px; }
body, select, textarea, input { color: #333; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 100%; line-height: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4em; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; }
a {color: #111; text-decoration: none;} a:hover { color: #EB0254 }
.leaderboard { text-align: center; margin: 20px auto }

.preload-images { background: url(https://cdn.wccftech.com/files/search-close@2x.png) no-repeat -9999px -9999px; }

header { position: fixed; z-index: 100; top: 0; left: 0; right:0; height: 80px; background: #fff; padding-top: 18px; border-bottom: 1px solid #f6f6f6; box-shadow: 0px 0px 1px rgba(0,0,0,0.1); }
	.admin-bar header { top: 32px; }
	
	.headroom { transition: transform 200ms linear; } .headroom--pinned { transform: translateY(0%); box-shadow: 0px 0px 5px rgba(0,0,0,0.25);  } .headroom--unpinned { transform: translateY(-100%); } .headroom--top { box-shadow: 0px 0px 1px rgba(0,0,0,0.1); }
	
	.logo { float:left; margin: 0; padding: 0; width: 223px; height: 40px; background-image: url(https://cdn.wccftech.com/files/wccftech-logo.png); background-size: 223px 40px; background-repeat: no-repeat; text-indent: -999999px; }

	.nav { float: right; margin-right: 54px; margin-top: 14px; list-style: none; font-size: 15px; }
		.nav li { display: inline-block; margin-left: 24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
		.nav li:first-child { margin-left: 0; }
		.nav li a { color: #777; transition: color 0.2s ease-in-out; }
		.nav li a:hover, .nav li a.active { color: #222222; border-bottom: 2px solid #222; padding-bottom: 5px; }

		.toggle-search { background: url(https://cdn.wccftech.com/files/search@2x.png) no-repeat center center; background-size: 16px 16px; width: 24px; height: 24px; cursor: pointer; z-index: 100; position: absolute; top: 10px; right: 0px }
		.toggle-search.active { background: url(https://cdn.wccftech.com/files/search-close@2x.png) no-repeat center center; background-size: 16px 16px; }

		.search-form { position: absolute; top:0; left:0; width: 100%; height: 80px; background: #eee; display:none; }
			.search-form form { padding-top: 20px;  }
			.search-form form input { border: none; width: 100%; line-height: normal; font-size: 18px; padding: 10px 0 10px 35px; background: #eee url(https://cdn.wccftech.com/files/search@2x.png) no-repeat left center; background-size: 16px 16px; }
			.search-form form input[type=submit] { visibility: hidden; background: url(https://cdn.wccftech.com/files/search-close@2x.png) no-repeat -9999px -9999px }

		.search-box { float: right; width: 250px; }
			.search-box input { width: 100%; border: none; padding: 10px 10px 12px 45px; background: #f3f3f3 url(https://cdn.wccftech.com/files/search@2x.png) no-repeat 15px center; font-size: 15px; -webkit-appearance: none; }
	
main { background: #fff; padding: 100px; display: block; }

	.full-width main { padding: 100px; }
	
	h1 { margin-bottom: 22px; font-size: 30px; font-weight: 500; line-height: 1.3em; }

	.featured-posts { position: relative; height: 615px; background-color: #fff; margin: -100px -100px 50px -100px }
	
		.featured { color: #fff; position: absolute; }
		.featured:hover { color: #fe6ea1; }
	
		.featured .thumb { width: 100%; height: 172px; background-size: cover; background-position: center center; position: relative; }
			.featured-1 .thumb, .featured-2 .thumb { height: 250px }
		.featured .text { padding: 14px; background: #000; height: 90px; } .featured-1 .text, .featured-2 .text { padding: 21px; height: 100px; }
			.featured h2 { font-size: 16px; font-weight: 500; }	 .featured-1 h2, .featured-2 h2 { font-size: 20px; }
		
		.featured-1 { width: 668px; top: 2px; left: 2px; }
		.featured-2 { width: 667px; top: 2px; right: 2px; }
		.featured-3 { width: 333px; top: 353px; left: 2px; }
		.featured-4 { width: 334px; top: 353px; left: 336px; }
		.featured-5 { width: 333px; top: 353px; right: 336px; }
		.featured-6 { width: 333px; top: 353px; right: 2px; }

	.sticky { margin-bottom: 40px; }	
		.sticky-wrap { padding-left: 80px; } .sticky section { width: 33.3%; float: left; margin-right: 40px; } .sticky section:first-child { margin-left: -80px; } .sticky section:last-child { margin-right: 0; width: 33.4%; }
		
		.sticky h2 { border-bottom: 1px solid #ddd; padding-top: 10px; line-height: 0.1em; text-transform: uppercase; font-size: 16px; margin-bottom: 29px; letter-spacing: 1px; }
		.sticky h2 span { font-weight: 500; background:#fff; padding:0 10px 0 0; }
		.sticky h2 a:hover { color: #EB0254 }
		
		.sticky li { margin-bottom: 30px } .sticky li a:hover { color: #fd2370; }
		.sticky li:last-child { margin-bottom: 0; }
		.sticky li h3 { font-size: 15px; margin-bottom: 5px; }
		.sticky .meta { font-size: 13px; color: #ababad; }
		.sticky .meta a { color: #848487; }

		.sticky li.first { background: #000; padding: 20px; }
		.sticky li.first a { color: #fff; } .sticky li.first a:hover { color: #fe6ea1 }
		.sticky li.first .thumb { height: 200px; line-height: 200px; text-align:center; background-size: cover; background-position: center center; margin: -20px -20px 20px -20px }
	
	.aside-event { background: #fafafa; padding: 30px 50px 50px 50px; margin-bottom: 50px; font-size: 90% }
		.aside-event h2 {  text-transform: uppercase; font-size: 150%; margin: -30px -50px 40px -50px; font-weight: 500; color: #EB0254; } .aside-event h2 a { color: #EB0254 }
		.aside-event h3 { font-weight: 500; }
		.aside-event a:hover { color: #EB0254 }
		.aside-event li { margin-bottom: 35px !important; }
		.aside-event li:last-child {  }
		.aside-event .meta {font-size: 13px; margin-top: 5px; color: #ababad; margin-bottom: 0; height: auto; } .aside li .meta a { color: #ababad; }
		.aside-event .thumb { position: relative; width: 86px; height: 60px; line-height: 60px; cursor: pointer; float: right; margin-left: 10px; background-size: cover; background-position: center center; }
		.aside-event .more { background-color: #2c6c8f; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #fff; width: 100%; display: block; text-align: center; padding: 8px; 
			border: 2px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px 1px #2c6c8f; -moz-box-shadow: 0px 0px 0px 1px #2c6c8f; box-shadow: 0px 0px 0px 1px #2c6c8f; transition: all 0.25s ease; }
		.aside-event .more:hover { color:#fff; background-color: #204f68; }
		
	.aside-reviews { background: #fafafa; padding: 20px 25px 25px 25px; border: 1px solid #eee; margin-bottom: 25px; font-size: 90% }
		.aside-reviews h2 {  text-transform: uppercase; font-size: 150%; margin-bottom: 15px; font-weight: 500; color: #EB0254 }
		.aside-reviews h3 { font-weight: 500; }
		.aside-reviews a:hover { color: #EB0254 }
		.aside-reviews li { margin-bottom: 20px !important; }
		.aside-reviews .meta {font-size: 13px; margin-top: 5px; color: #ababad; margin-bottom: 0; height: auto; } .aside-reviews li .meta a { color: #ababad; }
		.aside-reviews .thumb { position: relative; width: 86px; height: 60px; line-height: 60px; cursor: pointer; float: right; margin-left: 10px; background-size: cover; background-position: center center; }
		.aside-reviews .thumb .score { width: 30px; height: 30px; line-height: 30px; font-size: 80% }
		.aside-reviews .more { background-color: #00A0DB; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #fff; width: 100%; display: block; text-align: center; padding: 8px; border: 2px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px 1px #00A0DB; -moz-box-shadow: 0px 0px 0px 1px #00A0DB; box-shadow: 0px 0px 0px 1px #00A0DB; transition: all 0.25s ease; }
		.aside-reviews .more:hover { color:#fff; background-color: #0080BE; }
		
	.aside-deals { background: #fafafa; padding: 40px 50px 50px 50px; border: 1px solid #eee; margin-bottom: 50px; font-size: 90% }
		.aside-deals h2 {  text-transform: uppercase; font-size: 150%; margin-bottom: 15px; font-weight: 500; color: #EB0254 } .aside-deals h2 a { color: #EB0254 }
		.aside-deals h3 { font-weight: 500; }
		.aside-deals a:hover { color: #EB0254 }
		.aside-deals li { margin-bottom: 35px !important; }
		.aside-deals .meta {font-size: 13px; margin-top: 5px; color: #ababad; margin-bottom: 0; height: auto; } .aside-deals li .meta a { color: #ababad; }
		.aside-deals .thumb { position: relative; width: 86px; height: 60px; line-height: 60px; cursor: pointer; float: right; margin-left: 10px; background-size: cover; background-position: center center; }
		.aside-deals .thumb .score { width: 30px; height: 30px; line-height: 30px; font-size: 80% }
		.aside-deals .more { background-color: #EB0254; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #fff; width: 100%; display: block; text-align: center; padding: 8px; border: 2px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px 1px #EB0254; -moz-box-shadow: 0px 0px 0px 1px #EB0254; box-shadow: 0px 0px 0px 1px #EB0254; transition: all 0.25s ease; }
		.aside-deals .more:hover { color:#fff; background-color: #d2024b; }
		
	.aside-finance { background: #fafafa; padding: 40px 50px 50px 50px; border: 1px solid #eee; margin-bottom: 50px; font-size: 90% }
		.aside-finance h2 {  text-transform: uppercase; font-size: 150%; margin: -50px -50px 40px -50px; font-weight: 500; color: #EB0254; } .aside-event h2 a { color: #EB0254 }
		.aside-finance h3 { font-weight: 500; }
		.aside-finance a:hover { color: #EB0254 }
		.aside-finance li { margin-bottom: 35px !important; }
		.aside-finance .meta {font-size: 13px; margin-top: 5px; color: #ababad; margin-bottom: 0; height: auto; } .aside-finance li .meta a { color: #ababad; }
		.aside-finance .thumb { position: relative; width: 86px; height: 60px; line-height: 60px; cursor: pointer; float: right; margin-left: 10px; background-size: cover; background-position: center center; }
		.aside-finance .thumb .score { width: 30px; height: 30px; line-height: 30px; font-size: 80% }
		.aside-finance .more { background-color: #202020; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #fff; width: 100%; display: block; text-align: center; padding: 8px; border: 2px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px 1px #202020; -moz-box-shadow: 0px 0px 0px 1px #202020; box-shadow: 0px 0px 0px 1px #202020; transition: all 0.25s ease; }
		.aside-finance .more:hover { color:#fff; background-color: #000000; }
		
	.aside-single { border: none !important; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 25px; }
		.aside-single .text { position: absolute; top:0; left: 0; background: rgba(255,255,255,0.9); padding: 25px; width: 370px; padding-left: 25px !important; padding-top: 25px !important }
			.aside-single .topics { text-transform: uppercase; font-size: 12px; margin-bottom: 5px; } .aside-single .topics a { color: #EB0254 }
			.aside-single h3 { font-weight: 500; font-size: 120%; margin-bottom: 7px; line-height: 1.5em; }
			.aside-single h3 a { display: block }
			.aside-single .meta { font-size: 13px; height: auto; margin-bottom: 0; color: #ababad; }
			.aside-single .meta a { color: #848487; position: relative; z-index: 2; } .aside-single .meta a:hover { color: #EB0254 }

	.sub-head { border-bottom: 1px solid black; line-height: 1; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; margin-bottom: 30px; }
		.sub-head span { display: inline-block; background: black; padding: 17px 20px 15px 20px; margin-bottom: -1px; color: #fff; min-width: 130px; text-align: center; }
		.sub-head span a { color: #fff } .sub-head span a:hover { color: #fe6ea1 }

	.content { width: 740px; float: left; background: #fff; }
		.full-width .content { padding: 140px 155px; float: none; width: 100%; }
	
		.post { border-top: 1px solid #eee; min-height: 135px; margin-bottom: 50px; position: relative; }
			.post .thumb { position: relative; width: 240px; height: 135px; overflow: hidden; line-height: 135px; cursor: pointer; margin-top: -1px; float: left; background-size: cover; background-position: center center; }
			.post .thumb:hover + .text h2 a, .post .thumb:hover  + .text h3 a { color: #EB0254 }
			.post .text  { padding-left: 262px; padding-top: 18px; }
				.post .topics { text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
				.post h2, .post h3 { font-weight: 500; font-size: 110%; margin-bottom: 7px; line-height: 1.5em; }
				.post .meta, .post .actions { font-size: 13px; height: auto; margin-bottom: 0; color: #ababad; }
				.post .meta a { color: #848487; position: relative; z-index: 2; } .post .meta a:hover { color: #EB0254 }
		
		.post-tv { cursor: pointer;  }
			.post-tv:hover h2 { color: #EB0254 }
			.post-tv .duration { padding: 2px 4px; border-radius:4px; background: rgba(0,0,0,0.7); color: #fff; position: absolute; bottom: 5px; right: 5px; font-size: 80%; line-height: normal; }

			.post-tv .play{ position: absolute; top:0; left:0; width:40px; height:40px; z-index:1; background: #fff url(https://cdn.wccftech.com/files/icon-play.png) no-repeat center center; background-size: 24px 24px; }

			.post-tv .video.open { background-color: #ddd; display: block; position: relative; padding: 0 0 56.25% 0; z-index: 99 }
			.post-tv .video.open iframe { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
		
			.post-tv .video.open.stuck { position: fixed; padding: 0; bottom: 20px; right: 20px; width: 260px; height: 145px; -webkit-animation: fade-in-up .25s ease forwards; animation: fade-in-up .25s ease forwards; }
					
		.navigation { width: 100%; text-align: center; }
		.navigation a { background: #EB0254; color: #FFF; padding: 10px 20px; display: block; position: relative; cursor: pointer; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border: 2px solid #f2f2f2; -webkit-box-shadow: 0px 0px 0px 1px #EB0254; -moz-box-shadow: 0px 0px 0px 1px #EB0254; box-shadow: 0px 0px 0px 1px #EB0254; }
		.navigation a:hover { background: #c40246 } .loadmore { width: 100%; } .nextpage { float: right } .prevpage { float: left }

	.sidebar { width: 300px; float: right; }
		
		.sidebar .sub-head { margin-bottom: 10px; }
		.sidebar section { margin-bottom: 75px; }
		.popular-posts { }
			.popular-posts li { z-index: 0; margin-bottom: 10px; position: relative; padding: 12px 10px 8px 12px; }
			.popular-posts li a { color: #000; font-size: 15px; line-height: 1.4; }
			.popular-posts li span { z-index: -1; position: absolute; font-weight: 500; bottom:-5px; right:-1px; font-size: 32px; line-height: 1; color:#fff; opacity: 0.25; }
			
			.popular-post-1       { background: linear-gradient(to right, rgba(223,  56, 46, 0.1) 0%, #DF382E 100%); } .popular-post-1:hover { background: linear-gradient(to right, rgba(223,  56, 46, 0.1) 0%, #DF382E 75%);  }
			.popular-post-2       { background: linear-gradient(to right, rgba(227,  77, 51, 0.1) 0%, #E34D33 100%); } .popular-post-2:hover { background: linear-gradient(to right, rgba(227,  77, 51, 0.1) 0%, #E34D33 75%);  }
			.popular-post-3       { background: linear-gradient(to right, rgba(231,  98, 56, 0.1) 0%, #E76238 100%); } .popular-post-3:hover { background: linear-gradient(to right, rgba(231,  98, 56, 0.1) 0%, #E76238 75%);  }
			.popular-post-4       { background: linear-gradient(to right, rgba(233, 109, 59, 0.1) 0%, #E96D3B 100%); } .popular-post-4:hover { background: linear-gradient(to right, rgba(233, 109, 59, 0.1) 0%, #E96D3B 75%);  }
			.popular-post-5       { background: linear-gradient(to right, rgba(237, 130, 64, 0.1) 0%, #ED8240 100%); } .popular-post-5:hover { background: linear-gradient(to right, rgba(237, 130, 64, 0.1) 0%, #ED8240 75%);  }
			.popular-post-6       { background: linear-gradient(to right, rgba(239, 141, 66, 0.1) 0%, #EF8D42 100%); } .popular-post-6:hover { background: linear-gradient(to right, rgba(239, 141, 66, 0.1) 0%, #EF8D42 75%);  }
			.popular-post-7       { background: linear-gradient(to right, rgba(243, 162, 72, 0.1) 0%, #F3A248 100%); } .popular-post-7:hover { background: linear-gradient(to right, rgba(243, 162, 72, 0.1) 0%, #F3A248 75%);  }

		.trending-posts { counter-reset: my-badass-counter; }
			.trending-posts ul { padding-top: 10px; }
			.trending-posts li { border-bottom: 1px solid #eee; padding-left: 50px; position: relative; margin-bottom: 20px; line-height: 1.4em; padding-bottom: 20px; min-height: 50px; }
			.trending-posts li:before { content: counter(my-badass-counter) "."; counter-increment: my-badass-counter; position: absolute; left: 5px; top: 0; font-style: italic; font-size: 30px; line-height: 30px; }
			.trending-posts li a { font-size: 14px; display: block; }
			.trending-posts li a:hover { color: #EB0254; }

		.latest-posts { }
			.latest-posts li { margin-bottom: 12px; border-top: 1px solid #eee; }
			.latest-posts li .thumb { width: 86px; height: 60px; float: right; background-repeat: no-repeat; background-size: cover; margin-top: -1px; margin-left: 5px; }
			.latest-posts li h4 { font-size: 14px;  padding-top: 6px; }

			.latest-posts li.first { background: #111; border-top: none; }
			.latest-posts li.first h4 { padding: 10px 10px 10px 12px; }
			.latest-posts li.first a { color: #fff; } .latest-posts li.first a:hover { color: #fe6ea1 }
			.latest-posts li.first .thumb { float:none; width: 100%; height: 173px; background-size: cover; background-position: center center; margin-left: 0;}
			.latest-posts li.first .text { background: #000; padding: 10px 10px 10px 12px; }
		
		.text-widget { font-size: 125%; }
			.text-widget h3 { margin-bottom: 20px; }
			.text-widget .action { position: relative; line-height: 0.1em; 
				background-image: -webkit-linear-gradient(left, #EB0254 0%, rgba(255,255,255,0.1) 100%);
				background-image: -moz-linear-gradient(left, #EB0254 0%, rgba(255,255,255,0.1) 100%);
				background-image: -o-linear-gradient(left, #EB0254 0%, rgba(255,255,255,0.1) 100%);
				background-image: linear-gradient(to right, #EB0254 0%, rgba(255,255,255,0.1) 100%);
			}
			.text-widget .action a { color: #EB0254 }
			.text-widget .action span { background: #fff; padding: 0 10px 0 0; }
			
	.sidebar-youtube {}
		.sidebar-youtube .notice { font-size: 80%; padding: 5px 0 0 0; color: #aaa; text-align: center; font-style: italic; }
		.sidebar-youtube-player {background-color:#000;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer;background-position:center center; background-size: cover}
			.sidebar-youtube-player .play{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,0.6);z-index:1;opacity:.8;border-radius:4px;cursor:pointer}
			.sidebar-youtube-player .play:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}
			.sidebar-youtube-player iframe{height:100%;width:100%;top:0;left:0;position: absolute}

		.sidebar-youtube-list { background: #222; overflow-y: scroll; height: 361px; color: #eee; }
			.sidebar-youtube-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background-color: #444; }
			.sidebar-youtube-list::-webkit-scrollbar { width: 8px; background-color: #22262f; }
			.sidebar-youtube-list::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999; }

			.sidebar-youtube-video { position: relative; padding: 10px; font-size: 13px; min-height: 69px; cursor: pointer; }
				.sidebar-youtube-video:active, .sidebar-youtube-video.active, .sidebar-youtube-video.active:hover { color:white; background-color: #EB0254 }
				.sidebar-youtube-video:hover { color:white; background-color: #444 }
				.sidebar-youtube-video .thumb { position: relative; width: 86px; height: 49px; float: left; margin-right: 10px; background-size: cover; background-position: center center; }
					.sidebar-youtube-video .play{ position: absolute; top:0; left:0; width:25px; height:25px; background-color:#EB0254;z-index:1; cursor:pointer;}
					.sidebar-youtube-video .play:before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff; position:absolute;top:50%;left:56%;transform:translate3d(-50%,-50%,0)}
					.sidebar-youtube-video .duration { padding: 1px 3px; border-radius:4px; background: rgba(0,0,0,0.7); color: #fff; position: absolute; bottom: 2px; right: 2px; font-size: 80%; line-height: normal; }
				.sidebar-youtube-video h4 { padding-left: 96px; }

		
	.youtube-channel { color: #eee; background: #222; padding: 100px; margin: 50px -100px -100px -100px; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#000)); background-image: -webkit-linear-gradient(#FFF, #000); background-image: -moz-linear-gradient(#FFF, #000), -moz-linear-gradient(#FFF, #000) ; background-image: -o-linear-gradient(#FFF, #000), -o-linear-gradient(#FFF, #000); background-image:  linear-gradient(#FFF, #000), linear-gradient(#FFF, #000); -moz-background-size:2px 100%; background-size:2px 100%; background-position:0 0, 100% 0;background-repeat:no-repeat; }
		.youtube-content { width: 740px; height: 416px; float: left; }
			.youtube-player-wrap{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer;background-position:center center; background-size: cover}
			.youtube-player-wrap .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,0.6);z-index:1;opacity:.8;border-radius:6px;cursor:pointer}
			.youtube-player-wrap:hover .play-button, .play-button:hover {background-color:#c40246}
			.youtube-player-wrap .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}
			.youtube-player-wrap iframe,.youtube-player-wrap .play-button,.youtube-player-wrap .play-button:before{position:absolute}
			.youtube-player-wrap .play-button,.youtube-player-wrap .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
			.youtube-player-wrap iframe{height:100%;width:100%;top:0;left:0}			
	
		.youtube-sidebar { width: 300px; float: right; height: 416px; }
			.youtube-sidebar .sub-head { margin-bottom: 10px; border-color: #555; }
			.youtube-sidebar .sub-head span { background: #555; }
			.youtube-button { float: right; color: white; background-color: #e62117; margin-top: 8px; padding: 4px 10px 5px 10px; font-size: 13px; line-height: 1; border-radius: 3px; cursor: pointer }
			.youtube-button i { font-size: 15px; vertical-align: text-bottom; }
			.youtube-button:hover { background-color: #cc181e; color: #fff; }
			
			.youtube-thumb { padding: 10px; cursor: pointer }
				.youtube-thumb img { float: left; width: 86px; height: 60px; margin-right: 10px; }
				.youtube-thumb h4 { font-size: 14px; }
				.youtube-thumb span { font-size: 12px; color: #aaa; font-style: italic }
			.youtube-thumb:active, .youtube-thumb.active, .youtube-thumb.active:hover { color:white; background-color: #666 }
			.youtube-thumb:hover { color:white; background-color: #444 }
	
			.youtube-sidebar-content { overflow-y: scroll; height: 361px; } .youtube-sidebar-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background-color: #444; } .youtube-sidebar-content::-webkit-scrollbar { width: 8px; background-color: #22262f; } .youtube-sidebar-content::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999; }

footer { font-size: 80%;  }
	footer section { padding: 100px; background: #000; }
		.footer-1, .footer-2, .footer-3, .footer-4 { width: 25%; float: left }
		.footer-5 { float:left; clear: both; overflow: hidden; margin-top: 50px; margin-bottom: 50px; width: 100%; border-top:2px solid white; display: inline; padding-top: 50px; font-weight: 500; padding-left: 700px; margin-left: -700px;}
		.footer-4 p { color: #a5adbe; margin: 0 0 20px 0; }
		.footer-4 .twitter a { color:#1da1f2 } .footer-4 .facebook a { color:#4c70ba } .footer-4 .youtube a { color:#cd201f }
	footer h3 { text-transform: uppercase; font-size: 14px; font-weight: normal; margin-bottom: 20px; color: #fff; }
	footer li { margin-bottom: 10px; }
	footer a { color:#fe6ea1; } footer a:hover { color:#EB0254; }
	footer form { margin-bottom: 10px; text-align: center; }
		footer form input { font-size: 13px; border:none; border-radius: 0; }
		footer form input[type=email]  { width: 70%; padding: 10px; }
		footer form input[type=submit] { width: 30%; padding: 10px 0; background: #22a7f0; color: #fff; -webkit-appearance: none; }

	.copyright { clear: both; padding-top: 20px; height: 65px; color: #fff; }
		.copyright .logo { background-image: url(https://cdn.wccftech.com/files/wccftech-logo-w.png); }
		.copyright .text { margin-left: 20px; line-height: 54px; }
	
	.disclaimer { clear: both; padding-top: 20px; color: #fff; line-height: 1.7; }

.wrap { width: 1340px; margin: 0 auto; position: relative;  }

.banner-ad { min-width: 728px; min-height: 90px; margin: 0 auto 20px auto; text-align: center; }
	.banner-ad div { margin: auto; }
	.banner-ad:before { color:#BBB; font-size:9px; text-align:center; content: 'Advertisements'; text-transform: uppercase; line-height: 30px }

.sidebar-ad { min-height: 250px; margin-bottom: 75px; text-align: center; }
	.sidebar-ad:before { color:#BBB; font-size:9px; text-align:center; content: 'Advertisements'; text-transform: uppercase; line-height: 30px }

.content-ad { text-align: center; margin-bottom: 20px; margin-top: -5px; }
	.content-ad div { margin: auto; }
	.content-ad:before { color:#888; font-size:9px; text-align:center; content: 'Advertisements'; text-transform: uppercase; line-height: 30px}

#div-gpt-ad-wccftechcom35856 { text-align: center; }
	#div-gpt-ad-wccftechcom35856:before { color:#888; font-size:9px; text-align:center; content: 'Advertisements'; text-transform: uppercase; line-height: 30px }


.clearfix:before, .clearfix:after { content: ''; display: table; clear: both; }

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both; height: 0; }
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.float-left { float: left } .float-right { float: right }
.clamp1 { display : block; display : -webkit-box; -webkit-box-orient : vertical; position : relative; -webkit-line-clamp : 1; line-height : 1.4em; height : calc(1em * 1.4 * 1); overflow : hidden; text-overflow : ellipsis; padding : 0 !important; }
.clamp2 { display : block; display : -webkit-box; -webkit-box-orient : vertical; position : relative; -webkit-line-clamp : 2; line-height : 1.4em; height : calc(1em * 1.4 * 2); overflow : hidden; text-overflow : ellipsis; padding : 0 !important; }
.clamp3 { display : block; display : -webkit-box; -webkit-box-orient : vertical; position : relative; -webkit-line-clamp : 3; line-height : 1.4em; height : calc(1em * 1.4 * 3); overflow : hidden; text-overflow : ellipsis; padding : 0 !important; }
/*.clamp1:after, .clamp2:after, .clamp3:after { content : '...'; text-align : right; bottom : 0; right : 0; width : 25%; display : block; position : absolute; height : calc(1em * 1.4); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }*/
@supports (-webkit-line-clamp: 1) { .clamp1:after, .clamp2:after, .clamp3:after { display : none !important; } }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-comments:before { content: "\e0cb"; } .icon-share:before { content: "\e900"; } .icon-link:before { content: "\e901"; } .icon-messenger:before { content: "\e902"; } .icon-facebook:before { content: "\e903"; } .icon-email:before { content: "\e904"; } .icon-twitter:before { content: "\e905"; } .icon-comments2:before { content: "\e906"; } .icon-reddit:before { content: "\e907"; } .icon-whatsapp:before { content: "\e908"; } .icon-youtube:before { content: "\e909"; } .icon-share2:before { content: "\e90a"; } .icon-share3:before { content: "\e90b"; } .icon-arrow-up:before { content: "\e90e"; } .icon-arrow-down:before { content: "\e90f"; } .icon-arrow-up2:before { content: "\ea32"; } .icon-arrow-down2:before { content: "\ea36"; } .icon-linkedin:before { content: "\eaca"; }

.author-meta { margin-bottom: 25px; font-size: 14px; margin-top: -80px; }
	.author-meta .avatar { float: left; width: 150px; margin-top: -40px; margin-right: 10px; } 
	.author-meta .avatar img  { width: 150px; height: 150px; border-radius: 50%; border: 5px solid #fff; }
	.author-meta h1 { margin-bottom: 12px; font-size: 28px; font-weight: bold }
	.author-meta .social { color: #999; margin-bottom: 20px; }
	.author-meta .social a { color: #999 } .author-meta-social a.twitter { olor:#1da1f2} .author-meta-social a.facebook { olor:#4c70ba}
	.author-bio { color:#555; line-height: 1.6; }

.sohail-share { position: absolute; text-align: center; left:0; bottom: 28px; height: 84px; background: #EB0254; display: none; z-index: 2000; }
.sohail-share i { display: inline-block; text-align: center; padding: 9px 5px 7px 5px; width: 100%; height: 28px; background: #EB0254; }
.sohail-share i:hover { background: #323A40; }

.score { position: absolute; top: 0; left:0; text-align: center; width: 40px; height: 40px; line-height: 40px; display: inline-block; color: #fff; background-color: #000; background-color: rgba(0,0,0,0.5); }


@media only screen and (max-width: 6000px) {
	.main-background-wrap { position: relative; }
	.main-background { background: url(https://wccftech.com/wp-content/uploads/2020/05/Razer-4k-Skin.jpg) center top no-repeat; cursor: pointer; position: absolute; top:0; left: 0; width: 100%; height: 2160px}
}

@media only screen and (max-width: 2700px) {
	.main-background-wrap { position: relative; }
	.main-background { background: url(https://wccftech.com/wp-content/uploads/2020/05/Razer-1440p-Skin.jpg) center top no-repeat; cursor: pointer; position: absolute; top:0; left: 0; width: 100%; height: 1440px}
}

@media only screen and (max-width: 2300px) {
	.main-background-wrap { position: relative; }
	.main-background { background: url(https://wccftech.com/wp-content/uploads/2020/05/Razer-1080p-Skin.jpg) center top no-repeat; cursor: pointer; position: absolute; top:0; left: 0; width: 100%; height: 900px }		
}

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

	.wrap { width: 1240px; }
	main { padding: 70px  }
	footer section.wrap { padding: 50px; }

	.featured-posts { margin: -70px -70px 70px -70px; height: 595px }

		.featured-1 .thumb, .featured-2 .thumb { height: 230px; }
		.featured-1 { width: calc(50% - 2px); top: 2px; left: 2px; }
		.featured-2 { width: calc(50% - 3px); top: 2px; right: 2px; }
		.featured-3 { width: calc(25% - 1px); top: 333px; left: 2px; }
		.featured-4 { width: calc(25% - 2px); top: 333px; left: calc(25% + 2px); }
		.featured-5 { width: calc(25% - 2px); top: 333px; right: calc(25% + 1px); }
		.featured-6 { width: calc(25% - 2px); top: 333px; right: 2px; }

	p.wccf_related_post { margin-left: -70px !important; padding: 18px 18px 18px 70px !important; }

}

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

	.wrap { width: 1140px; }
	main { padding: 50px  }
	footer section.wrap { padding: 50px; }

	.content { width: 690px; }

	.featured-posts { margin: -50px -50px 50px -50px; height: 595px }

		.featured-1 .thumb, .featured-2 .thumb { height: 230px; }
		.featured-1 { width: calc(50% - 2px); top: 2px; left: 2px; }
		.featured-2 { width: calc(50% - 3px); top: 2px; right: 2px; }
		.featured-3 { width: calc(25% - 1px); top: 333px; left: 2px; }
		.featured-4 { width: calc(25% - 2px); top: 333px; left: calc(25% + 2px); }
		.featured-5 { width: calc(25% - 2px); top: 333px; right: calc(25% + 1px); }
		.featured-6 { width: calc(25% - 2px); top: 333px; right: 2px; }

	.sticky-wrap { padding-left: 40px; }
	.sticky section { margin-right: 20px; }
	.sticky section:first-child { margin-left: -40px; }
	.sticky section:last-child { margin-right: -40px; }


	p.wccf_related_post { margin-left: -50px !important; padding: 18px 18px 18px 70px !important; }

}

/*@media only screen and (max-width:1360px) {

	.main-background-wrap, .main-background { display: none }

	body { background-color: #fff; }
	.wrap { width: 1140px; padding: 0; }

	.youtube-channel { padding: 50px; margin:0 }
	footer section.wrap { padding: 50px; }

	.author-meta { margin-top: 0; }
	.author-meta .avatar { margin-top:0; width: 90px; margin-right: 20px; }
	.author-meta .avatar img { width: 90px; height: 90px; border: none; }
	.author-meta h1 {     margin-top: 12px;  }

	.featured-posts { height: 525px; margin: 0; margin-bottom: 40px; }
	.featured-1 .thumb, .featured-2 .thumb { height: 172px }
	.featured-1 h2, .featured-2 h2 { font-size: 16px; }
	.featured-1 .text, .featured-2 .text { height: 90px; padding: 14px; }
	
	.featured-1 { width: 33.33%; top:0; left:0;  border-right: 1px solid #fff; }
	.featured-2 { width: 33.33%; top:0; left:33.34%; right:auto; border-right: 1px solid #fff; }
	.featured-3 { width: 33.34%; top:0; left:66.7%; right:auto; }
	.featured-4 { width: 33.33%; top:263px; left:0; border-right: 1px solid #fff; }
	.featured-5 { width: 33.33%; top:263px; left:33.34%; right: auto; border-right: 1px solid #fff; }
	.featured-6 { width: 33.34%; top:263px; left:66.7%;right: auto; }

}*/

@media only screen and (max-width:1240px) {
	body { background-color: #fff; }
	.wrap { width: 100%; }
	main, .wrap { padding: 0 50px 0 50px; }
	.featured-posts { margin-top: 0px; }
	header { padding: 18px 50px 0 0; }
		.nav { margin-right: 0; }
		.nav li:nth-child(n+8) { display: none}

	.content { width: calc(100% - 350px); }
	.sidebar { width: 300px; }
	
	.youtube-channel { padding: 50px; margin: 0 -50px 0 -50px; }
	.youtube-content { width: calc(100% - 360px) }

	.full-width main { margin-top: 0 !important; }
	.full-width .content { padding: 100px; }
}

@media only screen and (max-width:1024px) {
	
	header { padding: 18px 50px 18px 0; background: #222; height: 66px; box-shadow: 0px 0px 1px rgba(0,0,0,0.1); border-bottom: none;  }
	.logo { background-image: url(https://cdn.wccftech.com/files/wccftech-logo-w.png); width: 167px; height: 30px; background-size: 167px 30px; }
	.nav { margin-right: 0; line-height: 30px; margin: 0 }
	.nav li { font-size: 14px; float: none }
	.nav li a { color: #aaa;  }
	.nav li:nth-child(n+8) { display: none}
	.nav li a:hover, .nav li a.active { color: #FFF }

	.toggle-search { background-image: url(https://cdn.wccftech.com/files/search-w@2x.png); background-size: 24px 24px; height:30px; top: 0; right: 0px;}

	.search-form { height: 65px; }
	.search-form form { padding-top: 12px; }
	.search-form form input { }

	main, .wrap { padding-bottom: 50px; }


	.nav li:nth-child(n+7) { display: none }
	.content { width: 100%}
	.sidebar { display: none}
	.youtube-channel { display: none }

    .banner-ad { margin: 0 -50px 40px -50px; margin-left: -50px !important; margin-right: -50px !important; text-align: center; }

	.full-width .content { padding: 50px; }
}

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

	.nav li:nth-child(3) { display: none }

	.sticky-wrap { padding-left: 0; }
	.sticky section, .sticky section:first-child, .sticky section:last-child { margin-left: 0; width: 100%; float: none; margin-bottom: 40px; }
	.sticky li .clamp2 { height: auto; }

	.post { min-height: 112px; margin-bottom: 30px; }
	.post .thumb { width: 200px; height: 112px; }
	.post .text { padding-left: 220px; padding-top: 20px;}
	.post h2, .post h3 { font-size: 100% }
		.post .thumb img { width: 200px; height: 112px; }
	
	.latest-posts li .thumb { width: 86px; height: 60px; }

	.copyright { clear: both;height: 30px; margin-top: 20px; }
	.copyright .text { margin-left: 20px; color: #fff; line-height: 37px; }

}

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

	.nav { display: none }	
	.featured-posts  { display: none }
	.sticky { display: none }
	
	.content { width: 100%}
	.sidebar { display: none}

	.post { min-height: 100px; margin-bottom: 30px; }
	.post .thumb { width: 100px; height: 56px; }
	.post .text { padding-left: 110px; padding-top: 10px;}
		.post .thumb img { width: 100px; height: 56px; }
	
}

.builder-form { padding: 40px 50px 50px 50px; background: #222 url(/builder/builder-bg-new.png) no-repeat 100% 100%; color: white; margin-bottom: 25px }
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		.builder-form { background-image: url(/builder/builder-bg-new@2x.png) }
	}

	.builder-form fieldset { border-top: 5px solid #999; padding: 0; }
	.builder-form fieldset legend { text-align: center; padding: 5px 15px; margin-bottom: 10px; } .builder-form fieldset legend h2 { margin: 0; font-size: 150%; font-weight: bold }

	.builder-form form > div { margin-bottom: 25px;}
	.builder-form fieldset h4 { margin-bottom: 5px; font-weight: 500; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; }
	.builder-form input[type=radio] { display:none; }
	.builder-form input[type=radio] + label { display: inline-block; cursor: pointer; background: #fff; margin-bottom: 0; font-size: 80%; line-height: 32px; color: #333; text-align: center; }
		.builder-form .purpose input[type=radio] + label { width: 50% }
		.builder-form .cpu_check input[type=radio] + label     { width: 33.3% }
		.builder-form .gpu_check input[type=radio] + label     { width: 33.3% }
		.builder-form .round-left  { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
		.builder-form .round-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
		
	.builder-form input[type=radio]:checked + label { background-color: #EB0254; color: white; }	    

	#price_slider { float: left; width: 80%;}
	#price_input  { float: right; width: 20%; text-align: right }
		#price { width: 90px; border: none; border-radius: 3px; padding: 7px 0; font-size: 90%; color: #555; text-align: center }

	.submit, .submit div { margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.builder-form input[type=submit] { cursor: pointer; background-color: #EB0254; border-radius: 2px; position: relative; border: none; padding: 10px 0; width: 113px; float: right; font-size: 12px; font-weight: 500; color: #fff; text-transform: uppercase;}

/*! nouislider - 10.1.0 - 2017-07-28 13:09:54 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-target{position:relative;direction:ltr}
.noUi-base{width:100%;height:100%;position:relative;z-index:1;cursor:pointer}
.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}
.noUi-origin{position:absolute;height:0;width:0}
.noUi-handle{position:relative;z-index:1}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}
.noUi-state-drag *{cursor:inherit!important}
.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.noUi-horizontal{height:8px;margin-top:11px;}
.noUi-horizontal .noUi-handle{width:22px;height:22px;left:-17px;top:-7px}
.noUi-target{background:#FAFAFA;border-radius:3px;}
.noUi-connect{background:#EB0254;border-radius:3px;-webkit-transition:background 450ms;transition:background 450ms}
.noUi-draggable{cursor:ew-resize}
.noUi-handle{border:1px solid #D9D9D9;border-radius:50%;background:#FFF;cursor:pointer;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}
.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after{left:17px}
.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}
.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}
.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}
.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}
.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}
.noUi-marker-horizontal.noUi-marker-sub{height:10px}
.noUi-marker-horizontal.noUi-marker-large{height:15px}
.noUi-tooltip{display:none;font-size:12px;border: 1px solid #EB0254;display:block;position:absolute;border-radius:3px;background:#fff;color:#000;padding:3px 7px;height:22px;text-align:center;white-space:nowrap}
.noUi-horizontal .noUi-tooltip{display:none;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:-1px;z-index: 100;cursor: pointer}

.wccf-gallery { clear:both }