.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.brand-name {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 3px;
  margin-right: 3px;
}

.font-en {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 3px;
  margin-right: 3px;
}

html, body {
  margin: 0;
}

.px {
  width: 1px !important;
  height: 1px !important;
}

.highlight {
  color: #0083d7;
  font-weight: 500;
}

.wrapper {
  display: block;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.wrapper img {
  width: 100%;
  height: auto;
}
#debug {
  background: rgba(200, 255, 0, 0.631372549);
  color: #000000;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 2px 8px;
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 999999;
  word-break: break-all;
  pointer-events: none;
}
#debug:hover {
  background: #c2f702;
}

.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  width: 100vw;
  height: 23vw;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  z-index: 100;
  font-family: Arial, Helvetica, sans-serif;
  align-items: center;
  padding-top: 4px;
  white-space: nowrap;
  text-wrap: nowrap;
}
.bottom-bar .dynamic-row {
  text-align: center;
}
.bottom-bar .dynamic-row img {
  padding: 0 1vw;
}
.bottom-bar .col-50 {
  display: inline-block;
  width: 48.5%;
  text-align: center;
}
.bottom-bar .col-50:first-child {
  text-align: right;
  float: left;
}
.bottom-bar .col-50:last-child {
  text-align: left;
  float: right;
}
.bottom-bar .col-50-fit {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.bottom-bar .col-50-fit:first-child {
  padding-left: 0;
  float: left;
  text-align: right;
}
.bottom-bar .col-50-fit:last-child {
  padding-right: 0;
  float: right;
  text-align: right;
}
.bottom-bar .col-33 {
  width: 33%;
  text-align: center;
}
.bottom-bar .col-100 {
  width: 100%;
  text-align: center;
}
.bottom-bar .btn-cta {
  text-align: center;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
}
.bottom-bar .btn-cta:hover {
  opacity: 0.9;
}
.bottom-bar .btn-cta img {
  width: auto;
  height: 16vw;
}
@media (min-width: 500px) {
  .bottom-bar {
    height: 15vw;
  }
  .bottom-bar .btn-cta {
    padding: 1vw;
  }
  .bottom-bar .btn-cta img {
    height: 13vw;
  }
}
.bottom-bar.taller .btn-cta img {
  width: 49vw;
  height: auto;
  padding: 0 0.25vw;
}
@media (min-width: 500px) {
  .bottom-bar.taller .btn-cta img {
    width: auto;
    height: 13vw;
  }
}

.fancybox-close-small {
  display: none !important;
}

#manningCoupon {
  display: none;
  padding: 0;
  min-height: 70vh;
}
#manningCoupon .coupon {
  width: 100%;
}
#manningCoupon .btn-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
}
#manningCoupon .btn-popup-close img {
  width: 16px;
  height: 16px;
}

#manningStoreList {
  display: none;
  padding: 0;
  min-height: 80vh;
}
#manningStoreList .popup-body {
  padding: 10vw 10vw 0 10vw;
}
#manningStoreList .top-outer {
  background-color: #ffffff;
  height: 40vw;
}
#manningStoreList .top-inner {
  background-color: #ffffff;
  top: 0;
  left: 0;
}
#manningStoreList .top-container {
  padding: 7.5vw 10vw 0 10vw;
}
#manningStoreList .btn-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
}
#manningStoreList .btn-popup-close img {
  width: 16px;
  height: 16px;
}
#manningStoreList img {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
#manningStoreList h2 {
  margin-top: 0px;
  text-align: center;
  font-size: 4vw;
}
#manningStoreList h2 .pin-icon {
  width: 16px;
  height: 24px;
  margin-right: 5px;
}
#manningStoreList .manning-bar {
  width: 100%;
}
#manningStoreList .banner {
  width: 100%;
  cursor: pointer;
}
#manningStoreList .search-bar {
  width: 100%;
  height: 12vw;
}
#manningStoreList .search-bar .icon {
  float: left;
  width: 6vw;
  margin-top: 1vw;
}
#manningStoreList .search-bar input[type=text] {
  float: right;
  width: 68vw;
  border: 1px solid #000000;
  border-radius: 0;
  box-shadow: none;
  padding: 3px 9px;
  font-size: 4vw;
  margin-bottom: 20px;
}
#manningStoreList .store-list {
  list-style: none;
  padding: 0;
  height: 60vh;
  width: 100%;
  overflow-y: scroll;
  padding-left: 10%;
  padding-right: 10%;
}
#manningStoreList .store-list a:link, #manningStoreList .store-list a:visited {
  color: #000000;
  text-decoration: none;
}
#manningStoreList .store-list a:hover {
  color: #000000;
  text-decoration: underline;
}
#manningStoreList .store-list .store-item {
  width: 99%;
  font-size: 3.5vw;
  border: #cccccc 1px solid;
  border-radius: 6px;
  padding: 12px 10px 10px 20px;
  margin-bottom: 12px;
}
#manningStoreList .store-list .store-item b {
  font-size: 4.5vw;
}
#manningStoreList .store-list .store-item.has-promoter {
  background-image: url(../images/icon-promoter.png);
  background-size: auto 5.4vw;
  background-position: 98% 5%;
  background-repeat: no-repeat;
}

