/*Styles for Ambassador landing page template*/
p {
    font-size: 16px;
}

footer p {
    font-size: 14px;
}
.bold{font-weight: bold;}

#ambassadorLead{ margin: 75px auto 0px auto;}
#ambassadorLead h1{ text-align: center; margin-top: 30px; margin-bottom: 30px;}

.ambassadorHero{position: relative; top: 0; left: 0;}
.saveDot{position: absolute; top:20px;}
@media only screen and (min-width: 300px) {
    .saveDot{left: 10%; width: 100px;}
}
@media only screen and (min-width: 768px) {
    .saveDot{left: 20%; width: 145px;}
}

#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%;
}

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


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

#coupCTA h2 {
    color: #ab1d37;
    text-align: center;
}

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

#coupCTA span {
    color: #ab1d37;
    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;
}

.para.red{
    background: #ab1d37;
}
/* /////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;
}


.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: 400px; width: 100%; display: block; margin-right: auto; margin-left: auto;}

.stepOutQuote .quoteWrap p{font-size: 21px;}
@media only screen and (min-width: 300px) {
.stepOutQuote .quoteWrap{margin-right: auto; margin-left: auto;}
.stepOutQuote .quotePortrait{ display: block; max-width: 250px; width: 100%; margin-left: auto; margin-right: auto;}
}
@media only screen and (min-width: 768px) {

.stepOutQuote .quoteWrap{margin-right: 0; margin-left: 0;}
}
.stepOutQuote .quoteTitle{ color: #00aad4; font-size: 32px; font-weight: bold; text-transform: uppercase;}

.stepOutQuote ul {
  list-style: none;
}
.stepOutQuote .maincontent  .quoteWrap ul li{
    font-size: 18px;
}

.stepOutQuote ul li:before {
  content: '✓';
  margin-right: 5px;
}

.threeQuarter {margin: 30px auto;}
.threeQuarter img {margin-bottom: 15px; max-width: 550px; width: 100%;}
.threeQuarter p {font-size: 21px; margin:auto auto 15px auto; text-align: center;}
.threeQuarter .btn {margin-top: 15px;}


.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;
}