.topic-wrapper { background: #205592 url(../../images/topics/2014-halloween/topic-bg.jpg) left top repeat-x; }
.topic-banner .img-responsive { margin-left: auto; margin-right: auto; }

h2.topic-title { font-size: 16px; font-weight: 300; color: #000; line-height: 64px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); }
h2.topic-title-1 { background: #205592 url(../../images/topics/2014-halloween/topic-title-1.png) center center no-repeat; }
h2.topic-title-2 { background: #205592 url(../../images/topics/2014-halloween/topic-title-2.png) center center no-repeat; }
h2.topic-title-3 { background: #205592 url(../../images/topics/2014-halloween/topic-title-3.png) center center no-repeat; }
h2.topic-title-4 { background: #205592 url(../../images/topics/2014-halloween/topic-title-4.png) center center no-repeat; }

.topic-well { border-radius: 5px; border: 3px dotted #00a0e9; background: none; box-shadow: none; }
.topic-well p { color: #ccc; }
.topic-well ul { list-style: disc inside; margin: 0; padding: 0; }
.topic-well ul li,.topic-well ul li a { color: #94f9ff; }
.topic-well h3 { color: #ffbb17; line-height: 48px; text-indent: 55px; font-weight: 300; font-size: 18px; }
.topic-well h3.halloween-1 { background: url(../../images/topics/2014-halloween/well-h3-1.png) left center no-repeat; }
.topic-well h3.halloween-2 { background: url(../../images/topics/2014-halloween/well-h3-2.png) left center no-repeat; }
.topic-well h3.halloween-3 { background: url(../../images/topics/2014-halloween/well-h3-3.png) left center no-repeat; }
.topic-well h3.halloween-4 { background: url(../../images/topics/2014-halloween/well-h3-4.png) left center no-repeat; }

.topic-videos h4,.topic-videos h4 a { font-size: 15px; color: #94f9ff; font-weight: 300; }
.topic-videos,.topic-halloween,.topic-products { background: #30619a; border-color: rgba(0, 0, 0, 0.2); }
.topic-videos p,.topic-halloween p,.topic-products p { color: #ccc; }
.topic-videos a,.topic-halloween a,.topic-products a { color: #94f9ff; }

.topic-videos .panel-heading,.topic-halloween .panel-heading,.topic-products .panel-heading { color: #ffbb17; font-size: 18px; background: #30619a;
border-color: rgba(0, 0, 0, 0.2); }

.topic-products h4 { font-size: 13px; color: #fff; font-weight: 300; text-align: center; line-height: 20px; height: 40px; }
.topic-products h4 a { color: #94f9ff; }
.topic-products .img-responsive { margin-left: auto; margin-right: auto; }
.topic-products .price { color: #f00; display: block; margin-top: 10px; text-align: center; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.topic-products .price.free { color: #0f0; }
.topic-products .topic-products-plus { color: #50f0ee; font-size: 22px; padding-top: 100px; }
.topic-products .soft-btn { background-color: #f0861f; position: relative; padding: 5px 12px 5px 36px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 14px;
margin: 10px auto; border-color: rgba(255, 255, 255, 0.2); }
.topic-products .soft-btn:after { position: absolute; display: block; content: ''; width: 16px; height: 16px; left: 12px; top: 7px;
background-image: url(../../images/btn-os-small.png); background-repeat: no-repeat; }
.topic-products .soft-btn.btn-windows:after { background-position: left top; }
.topic-products .soft-btn.btn-mac:after { background-position: left bottom; }
.topic-products .soft-btn:link,.topic-products .soft-btn:visited { color: #fff !important; }
.topic-products .soft-btn:hover,.topic-products .soft-btn:active { color: rgba(255, 255, 255, 0.8) !important; }
@media (max-width: 767px) {
	.topic-products .topic-products-plus { padding: 20px 0; }
}