/
*, *:before, *:after {
    box-sizing: inherit;
} */
body {font-family: 'Helvetica Neue', arial, sans-serif; background-color: #ffffff!important;}
h1, h2, h3, h4, h5, h6 {letter-spacing: normal; font-family: acumin-pro-condensed,arial narrow,arial,sans-serif;
} 
.suphero {display: flex; align-items: center; margin-bottom: 50px; background: #fff!important;}
.suphero section {flex: 1;}
.suphero-left h1 {font-size: 2.5rem; line-height: 2.625rem; margin-bottom: 25px; color: #070439; text-transform: none;}
.suphero-left p {font-size: 17px; font-weight: 600;line-height: 1.5;margin-bottom: 25px; color: #444444;}
.suphero-left p.reg {font-size: 17px; font-weight: 500;line-height: 1.5;margin-bottom: 25px; color: #444444;}
.suphero-left ul li {font-size: 17px; font-weight: 500;line-height: 1.5;margin-bottom: 25px; color: #444444; list-style:none;}
.suphero-left {padding-right: 40px;}
.suphero-left a {
  padding: 10px 15px;
  background-color: #372cfa;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  outline: none;
  transition: 0.3s all ease;
  border-radius: 20px;
}
.suphero-left a:hover{background-color: #070439;}
.suphero-left h2, .suphero-right h2 {font-size: 2.1875rem; margin-bottom: 25px; color: #070439; }
.suphero-right {padding-top: 30px;}
.suphero-right h4, .suphero .hibull {margin-bottom: 5px; font-size: 18px; font-weight: 600; }
.suphero-right p {padding: 0 0 0 10px; margin-bottom: 10px; font-size: 17px; line-height: 1.25; text-align: left; }
.suphero-right img {width: 100%; max-width: 465px;}
@media screen and (max-width: 767px) {
  .suphero {flex-direction: column;  text-align: center; }
  .suphero-right { order: -1; padding-bottom: 5rem; }
  .suphero-right h4, .suphero .hibull {font-size: 17px; }
  .suphero-right h4 {padding: 0 0 0 10px; text-align: left; }
  .suphero-right p font-size: 16px; line-height: 1.20; text-align: left; }
  .suphero-left p, .suphero-left ul li font-size: 16px; line-height: 1.20; padding-left: 20px; text-align: left; }
  .suphero-right img {width: 100%; max-width: 680px;}
}

.article-blk {padding: 10px 20px;}

h1.entry-title {margin-bottom: 10px; font-size: 3em; line-height: 3em; font-weight: 600; color: #000; text-transform: none;}
.article-blk .entry-excerpt {font-size: 1.5rem; line-height: 1.5rem;}
.article-blk .entry-privacy-statement {
    background-color: #f9f8f6;
    font-size: 14px;
    line-height: 28px;
    padding: 8px 15px;
    order: 2;
    color: #636363;
    margin-left: calc(50% - 1280px);
    margin-right: calc(50% - 1280px);
    margin-top: 20px;
    margin-bottom: 32px;
}
.article-blk .entry-credit {font-size: 15px;}
.featured-image .post-thumbnail img {
    object-fit: contain; 
    width: 100%;
    height: auto;
/*  margin: 0 auto;*/
    max-height: 600px;
    background-color: transparent;
    display: block; 
    text-align: left;
}
.post-thumbnail {
    aspect-ratio: auto;
    text-align: left;
  /* aspect-ratio: 845/478;*/
}
.post-thumbnail--caption {
    font-size: .75rem;
    color: #636363;
    text-align: center; 
    margin: 0 auto;
    margin-left: 5%;
    width: 100%;
}
.article-blk .entry-privacy-statment__container {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #636363;
    padding: 8px 15px;
}
.article-blk .entry-privacy-statment__container a {color: #636363; font-size: 14px!important; line-height: 28px;}
.focus-title {font-weight: 600;}
.focus-toc {font-weight: 700; font-family: Helvetica, arial, sans-serif; letter-spacing: .025rem;}
.focus-toc ul li {box-sizing: border-box;  font-size: 16px; line-height: 1.875; font-weight: 500; padding-left: 6px; list-style: none;}
.focus-toc ul li a {text-decoration: none; color: #df704a; }

.block-separator {
    border: none;
    border-bottom: 2px solid #dcd9d9;
    border-bottom-width: 2px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dcd9d9;
}

/* ================= product and image alignment ================ */

.article-blk h2 {font-size: 32px; line-height: 32px; margin: 5px 0 0 0; padding: 0; }
.article-blk h3 {font-size: 21px; line-height: 24px; margin: 5px 0 0 0; padding: 0; }
.article-blk p {font-size: 18px; line-height: 28px; margin: 12px 0; padding: 5px; }
.article-blk h3 + p {margin-top: 2px; padding-top: 0;}
.article-blk p a {color: #1c81cf; text-decoration: none; }
.article-blk ol, .article-blk ul {font-size: 17px; line-height: 24px; margin: 12px 0; padding: 5px 0 0 20px; }
.article-blk ul {list-style-type: none; }

.hero {
  min-height: 310px;/* calc(100vh - 320px); */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.container-pall {margin: 0 auto; padding: 20px 30px;}
.container {max-width: 1620px; margin: auto; }

.hero__image, .hero_img {display: flex; justify-content: center;
}

.hero__illustration-image {
  width: min(19.25rem, 100%); /* 308px - 100% */
  height: min(18.8125rem, 100%); /* 301px - 100% */
}

.product-info__content .product-info__context-title {
    font-weight: 700; font-size: 32px; margin-bottom: 8px; margin-top: -5px; text-align: left;
}
.product-info__content .entry-title {
    letter-spacing: 0.5; font-size: 32px; margin-bottom: 20px; text-align: left;
}
.product-info__content .entry-title a {color: #df704a;}

@media only screen and (max-width: 300px) { 
  .hero {text-align: center;
  }
}
@media only screen and (max-width: 767px) {    
.container-pall {padding: 20px 6px;}
.entry-credit {font-size: 13px;}
.entry-privacy-statment__container, .entry-privacy-statment__container a {
    font-size: 12px;}
  .featured-image .post-thumbnail img {
    width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 339px;
    }
   .post-thumbnail--caption {
   margin-left: auto;
   }
   .hero__illustration-image {
    width: 90%; 
    height: auto;
    margin: 0 auto; 
  }
.article-blk {padding: 10px;}
h1.entry-title { margin-bottom: 20px; font-size: 2.125em; line-height: 2.125em; text-align: center;}
.article-blk .entry-excerpt {font-size: 18px; line-height: 18px;}
.product-info__content .product-info__context-title {margin-bottom: 10px; font-size: 28px; }
.product-info__content h2.entry-title {font-size: 28px;}
.article-blk h2 {font-size: 24px; line-height: 22px;}
.article-blk h3 {font-size: 19px; line-height: 22px;}
.article-blk p {font-size: 16px; line-height: 24px;}
.article-blk ol, .article-blk ul {font-size: 16px; line-height: 22px; margin: 12px 0; padding: 5px 0 0 15px; }
}

@media only screen and (min-width: 768px) { 
   .hero {
    flex-direction: row;
    justify-content: space-between;
  }
  .hero__illustration-image {
    width: 370px; 
    height: auto;
    margin-left: 50px; 
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) { 
  .hero__illustration-image {
    width: 31.25rem; 
    max-width: 35rem; 
    }
  .hero__text {
    width: 640px; 
  }
}

ul.good_bad {
        margin-top: 20px;
        padding: 10px;
        column-count: 2;
        column-rule: none; 
        list-style-type: none;
      }
ul.good_bad li {padding-left: 10px; line-height: 1.50;}
ul.good_bad span {font-weight: 700; font-size: 24px;}
.product-info__content {padding-top: 5px;
}
.customer_ratings {font-style: italic; }
.product-info__content .entry-title a {text-decoration: none; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: 700; 
  }
.product-info__details-header {
    margin:5px 0 13px 0;
    line-height: 1.25;
    font-size: 21px;
    font-weight: 700;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
}

.product-info__details-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.product-info__details-list li, .product-info__details-list p {
    font-size: .875rem; margin-bottom: 8px; line-height: 1.75;text-align: left; color: #000;
}

@media only screen and (min-width: 768px) {
    .product-info__details-list li, .product-info__details-list p {
    font-size: 16px;
    }
}
.cta-nudge {font-size: 18px; font-weight: 600; line-height: 26px; padding: 10px 5px; color: #2c5899; text-decoration-line: underline;
  text-decoration-style: double;}
.cta-button {
  border: none;
  border-radius: 36px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  font-family: Helvetica, arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 16px;
  width: auto;
}

.cta-product_wrapper {width: 99%; margin: 20px auto;}
.button-cta {
  background-color: #B3282F;
  color: #fff !important;
}
.button-cta:hover {
  background-color: #6687BA;
}
.button-ctaB {
background-color: #ff9900;
color:#000000;
}
.button-ctaB:hover {
  background-color: #a39f9f;
  color: #fff;
}
.button-ctaC {
background-color: #0d8046;
color: #000;
}
.button-ctaC:hover {
  background-color: #a39f9f;
  color: #fff;
}
.button-ctaD {
background-color: #ff878c;
color: #3a3a3c;
}
.button-ctaD:hover {
  background-color: #a39f9f;
  color: #fff;
}
.button-ctaE {
background-color: #146eb4;
color: #3a3a3c;
}
.button-ctaE:hover {
  background-color: #a39f9f;
  color: #fff;
}

.button-ctaTW {
background-color: transparent;
color: #3a3a3c;
border: 2px solid #154177;
padding: 14px 32px;
}
.button-ctaTW:hover {
  color: #fff;
}
.button-ctaTW img {vertical-align: middle;}

@media only screen and (max-width: 520px) {
.button-ctaTW {
padding: 12px 26px;
  }
}
 