.top-panel {
  text-align: center;
}
.top-panel .logo {
  width: 40vw;
  height: auto;
  display: inline;
  margin-top: 20px;
}
.top-panel h1 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5vw;
  margin-top: 5px;
  margin-bottom: 15px;
}
.top-panel .product.show {
  display: block;
}

#topPanelSales .top-panel-body {
  position: relative;
  width: 100vw;
  height: 139.1677vw;
}
#topPanelSales .top-panel-body .animated-message {
  position: absolute;
  top: 10vw;
  left: 1vw;
  width: 40vw;
  z-index: 1;
}
#topPanelSales .top-panel-body .animated-item {
  position: absolute;
  width: 100vw;
  z-index: 2;
}
#topPanelSales .top-panel-body .text {
  z-index: 4;
}
#topPanelSales .top-panel-body .animated-panel {
  position: absolute;
  width: 100vw;
  height: inherit;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition-duration: 700ms;
  transition-timing-function: linear;
}
#topPanelSales .top-panel-body .animated-panel.active {
  opacity: 1;
}

#topPanelGeneric {
  padding-bottom: 5vw;
}
#topPanelGeneric .shields {
  position: absolute;
  top: 80vw;
  left: 7vw;
}
#topPanelGeneric .shields .shield {
  position: absolute;
  width: 29.5vw;
  height: 29.5vw;
  z-index: 1;
  opacity: 0;
}
#topPanelGeneric .shields .flare {
  position: absolute;
  width: 20vw;
  height: 20vw;
  top: -5vw;
  left: -5vw;
  z-index: 12;
  opacity: 0;
}

@keyframes shield-move-in {
  0% {
    opacity: 0;
    transform: translate(-15vw, 5vw) scale(0.75, 0.75);
  }
  100% {
    opacity: 1;
    transform: translate(0) scale(1, 1);
  }
}
@keyframes shield-move-out {
  0% {
    opacity: 1;
    transform: translate(0) scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: translate(15vw, 5vw) scale(0.75, 0.75);
  }
}
@keyframes shield-flare {
  0% {
    opacity: 0;
    transform: rotate(-360deg) scale(0.25, 0.25);
  }
  60% {
    opacity: 1;
    transform: rotate(-180deg) scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: rotate(-120deg) scale(0.25, 0.25);
  }
}
.know-more {
  display: none;
}

[data-target=knowmore] {
  cursor: pointer;
}
[data-target=knowmore]:hover {
  opacity: 0.9;
}

section:last-of-type {
  padding-bottom: 24.5vw !important;
}
@media (min-width: 500px) {
  section:last-of-type {
    padding-bottom: 15.5vw !important;
  }
}
section:first-child {
  padding-top: 0 !important;
}
section#intro .title {
  background-image: url(../images/intro-header-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  align-items: center;
  color: #000000;
  margin: 0;
  text-align: center;
  padding: 14vw 5vw;
}
section#intro .title h2 {
  margin: 0;
}
section#intro .title .title-text {
  display: inline-block;
  font-size: 7.5vw;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.1;
  margin: 0;
  background: #ffffff;
  border-radius: 10px;
  padding: 5px 12px;
}
section#intro .title .title-text:first-child {
  padding-bottom: 8px;
}
section#intro .title .title-text:last-child {
  padding-top: 8px;
  margin-top: -8px;
}
section#intro .content {
  padding: 30px 40px 3vw 40px;
}
section#intro .content h3, section#intro .content p {
  font-size: 4vw;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
section#intro .content h3 {
  margin-bottom: 6px;
}
section#intro .title-image {
  display: block;
  width: 50vw;
  height: auto;
  margin: 0 auto;
}
section#intro .bottom {
  background-image: url(../images/intro-digest.png);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 75vw;
  height: 50vw;
  margin: 0 auto;
  text-align: center;
}
section#intro .bottom p {
  font-size: 6vw;
  margin: 3px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
