@import url(../../../theme/variables.css);

#doctorWrap,
#main,
.insideContainer,
header {
  position: relative
}

.popup-box ul,
li,
ul li {
  list-style: none
}

.soldBanner,
.soldBanner_text,
.soldBanner_text span {
  font-family: Muli, sans-serif
}


*,
body,
html {
  box-sizing: border-box
}

body {
  padding: 0;
  margin: 0 auto;
  font-family: 'Figtree', sans-serif;
  font-weight: 400;
  color: #5e5f61;
  min-width: 960px;
  letter-spacing: 1px
}

a {
  text-decoration: none
}

.clear {
  clear: both
}

.container {
  width: 970px;
  margin: 0 auto
}

header {
  box-shadow: 0 0 15px #e4e5e2;
  height: 110px;
  z-index: 5
}

.font-bold {
  font-weight: 700;
}
.text-2xl {
  font-size: 24px;
  line-height: 2rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.color-black{
  color: #000 !important;
}

.blue-banner {
  background-color: rgb(45 61 108);
  color: #fff;
  display: flex;
  font-size: 34px;
  letter-spacing: .42px;
  line-height: 41px;
  width: 100%;
  height: 70px;
  justify-content: center
}

.reviews-ref {
  cursor: pointer
}

.blue-banner p {
  margin: 0;
  line-height: 70px
}

.blue-banner i {
  color: #b8d436;
  font-weight: 700
}

.logoPhone,
.topFooter {
  float: left
}

.footer-disclaimer {
  color: #333;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #333;
  margin: 10px 0;
  padding: 12px;
}

footer .container {
  text-align: center;
}


footer p {
  text-align: center;
}

#docGun,
.number,
.phone {
  float: right
}

.phone {
  margin-top: 36px
}

.number {
  font-size: 14px
}

.faqHr,
.info,
.info hr {
  float: left
}

#main {
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  padding-bottom: 30px;
  margin-bottom: 0;
  margin-top: 10px
}

.shipping {
  color: #474648;
  font-size: 13px;
  margin-left: 12px
}

#doctorWrap {
  height: 330px;
  background: #b9d537
}

.info {
  width: 615px;
  margin-top: 45px;
  color: #fff
}

.info p {
  font-size: 26px
}

#space {
  margin-left: 5px
}

.info hr {
  width: 45px;
  margin-top: -10px;
  border: 0;
  border-top: 1px solid #fff
}

#docGun {
  margin-top: 40px
}

#docInfo {
  font-size: 17px;
  font-weight: 100;
  margin-top: -3px
}

.badges {
  background: #d4eaf5;
  display: flex;
  padding: 36px 0;
  gap: 60px;
  width: 100%;
  justify-content: center;
  align-items: center
}

.bbb {
  width: 232px
}

.usa {
  width: 130px;
  align-self: baseline
}

.faq {
  margin-top: 30px;
  line-height: 150%;
  padding-bottom: 50px
}

.faq p {
  color: #333;
  line-height: 1.4
}

.faq .faq_header {
  font-size: 27px;
  color: #27377a
}

.answer {
  padding-bottom: 20px;
  display: none
}

.faqHr {
  width: 45px;
  margin-top: -5px;
  border: 0;
  border-top: 1px solid #000
}

.question-div {
  border-bottom: 1px solid #5e5f61
}

.question-div h3 {
  margin-top: 40px;
  color: #4780c2;
  font-size: 17px;
  cursor: pointer
}

.insideContainer {
  width: 740px;
  margin: 0 auto 60px
}

.imageHr,
.productInfo {
  float: left;
  position: absolute
}

.productImage {
  margin-top: 50px;
  float: left
}

.productInfo {
  width: 450px;
  top: 125px;
  right: -5px
}

.button1 {
  width: 95px;
  height: 35px;
  margin: -10px auto 10px;
  float: left;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  color: #000;
  border: 1px solid #e47925;
  box-shadow: 0 1px 3px #666;
  background: #dfa15a;
  background-image: linear-gradient(to bottom, #dfa15a, #ed8924)
}

#now1 {
  opacity: .9;
  color: #fff;
  font-size: 14px
}

.firstImage {
  width: 250px
}

.imageTitle {
  color: #27377a;
  font-size: 28px;
  float: left;
  line-height: 1;
  margin-top: 5px
}

.imageHr {
  border: 0;
  border-top: 1px solid;
  margin-top: 15px;
  left: 0;
  width: 45px
}

.imageInfo {
  font-size: 14px;
  color: #62676b;
  display: block;
  margin-top: 11px
}

.information {
  margin: 20px auto 0;
  width: 960px;
  text-align: left;
  color: #5e6062;
  font-size: 12px;
  line-height: 135%;
  padding: 6px;
  border: 1px solid #cfcfcf;
  box-shadow: 0 0 5px #8c8c83
}

.copyright {
  font-size: 12px;
  color: #7f7e7f;
  margin-bottom: 10px;
  margin-top: 30px
}

.terms {
  margin: 5px
}

.termStyle {
  color: #474648
}

sup {
  font-size: x-small
}

.faq {
  width: 960px
}

.popup-box {
  position: fixed;
  bottom: -120px;
  left: 5vw;
  height: 90px;
  width: 200px;
  background: #e8e806d4;
  box-shadow: 2px 2px 14px #555;
  color: #000;
  border-radius: 10px;
  z-index: 1000
}

#purchase-box {
  margin: 0
}

.popup-box ul {
  padding: 17px;
  text-align: center
}

footer {
  border-top: 1px solid grey
}

.cart-icon {
  height: 37.83px;
  width: 44.83px
}

.green_button_hr .button1 {
  border: 1px solid #b8d436;
  box-shadow: 0 1px 3px #666;
  background: #b8d436;
  background-image: linear-gradient(to bottom, #b8d436, #b8d436);
  width: 200px;
  font-weight: 700
}

.green_button_hr .button1 a#now1 {
  color: #334579
}

.green_button_hr .imageHr {
  border-top: 8px solid;
  width: 275px;
  color: #b8d436
}

.video_wrapper {
  max-width: 780px;
  width: 100%;
  margin: 0 auto 50px
}

.video_wrapper .bc-player-default_default .vjs-big-play-button {
  font-size: 7em;
  display: block !important;
  border: 1px solid
}

.video_wrapper .vjs-has-started .vjs-big-play-button {
  display: none !important;
}

.soldBanner {
  background-color: #27377a;
  width: 100%;
  color: #fff;
  text-align: center
}

.soldBanner_text {
  font-size: 18px;
  text-align: center;
  padding: 50px 0 20px
}

.customer_photos {
  font-size: 10px;
  padding: 24px auto;
  text-align: center;
  padding-block: 20px !important;
  margin: 0
}

.soldBanner_text span {
  font-size: 32px;
  font-weight: 700;
  margin: 10px 0;
  display: inline-block
}

.video-slider.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-slider .vjs-poster {
  background-image: url(https://cdn.gundrymd.com/images/faq_video.jpg) !important;
  background-size: auto;
}