body#paintshop-pro.standard { background: #080c0d; background-image: url(/static/psp/images/products/paintshop-pro/2018/background-psp-std.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
body#paintshop-pro.ultimate { background: #451949; background-image: url(/static/psp/images/products/paintshop-pro/2018/background-psp-ult.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
body#paintshop-pro.family { background: #3d1c2c; background-image: url(/static/psp/images/products/paintshop-pro/2018/background-psp-family.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
@media screen and (min-width: 2190px) {
body#paintshop-pro.standard, body#paintshop-pro.ultimate, body#paintshop-pro.family { background-size: 100%; }
    }

@media screen and (min-width: 2350px) {
body#paintshop-pro.standard, body#paintshop-pro.ultimate, body#paintshop-pro.family { background-position: center -100px; }
    }
body#paintshop-pro.standard .info-product, body#paintshop-pro.standard .info-product .new, body#paintshop-pro.standard .info-product .enhanced { color: #333 !important; }
body#paintshop-pro.family .container.offer { position: relative; }
body#paintshop-pro.family .container.offer .artist-credit { position: absolute; color: rgba(255,255,255,.9); font-size: 90%; right: -80px; bottom: 10px; }
#footer { background: #30343D; }
.container.product-page { background: none; }
#bar-anchor { float: left }
.tab-content { padding: 0; margin: 0 auto; background: #fff; }
.tab-content .container { background: none; }
#product-nav { width: 100%; }
#product-nav #buy { display: none; }
#product-nav.sticky #buy { display: inline; }
#product-nav .btn { margin: 0; float: right; color: #fff; font-size: 13px; line-height: 26px; }
.tab-content p { font-size: 105%; line-height: 1.5; }
.center { text-align: center; }
.overview h2, .tech-specs h2, .features h2, .why-upgrade h2, .quotes h2, .compare h2 { font-size: 260% !important; font-weight: normal!important; padding-bottom: 1em; text-align: center; }
.features h2.padding-bt-less { padding-bottom: 0.5em; }
.features .description h2 { padding-bottom: 0.5em; }
.features .description p { padding-bottom: 3em; }
.padding-bottom { padding-bottom: 3em; }
.features .padding-bottom { padding-bottom: 3em; }
.intro .container { padding: 7em 0 9em; }
.intro p { font-size: 16px; }
.tab-content .compare { background: #fff; }
.overview.intro, .features.intro, .why-upgrade, .why-upgrade .container.ultimate, .tech-specs { background: #fff; }
.overview.intro h2 { padding-bottom: .5em; }
.overview.intro .play-icon { width: 100px; margin-top: 1em; opacity: .8; }
body#paintshop-pro.family .overview.intro .container { padding: 5em 0 2em; }
body#paintshop-pro.family .overview.intro h3 { font-size: 24px; margin-bottom: 15px; }
body#paintshop-pro.family .overview.intro h6 { font-size: 14px; font-weight: bold; margin-top: 12px; }
body#paintshop-pro.family .family-comparison { margin-top: 50px; }
body#paintshop-pro.family .family-comparison .new { display: inline; color: inherit; }
body#paintshop-pro.family .family-comparison ul { list-style: none; padding-top: 15px; padding-bottom: 20px; margin-left: -20px; }
body#paintshop-pro.family .family-comparison li { list-style: none; }
body#paintshop-pro.family .family-comparison ul.light-bullets li:before { font-family: "Glyphicons Halflings"; content: "\e258"; font-size: 75%; margin-right: 6px; margin-left: -17px; color: #333333; }
#vid { background: black; height: 400px; text-align: center; position: relative; overflow: hidden; }
#vid video { position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; min-width: 100%; min-height: 100%; width: auto; height: auto; }
#vid .playlink { background: url(/static/psp/images/products/paintshop-pro/2018/ico-play-circle-white.png) no-repeat left; display: inline-block; width: 110px; height: 110px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
#vid:hover .playlink { background: url(/static/psp/images/products/paintshop-pro/2018/ico-play-circle-grey.png) no-repeat left; }
.overview.top-reasons, .overview.whats-new { padding: 7em 0 9em; background: #fff; }
body.family .overview.whats-new { background: #f2f2f2; }
.overview.top-reasons img, .overview.workflow img { width: 100%; }
ol.circles-list { list-style-type: none;  list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; }
ol.circles-list > li { position: relative; margin-bottom: 20px; padding-left: 0.5em; min-height: 3em; }
ol.circles-list > li:before { position: absolute; top: 0; left: -1.33em; width: 1.2em; height: 1.2em; font-size: 1.6em; line-height: 1.2; text-align: center; color: #f5f5f5; border-radius: 50%; background-color: #009CFF; content: counter(li-counter); counter-increment: li-counter; }
.feature h4, .circles-list h4, .workflow h4, .reviews h4, .system-requirements h4, .video-container h4, .learning h4 { font-size: 140%; font-weight: 400; padding: 0 !important; margin-bottom: 5px; }
.tab-content .container .overview-downloads { background: #009cff !important; }
.overview.download-bar { background: #009cff; color: #fff; margin: 0; padding: 0; }
.overview.download-bar ul { padding: 0!important; margin: 0!important; text-align: center; line-height: 1; }
.overview.download-bar li { display: inline-block; padding: 0 !important; margin: 0 !important; }
.overview.download-bar li.prod-compare { list-style: none; }
.overview.download-bar li a span { padding-left: 60px; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; display: block; }
.overview.download-bar li:hover a span { background: rgba(255,255,255,0.2); }
.overview.download-bar a { color: #fff; }
.overview.download-bar li.prod-compare a { background: url(/static/psp/images/icon-matrix.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
.overview.download-bar li.user-guide a { background: url(/static/psp/images/icon-book.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
.overview.reviews {	text-align: center; padding-top: 5em; padding-bottom: 5em; }
.overview.reviews h2 { padding-bottom: 0.5em; }
.overview.reviews h4 { padding-bottom: 0.5em!important; margin-top: 0; }
.overview.reviews span.quotation { color: #009CFF; font-family: "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 200%; line-height: .7em; vertical-align: middle; }
.overview.reviews .reviews-block { margin-top: 40px; }
.overview.workflow { padding-top: 10em; padding-bottom: 10em; background: #080c0d; background-image: url(/static/psp/images/products/paintshop-pro/2018/background-extend-power.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; color: #fff; text-shadow: 1px 1px 1px rbga(0, 0, 0, .5) }
.overview.workflow.creative-collection { background-image: url(/static/psp/images/products/paintshop-pro/2018/background-creative-collection.jpg); text-shadow: 1px 1px 1px rbga(0, 0, 0, .5) }
.overview.workflow h2, .overview.offer h2 { padding-bottom: 0.5em; }
.overview.offer { background: #f2f2f2; padding-top: 5em; padding-bottom: 5em; }
.features h3 { font-size: 180% !important; font-weight: normal!important; padding-bottom: .5em; text-align: center; }
.feature img { padding-bottom: 20px; }
.main-features { margin-top: 3em; }
.main-features a { color: #333; text-decoration: underline; }
.main-features a:hover { text-decoration: none; }
.five-cols .col-xs-1 { width: 19%; }
.five-cols .col-xs-1 img { width: 65%; margin: 20px 0 10px; }
.six-cols .col-xs-2 img { width: 75%; margin: 20px 0 10px; }
a.video { float: left; position: relative; }
a.video span { width: 100%; height: 100%; position: absolute; background: url(/static/psp/images/products/paintshop-pro/2018/play-btn.png) no-repeat; background-position: 50% 50%; background-size: 150%; opacity: .8; }
a.video:hover span { width: 100%; height: 100%; position: absolute; background: url(/static/psp/images/products/paintshop-pro/2018/play-btn.png) no-repeat; background-position: 50% 50%; background-size: 150%; opacity: 1; }
.compare.intro h2, .compare.intro p { padding-bottom: 0.5em; }
.compare h4, .subscription h4 { font-size: 160%; font-weight: 400; padding: 0 !important; margin-bottom: 1.5em; }
.compare .videos { width: 70%; margin: 0 auto; padding-top: 30px; }
.compare .videos img { width: 100%; }
.features h2 { padding-bottom: 0.5em; }
.features img.icon-small { width: 60px; margin: 20px 0 10px; }
.features.whats-new, .features.graphic-design, .features.share, .quotes { background: #f2f2f2; padding-top: 5em; padding-bottom: 5em; }
.ultimate .features.whats-new, .ultimate .features.graphic-design, .ultimate .features.share, .quotes { background: #fff; }
.ultimate .features.ultimate-bonus-pack, .ultimate .features.photo-editing, .ultimate .features.start-learn, .quotes { background: #f2f2f2; }
.features.ultimate-bonus-pack { background: #ffffff; padding-top: 5em; padding-bottom: 5em; }
.video-gallery { padding-top: 5em; padding-bottom: 5em; }
.video-gallery .whats-new { margin-left: 150px; }
.video-gallery .watch-video { font-size: 130%; }
.video-gallery ul { padding: 0; display: inline-block; }
.video-gallery .nav>li>a { display: inline-block; padding: 10px 0 0 0; margin: 0 10px; }
.video-gallery .nav-pills>li>a, .nav-pills>li>a:focus { color: #2c2c2c; background: none; }
.video-gallery .nav-pills>li.active>a { color: #2c2c2c; background: none; border-bottom: 1px #2c2c2c solid; border-radius: 0; }
/*.video-gallery .nav-pills>li>a:hover {
	color: #6f6d6d;
}*/
.video-gallery .nav-pills>li:after { display: inline-block; padding: 0 10px; content: '•'; color: #2c2c2c; }
.video-gallery .nav-pills>li:last-of-type:after { padding: 0; content: ''; }
.video-gallery a { }
.video-gallery hr { border-top: 1px solid #959595; margin-top: 50px; margin-bottom: 60px; }
.video-gallery .btn { margin: 30px 0 40px 0; }
.video-gallery ul.nav-pills { margin: 20px 0 -10px; font-size: 16px }
.video-gallery .tab-content img { width: 72%; }
.video-gallery .tab-content { background: none; }
.features .tab-content { padding-top: 30px; background: none; }
.features .tab-pane { margin-top: -15px; }
.features .feature { padding-top: 1em; padding-bottom: 1.5em; }
.features.photo-editing, .features.start-learn { background: #ffffff; padding-top: 5em; padding-bottom: 5em; }
.features.offer { background: #cccccc; padding-top: 5em; padding-bottom: 5em; }
.features ul.nav-pills.nav-stacked { padding: 10px 0 10px 10px !important; }
.features .nav-pills.nav-stacked>li>a { color: #7b7b7b; background: none; }
.features .nav-pills.nav-stacked>li.active>a, .features .nav-pills.nav-stacked>li>a:hover { color: #2c2c2c; background: none; }
.features .nav-pills.nav-stacked .pillar { position: absolute; left: 0px; height: 100%; width: 2px; background-color: #efefef; }
.features .nav-pills.nav-stacked>li.active>.pillar, .features .nav-pills.nav-stacked>li:hover>.pillar { background-color: #2c2c2c !important; height: 100%; width: 2px; }
.features ul.nav-pills.nav-stacked h4 { font-size: 110%; }
.features ul.nav-pills.nav-stacked p { font-size: 12px !important; line-height: 1.5 !important; }
.pillar-links { color: #009cff; }
.pillar-links span:hover { color: #ccc; transition-duration: .3s; }
.why-upgrade, .tech-specs { padding-top: 5em; padding-bottom: 5em; }
.why-upgrade .feature img { width: 60%; padding-bottom: 0 }
.quotes { margin: 100px 0 80px; background: #080c0d; background-image: url(/static/psp/images/products/paintshop-pro/2018/background-quotes.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; color: #fff; text-shadow: 1px 1px 1px rbga(0, 0, 0, .5) }
.quotes p { margin-bottom: 20px; text-align: center; }
.compare .disclaimer { font-style: italic; font-size: 11px !important; line-height: 14px; padding-bottom: 40px; }
p.available { font-size: 90%; margin-top: 5px }
/*Compare Photoshop accordion*/
table.comparison-chart { margin: 0px; }
.comparison-chart tbody td span { text-align: center; display: inline-block; }
.compare .comparison-chart td, .subscription .comparison-chart td { text-align: center; }
.comparison-chart td.td-feature { text-align: left; font-size: 100%; font-weight: 600; }
.comparison-chart td.left-align h4 { font-size: 13px; font-weight: bold; }
.comparison-chart td.left-align p { text-align: left; font-size: 13px !important; }
body.standard .comparison-chart tbody tr:first-child { background-color: #e7e9ea; }
.accordion-features dt { cursor: pointer; background-color: #dfdfdf; padding: 10px; margin-bottom: 5px; }
.accordion-features h4 { margin: 0 !important; padding: 0 !important; }
.accordion-features dd { padding: 10px; }
/* Style the buttons that are used to open and close the accordion panel */
button.accordion-features { background-color: #888 !important; font-size: 120%; color: #fff; cursor: pointer; padding: 8px; border: none; border-bottom: 1px solid #999; width: 100%; text-align: left; outline: none; transition: 0.4s; display: block; }
button.accordion-features h4 { float: left; font-size: 16px !important; line-height: 21px; font-weight: normal; }
/* Style the accordion panel. Note: hidden by default */
div.panel { background-color: transparent; padding: 0; display: none; border-radius: 0; border: 0px; margin-bottom: 0px; box-shadow: 0 0 0 !important; }
/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show { display: block !important; }
/* + and - icons */
button.accordion-features:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 10px; color: #fff; float: left; margin-left: 5px; }
button.accordion-features.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }

/*Mobile Fix*/

@media (max-width: 767px) {
.subnavbar-nav li a { float: left; width: inherit; }
.subnavbar-toggle { display: none; }
header, nav { width: 1170px; margin: 0 auto; }
.navbar-collapse.collapse { display: block!important; }
.navbar-nav>li, .navbar-nav { float: left !important; }
.navbar-nav.navbar-right:last-child { margin-right: -15px !important; }
.navbar-right { float: right!important; }
}
.container { width: 1170px; }

@media (max-width: 1024px) {
#product-nav, .tab-content { float: left; }
#product-nav { width: 1170px; }
.video-gallery .tab-content, #graphic-design .tab-content, #start-learn .tab-content, #share .tab-content, #photo-editing .tab-content { float: none !important; }
#vid { background: none; }
#vid video { min-width: 100%; min-height: 100%; width: 100%; height: auto; }
	}

/* END Mobile Fix */