section#why {
  padding-top: 10vw;
}
section#why .highlight {
  color: #004aad;
}
section#why .title h2 {
  font-size: 7vw;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  line-height: 1.25;
  color: #000000;
  margin: 0;
  text-align: center;
}
section#why .title h2 b {
  font-weight: 600;
}
section#why .circle-wrapper {
  margin-top: 5vw;
}
section#why .circle-wrapper .product-image {
  position: relative;
  z-index: 10;
  margin-top: 3.5vw;
  width: 100%;
  height: auto;
}
section#why .circle-wrapper p {
  position: absolute;
  right: 4vw;
  top: 17vw;
  color: #ffffff;
  font-size: 5vw;
  font-weight: 500;
  transform: rotate(-7deg);
  z-index: 10;
}
section#why .content-1 {
  margin-top: 1vw;
  padding-bottom: 5vw;
  text-align: center;
  background-image: url(../images/why-title-1.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left center;
}
section#why .content-1 h3 {
  font-size: 9vw;
  font-weight: 600;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  letter-spacing: -1px;
  line-height: 1.05;
}
section#why .content-1 h3 .font-en {
  font-size: 11vw;
  letter-spacing: -2px;
  margin: 0;
}
section#why .content-1 h3 sup {
  font-size: 6.5vw;
  font-weight: 300;
}
section#why .content-1 p {
  font-size: 5.5vw;
  line-height: 1.25;
  margin-top: 5vw;
}
section#why .content-1 p .highlight {
  font-weight: 600;
}
section#why .badges {
  text-align: center;
}
section#why .badges .badge {
  display: inline-block;
  width: 39.5vw;
  height: 39.5vw;
  font-size: 5.5vw;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  color: #000000;
  padding-top: 12vw;
  margin: 0 1vw;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
section#why .badges .badge.badge-1 {
  background-image: url(../images/why-badge-1.png);
}
section#why .badges .badge.badge-2 {
  background-image: url(../images/why-badge-2.png);
}
section#why .badges .remark {
  text-align: center;
  font-size: 2.6vw;
  margin-top: 5vw;
}
section#why .content-2 {
  margin-top: -15vw;
  background-image: url(../images/why-no1-certified.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right center;
  text-align: left;
  height: 105vw;
  padding-top: 30vw;
  padding-left: 7vw;
}
section#why .content-2 .font-en {
  display: inline;
}
section#why .content-2 p {
  font-size: 4vw;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-top: 7vw;
}
section#why .content-2 p .highlight {
  font-weight: 600;
}
section#why .content-2 .chart {
  width: 50vw;
  height: 37vw;
  background-image: url(../images/why-chart.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-top: 1vw;
}
section#why .content-2 .chart p {
  font-size: 3.5vw;
  font-weight: 500;
  margin-left: 24.5vw;
}
section#why .content-3 {
  margin-top: 12vw;
  padding: 0 7vw;
}
section#why .content-3 h3 {
  font-size: 5.5vw;
  margin-bottom: 5vw;
}
section#why .content-3 h3 .highlight {
  font-size: 7vw;
  color: #f99d14;
  padding-left: 2px;
}
section#why .content-3 ul {
  padding: 0;
}
section#why .content-3 ul li {
  list-style: none;
  display: inline-block;
  width: 24vw;
  height: 30vw;
  margin-left: 5.4vw;
  padding-top: 22vw;
  text-align: center;
  font-size: 3.85vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (min-width: 500px) {
  section#why .content-3 ul li {
    width: 23vw;
    font-size: 3.5vw;
  }
}
section#why .content-3 ul li:nth-child(1), section#why .content-3 ul li:nth-child(4) {
  margin-left: 0;
}
section#why .content-3 ul li.icon-1 {
  background-image: url(../images/why-point-1.png);
}
section#why .content-3 ul li.icon-2 {
  background-image: url(../images/why-point-2.png);
}
section#why .content-3 ul li.icon-3 {
  background-image: url(../images/why-point-3.png);
}
section#why .content-3 ul li.icon-4 {
  background-image: url(../images/why-point-4.png);
}
section#why .content-3 ul li.icon-5 {
  background-image: url(../images/why-point-5.png);
}
section#why .content-3 ul li.icon-6 {
  background-image: url(../images/why-point-6.png);
}
section#why .content-4 {
  padding: 0 10vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../images/why-microencapsulation.jpg);
  width: 100vw;
  height: 112vw;
  padding-top: 42vw;
  text-align: center;
}
section#why .content-4 h3 {
  font-size: 6.5vw;
  padding-left: 3vw;
}
section#why .content-4 h3 .highlight {
  color: #ffffff;
  font-size: 4.5vw;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
