@charset "utf-8";

body {
  margin: 0;
  font-family: opensans-regular, helvetica, sans-serif;
  font-size: 18px;
}

.colored_bold_span span {
  font-family: opensans-semibold, helvetica, sans-serif;
  color: #e56e21;
}

.fixed_spacer {
  margin-top: 6vw;
  margin-bottom: 6vw;
}

.fixed_spacer_padding {
  padding-top: 6vw;
}

h2,
h3,
h4,
h5 {
  font-family: opensans-semibold, helvetica, sans-serif;
}

h2 {
  font-size: 6vw;
}

.fat_font {
  font-family: opensans-bold, helvetica, sans-serif;
}

h3 {
  font-size: 4.9vw;
}

h4,
h5 {
  font-size: 4.4vw;
}

div a:link,
div a:hover,
div a:visited {
  color: white;
}

footer a {
}

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.rounded_corners {
  border-radius: 2.3vw;
}

/* Main colors */

.bf_orange_bg {
  color: #fff;
  background: #e56e21 !important;
}

.bf_orange_font {
  color: #e56e21;
}

.bf_brown_bg {
  color: #fff;
  background: #5f3a19;
}

.bf_green_bg {
  color: #fff;
  background: #003e37;
}

.bf_green_font {
  color: #003e37 !important;
}

.bf_lightgray_bg {
  background: #f2f2f2;
}

#section-benefits img {
  width: 100%;
}

.uppercase {
  text-transform: uppercase;
}

/*********** Gallery design ***********/
#gallery-placeholder {
  width: 65vw;
  overflow: hidden;
}
#gallery-placeholder div {
  position: relative;
  width: 300vw;
}
#gallery-placeholder img {
  width: 65vw;
  float: left;
}
#gallery-thumbs img {
  width: 17vw;
  border: 1px solid #e6e6e6;
  margin: 3px;
  cursor: pointer;
}
.gall-thumb-selected {
  border: 2px solid #cfcfcf !important;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.icon2 {
  width: 16vw;
}
.ratings i {
  color: #fec448;
  font-size: 6vw !important;
}

.custom-dropdown {
  background: #f4f3f2;
  border: 1px solid #e5e4e3;
  border-radius: 10px;
  outline: 0 !important;
  font-size: 3.2vw;
  padding: 3vw;
}

.dropdown-menu {
  font-size: 3.2vw;
}

.ribbon-tag {
  width: 30vw;
}

/* Main CTA button */
.gen-cta {
  background: #e56e21 !important;
  font-family: opensans-semibold, helvetica, sans-serif;
  color: #fff !important;
  font-size: 16px !important;
  text-transform: uppercase;
  padding: 10px 40px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

.gen-cta i {
  font-size: 40px;
}

.small-arrow i {
  font-size: 22px;
}

.gen-cta:hover {
  background: #f0823a;
  color: #fff;
}

.go-offer {
  display: table !important;
  margin: auto;
}

.ingredients h3,
.ingredients h4 {
  text-align: center;
}

.ingredients img {
  display: block;
  margin: auto;
  width: 70%;
}

/* Report section */

#report img {
  width: 50%;
  margin: auto;
}

#report ul {
  list-style: none;
  margin-left: -20px;
}

#report ul i {
  color: #2d6f15;
}

#report .col-sm-9 {
  margin-top: 30px;
}

#report .col-sm-3 {
  margin-top: 10px;
}

#report .col-sm {
  text-align: center;
}

/* Offers */

.offers {
  background: #fff;
  width: 90%;
  margin: auto;
  padding: 1vw;
  text-align: center;
  margin-bottom: 3vw;
}

.offers p {
  font-size: 4.5vw;
  font-family: opensans-bold, helvetica, sans-serif;
  margin-bottom: 1vw;
}

.offers .price-old {
  font-size: 4.5vw;
  font-family: opensans-regular, helvetica, sans-serif;
  color: #a3a3a3;
  font-style: italic;
}

.offers a:hover {
  text-decoration: none;
}

.offers h3 {
  margin: 1vw;
  padding: 1.6vw;
}

.offers b {
  text-decoration: line-through;
}

.offers h4 {
  color: #323232;
  margin-top: 3vw;
}

.offers .new {
  font-size: 5vw;
}

.offers .total {
  color: #323232;
  font-size: 4vw;
  margin-bottom: 2vw;
}

.offers button {
  padding: 3vw;
  width: 85%;
  border: none;
  font-size: 4.5vw;
}

.offers .save {
  color: red;
  font-size: 5vw;
  font-family: opensans-bold, helvetica, sans-serif;
  margin-bottom: 3vw;
  margin-top: 2vw;
}

.offers .shipping {
  font-family: opensans-regular, helvetica, sans-serif;
  color: #323232;
  font-size: 3.9vw;
  margin-top: 2vw;
}

.faq .icon {
  margin-right: 3vw;
  width: 40%;
}

.faq table {
  font-size: 2vw;
}

.faq div {
  display: none;
  padding: 4.5vw;
  margin-bottom: 3vw;
  margin-top: -1vw;
  border-radius: 0.7vw;
  font-family: opensans-regular, helvetica, sans-serif;
  background: #fff;
}

.faq h3 {
  color: #fff !important;
  padding: 4.5vw !important;
  margin: 0;
  font-family: opensans-regular, helvetica, sans-serif;
  font-size: 4.5vw;
  cursor: pointer;
  margin-bottom: 1vw !important;
  width: 100%;
  text-align: left;
}

footer {
  background: #a3acb1;
  text-align: center;
  color: #000;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer ul {
  display: inline;
  list-style: none;
}

footer li {
  display: inline;
  margin-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}

footer img {
  margin: 30px auto;
}

/* footer a:link,
footer a:visited,
footer a:active {
  color: #fff;
  text-decoration: none;
} */

footer a:hover {
  color: #00355d;
  text-decoration: underline;
}

.footer_selected {
  border-bottom: 2px solid #fff;
}

#header-content {
  margin-bottom: 40px;
}

#section-benefits .col-sm img {
  margin-top: 30px;
  display: block;
  width: 90%;
}

#section-benefits .col-sm div {
  width: 90%;
  margin-top: 20px;
}

#faqs {
  min-height: 500px;
}

#main-content ul {
  list-style: circle;
}

html,
body {
  height: 100%;
}

main {
  min-height: 80%;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #00355d;
  margin-left: 145px;
  margin-top: -2px;
}

@media (max-width: 1200px) {
  .arrow-down {
    display: none;
  }
}

.studies li {
  margin-bottom: 3vw;
  /*word-break: break-all*/
}

a:hover {
  text-decoration: none;
}

.pf-darkblue-bg {
  background: #00355d;
}

.pf-darkblue {
  color: #00355d;
}

.pf-lightblue-bg {
  background: #9fc7cf;
}

.pf-lightblue {
  color: #9fc7cf;
}

.old-price {
  color: #acacac;
  text-decoration: line-through;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 26px;
}

.pf-coin-bg {
  background-color: #a3acb1;
}

footer a:link, footer a:visited, footer a:active{
  color: #00355d;
  text-decoration: underline;
}