﻿#sb-site, .sb-site-container, body {            background-color: #F4F4F4;            position: relative;        }
.header, .headercontentholder{background-color:#1C2835; height:80px;}
.pmpluslogo, .pmpluslogoinv {background-size: 100%;    background-position: 0 -80px; margin-top: 5px;}
.plusheaderlinks, .plusheaderlinks2{margin-right:30px; color:white; font-weight:600; text-transform: initial;}
.plusheaderlinks2{margin-right:40px;}
.headercontentholder { border-bottom: none; padding: 15px 0 0 0; box-sizing:border-box;}
.allcatsheaderbtn { margin: 0px 0; padding-left: 30px;}
.cartholder { width: 620px; margin-top: 15px; text-align: right; line-height: 20px;}
.countrydropdown {left: -200px !important;}
.menu__btn {top: 10px;}
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {background-color: white;}
.menu_btn_txt { color: white;}
.contentholderplus, .bodycontentholder, .headercontentholder{width:1150px; margin-right:auto; margin-left:auto;}
.contentholderplusdark{background-color:#1C2835;}
.contentholderplusdark2{background-color:#2d3f52;}
.contentholderplusdark3{background-color:#223447;}
.limitedoffer{background-color:#079F9F; color:white; width:100%; text-align:center; padding:8px 10px; font-weight:600; font-size:16px;  box-sizing:border-box;}
.bodypadtop{padding-top:80px;}
.np-contentpadding{padding:30px 0px 40px 0px;}
.covergrid{position:relative;}
.panelfade2::after {    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to top, #2d3f52, transparent);}

.covertitlename{opacity:0; position:absolute; left:0; right:0; bottom:0; z-index:2; background: linear-gradient(to top, #2d3f52, transparent); padding:20px; font-weight:600; color:white;}
.coversizehw{width:100%; height:auto;}
.coversize{width:100%; height:auto; position:relative; z-index:1; transition: transform 0.2s ease; cursor:pointer;}
.coversize:hover{transform: scale(1.1); opacity:0.5;}
.coversize:hover + .covertitlename{opacity:1; transition: opacity 0.4s ease; transform: scale(1.1); margin-bottom:-10px;}

.np-trycirc{width:150px; height:150px; text-align:center; color:black; z-index:3; position:absolute; left:460px; top:90px; background-color:#FFEE53; line-height:33px; font-size:30px; font-weight:600; border-radius:80px; padding:25px 10px; box-sizing:border-box; transform: rotate(7deg); }
.tplight{display:inline-block;}
.tpdark{display:none;}
.dropdown-content2 .coldgrey{color:black;}

#stickylabel {    position: absolute;    width: 180px;    height: 180px;  backface-visibility: hidden; left:460px; top:90px; z-index:3;}

#stickylabel .sticky {    position: absolute;    top: 0;    left: 0;    width: 180px;    height: 180px; transform: rotate(45deg);}
#stickylabel .circle_wrapper {    position: absolute;    width: 180px;    height: 180px;    left: 0px;    top: 0px;    overflow: hidden;}
#stickylabel .circle {    position: absolute;    width: 140px;    height: 140px;    border-radius: 999px;}
#stickylabel .back {    height: 10px;    top: 30px;}
#stickylabel .back .circle {    margin-top: -130px;   margin-left: 8px; background-color: #fbec3f;    background-image: -webkit-linear-gradient(bottom, rgba(251,236,63,.0), rgba(255,255,255,.8));}
#stickylabel .front {    height: 150px;    bottom: 0;    top: auto;    -webkit-box-shadow: 0 -140px 20px -140px rgba(0,0,0,.3);}
#stickylabel .front .circle {    margin-top: -10px;   margin-left: 8px;  background: #fbec3f;    background-image: -webkit-linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);    background-image: -moz-linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);    background-image: linear-gradient(bottom, rgba(251,236,63,.0) 75%, #f7bb37 95%);}
#stickylabel h4 {    font-weight: 600;    font-size:30px;    text-align: center;    position: absolute;    width: 163px;    height: 150px;    line-height: 33px;    padding:33px 20px;    box-sizing:border-box;  transform: rotate(-5deg);}

.carouselholder{position:relative;}
.carousel {    position: relative;    width: calc(100% - 100px); margin-left:50px;    overflow: hidden;}
.slides {    display: flex;    transition: transform 0.5s ease;}
.slide {    flex: 0 0 100%;    padding: 20px;    box-sizing: border-box;    background-color: transparent;    text-align: left;}
.controls {    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 100%;    display: flex;    justify-content: space-between;    padding: 0 10px;    box-sizing: border-box;}
.control{background-color:transparent; border:none;}
.bullets {    display: flex;    justify-content: right;    margin-top: 10px;}
.bullet {    width: 30px;    height: 5px;    background-color: #505050;    border-radius: 2px;    margin: 0 2px;    cursor: pointer;}
.bullet.active {    background-color: white;}
.navinfo {  width: 30px;  height: 30px;  display: inline-block;  top: 4px;  position: relative;  margin-left: -1px;  cursor: pointer;}
.leftico {    background-size: 120px;    background-position: -61px -391px;}
.rightico {    background-size: 120px;    background-position: 31px -391px;}
.slidetxt1{font-size:22px; font-weight:600; color:white; line-height:25px; margin-bottom:5px;}
.slidetxt2{font-size:14px; font-weight:600; color:white; line-height:35px; margin-bottom:10px;}
.slidetxt3{font-size:16px; font-weight:600; color:#B0B0B2; line-height:25px;}

.np-h1{font-size:30px; font-weight:600; line-height:36px; color:white;}
.np-h2{font-size:24px; font-weight:600; line-height:30px; color:white;}
.np-h3{font-size:18px; font-weight:600; line-height:26px; color:white;}
.np-h4{font-size:16px; font-weight:600; line-height:26px; color:#4A4A5A;}

.np-header-holder{width:100%; overflow:hidden; position:relative; height:620px;}
.np-image-holder{right:calc(50% - 975px); height:650px; float:right; position:relative; margin-top:20px;}
.np-plusimg{height:550px; float:left;}
.np-phone{position:absolute; z-index:3; left:280px; width:225px; top:150px;}
.np-plusimg-cover1{position:absolute; z-index:2; left:30px; width:150px; height:195px; top:95px;}
.np-plusimg-cover2{position:absolute; z-index:2; left:192px; width:150px; height:195px; top:95px;}
.np-plusimg-cover3{position:absolute; z-index:2; left:30px; width:150px; height:195px; top:310px;}
.np-plusimg-cover4{position:absolute; z-index:2; left:192px; width:150px; height:195px; top:310px;}

.np-txt-holder{width:100%;}

.np-headertxt-holder{width:440px; position:absolute; left:calc(50% - 575px); top:30px;}
.np-headertxt1{ font-size:48px; line-height:55px; font-weight:600; color:black;}
.np-headertxt2{ font-size:27px; line-height:35px; font-weight:400; color:black; margin-top:20px;}
.whatyougettxt{font-size:18px; font-weight:600; color:black; line-height: 17px;}
.leftmenuico {  width: 19px;  height: 19px;  float: left;  margin-top: 3px;  margin-right: 0px;}
.row1btn{width:380px; margin-top:25px;}
.row1btnmid{margin-left:calc(50% - 190px);}

.buybutton, .buybutton:visited, .buybutton:link { color: black; background-color: #FFBB22; border:2px #FFBB22 solid; font-size:23px; font-weight:600; text-transform:initial;}
.buybutton2, .buybutton2:visited, .buybutton2:link { color: black; background-color: transparent; border:2px black solid; font-size:23px; font-weight:600; text-transform:initial;}
.buybutton3, .buybutton3:visited, .buybutton3:link { color: white; background-color: #2d3f52; border:2px white solid; font-size:14px; font-weight:600; text-transform:initial;}
.buybutton:hover { color: black; background-color: #ffc646; border:2px #ffc646 solid; font-size:23px; font-weight:600; text-transform:initial;}
.buybutton2:hover { color: black; background-color: transparent; border:2px #FFBB22 solid; font-size:23px; font-weight:600; text-transform:initial;}
.buybutton3:hover { color: white; background-color: #24364a; border:2px white solid; font-size:14px; font-weight:600; text-transform:initial;}

.viewallcats{font-family: 'Inter', arial, sans-serif; height: unset;}

.whatgetico {background-size: 300%;  background-position: -10px -145px;  transform: rotate(90deg);}
#giftinfoholder{cursor:pointer;}
.giftinfoholder{background-color:black; border-radius:10px; width: 20px;  height: 20px;  display: inline-block; transition: transform 0.3s ease;}
.giftinfo {width: 15px;  height: 15px;  display: inline-block;  top: 4px;  position: relative;  margin-left: -1px;  cursor: pointer;}
.btnh50 {  height: 60px;  line-height: 56px;}
.btnh40 {  height: 40px;  line-height: 36px;}

.magmargintop{margin-top:-30px; position: relative;}

.np-tp-holder{width:150px; margin-left:calc(50% - 75px);}
.np-tp-txt{font-size:12px; text-align:center;}

.whatsthecatch{background-color:#1B2733; color:white; max-height: 0; transition: max-height 0.3s ease-out; overflow:hidden;}
.whc-padding{padding:20px 0px 20px 0px;}
.whc-text1{font-size:48px; font-weight:600; line-height:55px; color:#f4f4f4;}
.whc-text2{font-size:24px; font-weight:400; line-height:30px; color:#A1A1A4;}
.whc-text3{font-size:20px; font-weight:600; line-height:25px; color:#f4f4f4; margin-left:30px;}
.whc-text4{font-size:13px; font-weight:600; line-height:17px; color:#B3B3B6; margin-left:30px;}
.whc-plus-txt{font-size:30px; font-weight:400; line-height:20px; color:#FE2424; float:left;}
.whc-plus-txt-holder{margin-bottom:20px;}
.whc-holder-col1{width:45%; float:left; margin-top:30px;}
.whc-holder-col2{width:45%; float:right; margin-top:30px;}

#trynowcta{width:100%; z-index:10; position:fixed; bottom:-150px; transition: bottom 0.5s ease-in-out;}
#trynowcta.show {    bottom: 0px; }
.btntrynow{width:360px; float:right;}
.trynowtxtholder{width:calc(100% - 400); float:left;}

#footerplus.footerpadding{padding-bottom:130px;}
.ctabtn{font-size:16px;}
.ctabtn:visited{font-size:16px;}
.ctabtn:hover{font-size:16px;}

.footerholder {    background-color: transparent;    border-top: none;    padding: 20px;    box-sizing: border-box;    margin-top: 0px;    color: white;}
.pmlogof {  width: 150px;  height: 40px;  display: block;  background-size: 100%;  background-position: 0px -35px;}
.footerlink {  color: white; }
.coldgrey {  color: white;}

.pill, .container1, .container2, .container3, .container4, .container5, .container6 {    border-radius: 30px;    background: white;    height: 60px;    transition: height 0.5s;    border: 3px #202d3c solid;    overflow:hidden;}
.container1, .container2, .container3, .container4, .container5, .container6 {    margin-bottom: 30px;}
.pill {    transition: border-radius 0.5s, border 0.5s;    padding: 5px 15px 5px 20px;    box-sizing: border-box;    cursor: pointer;    text-align: left;    text-decoration: none;    font-size:22px;    font-weight:600;    line-height:50px; color:black; border:none;}

.container1.active, .container2.active, .container3.active, .container4.active, .container5.active, .container6.active {    height: 160px;}
.pillhelpanswer{padding: 0px 20px 20px 20px; font-size:18px;}
.divCartFull .teallink, .divCartFull .sumwrap{display:none;}


@media screen and (max-width:749px) {
    .headercontentholder { padding: 15px 20px 0 20px;}
.pmpluslogo, .pmpluslogoinv {background-position: 0 -48px;}
.cartholder {  margin-right: 0px;  }
.contentholderplus, .bodycontentholder, .headercontentholder, .contentholderplusdark { width: 100%; margin-left: auto; margin-right: auto; }
.plusheaderlinks, .plusheaderlinks2{display:none;}
.allcatsheaderbtn { border-left:none;}
.footerholder {    padding: 20px;  }

.np-txt-holder{width:100%; padding:0px 20px; box-sizing:border-box;}

.np-header-holder{width:100%; overflow:hidden; position:relative; height:auto; padding-bottom:30px;}
.np-image-holder{right:unset; left:0px; height:105vw; float:right; position:relative; margin-top:20px; width:100%; text-align:center; }
.np-headertxt-holder{width:100%; position:relative; left:0px; top:unset; margin-top:40px; text-align:center; box-sizing:border-box; padding:0px 20px;}

.np-plusimg{height:auto; float:left; left:calc(50% - 44vw); width:70vw; position:absolute;}
.np-phone{position:absolute; z-index:3; right:calc(50% - 44vw); left:unset; width:35vw; top:37vw;}
.np-plusimg-cover1{position:absolute; z-index:2; left:calc(50% - 38vw); width:28vw; height:37vw; top:13vw;}
.np-plusimg-cover2{position:absolute; z-index:2; left:calc(50% - 8vw); width:28vw; height:37vw; top:13vw;}
.np-plusimg-cover3{position:absolute; z-index:2; left:calc(50% - 38vw); width:28vw; height:37vw; top:54vw;}
.np-plusimg-cover4{position:absolute; z-index:2; left:calc(50% - 8vw); width:28vw; height:37vw; top:54vw;}

.row1btn{width:100%; margin-top:30px;}
.row1btnmid {  margin-left: unset;}

.whc-holder-col1{width:100%; float:left; margin-top:30px;}
.whc-holder-col2{width:100%; float:right; margin-top:20px;}
.star50 {    background-position: -3px -3px;  }
.slidetxt2{line-height:25px; margin-bottom:10px;}
.carousel {width: calc(100% - 80px); margin-left:40px; }
.controls {padding: 0 0px;}
.slide { padding: 20px 0px; }
.controls .prev{margin-left:-10px}
.controls .next{margin-left:10px}
.ctapad{padding:30px 20px;}
.ctatxt1{width:100%; text-align:center; margin-bottom:5px;}
.ctatxt2{width:100%; text-align:center; margin-bottom:15px;}
.btntrynow{width:100%; float:right;}
#trynowcta{ bottom:-250px; }

.leftmenulink {font-size: 25px;  }
#stickylabel { left: 60vw;  top: 490px;  z-index: 4;}

.pill {font-size: 15px;}
.pillhelpanswer {font-size: 17px;}
.container1.active, .container2.active, .container3.active, .container4.active, .container5.active, .container6.active {
  height: 210px;}
.ctatxt1{margin-bottom:15px;}

.ctatxt2{display:none;}

}


@media screen and (min-width:750px) and (max-width:1089px) {

.headercontentholder { padding: 15px 20px 0 20px;}
.cartholder {  margin-right: 0px;  }
.contentholderplus, .bodycontentholder, .headercontentholder, .contentholderplusdark { width: 100%; margin-left: auto; margin-right: auto; }
.plusheaderlinks, .plusheaderlinks2{margin-right:15px;}
.plusheaderlinks2{margin-right:25px;}
.allcatsheaderbtn { padding-left: 15px;}
.pmhl {    width: 0;    height: 50px;  }
 .hamburger-menu {    display: none;  }
 .footerholder {    padding: 20px;  }

 .np-txt-holder{width:100%; padding:0px 20px; box-sizing:border-box;}

.np-image-holder{right:unset; left:490px; height:650px; float:right; position:absolute; margin-top:20px;}
.np-headertxt-holder{width:440px; position:absolute; left:20px; top:50px;}

#stickylabel {  left: 420px;  top: 35px;  z-index: 3;}
.ctapad{padding:30px 20px;}

}

@media screen and (min-width:1090px) and (max-width:1150px) {

.headercontentholder { padding: 15px 20px 0 20px;}
.cartholder {  margin-right: 0px;  }
.contentholderplus, .bodycontentholder, .headercontentholder, .contentholderplusdark { width: 100%; margin-left: auto; margin-right: auto; }

.np-txt-holder{width:100%; padding:0px 20px; box-sizing:border-box;}


.np-image-holder{right:unset; left:490px; height:650px; float:right; position:absolute; margin-top:20px;}
.np-headertxt-holder{width:440px; position:absolute; left:20px; top:50px;}
.ctapad{padding:30px 20px;}


}




body.dark-theme .row1h1{ color:white;}
body.dark-theme .np-headertxt1{color:white;}
body.dark-theme .np-headertxt2{color:white;}
body.dark-theme .whatyougettxt{color:white;}
body.dark-theme #stickylabel h4{color:black;}
body.dark-theme .buybutton2, body.dark-theme .buybutton2:visited, body.dark-theme .buybutton2:link {    color: white;border: 2px white solid;}
body.dark-theme .tplight{display:none;}
body.dark-theme .tpdark{display:inline-block;}
body.dark-theme .giftinfoholder {  background-color: white;}
body.dark-theme .whatgetico{filter:invert(1)}
body.dark-theme .footerholder {    background-color: transparent;}
body.dark-theme .header, body.dark-theme .headercontentholder, body.dark-theme .mobilesearchholder {    background-color: #1C2835;}
