/*Styles for the unique url coupon pages page*/
.navbar {
  height: 100px;
}
.navbar-default .navbar-collapse {
  border: none;
  border-color: transparent;
}
.navbar-brand img {
  max-width: 320px;
}
.phoneHeader,
.gchtNumber {
  font-size: 24px;
  color: #00aad4;
}
.gchtNumber {
  position: absolute;
  text-align: center;
}
.ambassadorHero{position: relative; top: 0; left: 0;}
.saveDot{position: absolute; top:16%;}

@media only screen and (min-width: 300px) {
  .saveDot{left: 10%; width: 100px;}
}
@media only screen and (min-width: 768px) {
  .saveDot{left: 7%; width: 145px;}
}
p {
  font-size: 16px;
}

footer p {
  font-size: 14px;
}

@media only screen and (min-width: 300px) {
  .gchtNumber {
      bottom: -50px;
      right: 5px;
  }

  #homeLead {
      margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) {
  #homeLead {
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      max-width: 800px;
      margin-top: 10px !important;
  }
}

@media only screen and (min-width: 992px) {
  #homeLead {
      margin-top: -70px !important;
  }

  .gchtNumber {
      bottom: -25px;
      right: 25px;
  }
}

#homeLead h1 {
  color: #414042;
}

#productCallout figure {
  background-color: #e5e5e5;
  padding: 20px;
  max-width: 500px;
  display: block;
  margin: 30px auto 30px auto;
  min-height: 580px;
}
#productCallout h3{
  text-align: center;
  color: #00aad4;
  font-size: 36px;
}
#productCallout p{
  font-size: 18px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
#productCallout figure  img{
  max-width: 400px;
  margin: 40px auto 0;
  width: 100%;
  
}


.covervid-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Coup CTA */
#coupCTA {
  margin-bottom: 55px;
}

#coupCTA h2{
  color: #d2232a;
  text-align: center;
}
.coupTitle{
  color: #d2232a;
  text-align: center;
  font-size: 30px;
}

#coupCTA p {
  font-size: 22px;
  text-align: center;
  font-weight: 300;
}

#coupCTA span {
  color: #d2232a;
  font-weight: 500;
}

/* ///END Coup CTA */



/* Form Styles */
.formLead {
  color: #00aad4;
  font-size: 21px;
  padding-top: 15px;
}

#coupLocator .form-group {
  width: 100%;
}

@media only screen and (min-width: 300px) {

  #coupLocator .form-group input,
  #coupLocator .form-group select,
  #coupLocator .form-group textarea {
      width: 100%;
  }
}

@media only screen and (min-width: 768px) {

  #coupLocator .form-group input,
  #coupLocator .form-group select,
  #coupLocator .form-group textarea {
      width: 80%;
  }
}

#coupLocator input[type='checkbox'] {
  width: 25px;
}
/* /////END Form Styles */



/*Video section*/

@media only screen and (min-width: 300px) {
  .videoContainer {
      height: auto;
      overflow: hidden;
  }

  .videoContainer video {
      height: 100%;
      width: 100%;
      margin-left: auto;
  }
}

@media only screen and (min-width: 992px) {

  .videoContainer {
      height: 600px;
      overflow: hidden;
  }

  .videoContainer video {
      height: 100%;
      margin-left: -150px;
      width: auto !important;
  }
}

/*End video section*/


.liveBetter {
  padding: 0px 0 35px;
}

.blockquote-reverse footer {
  background-image: none;
  font-size: 18px;
}

.blockquote-reverse .small::after,
.blockquote-reverse footer::after,
.blockquote-reverse small::after,
blockquote.pull-right .small::after,
blockquote.pull-right footer::after,
blockquote.pull-right small::after {
  content: none;
}

