h2{margin:0;}

#opp-list .ptBlog aside{display:none;}
#opp-list .ptBlog {
	background: linear-gradient(90deg, #63A6C8, #645fb5);
	color:#fff;
}
#opp-list .ptBlog header h2 a{color:#fff;font-size:44px;display:block;margin-bottom:15px;line-height:1.2}
#opp-list .ptBlog .addthis_toolbox a{color:#fff;}
#opp-list .ptBlog .addthis_toolbox a .addthis_button_expanded {color:#59216C;}
#opp-list .ptBlog .btn:after{display:none;}
#opp-list .ptBlog .btn:before{display:none;}
#opp-list .ptBlog .btn{
	-webkit-border-radius:4px;
	border-radius:4px;
	background-clip:padding-box;
	box-shadow:none;
	border:solid 2px #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
}
#opp-list .ptBlog .btn:hover{
	background:#fff;
	text-shadow:none;
	color: #63A6C8;
}
#opp-list .ptBlog section{padding:30px 40px;}
#opp-list .ptBlog .opPreheader{
	font-size:18px;
	margin-bottom:20px;
	text-transform:uppercase;
	letter-spacing:2.5px;
	opacity: 0.6;
}
#opp-list .ptBlog p{margin-top:14px;font-size:18px;}
#opp-list .ptBlog .op-action{margin-top:14px;}
#opp-list .ptBlog h2 { margin-bottom: 24px; }

/*border-radius*/
aside{border-radius:4px 0 0 4px;}

