/* body { height: 100%; } */
/* .navbar .log { max-width: 180px; padding-left: 20px;} */
.contents { background-color: #fff; padding-bottom: 80px; margin-bottom: 0}
.contents h1 {font-size: 2em;}
.contents h2, .contents h3 {font-weight: bold;}
.contents h4 {font-weight: bold; font-size: 13px;}
/* body#loyalty { background: #292929; background-image: url(/static/psp/images/pages/loyalty/2018/background-loyalty.jpg); background-repeat: no-repeat; background-position: center -25px; background-attachment: fixed; } */
/* #promo-banner { display: none !important; } */
body.amnestyx {background: #27485b url(/static/psp/images/pages/loyalty/x9/bcg-image.jpg) top center no-repeat; background-attachment: fixed; background-size: cover;}
a { outline: none !important; }
.header {background: rgba(0,0,0,1); padding: 15px 0}
.head-contain img {max-width: 150px;}
.head-badge { position: absolute !important; top: 0; right: 0; z-index: 10; }
#base { background: #F26522; display: inline-block; height: 95.8px; margin-right: 30px; position: relative; width: 120px; color: #fff; text-align: center; font-size: 120%; line-height: 120%; font-weight: 600; padding-top: 30px; }
#base:before { border-top: 30px solid #F26522; border-left: 60px solid transparent; border-right: 60px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 95.5px; width: 0; }
.base-nl#base { padding-top: 4px; }
.pad-top { padding-top: 25px; }
body.de #offer { min-height: 290px; }
body.jp #must-haves ul li { font-size: 108%; }
body.jp #offer { min-height: 290px; }
body.jp .hero .offer p.offer-expires { font-size: 113%; }
body.nl .hero .offer p.offer-expires { font-size: 100%; }
body.de .hero .offer p.offer-expires { font-size: 110%; }
body.nl #base, body.es #base { width: 200px; }
body.nl #base:before, body.es #base:before { border-left: 100px solid transparent; border-right: 100px solid transparent; }

.hero span.new { font-weight: bold; }
.hero .offer { background: rgba(0,0,0,.7); color: #fff; padding-top: 10px; }
.variant .hero .offer { background: #fff; color: #333; }
/* .hero .offer h1 { font-size: 170%; } */
.hero .offer p { font-size: 120%; padding-bottom: 0; }
.hero .offer a { color: #fff; }
.pricing { text-align: center; }
.hero .offer .list-price { font-size: 120%; padding: 0; margin: 0; }
.hero .offer .list-price span { text-decoration: line-through; }
.hero .offer .main-price { font-size: 280%; padding: 0; margin: 0; }
.stopfade { opacity: .5; }
#hero button { display: block; width: 80%; padding: .4rem; border: none; margin: 1rem auto; font-size: 1.3rem; background: rgba(255,255,255,0.23); color: #fff; border-radius: 3px; cursor: pointer; -webkit-transition: .3s background; transition: .3s background; }
#hero button:hover { background: rgba(0,0,0,0.5); }
.offer .buttons { padding-top: 10px; }
#offer #artist-name { text-align: right; font-size: 70%; color: rgba(255,255,255,.5); }
.hero .offer .box-shot { text-align: center; }
.hero .offer .box-shot img { width: 60%; text-align: center; }
.hero .offer .btn { border-radius: 0; text-transform: uppercase; }
.hero .offer .btn-primary { background: #009cff; padding: 10px 50px 10px 50px; font-size: 100%; }
.hero .offer .btn-primary:hover { background: #28acff; }
.pricing .lto-promo { width: 100%; }
.pricing .pricing-save { font-size: 200% !important; background: #f26522; text-transform: uppercase; padding: 5px 0 5px 0 !important; }
p.offer-expires { background: #000; color: #fff; padding: 5px 20px 5px 20px !important; bottom: -30px !important; margin: 0 auto; text-align: center; right: 0; width: 100%; }


img.true-size { width: auto !important; }
.secure-purchase img { vertical-align: baseline; margin-right: 2px; }

.additional-info a { font-size: 12px; color: #fff; }
.paymentIcons img { width: auto !important; margin-right: .25em; }
.paymentIcons img.last { margin-right: 0; }
#iconbrandbar { margin-top: 20px; }

#must-haves { margin-bottom: 20px; }
#must-haves ul { list-style: none; padding-top: 0px; padding-bottom: 20px; margin-left: 17px }
#must-haves ul li { font-size: 110%; line-height: 130%; padding-bottom: 5px }
#must-haves ul li:before { font-family: "Glyphicons Halflings"; content: "\e258"; font-size: 65%; margin-right: 6px; margin-left: -17px; color: grey }
#must-haves ul.light-bullets li:before { color: #c8c8c8 }
#must-haves span.new { display: inline; color: #fff; }
.money-back { position: relative; right: 35px; top: -10px; }
.money-back img { position: absolute; top: -20px; z-index: 100; right: 5px; }
.navbar-inverse { background: #101010; }

.hero .offer p#vatLabel { color: #fff; font-size: 85%; }
.summary, .features { background: #fff; }
.overview-features { padding-top: 25px; padding-bottom: 25px; }
.features img { width: 100%; }
.features .feature { padding-bottom: 25px; }
.footer { background: rgba(0,0,0,1); padding-top: 10px; padding-bottom: 10px; height: 100%; }
#copyright-social p { float: left; color: #f9f9f9; }
#copyright-social ul { float: left; margin: 0; padding: 0; list-style: none; }
#copyright-social ul li { float: left; padding-left: 5px; color: #fff; }
#copyright-social ul li:after { padding-left: 5px; content: "|"; }
#copyright-social ul li.last:after { padding-left: 5px; content: ""; }
#copyright-social ul li a { color: #fff; text-decoration: underline; }
.label { border-radius: 0; font-size: 120%; position: absolute; font-weight: normal; padding: 10px 20px 10px 20px; }
.label-new { background: #f26522; text-transform: uppercase; }
.disclaimers { padding-top: 20px; font-size: 90%; color: #777; }
.disclaimers p { padding: 0; margin: 0 0 5px 0; }
.money-back img.money-back-badge {width: auto;}
#must-haves ul {padding: 0;}
.feature h3 {margin-top: 20px; margin-bottom: 10px;}

.basic #base { z-index: 100}
.top-label {position: absolute;}
.top-label .row { text-align: right;}
.basic .navbar {margin-bottom: 0;}
.amnestyx .navbar {min-height: 95px; margin: 0 !important;}
.amnestyx .navbar-header {margin: 0;}
.container{min-width: auto}
@media (min-width: 992px) {
    .top-label {top: 0; left: 50%; margin-left: -480px;}
}
@media (max-width: 991px) {
    .top-label {top: 0; left: 50%; margin-left: -370px;}
}
@media (max-width: 767px) {
    .top-label {top: 0; left: 0; margin-left: 0;}
    .top-label .row { text-align: right;}
}

@media (min-width: 768px) {
.hero .offer h1 { padding-left: 20px; padding-right: 20px; }
.hero .offer h4 { font-size: 140%; padding-left: 20px; padding-right: 20px; }
.hero .offer p { font-size: 100%; padding-left: 20px; padding-right: 20px; }
.hero .box-price { padding-top: 15px; }
.hero .pricing { }
.hero .offer .list-price { font-size: 100%; }
.hero .offer .main-price { font-size: 230%; }
.hero .offer .box-shot { text-align: left; position: relative; padding: 30px; }
.hero .offer .box-shot img { width: 100%; text-align: left; position: absolute; z-index: 100; top: 0px; }
.pricing .pricing-save { font-size: 100% !important; position: absolute; width: 100%; top: 0; left: 0; }
.summary { padding-top: 50px; }
.summary h2, .features h2 { font-size: 160%; }
#must-haves { margin-bottom: 0; }
#must-haves ul { padding-left: 20px; }
#must-haves ul li { font-size: 100%; }
.lto-badge { min-height: 50px; }
.money-back { position: absolute; right: 90px; top: 0; }
.money-back img { left: -40px; top: -25px; }
#must-haves, #offer { min-height: 265px; position: relative; }
#offer { background: rgba(0,0,0,0.5); position: relative; }
#offer #artist-name { position: absolute; right: -120px; bottom: 0; font-size: 80%; color: rgba(255,255,255,.5); }
p.offer-expires { position: absolute; background: #000; color: #fff; padding: 5px 20px 5px 20px !important; bottom: -30px !important; margin: 0 auto; text-align: center; right: 0; width: 100%; }
#premium-effects h2 { padding: 0 0 20px 0; margin: 0; }
#premium-effects p { padding: 0 0 15px 0; margin: 0; }
#premium-effects h4 { padding: 0; margin: 0; }
#premium-effects p { padding: 0 0 15px 0; margin: 0; }
.summary p, .features-title p { font-size: 100%; }
.overview-features h3 { font-size: 125%; }
}

@media (min-width: 992px) {
/* .hero .offer h1 { font-size: 180%; } */
.hero .offer p { font-size: 100%; }
.hero .offer .box-shot img { width: 220px; text-align: left; position: absolute; top: 20px; }
.hero .pricing { }
.hero .box-price { padding-top: 0; }
.hero .offer .list-price { font-size: 110%; padding: 0; margin: 0; }
.hero .offer .main-price { font-size: 250%; padding: 0; margin: 0; }
.pricing .pricing-save { font-size: 140% !important; }
#must-haves, #offer { min-height: 265px; }
#must-haves { padding-top: 20px; padding-bottom: 30px}
.money-back { position: absolute; right: 35px; top: -10px; }
.money-back img { left: -40px; top: -25px; }
body.de .money-back img, body.fr .money-back img { }
body.de .money-back p, body.fr .money-back p { }
.summary p, .features-title p { font-size: 115%; }
.summary h2, .features h2 { font-size: 180%; }
.overview-features h3 { font-size: 125%; }
}

@media (min-width: 1200px) {
/* .hero .offer h1 { font-size: 200%; } */
.hero .offer p { font-size: 115%; }
.hero .offer .box-shot img { width: 235px; text-align: left; position: absolute; top: 20px; }
#premium-effects.fr h2 { font-size: 200%; }
.money-back { position: absolute; right: 35px; top: -10px; }
#must-haves ul li { font-size: 110%; }
#must-haves, #offer { min-height: 265px; }
.hero .pricing { }
.hero .offer .list-price { font-size: 120%; }
.hero .offer .main-price { font-size: 280%; }
.summary p, .features-title p { font-size: 125%; }
.summary p, .features-title h4 { font-size: 125%; }
.summary h2, .features h2 { font-size: 200%; }
.overview-features h3 { font-size: 135%; }
}

@media screen and (max-width: 500px) {
}

@media all and (max-device-width: 768px) {
}
.center { text-align: center; }
.center h3 { font-size: 170%; padding-bottom: 1em; }
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 450px; margin: 20px auto; }
.white-popup ul { margin-left: 1.25em; }
.white-popup ul li { padding-bottom: 5px; }
.white-popup span.new { display: inline; }
#iconbrandbar { margin-top: 10px; color: #fff; clear: both; }
#iconbrandbar p { font-size: 100%; }

@media screen and (min-width: 2190px) {
body#loyalty { background-size: 100%; }
}
/* Amnesty*/

body#loyalty.variant { background: #D7D7D7; background-image: none; }
.variant .container { font-size: 13px; line-height: 1.42857143; line-height: 150%; }
.variant #hero { background: #fff; margin-bottom: 25px }
.variant #offer { background: rgba(0,0,0,0.8); min-height: 390px; }
.variant #offer .pricing { text-align: left; }
.variant #offer .list-price span { color: #ccc; }
.variant #offer .main-price { color: #fff; }
.variant .offer h1, .variant .offer h4, .variant .offer p { padding-left: 0; padding-right: 0; }
.variant .offer h1, .variant .offer h4, .variant .offer p { padding-bottom: 8px; line-height: 150%; }
/* .variant .offer h1 { padding-top: 10px; } */
.variant .amnesty-program h4 { font-weight: bold; padding-bottom: 8px; }
.variant .pricing .pricing-save { font-size: 100% !important; position: absolute; width: auto; padding: 5px 10px 5px 10px !important; color: #fff; top: 15px; left: 15px; }
/* .variant .summary, .variant .amnesty-program { background: #D7D7D7; } */
.variant .summary .container, .variant .amnesty-program .container { background: #fff; }
.variant .summary .container { padding-top: 20px; }
.variant .amnesty-program .container { padding-bottom: 30px; padding-top: 20px; }
.variant .amnesty-program h4 { padding-top: 20px !important; }
.variant .summary h3, .variant .amnesty-program h3 { font-size: 150%; }
.variant .summary h2 { padding-bottom: 10px !important; }
.variant .amnesty-program ul { padding-top: 0px; padding-bottom: 0; margin-left: 20px }
.variant .amnesty-program ul li { font-size: 110%; line-height: 130%; padding-bottom: 5px }
.icon-bar ul { padding: 20px 0 20px 0!important; margin: 0!important; line-height: 1; }
.icon-bar li { display: inline-block; padding: 0 !important; margin: 0 !important; }
.icon-bar li.prod-compare { list-style: none; }
.icon-bar li a span { padding-left: 60px; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; display: block; }
.icon-bar li:hover a span { background: rgba(255,255,255,0.2); }
.icon-bar li.sys-reqs a { background: url(/static/psp/images/icon-doc.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
.icon-bar li.reviewers-guide a { background: url(/static/psp/images/icon-book.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
span.italic { font-style: italic; }
#iconbrandbar { margin: 15px 0 15px; }
#offer { padding-top: 30px; }
#offer p.msg { color: #fff; }
.summary p, .features-title p { font-size: 100%; }
.comp-win10 { width: 95px; height: 20px; background: url(/static/common/images/icon-sprites.png) no-repeat; background-size: 90%; background-position: 0 -270px; display: inline-block; vertical-align: top; margin: 0 0 0 10px; }

@media (min-width: 768px) {
#offer { padding-top: 10px; }
.variant .box-shot img { width: 90% !important; }
#must-haves ul { padding-left: 0; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
.variant .box-shot img { width: 265px; left: 40px; }
.variant #must-haves ul li, .variant #must-haves p { font-size: 125%; }
.variant .amnesty-program ul li { line-height: 160%; }
}

@media (max-width: 767px) {
    #offer { text-align: center; }
    .money-back{ position: relative; float: none; right: 0; left: 0;}  
    .money-back img { position: relative; float: none; right: 0; left: 0; }
    
    .head-contain img {margin: 0 auto; display: block;}
    .head-contain img.log-left {margin: 0 0;}
    .amnestyx #sitenav .navbar-brand {padding: 20px; position: unset; left: 0; width: 180px !important; height: auto}
    .amnestyx a.navbar-brand {width: auto !important; max-width: 150px;}
    .amnestyx a.navbar-brand img {width: 150px !important;}
}