@charset "utf-8";
/* CSS Document */

/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Proxima Nova";
    src: url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/72b6f2c9990bd3d37b8013a59ed78902.svg#Proxima Nova") format("svg"); /* iOS 4.1- */
}

/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Proxima Nova Th";
    src: url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/1e7e97d0da36ea1b00a66348a43dfb26.svg#Proxima Nova Th") format("svg"); /* iOS 4.1- */
}

.what-a-pain .ad.single-post-ad {
    margin-left: 0px !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.ad.single-post-ad ~ .ad.single-post-ad{
	display:none !important;
}
body.single.single-post .ad.single-post-ad{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 38px;
}
.ad-container-test.new-compute2 {
	background:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_1790x350.png) right center;
	height:350px !important;
	color:white;
	background-size:cover;
	margin:0 auto;
	width:100%;
	max-width:100%;
}

.banner-link{
    line-height: 100%;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: 0 none;
    color: #fff;
}

.new-compute2 .cc2title {
    text-align: left;
    padding-left: 54px;
    padding-right: 54px;
    padding-top: 31px;
    color: white;
    font-size: 55px;
    font-family: Proxima Nova, sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 66px;
    /* letter-spacing: -2.0; */
}

.new-compute2 .cc2footer {
    clear: both;
    text-align: left;
    padding-right: 54px;
    padding-right: 54px;
    padding-top: 62px;
    font-family: Proxima Nova Th, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    right: 0px;
    padding-left: 54px;
	float:none;
}

.new-compute2 .cc2text {
	display: block;
    margin-bottom: 7px;
    margin-right: 25px;
}
.new-compute2 .cc2text a, .new-compute2 .cc2text span {
    color: white;
    text-decoration: none;
    font-size: 22px;
    font-weight: 100;
    padding: 13px 32px;
    border: 2px solid white;
}

.new-compute2 .cc2logo {
    display: block;
    vertical-align: bottom;
    text-align: right;
}

@media screen and (max-width: 1440px) {
	.ad-container-test.new-compute2 {
		background-image:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_1440x350.png);
	}
	
	.new-compute2 .cc2title, .new-compute2 .cc2footer {
		padding-left:50px;
		padding-right:50px;
	}
	.new-compute2 .cc2title{
		padding-top:35px;
		font-size:52px;
	}
	.new-compute2 .cc2footer{
		padding-top:56px;
	}
	.new-compute2 .cc2text a, .new-compute2 .cc2text span{
		padding: 12px 26px;
	}
}

@media screen and (max-width: 1024px) {
	.ad-container-test.new-compute2 {
		background-image:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_1024x350.png);
	}
	
	.new-compute2 .cc2title {
		font-size: 52px;
	}
	
	.new-compute2 .cc2footer {
		padding-top: 53px;
	}
	.ad.single-post-ad.auto-height {
		height:auto !important;
	}
}

@media screen and (max-width: 1000px) {
	.ad-container-test.new-compute2 {
		height: 350px !important;
    	width: 100% !important;
	}
}

@media screen and (max-width: 960px) {
	.ad-container-test.new-compute2 {
		background-image:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_960x300.png);
		height: 300px !important;
	}
	
	.new-compute2 .cc2title, .new-compute2 .cc2footer {
		padding-right: 40px;
		padding-left: 40px;
	}
	
	.new-compute2 .cc2title {
		font-size: 52px;
		line-height: 63px;
		padding-top: 28px;
	}
	
	.new-compute2 .cc2footer {
		padding-top: 60px;
	}
	.new-compute2 .cc2text a, .new-compute2 .cc2text span {
		padding: 12px 27px;
	}
	.new-compute2 .cc2logo{
		margin-top:-33px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 45px;
		}
	}
}
@media screen and (max-width: 820px) {
	.new-compute2 .cc2title {
		font-size: 50px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 43px;
		}
	}
}

/* @media screen and (max-width: 810px) { */
	/* .cc2p { */
		/* width: 602px; */
	/* } */