article, 
.orDesc, 
.orBar, 
.orBar:after, 
.orDesc:after, 
.more, 
article:after
{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow: 0 1px 5px 0 rgba(106, 109, 122, .3);
	-webkit-background-clip: padding-box; 
	-moz-background-clip:padding;
	background-clip:padding-box;
}
article {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
article:hover {
	box-shadow: 0 0 15px 0 rgba(106, 109, 122, .6);
}

.opportunity.review #content{padding-top:0;}

/*position*/
.orBar,.orDesc
{position:relative;}
.orBar:after,.orDesc:after
{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;display:block}

/*article*/
article{position:relative;margin:30px auto;}
article:after{background:#fff;}
.op-section .body > p{
	margin:12px 0 16px;
	padding:0;
	line-height: 24px;
}
.op-btn{
	top:0;
	margin-top:3px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
}
[class*="expired"] .op-action{padding-top:4px}
/*header*/
header a{font-size:32px;color:#333}

/*aside*/
/*aside:after{content:"";position:absolute;top:0;left:60px;height:100%;width:10px;background:#000;z-index:1;}*/
aside {color:#fff;width:70px;text-align:center;font-size:30px;position:relative;box-shadow:0 0 3px rgba(0,0,0,0.3);border-right:solid 10px rgba(0,0,0,0.5);}
aside i{display:block;text-shadow:0 0 3px rgba(0,0,0,0.3)}
#opp-list aside a{text-decoration:none;color:#fff;display:block;margin:15px 0;}

/*section*/
.op-section {padding:30px;position:relative;}

/*action more*/
.more{display:none;background:#222;padding:15px 20px;min-width:400px;z-index:10;position:absolute;height:auto;width:auto;color:#EEE;bottom:40px;box-shadow:4px 4px 8px rgba(0,0,0,.3);max-width:80%;}
.more .more-title{font-size:20px;margin:0 0 10px 0;line-height:1;display:block;}
.more i:before{position:relative;top:2px;margin-right:8px}
.more-arrow-down{display:none;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #222;position:absolute;left:50%;margin-left:-20px;top:0;margin-top:-20px;}

/*action hvr*/
.hvr {margin-right:20px;text-decoration:none;position:relative;color:#AAA;cursor:default}
.hvr i:before {position:relative;top:1px;margin-right:8px}
.hvr-label{position:relative}
.isnonmobile .hvr:hover .more, .isnonmobile .hvr:hover .more-arrow-down, .ismobile .hvr.hover .more, .ismobile .hvr.hover .more-arrow-down{
display:block;
-webkit-animation: fadeInUp 0.5s; /* Safari 4+ */
-moz-animation:    fadeInUp 0.5s; /* Fx 5+ */
-o-animation:      fadeInUp 0.5s; /* Opera 12+ */
animation:         fadeInUp 0.5s; /* IE 10+ */	
-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
}

/* Reskin Opportunity List */
#opp-list {
	padding-left: 40px;
	border-left: 2px dotted #d9dce4;
}
article { 
}

article:before {
	content: '';
    position: absolute;
    background: transparent;
    border: 8px solid transparent;
    z-index: 4;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: -16px;
    top: 50%;
}
.product-type-icon-container {
	position: absolute;
	left: -66px;
	top: 50%;
	transform: translate(0, -50%);
	width: 48px;
	height: 48px;
	border-radius: 24px;
	background-color: #d9dce4;
	z-index: 1;
}
.ptBlog .product-type-icon-container {
    left: -57px;
    width: 30px;
    height: 30px;
    background-color: #eff0f3;
}
.product-type-icon-container:before {
	content: '';
	position: absolute;
	left: -4px;
	top: -4px;
	width: 56px;
	height: 56px;
	border-radius: 28px;
	z-index: -1;
	background-color: #eff0f3;
}
.ptBlog .product-type-icon-container:before {
	display: none;
}
.product-type-icon-container a {
	color: white;
	position: absolute;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ptBlog .product-type-icon-container a {
	color: #63A6C8;
}
.icon-product-type {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.product-type-icon-container.responsive-icon {
	display: none;
}
.product-type-icon-container.responsive-icon:before {
	display: none;
}

article .wrapper {
	border-radius: 3px;
	position: relative;
}
article .wrapper:hover {

}
article h2 {
	font-size: 26px;
	line-height: 36px;
}
article h2.title-with-divider {
	margin-bottom: 30px;
}
article.betaboundopp h2,
article.partneropp h2 {
	padding-right: 60px;
}
article h2 a { 
	color: #161b2f; 
}
article.ptBlog h2 a {
	color: white;
	font-size: 36px;
}
article h2.title-with-divider:after {
	margin: 15px 0 0 0;
}

.icon-audience {
	font-size: 20px;
}
article h2 .icon-audience-link {
	top: -2px;
	color: rgba(255,255,255,0.3);
}
article h2 .icon-audience-link:hover {
	color: rgba(255,255,255,0.75);
}

.betaboundopp {
	background: #161b2f;
}
article.betaboundopp h2 a{
	color: white;
}
article.betaboundopp h2.title-with-divider:after {

}
article .hvr {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1.5px;
}

.opp-action {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
[id*=opp-] article[class*=expired] .opExpMsg {
    font-size: 24px;
}


/* Software Opportunity - #9a189c - rgb(154,24,156) */
.ptSoftware:before {
	border-right-color: #9a189c;
}
.ptSoftware .wrapper { 
	border-left: 8px solid #9a189c; 
}
.ptSoftware .product-type-icon-container a {
	background-color: #9a189c;
}
.ptSoftware h2 .icon-audience-link {
	color: rgba(154,24,156,0.4);
}
.ptSoftware h2 .icon-audience-link:hover {
	color: rgba(154,24,156,0.75);
}
.ptSoftware .ribbon {
	border-top-color: #9a189c;
}
.ptSoftware .hvr {
	color: #9a189c; 
}
article.ptSoftware.betaboundopp .body p {
	color: #9a189c; 
}

/* Hardware Opportunity - #596BC2 - rgb(89,107,194) */
.ptHardware:before {
	border-right-color: #596BC2;
}
.ptHardware .wrapper { 
	border-left: 8px solid #596BC2; 
}
.ptHardware .product-type-icon-container a {
	background-color: #596BC2;
}
.ptHardware h2 .icon-audience-link {
	color: rgba(89,107,194,0.4);
}
.ptHardware h2 .icon-audience-link:hover {
	color: rgba(89,107,194,0.75);
}
.ptHardware .ribbon {
	border-top-color: #596BC2;
}
.ptHardware .hvr {
	color: #596BC2;
}
article.ptHardware.betaboundopp .body p {
	color: #596BC2;
}

/* Mobile Opportunity - #4472F3 - rgb(68,114,243) */
.ptMobile:before {
	border-right-color: #4472F3;
}
.ptMobile .wrapper { 
	border-left: 8px solid #4472F3; 
}
.ptMobile .product-type-icon-container a {
	background-color: #4472F3;
}
.ptMobile h2 .icon-audience-link {
	color: rgba(68,114,243,0.4);
}
.ptMobile h2 .icon-audience-link:hover {
	color: rgba(68,114,243,0.75);
}
.ptMobile .ribbon {
	border-top-color: #4472F3;
}
.ptMobile .hvr {
	color: #4472F3;
}
article.ptMobile.betaboundopp .body p {
	color: #4472F3;
}

/* Gaming Opportunity - #D64FE3 - rgb(214,79,227) */
.ptGaming:before {
	border-right-color: #D64FE3;
}
.ptGaming .wrapper { 
	border-left: 8px solid #D64FE3; 
}
.ptGaming .product-type-icon-container a {
	background-color: #D64FE3;
}
.ptGaming h2 .icon-audience-link {
	color: rgba(214,79,227,0.4);
}
.ptGaming h2 .icon-audience-link:hover {
	color: rgba(214,79,227,0.75);
}
.ptGaming .ribbon {
	border-top-color: #D64FE3;
}
.ptGaming .hvr {
	color: #D64FE3;
}
article.ptGaming.betaboundopp .body p {
	color: #D64FE3;
}

/* Web Opportunity - #63c9d3 - rgb(99,201,211)*/
.ptWeb:before {
	border-right-color: #63c9d3;
}
.ptWeb .wrapper { 
	border-left: 8px solid #63c9d3; 
}
.ptWeb .product-type-icon-container a {
	background-color: #63c9d3;
}
.ptWeb h2 .icon-audience-link {
	color: rgba(99,201,211,0.4);
}
.ptWeb h2 .icon-audience-link:hover {
	color: rgba(99,201,211,0.75);
}
.ptWeb .ribbon {
	border-top-color: #63c9d3;
}
.ptWeb .hvr {
	color: #63c9d3;
}
article.ptWeb.betaboundopp .body p {
	color: #63c9d3;
}

/* TV Opportunity - #653bab - rgb(101,59,171)*/
.ptTV:before {
	border-right-color: #653bab;
}
.ptTV .wrapper { 
	border-left: 8px solid #653bab; 
}
.ptTV .product-type-icon-container a {
	background-color: #653bab;
}
.ptTV h2 .icon-audience-link {
	color: rgba(101,59,171,0.4);
}
.ptTV h2 .icon-audience-link:hover {
	color: rgba(101,59,171,0.75);
}
.ptTV .ribbon {
	border-top-color: #653bab;
}
.ptTV .hvr {
	color: #653bab;
}
article.ptTV.betaboundopp .body p {
	color: #653bab;
}

/*aside colors*/
.ptMobile aside{background:#4AAAAA;}
.ptHardware aside{background:#c30;}
.ptSoftware aside{background:#066;}
.ptGaming aside{background:#690;}
.ptWeb aside{background:#903;}
.ptTV aside{background:#036;}
/*aside border colors*/
.ptBlog aside:after{background:#59216C;}
.ptMobile aside:after{background:#2C6363;}
.ptHardware aside:after{background:#992600;}
.ptSoftware aside:after{background:#033;}
.ptGaming aside:after{background:#460;}
.ptWeb aside:after{background:#602;}
.ptTV aside:after{background:#001933;}

/*page opportunity review*/
.orBar,.orDesc{color:#fff;font-size:20px;line-height:1.4}
.orBar{padding:20px;text-align:center;}
.orDesc{margin-top:30px;padding:30px;}
.orBtns{text-align:center;margin:30px 0 0;}
.orBtns .btn{font-size:30px;padding:10px 30px;margin-left:10px;}
.orBtns .btn:after{-webkit-box-shadow:0px 4px 0px #200C27;-moz-box-shadow:0px 4px 0px #200C27;box-shadow:0px 4px 0px #200C27;}
.orBtns .btn:hover:after{}
.orBtns .tcell:nth-child(1){text-align:left}
.orBtns .tcell:nth-child(3){text-align:right}
.orBtns .tcell:nth-child(1) .btn{margin-left:0;}
.orBar:after,.orDesc:after{background:#000;}
.orBar:after{opacity:0.35;}
.orDesc:after{opacity:0.65;}
.orBar a,.orDesc a, .orBar .lnk{color:#fff;}

/*betabound header*/
#opp-list {
	position: relative;
}
#opp-list:after {
	content: '';
	width: 10px;
	height: 25px;
	background-color: #eff0f3;
	position: absolute;
	left: -5px;
	bottom: 0;
}
#opp-list .betaboundopp header a{color:#fff;}
#opp-list .betaboundopp header a:hover{color:#CCC;}
#single.opportunity #opp-review .betaboundopp {margin-top:70px;}

/*betabound more*/
.betaboundopp .hvr{color:#FFF;opacity:0.7}
.ismobile .betaboundopp .hvr {opacity:1;}
.betaboundopp .hvr:hover{color:#FFF;opacity:1}

/*betabound btn*/
[id*="opp-"] .betaboundopp aside:after{background:#000!important;opacity:0.5;box-shadow:2px 0 2px rgba(0,0,0,0.3)}

/*betabound expired*/
[class*="expired"].betaboundopp .btn:hover{color:#999!important;}
[class*="expiredbyassume"].betaboundopp .btn:hover{color:#AAA!important;}
[class*="expired"].betaboundopp p{color:#999!important;}



/*media queries*/
@media screen and (max-width:1000px) {
	.op-action{position:relative;}
	.op-action .tcell{display:block;}
	.op-links{display:block;}
	.op-links .lnk, .op-links .hvr{ 
		display:inline-block;
	}
	.op-social{margin-top:5px;}
	.orBtns .btn{max-width:auto;white-space:normal;margin:0 5px;font-size:24px;}
}
@media screen and (max-width:900px) {
	.opp-action {
		display: block;
	}
	.msg-hasexpired {
		margin-top: 16px;
	}
	.opExpMsg {
    	text-align: left;
    }
}
@media screen and (max-width:700px) {
	#opp-list {
		padding-left: 0;
		border-left: none;
	}
	.product-type-icon-container {
	    left: -55px;
	    top: 24px;
	    transform: none;
	}
	.ptBlog .product-type-icon-container {
		left: -46px;
	}
	.timebreak:before, .pagination:before {
		display: none;
	}
	.timebreak:first-child:before {
		display: block;
    	background-color: #eff0f3;;
    	left: -45px;
    	top: -19px;
    	transform: none;
	}
	article:before {
		top: 40px;
		transform: none;
		display: none;
	}
	.product-type-icon-container.responsive-icon {
		display: inline-block;
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		width: 38px;
		height: 38px;
		margin-bottom: 10px;
	}
	.product-type-icon-container:not(.responsive-icon) {
		display: none;
	}
	article.betaboundopp h2, article.partneropp h2 {
	    padding-right: 0;
	}

	.opExpMsg{text-align:left}
	#opp-list .ptBlog{margin-top:40px}
	#opp-list .ptBlog .op-section{padding:40px;}
	#opp-list .ptBlog .opPreheader{font-size:20px}
	#opp-list .ptBlog .op-header{padding-top:0}
	#opp-list .ptBlog .op-header h2 a{font-size:40px;}
	#opp-list .ptBlog p{font-size:16px;}
	#opp-list .ptBlog .btn{margin-top:85px;margin-bottom:0;display:block;padding:15px;}
	.op-links .lnk, .op-links .hvr { 
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-background-clip: padding-box; 
		-moz-background-clip:padding;
		background-clip:padding-box;
	}
	.ribbon{white-space:normal;margin-right:0;width:80px;}
	.op-header{padding-top:20px;}
	.op-header a{line-height:1.2}
	.op-btn {display:block;margin:25px auto 0;padding:15px;}
	[id*="opp-"] article[class*="expired"] .btn{margin:10px auto 0;}
	.op-social {text-align:center;width:100%;margin:8px auto 0;}
	.op-links{position:relative;margin:20px auto 0;}
	.op-links .lnk, .op-links .hvr{
		padding:13px 0 7px;
		margin: 0 20px 0 0;
	}
	.op-links .hvr{max-width:280px}
	.op-links .more{text-align:left;white-space:normal;min-width:82%;max-width:100%;width:100%;bottom:50px;}
	.more-arrow-down{margin-top:-5px;margin-left:-10px;top:-13px;z-index:11;}	
	.addthis_counter.addthis_bubble_style{width:66px!important}
	.addthis_toolbox a:nth-child(1) span{margin-left:0;}
	
	article .wrapper.table > .tcell, .action > .tcell {display:block;}
	#gridlist article, #opp-list article{  }
	#gridlist article aside,#opp-list article aside {width:100%;padding:30px 20px 30px;}
	#gridlist aside:after, #opp-list article aside:after{content:"";height:10px;width:100%;left:0;top:auto;bottom:0;z-index:10;}
	#gridlist article aside a, #opp-list article aside a{display:inline-block}
	#gridlist article aside a:nth-child(2), #opp-list article aside a:nth-child(2)  {margin-left:20px;margin-top:0;}
	
	#gridlist article aside,#opp-list article aside {border-radius:140px;height:140px;width:140px;margin: 0 auto;border: 10px solid black;position: absolute;top:0;z-index: 1;left:50%;margin-left:-70px;margin-top:-70px;}
	#gridlist article aside i:before, #opp-list article aside i:before{line-height:65px}
	#gridlist article aside a, #opp-list article aside a{display:inline-block;margin:0;}
	#gridlist article aside a:nth-child(2), #opp-list article aside a:nth-child(2){margin:0 0 0 5px;}
	#gridlist article aside:after, #opp-list article aside:after{display:none}
	#gridlist article aside:before, #opp-list article aside:before{display:none}
	
	.orBar{margin-bottom:100px;}
	.orBtns .tcell{display:block;text-align:center!important}
	.orBtns .tcell:nth-child(1) .btn, .orBtns .btn{display:block;max-width:300px;margin:20px auto 0;}
	.orBtns .tcell:nth-child(1){margin-top:0;}
	.orBtns .tcell:nth-child(1) .btn{margin-top:0;}

	#opp-list .ptMobile aside{border-color:#2C6363;}
	#opp-list .ptHardware aside{border-color:#992600;}
	#opp-list .ptSoftware aside{border-color:#033;}
	#opp-list .ptGaming aside{border-color:#460;}
	#opp-list .ptWeb aside{border-color:#602;}
	#opp-list .ptTV aside{border-color:#001933;}
	
	.opportunity.review #content{padding-top:30px;}
	#opp-list #opp-list-none{margin-top:0;}
	#opp-list #opp-list-none .op-section{padding-top:30px}
	.pagination li {
	    margin-bottom: 10px;
	}
}
@media screen and (max-width:400px) {
	.addthis_counter.addthis_bubble_style{display:none!important;}
	.addthis_toolbox .at15t_compact{margin-right:0;}
	.opExpMsg{font-size:40px;}
}	
@media screen and (max-width:320px) {
	.opTitle a{font-size:25px;}
}