section#why .content-4 .line-1, section#why .content-4 .line-2 {
  margin-top: 20vw;
  margin-bottom: 0;
  font-size: 5.75vw;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  text-align: left;
  letter-spacing: -1px;
  text-shadow: 1px 1px 0 rgba(62, 210, 255, 0.7411764706);
}
section#why .content-4 .line-1 .larger, section#why .content-4 .line-2 .larger {
  font-size: 14vw;
  font-weight: 900;
}
section#why .content-4 .line-1 .larger sup, section#why .content-4 .line-2 .larger sup {
  font-size: 5vw;
  color: #000000;
  display: inline-block;
  transform: translate(-1vw, -3vw);
  margin-right: -2vw;
}
section#why .content-4 .line-2 {
  margin-top: -3vw;
  text-align: right;
}
section#why .leading {
  width: 100%;
  text-align: center;
  font-size: 5.75vw;
  font-weight: 600;
  margin: 5vw 0 5vw 0;
  text-shadow: 1px 1px 0 rgba(62, 210, 255, 0.7411764706);
}
section#why .content-5 {
  margin-top: -10vw;
  padding-top: 30vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../images/why-50billion-bg.png?v=2);
  width: 100vw;
  text-align: center;
}
section#why .content-5 .key-msg {
  padding-left: 4vw;
}
section#why .content-5 .key-msg h3 {
  font-size: 6vw;
  font-weight: 600;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