a .featureCard{color:#414141;}
.featureCard {
  background-color: #f1f1f2;
  text-align: center;
  margin: 25px auto;
  max-width: 400px;
  min-height: 450px;
}

.featureCard h3 {
  color: #00aad4;
}

.featureCard p {
  padding: 10px;
}

.testimonials h2 {
  text-align: center;
}

.testimonials p,
.testimonials span {
  text-align: center;
  font-size: 16px;
  max-width: 350px;
  margin: auto;
  display: block;
}

.testimonials h2 {
  color: #00aad4;
  margin-bottom: 35px;
}

.testimonials .stars {
  display: block;
  margin: auto;
  width: 130px;
}

.testimonials i {
  color: #f5d133;
  font-size: 24px;
}

.testimonials p:nth-of-type(2) {
  color: #00aad4;
  margin-bottom: 45px;
}

.stepOutQuote{margin-top: 25px; margin-bottom: 25px;}
.stepOutQuote .quoteWrap{max-width: 300px; width: 100%; margin: auto; display: block;}
@media only screen and (min-width: 300px) {
.stepOutQuote .quotePortrait{ display: block; position: relative; max-width: 250px; width: 100%; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto;}
}
@media only screen and (min-width: 768px) {
.stepOutQuote .quotePortrait{position: absolute; top: -48px;}
}
.stepOutQuote .quoteTitle{ color: #00aad4; font-size: 32px; font-weight: bold; text-transform: uppercase;}



.navbar-collapse.collapse.allnav {
  display: block !important;
}

.navbar-nav > li,
.navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right !important;
}

.circle-clip-path{    clip-path: circle(47.01% at 50% 50%);}

.phelpsTransparentSideQuote{margin-bottom: 130px;}
.phelpsTransparentSideQuote img{max-width: 374px; width: 100%;}
.phelpsTransparentSideQuote .testimonialContent{margin: -25px auto 30px; max-width: 450px; width:100%;}
.phelpsTransparentSideQuote .testimonialContent .testimonialBody{font-style: italic;}
.phelpsTransparentSideQuote .testimonialContent .attribution{float:right;}
.phelpsTransparentSideQuote .testimonialContent .attribution .author{font-weight: bold; margin-bottom: 0px;}
.phelpsTransparentSideQuote .testimonialContent .attribution .location{font-weight: 300; margin-bottom: 0px;}

#couponGrid{display:grid; grid-template-columns: 1fr 1fr;max-width: 600px;margin: 20px auto 5px;}
#couponGrid > div h2{font-size:42px;}
#couponGrid  p{font-size:24px;}
#couponGrid > div{max-width:280px; width: 90%; min-width: 180px; text-align: center; line-height:28px; border-radius:8px; border:4px dashed #CCC; margin:0 auto 20px; padding:10px;}
#couponGrid p:last-of-type{text-align: center;}

#productCalloutGSE > div{ width:100%; max-width:1170px; display: flex; flex-wrap: wrap; justify-content:center; align-content:space-around;}

#productCalloutGSE .bgBlue, #productCalloutGSE > div > a{position: relative; margin: 10px; background-color:#e5e5e5; flex:1 0 40%; padding:10px 10px 20px;}
#productCalloutGSE figure h3{color: #00aad4; font-size: clamp(28px, 4vw, 38px);}
#productCalloutGSE figure h4{text-align:center;color: #00aad4; font-size: clamp(18px, 4vw, 26px);}
#productCalloutGSE figure:nth-of-type(5), #productCalloutGSE .bgBlue{background-color:#00aad4; color:#fff;}
#productCalloutGSE figure:nth-of-type(5) figcaption, #productCalloutGSE .bgBlue figcaption{padding:20% 0;}
#productCalloutGSE figure:nth-of-type(5) h3, #productCalloutGSE .bgBlue h3{color: #fff; font-weight:bold;}
#productCalloutGSE figure:nth-of-type(5) p, #productCalloutGSE .bgBlue p{font-size: clamp(18px, 3vw, 32px); padding: 8px}
#productCalloutGSE figure img{max-width:400px; margin:20px auto 50px; width: 100%;}
#productCalloutGSE figure div:last-of-type{position: absolute; bottom: 10px; left: 0; right: 0; margin-left:auto; margin-right:auto;}
#productCalloutGSE figure div:last-of-type p{ font-size: clamp(24px, 4vw, 34px); font-weight:bold; text-align:center; color:#414141;}
#productCalloutGSE figure div:last-of-type p:after{content: "";position: absolute;left: 0; right: 0; bottom: 7px;height: 1px;max-width: 150px; width:80%; border-bottom:2px solid #d2232a; margin-left:auto; margin-right:auto;} 

.gseForm h2{font-weight: bold; font-size: 48px; color:#414141;}
.gseForm .formLead{color:#414141;}