/* } */
@media screen and (max-width: 790px) {
	.new-compute2 .cc2title {
		font-size: 48px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 43px;
		}
	}
}
@media screen and (max-width: 768px) {
	.ad-container-test.new-compute2 {
		background-image:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_768x300.png);
		height: 300px !important;
	}
	
	.new-compute2 .cc2title, .new-compute2 .cc2footer {
		padding-right:36px;
		padding-left:30px;
	}
	
	.new-compute2 .cc2title {
		font-size: 48px;
		padding-top: 20px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 41px;
		}
	}
	
	.new-compute2 .cc2footer {
		padding-top: 57px;
	}
	.new-compute2 .cc2logo {
		margin-top: -16px;
	}
}
@media screen and (max-width: 760px) {
	.new-compute2 .cc2title {
		font-size: 47px;
		padding-top: 21px;
		padding-left: 19px;
		padding-right: 19px;
		/* letter-spacing: -0.8; */
	}
	.new-compute2 .cc2footer {
		padding-left: 18px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 41px;
		}
	}
}
@media screen and (max-width: 720px) {
	.new-compute2 .cc2title {
		font-size: 45px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 39px;
		}
	}
}
@media screen and (max-width: 692px) {
	.new-compute2 .cc2title {
		font-size: 43px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 38px;
		}
	}
}
@media screen and (max-width: 670px) {
	.new-compute2 .cc2title {
		font-size: 42px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 37px;
		}
	}
}
@media screen and (max-width: 650px) {
	.new-compute2 .cc2title {
		font-size: 41px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 36px;
		}
	}
}
@media screen and (max-width: 635px) {
	.new-compute2 .cc2title {
		font-size: 40px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 35px;
		}
	}
}
@media screen and (max-width: 610px) {
	.new-compute2 .cc2title {
		font-size: 39px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 33px;
		}
	}
}
@media screen and (max-width: 600px) {
	.new-compute2 .cc2title {
		font-size: 38px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 33px;
		}
	}
}
@media screen and (max-width: 594px) {
	.ad-container-test.new-compute2 {
		background-image:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_480x300.png);
		height: 300px !important;
	}
	
	.new-compute2 .cc2title {
		font-size: 52px;
		line-height: 56px;
		padding: 20px;
		width:100% !important;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 45px;
		}
	}
	
	.cc2p {
		font-size:16px;
		/* width:360px; */
	}
	
	.cc2p, .new-compute2 .cc2footer {
		padding-top:15px;
	}
	
	.new-compute2 .cc2footer {
		font-size:14px;
	}
	.new-compute2 .cc2logo {
		margin-top: -12px;
	}
	.new-compute2 .cc2text a, .new-compute2 .cc2text span {
		font-size: 21px;
		padding: 10px 22px;
	}
	.new-compute2 .cc2logo img{
		max-width:200px;
	}
}
@media screen and (max-width: 565px) {
	.new-compute2 .cc2title {
		font-size: 50px;
		padding-right:0;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 45px;
		}
	}
}
@media screen and (max-width: 540px) {
	.new-compute2 .cc2title {
		font-size: 49px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 42px;
		}
	}
}
@media screen and (max-width: 520px) {
	.new-compute2 .cc2title {
		font-size: 47px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 40px;
		}
	}
}
@media screen and (max-width: 510px) {
	.ad-container-test.new-compute2 {
		height: 300px!important;
		min-height:330px !important;
	}
	.new-compute2 .cc2title {
		font-size: 44px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 39px;
		}
	}
}

@media screen and (max-width: 480px) {
	.new-compute2 .cc2title {
		font-size: 42px;
		line-height: 50px;
		padding: 11px 17px 16px 20px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 37px;
		}
	}
	.new-compute2 .cc2footer {
		padding-top: 8px;
		padding-right: 20px;
		padding-left: 17px;
	}
	.new-compute2 .cc2text a, .new-compute2 .cc2text span {
		font-size: 17px;
		padding: 9px 23px;
	}
	.new-compute2 .cc2logo {
		margin-top: 0;
		padding-top: 27px;
	}
	.new-compute2 .cc2logo img {
		max-width: 190px;
	}
}
@media screen and (max-width: 470px) {
	.new-compute2 .cc2title {
		font-size: 40px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 35px;
		}
	}
}
@media screen and (max-width: 440px) {
	.new-compute2 .cc2title {
		font-size: 38px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 33px;
		}
	}
	.new-compute2 .cc2logo img {
		max-width: 180px;
	}
}
@media screen and (max-width: 420px) {
	.new-compute2 .cc2title {
		font-size: 36px;
	}
	.new-compute2 .cc2logo img {
		max-width: 170px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 32px;
		}
	}
}
@media only screen and (max-width: 414px) {
#articles_detail .ad.single-post-ad.auto-height {
		height:350px !important;
	}
}
@media screen and (max-width: 410px) {
	.new-compute2 .cc2title {
		font-size: 35px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 31px;
		}
	}
}
@media screen and (max-width: 400px) {
	.new-compute2 .cc2title {
		font-size: 35px;
	}
	.new-compute2 .cc2logo img {
		max-width: 150px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 30px;
		}
	}
}
@media screen and (max-width: 392px) {
	.new-compute2 .cc2title {
		font-size:32px;
	}
	
	.new-compute2 .cc2footer {
		font-size:12px;
	}
	
	.new-compute2 .cc2text {
		margin-right:7px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 29px;
		}
	}
}
@media screen and (max-width: 370px) {
	.new-compute2 .cc2title {
		font-size:31px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 28px;
		}
	}
}
@media screen and (max-width: 360px) {
	.new-compute2 .cc2title {
		font-size:30px;
		padding-right:0;
		line-height:40px;
	}
	.new-compute2 .cc2logo img {
		max-width: 130px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 27px;
		}
	}
}
@media screen and (max-width: 340px) {
	.new-compute2 .cc2title {
		font-size:29px;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 26px;
		}
	}
	.new-compute2 .cc2logo img {
		max-width: 110px;
	}
}

@media screen and (max-width: 320px) {
	.ad-container-test.new-compute2 {
		background:url(https://www.hottopics.ht/wp-content/uploads/2020/03/troata_banner_320x350.png);
		height: 350px!important;
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.new-compute2 .cc2title {
		width: 100%;
		text-align: left;
		font-size: 29px;
		padding-right: 0px;
		padding-top: 53px;
		box-sizing: border-box;
		padding-left: 14px;
		line-height: 38px;
		letter-spacing: 0;
	}
	@-moz-document url-prefix() { 
	  .new-compute2 .cc2title {
		font-size: 25px;
		}
	}
	
	.new-compute2 .cc2footer {
		width: 100%;
		text-align: left;
		padding-right: 0px;
		box-sizing: border-box;
		padding-left: 13px;
		padding-top: 1px;
	}
	
	.new-compute2 .cc2text, .new-compute2 .cc2logo {
		display:block;
		font-size:11px;
	}
	.new-compute2 .cc2logo {
		padding-right: 20px;
		padding-top: 55px;
	}
	.new-compute2 .cc2text a, .new-compute2 .cc2text span {
		font-size: 12px;
		padding: 7px 18px;
	}
	
	.new-compute2 .cc2logo img {
		width: auto;
		height: auto;
		max-width: 140px;
	}
}