section#why .content-5 .key-msg h3 .larger {
  font-size: 15vw;
  font-weight: 600;
}
section#why .content-5 .key-msg .pill {
  width: 20vw;
  height: auto;
  margin-top: 2vw;
  margin-bottom: 3vw;
}
section#why .content-5 .key-msg p {
  font-size: 5vw;
}
section#why .content-5 .key-msg p .highlight {
  color: #000000;
  border-radius: 100px;
  background: linear-gradient(90deg, #f37435, #fcc92e);
  padding: 1vw 2vw;
  margin-right: 5px;
}
section#why .content-5 .comparison {
  margin-top: 15vw;
}
section#why .content-5 .comparison .left, section#why .content-5 .comparison .right {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
section#why .content-5 .comparison .left img, section#why .content-5 .comparison .right img {
  width: 100%;
  height: auto;
}
section#why .content-5 .comparison .left p, section#why .content-5 .comparison .right p {
  font-size: 3.5vw;
  text-align: left;
  padding-right: 3.5vw;
}
section#why .content-5 .comparison .left .tag, section#why .content-5 .comparison .right .tag {
  display: inline-block;
  padding: 1vw 3vw;
  margin: 2vw auto;
  border-radius: 2vw;
  font-size: 3.5vw;
  color: #000000;
  background: #fef727;
}
section#introSku {
  padding-bottom: 5vw !important;
  margin-top: 10vw;
}
section#introSku h2 {
  font-size: 6vw;
  text-align: center;
}
section#introSku h2 b {
  font-size: 6.5vw;
}
section#introSku h2 .larger {
  font-size: 12vw;
  font-weight: 900;
}
section#introSku .product-list {
  padding: 0;
  margin-top: 5vw;
}
section#introSku .product-list li {
  width: 100vw;
  height: 35vw;
  list-style: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: -5vw auto 0 auto;
  padding-left: 49%;
  padding-top: 6.75vw;
  font-size: 4vw;
}
section#introSku .product-list li:first-child {
  margin: 0 auto;
}
section#introSku .product-list li .font-en {
  font-size: 5vw;
}
section#introSku .product-list li.proslim {
  background-image: url(../images/product-list-item-proslim.png);
}
section#introSku .product-list li.proslim h3 {
  color: #f38f40;
}
section#introSku .product-list li.proboost {
  background-image: url(../images/product-list-item-proboost.png);
}
section#introSku .product-list li.proboost h3 {
  color: #0075ff;
}
section#introSku .product-list li.proglow {
  background-image: url(../images/product-list-item-proglow.png);
}
section#introSku .product-list li.proglow h3 {
  color: #fe9cd7;
}
section#introSku .product-list li.promind {
  background-image: url(../images/product-list-item-promind.png);
}
section#introSku .product-list li.promind h3 {
  color: #7ed957;
}
section#introSku .product-list li h3 {
  font-size: 3.75vw;
  margin: 0 0 1.5vw;
}
section#introSku .product-list li p {
  font-size: 3.75vw;
  color: #000000;
}
section.product-detail {
  padding-top: 5vw;
  padding-bottom: 5vw;
  background-color: #ffffff;
}
section.product-detail:last-of-type {
  border-bottom: 0;
}
section.product-detail .title {
  padding-left: 5vw;
}
section.product-detail .title h2 {
  font-size: 6.5vw;
}
section.product-detail .title h2 .font-en {
  margin: 0;
  font-size: 9.5vw;
}
section.product-detail .circle-wrapper {
  text-align: center;
}
section.product-detail .circle-wrapper h3 {
  position: relative;
  top: 15vw;
  margin-top: -9vw;
  font-size: 5vw;
  display: inline-block;
  background: #ffffff;
  border-radius: 100px;
  padding: 1vw 3vw;
  z-index: 12;
}
section.product-detail .circle-wrapper p {
  position: absolute;
  right: 7vw;
  top: 33vw;
  color: #ffffff;
  font-size: 3.25vw;
  font-weight: 500;
  z-index: 11;
}
section.product-detail .circle-wrapper.proboost h3 {
  color: #0fbfde;
}
section.product-detail .circle-wrapper.promind h3 {
  color: #37d268;
}
section.product-detail .circle-wrapper.proglow h3 {
  color: #ff66c4;
}
section.product-detail .circle-wrapper.proslim h3 {
  color: #f99d14;
}
section.product-detail .circle-wrapper .product-image {
  position: relative;
  margin-top: 13.5vw;
  z-index: 10;
}
section.product-detail table {
  width: 96.5%;
  margin-left: 1.5%;
  margin-top: 3vw;
}
section.product-detail table tr:first-child {
  height: 10vw;
}
section.product-detail table tr:nth-child(3) td {
  text-align: center;
  background: #d5ae6b;
}
section.product-detail table tr:nth-child(3) td:nth-child(1), section.product-detail table tr:nth-child(3) td:nth-child(3) {
  background: none;
}
section.product-detail table tr:nth-child(5) td {
  vertical-align: top;
}
section.product-detail table td {
  padding: 1vw;
  font-size: 3.6vw;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 500px) {
  section.product-detail table td {
    font-size: 3.3vw;
  }
}
section.product-detail table td.with-border {
  background-image: url(../images/product-table-border.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 4vw;
  padding-bottom: 3vw;
  text-align: center;
}
section.product-detail table td.with-border img {
  width: 90%;
  margin-left: 5%;
  margin-top: 1vw;
}
section.product-detail table td:nth-child(1) {
  width: 8vw;
  font-weight: bold;
  text-align: center;
  padding-right: 2vw;
}
section.product-detail table td:nth-child(2) {
  width: 46vw;
}
section.product-detail table td:nth-child(3) {
  width: 1vw;
}
section.product-detail table td:nth-child(4) {
  width: 46vw;
}
section#comparison {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-image: url(../images/comparison-bg-proboost.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  height: 162vw;
}
section#comparison.proslim {
  background-image: url(../images/comparison-bg-proslim.jpg);
}
section#comparison.proglow {
  background-image: url(../images/comparison-bg-proglow.jpg);
}
section#comparison.promind {
  background-image: url(../images/comparison-bg-promind.jpg);
}
section#comparison .icon {
  width: 11.3vw;
  height: 11.3vw;
}
section#comparison table {
  width: 90%;
  margin-left: 5%;
  margin-top: 32vw;
}
section#comparison table tr {
  border-bottom: 1px #d9d9d9 solid;
}
section#comparison table tr:first-child {
  height: 10vw;
}
section#comparison table tr:first-child td {
  font-weight: bold;
  color: #000000;
}
section#comparison table tr:last-child {
  border: 0;
}
section#comparison table td {
  padding: 1.75vw 0vw 1.5vw 0vw;
  color: #ffffff;
  font-size: 3.75vw;
}
section#comparison table td .cert {
  width: 28vw;
  height: auto;
  margin-top: 1.5vw;
}
section#comparison table td:nth-child(1) {
  width: 46%;
}
section#comparison table td:nth-child(2) {
  width: 28%;
  text-align: left;
  padding-left: 2vw;
}
section#comparison table td:nth-child(3) {
  width: 22%;
  text-align: center;
}
section#testimonials {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  padding-top: 10vw;
  position: relative;
  height: 170vw;
}
section#testimonials h2 {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/testimonials-title-bg.png);
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: center center;
  font-size: 5.5vw;
  text-align: left;
  padding: 5vw 4vw;
  font-weight: 400;
  color: #ffffff;
  width: 72vw;
}
section#testimonials h2 b {
  font-weight: 600;
}
section#testimonials img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
section#manningWhereToBuy.not-last-section {
  padding-bottom: 5vw !important;
}
section#manningWhereToBuy h2 {
  margin-top: 0px;
  text-align: center;
  font-size: 4vw;
}
section#manningWhereToBuy h2 .pin-icon {
  width: 16px;
  height: 24px;
  margin-right: 5px;
}
section#manningWhereToBuy img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
section#manningWhereToBuy .content {
  width: 90%;
  margin-left: 5%;
}
section#manningWhereToBuy .content img {
  width: 100%;
}
section#manningWhereToBuy .content .protector-bar {
  margin-top: 15px;
  padding-bottom: 10vw;
  font-size: 3.8vw;
}
section#manningWhereToBuy .content .protector-bar .protector-logo {
  width: 36vw;
  height: auto;
  display: inline-block;
  margin-right: 2vw;
}
section#manningWhereToBuy .content .protector-bar a:link, section#manningWhereToBuy .content .protector-bar a:visited {
  color: #000000;
  text-decoration: none;
}
section#manningWhereToBuy .content .protector-bar a:hover {
  color: #000000;
  text-decoration: underline;
}
section#manningWhereToBuy button {
  border: 1px solid #000000;
  padding: 5px 15px;
  width: 100%;
  font-size: 4vw;
  text-align: center;
  box-shadow: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  margin-bottom: 15px;
  color: #000000;
}
section#manningWhereToBuy button:active {
  background: #000000;
  color: #ffffff;
}
section#manningWhereToBuy .bottom {
  width: 100%;
  height: auto;
  margin-top: 5px;
}
section.top-panel-sku-content {
  width: 100vw;
  overflow-x: hidden;
}
section.top-panel-sku-content .quote {
  display: flex;
  align-items: center;
  height: 34vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
}
section.top-panel-sku-content .quote .quote-body {
  width: 100%;
  text-align: center;
  font-size: 4.75vw;
}
section.top-panel-sku-content .quote.white.proboost {
  background-image: url("../images/product-quote-proboost-white.png");
}
section.top-panel-sku-content .quote.white.proboost .highlight {
  color: #148baf;
}
section.top-panel-sku-content .quote.white.promind {
  background-image: url("../images/product-quote-promind-white.png");
}
section.top-panel-sku-content .quote.white.promind .highlight {
  color: #7ed957;
}
section.top-panel-sku-content .quote.white.proglow {
  background-image: url("../images/product-quote-proglow-white.png");
}
section.top-panel-sku-content .quote.white.proglow .highlight {
  color: #fe9cd7;
}
section.top-panel-sku-content .quote.white.proslim {
  background-image: url("../images/product-quote-proslim-white.png");
}
section.top-panel-sku-content .quote.white.proslim .highlight {
  color: #f38f40;
}
section.top-panel-sku-content .quote.color.proboost {
  background-image: url("../images/product-quote-proboost-color.png");
}
section.top-panel-sku-content .quote.color.proboost, section.top-panel-sku-content .quote.color.proboost .highlight {
  color: #ffffff;
}
section.top-panel-sku-content .quote.color.promind {
  background-image: url("../images/product-quote-promind-color.png");
}
section.top-panel-sku-content .quote.color.promind, section.top-panel-sku-content .quote.color.promind .highlight {
  color: #ffffff;
}
section.top-panel-sku-content .quote.color.proglow {
  background-image: url("../images/product-quote-proglow-color.png");
}
section.top-panel-sku-content .quote.color.proglow, section.top-panel-sku-content .quote.color.proglow .highlight {
  color: #ffffff;
}
section.top-panel-sku-content .quote.color.proslim {
  background-image: url("../images/product-quote-proslim-color.png");
}
section.top-panel-sku-content .quote.color.proslim, section.top-panel-sku-content .quote.color.proslim .highlight {
  color: #ffffff;
}
section.top-panel-sku-content .quote.white {
  line-height: 1.5;
  color: #000000;
  padding-top: 2.5vw;
}
section.top-panel-sku-content .quote.white .line-1 {
  position: relative;
  left: -9vw;
}
section.top-panel-sku-content .quote.white .line-2 {
  position: relative;
  left: 13vw;
}
section.top-panel-sku-content .quote .larger {
  font-size: 7vw;
  font-weight: 700;
}
section.top-panel-sku-content .quote small {
  font-size: 3vw;
  transform: translateY(-4vw);
  display: inline-block;
}
section.top-panel-sku-content .quote.color.proboost {
  line-height: 1.05;
}
section.top-panel-sku-content .quote.color.proboost .line-1 {
  position: relative;
  left: -13vw;
}
section.top-panel-sku-content .quote.color.proboost .line-2 {
  position: relative;
  left: 11vw;
}
section.top-panel-sku-content .quote.color.promind {
  line-height: 1.05;
}
section.top-panel-sku-content .quote.color.promind .line-1 {
  position: relative;
  left: -12vw;
}
section.top-panel-sku-content .quote.color.promind .line-2 {
  position: relative;
  left: 15vw;
}
section.top-panel-sku-content .quote.color.proglow {
  line-height: 1.05;
}
section.top-panel-sku-content .quote.color.proglow .line-1 {
  padding-left: 14vw;
  text-align: left;
  font-weight: 700;
}
section.top-panel-sku-content .quote.color.proglow .line-2 {
  position: relative;
  top: 1.25vw;
}
section.top-panel-sku-content .quote.color.proslim {
  line-height: 1.05;
}
section.top-panel-sku-content .quote.color.proslim .line-1 {
  position: relative;
  top: 2.5vw;
  font-size: 5.5vw;
  padding-left: 18vw;
  text-align: left;
  font-weight: 700;
}
section.top-panel-sku-content .quote.color.proslim .line-2 {
  position: relative;
  top: -0.5vw;
  left: 4vw;
}
section.top-panel-sku-content .quote.color.proslim .line-2 .larger {
  font-size: 10vw;
}
section.top-panel-sku-content .content {
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center center;
  padding-top: 10vw;
  padding-bottom: 10vw;
  display: flex;
  align-items: center;
}
section.top-panel-sku-content .content.proboost {
  background-image: url("../images/sku-bg-proboost.png");
}
section.top-panel-sku-content .content.proboost .highlight {
  text-shadow: 1px 1px 0 rgba(62, 210, 255, 0.7411764706);
}
section.top-panel-sku-content .content.promind {
  background-image: url("../images/sku-bg-promind.png");
}
section.top-panel-sku-content .content.promind .highlight {
  text-shadow: 1px 1px 0 #597a4f;
}
section.top-panel-sku-content .content.proglow {
  background-image: url("../images/sku-bg-proglow.png");
}
section.top-panel-sku-content .content.proglow .highlight {
  text-shadow: 1px 1px 0 #925e6e;
}
section.top-panel-sku-content .content.proslim {
  background-image: url("../images/sku-bg-proslim.png");
}
section.top-panel-sku-content .content.proslim .highlight {
  text-shadow: 1px 1px 0 #96652b;
}
section.top-panel-sku-content .content .content-body {
  width: 100%;
}
section.top-panel-sku-content .content .content-body h2 {
  display: block;
  font-size: 4.4vw;
  color: #ffffff;
  text-align: center;
}
section.top-panel-sku-content .content .content-body h2 .highlight {
  display: block;
  font-family: "Kosugi Maru", sans-serif;
  font-size: 9vw;
  font-weight: 600;
  color: #fff74f;
  letter-spacing: 1px;
  margin-top: 3px;
}
section.top-panel-sku-content .content .content-body .colgroup {
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-top: 6vw;
}
section.top-panel-sku-content .content .content-body .colgroup .col {
  display: inline-block;
  text-align: center;
}
section.top-panel-sku-content .content .content-body .colgroup .equal {
  display: inline-block;
  text-align: center;
}
section.top-panel-sku-content .content .content-body .colgroup .equal img {
  margin-bottom: 5vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-2 {
  width: 80%;
  margin-left: 10%;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-2 .col {
  width: 30vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-2 .col img {
  width: 27vw;
  height: 27vw;
  margin-bottom: 1vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-2 .equal {
  width: 20vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-2 .equal img {
  width: 11.3vw;
  height: 11.3vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-3 {
  width: 90%;
  margin-left: 5%;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-3 .col {
  width: 25vw;
  font-size: 3.5vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-3 .col img {
  width: 22vw;
  height: 22vw;
  margin-bottom: 1vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-3 .equal {
  width: 13vw;
}
section.top-panel-sku-content .content .content-body .colgroup.cols-3 .equal img {
  width: 7.5vw;
  height: 7.5vw;
}
section.top-panel-sku-content .content .content-body .logo {
  margin: 12vw auto 10vw auto;
}
section.top-panel-sku-content .content .content-body .tag {
  text-align: center;
}
section.top-panel-sku-content .content .content-body .tag .line {
  display: inline-block;
  border-radius: 10px;
  background: #fef727;
  padding: 1.5vw 5vw;
  font-size: 5vw;
}
section.top-panel-sku-content .content .content-body .tag .line-2 {
  margin-top: -2.5vw;
}
section.top-panel-sku-content .sku-detail {
  padding-top: 10vw;
  padding-bottom: 7vw;
  display: flex;
  align-items: center;
}
section.top-panel-sku-content .sku-detail.proboost {
  background: #b3d6e2;
}
section.top-panel-sku-content .sku-detail.promind {
  background: #d0ebc0;
}
section.top-panel-sku-content .sku-detail.proglow {
  background: #f8dbd5;
}
section.top-panel-sku-content .sku-detail.proslim {
  background: #f9e1c7;
}
section.top-panel-sku-content .sku-detail .detail-body {
  text-align: center;
}
section.top-panel-sku-content .sku-detail .title {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}
section.top-panel-sku-content .sku-detail .title h2 {
  font-size: 9vw;
  font-weight: 400;
  line-height: 1.15;
}
section.top-panel-sku-content .sku-detail .title h2 small {
  font-size: 6vw;
}
section.top-panel-sku-content .sku-detail .tag {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/sku-icon-star.png);
  margin-left: 5vw;
  padding-left: 2vw;
  padding-top: 7vw;
  padding-bottom: 2vw;
  text-align: center;
}
section.top-panel-sku-content .sku-detail .tag .line {
  display: inline-block;
  border-radius: 10px;
  background: #fef727;
  padding: 0.75vw 2vw;
  font-size: 4.5vw;
}
section.top-panel-sku-content .sku-detail .tag .line-2 {
  margin-top: -1.5vw;
}
section.top-panel-sku-content .sku-detail .remark {
  margin-top: 5vw;
  padding: 0 4vw;
  font-size: 3vw;
  text-align: left;
  bottom: 1vw;
}
section.top-panel-sku-content .sku-detail .remark.proboost {
  color: #0075ff;
}
section.top-panel-sku-content .sku-detail .remark.proslim {
  color: #bd9e60;
}
section.top-panel-sku-content .sku-detail .remark.proglow {
  color: #ed9db8;
}
section.top-panel-sku-content .sku-detail .remark.promind {
  color: #70b728;
}

.circle-wrapper {
  position: relative;
  width: 100vw;
  overflow: hidden;
}
.circle-wrapper .circle {
  position: absolute;
  width: 52vw;
  height: 52vw;
  border-radius: 100vw;
  margin-left: 24vw;
}
.circle-wrapper .circle.c1 {
  z-index: 1;
  transform: translateX(-34vw);
}
.circle-wrapper .circle.c2 {
  z-index: 3;
  opacity: 0.65;
}
.circle-wrapper .circle.c3 {
  z-index: 2;
  transform: translateX(34vw);
}
.circle-wrapper.proboost .circle.c1 {
  background: #006fc1;
}
.circle-wrapper.proboost .circle.c2 {
  background: #3ed2ff;
}
.circle-wrapper.proboost .circle.c3 {
  background: #148baf;
}
.circle-wrapper.proslim .circle.c1 {
  background: #ff914d;
}
.circle-wrapper.proslim .circle.c2 {
  background: #d68a1d;
}
.circle-wrapper.proslim .circle.c3 {
  background: #fdc830;
}
.circle-wrapper.proglow .circle.c1 {
  background: #f49eb6;
}
.circle-wrapper.proglow .circle.c2 {
  background: #efc1e3;
}
.circle-wrapper.proglow .circle.c3 {
  background: #fd9dd8;
}
.circle-wrapper.promind .circle.c1 {
  background: #37d268;
}
.circle-wrapper.promind .circle.c2 {
  background: #7ed957;
}
.circle-wrapper.promind .circle.c3 {
  background: #7ed957;
}
.circle-wrapper.proboost {
  background-image: url(../images/circles-proboost.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.circle-wrapper.proboost .circle {
  display: none;
}
.circle-wrapper.proslim {
  background-image: url(../images/circles-proslim.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.circle-wrapper.proslim .circle {
  display: none;
}
.circle-wrapper.proglow {
  background-image: url(../images/circles-proglow.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.circle-wrapper.proglow .circle {
  display: none;
}
.circle-wrapper.promind {
  background-image: url(../images/circles-promind.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.circle-wrapper.promind .circle {
  display: none;
}

#trialForm button[type=submit], #trialForm .btn-redirect, #trialResult button[type=submit], #trialResult .btn-redirect {
  background: #c4201c;
  color: #ffffff;
  font-weight: bold;
  border: 0;
  border-radius: 100px;
  padding: 0.6rem 5rem !important;
  cursor: pointer;
}
#trialForm button[type=submit]:hover, #trialForm .btn-redirect:hover, #trialResult button[type=submit]:hover, #trialResult .btn-redirect:hover {
  opacity: 0.9;
}
#trialForm #btnCopy, #trialResult #btnCopy {
  cursor: pointer;
}
#trialForm #btnCopy:hover, #trialResult #btnCopy:hover {
  background: #565656;
  color: #ffffff;
}
#trialForm #btnCopy:active, #trialResult #btnCopy:active {
  background: #393939;
  color: #ffffff;
}
#trialForm .warning, #trialResult .warning {
  display: none;
}
#trialForm .warning .alert, #trialResult .warning .alert {
  color: #c4201c;
}
#trialForm #couponCode, #trialResult #couponCode {
  background-color: #ffffff;
}
#trialForm #couponCode.copied, #trialResult #couponCode.copied {
  background-color: #61e38a;
  color: #057521;
}

.show {
  display: block;
}
.show.bottom-bar {
  display: flex;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}/*# sourceMappingURL=landing.css.map */