@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0
}

p, li {
  font-family: 'Work Sans', sans-serif;
  font-size: 1.35em;
  line-height: 1.5em;
  margin-bottom: 1em;
  color: #000;
  font-weight: 400
}

.col, .container, .container-fluid{
  padding:0;
}

.form-control, .form-control-lg{
  border-radius:0;
  border:0;
}

.signup-fields{
  background-color: rgba(245, 245, 245, 1);
}


/*Headline Styles*/
.top-eyebrow{
  text-align:center;
  background-color:#06AA9F;
  color:#fff;

}
.top-eyebrow h6{
  font-size: 1rem;
  font-weight: 700;
  padding: 5px !important;
}

@media (min-width:768px){
  .top-eyebrow h6{
    font-size:1.5rem;
    font-weight:700;

  }
}

.signup-headline{
  font-family: 'Poppins', sans-serif;
  font-weight:700;
  text-align:center;
  font-size:1.6rem;
}

.signup-headline span{
  font-family: 'Poppins', sans-serif;
  font-weight:900;
  color:#06AA9F;
}


@media (min-width:768px){

  .signup-headline{
    font-size:1.75rem;
  }

}
@media (min-width:992px){
  .signup-headline{
    margin-top:0;
  }
}


.training-headline{
  font-family: 'Poppins', sans-serif;
  text-align:center;
  font-weight:700;
  color: #ddd55e;
}
.strategy-headline{
  font-family: 'Poppins', sans-serif;
  text-align:center;
  font-weight:700;
  font-size:1.7rem;
}




h1.headline {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  line-height: 1.2em;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  color: white;
  /*text-shadow: 0em 0.1em 0.25em rgba(0, 0, 0, 1);*/
  transition: all 0.2s;
  padding-left:10px;
  padding-right:10px;
}
h2.eyebrow {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1em;

  max-width:900px;
  margin: 0 auto;
  text-align: center;
  color: #ddd55e;
  /*text-shadow: 0em 0.075em 0.075em rgba(0, 0, 0, 1);*/
  transition: all 0.2s;
  padding-left:10px;
  padding-right:10px;
}

h2.eyebrow span{
  font-weight:400;
  font-size:.6em;
}


h2.subhead {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 2em;

  line-height: 1.4em;
  max-width:900px;
  margin: .15em auto;
  text-align: center;
  /*color: #ddd55e;*/
  /*text-shadow: 0em 0.075em 0.075em rgba(0, 0, 0, 1);*/
  transition: all 0.2s;
  padding:50px 0 110px;
}


@media (min-width:768px){
  h1.headline {
    font-size: 3em;
    line-height: 1.2em;
  }
  h2.subhead{
    font-size: 2.5em;
  }
  h2.eyebrow {
    font-size: 2em;
    line-height: 1em;
  }


}

/*Button styles*/
.button {
  margin: 2em auto;
  text-align: center
}

.btn-cta {
  background-color: #ef514d;							/* Change this to the button color */
  display: inline-block;
  padding: 0.2em .75em;
  margin: 0;
  border-radius:45px;								/* Change to determing the roundness of the button */
  box-sizing: border-box;
  /*box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, .25);		/* Adds a shadow to the button itself */
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5em;
  color: white;
  /*text-shadow: 0 0.025em 0.25em rgba(0, 0, 0, .75);	/* Adds a shadow to the text inside the button */
  text-align: center;
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}

.btn-cta:before {								/* Adds a glow on the HOVER effect */
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: -200%;
  left: -225%;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}

.btn-cta:hover {
  color: #FFF;
  text-decoration: none;
  transition: all .5s;
}

.btn-cta:hover::before {
  top: 200%;
  left: 200%;
}

.btn-cta:active {								/* This is the ACTIVE state when user clicks */
  transform: scale(.98) translate(0, 2px);			/* Creates a CLICK effect */
  transition: all .2s;
  background-color: rgba(237, 28, 36, 1);		/* Changes the color of the button */
}

.btn-submit{

}

.list-section .btn-cta{
  padding:0.4em 0.75em;
}

.list-section .btn-submit p{
  font-size:1.2em;
}

.register .btn-cta{
  padding:0.4em 2em;
}

.register .btn-submit p{
  font-size:1.7em;
}







.fluid-background {
  background-color:#043144;
}
.signup{
  background-color:#fff;
  padding:20px 20px;
  border-radius:6px;
}
.signup h6{
  text-align:center;
}
@media (min-width:768px){
  .signup{
    padding:30px 40px;
  }
}


.timer-container{
 display:grid;
 grid-template-columns:145px 145px;
 justify-content:center;
}

.timer-text{
  font-family: 'Work Sans', sans-serif;
  font-weight:700;
  color:#06AA9F;
  font-size:1.3rem;
}

/*
.percent-container{
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:baseline;
  gap: 20px;
}
*/
.percent-box{
  text-align:center;
}
.percent-box h1{
  font-family: 'Work Sans', sans-serif;
  font-weight:700;
  font-size:3rem;
  color:#043144;
  margin-bottom:0;
}

.percent-box p{
  font-family: 'Work Sans', sans-serif;
  font-size:1.3em;
  line-height:1em;
}

.percent-box p span{
  color:#043144;
  font-weight:700;
}

.percent-container{
  margin-left:auto;
  margin-right:auto;
}
@media (min-width:576px){
  .percent-box h1{
    font-size:5rem;
  }
  .percent-box p{
    font-size:1.7em;
  }
}
@media (min-width:768px){
  .percent-container{
    /*max-width:850px;*/
    max-width:970px;
  }
}


.minutes, .seconds{
  font-family: 'Poppins', sans-serif;
  font-weight:700;
  border: 5px solid #06AA9F;
  color:#06AA9F;
  margin:10px;
  font-size:5rem;
}






/*Testimonial styling*/
.testimonials {
    font-family: 'Work Sans', sans-serif;
    padding: 0;

    /*
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 3em;
    justify-items: stretch;
    */
    display:inline-flex;
    flex-flow: wrap;
    justify-content: center;
    margin:0;
    gap:40px;
}



.testimonial {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: unset;
    border-radius: 13px;
    background-color: #fff;
    padding: .75em 1.25em;

}

@media (min-width: 992px) {

    .testimonial {
      width:460px;
      /*
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        */

    }
}


.testimonial.single {
    margin-bottom: 3em;
}

.testimonial p {
    font-weight: 400;
    font-size: 1.1em;
    color: black;
    margin: .5em 0 0;
}

/*
@media (min-width: 600px) {
    .testimonial p {
        font-size: inherit;
    }
}
*/

.testimonial .testimonial__name {
    display: block;
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding-left: 1.5em;
    margin: .5em 0;
}

.testimonial .testimonial__name::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    background-size: 1.2em 1.2em;
}

.testimonial:nth-of-type(3n+0) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/bishop-teal.svg);
}

.testimonial:nth-of-type(3n+1) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/king-orange.svg);
}

.testimonial:nth-of-type(3n+2) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/rook-yellow.svg);
}

.register.is-visible{
  bottom: 0;
  z-index: 20;
}

.register{
  background-color:#fff;
  position:relative;
  bottom: 0px;
  transition: bottom 0.25s ease-in-out;
}

.register .signup-headline{
  text-align:center;
}
.register .btn-submit{
  text-align:center;
}

@media (min-width: 768px) {
    .register .signup-headline{
      text-align:left;
      font-size:2.5rem;
    }
    .register .btn-submit{
      text-align:left;
    }
}


.disclaimer{
  background-color:#000;
}
.disclaimer p{
  color:#fff;
}
.email-disclaimer{
  margin-top: .6rem;
  margin-bottom: .6rem;
}



.row{
  margin:0;
}
.signup .small{
  font-size:67%;
}

@media (min-width: 1200px) {
    .register .container {
        max-width: 970px;
    }
}


@media (min-width: 992px) {
  .masthead .container, .list-section .container{
    max-width:768px;
  }

}

.stacked-book img {
  max-width:60%;
}
.book img{
  display:block;
  max-width:55%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:3rem;
}

@media (min-width: 768px) {
  .stacked-book img{
    max-width:100%;
  }
  .book img{
    max-width:100%;
    margin-bottom:0;
  }
}


@media (min-width: 992px) {
  .stacked-book img{
    max-width:85%;
  }
  .book img{
    max-width:95%;
  }
}




.expert-container{
  display:grid;
  grid-template-columns:1fr;
  grid-auto-rows: 1fr;
  grid-gap:40px;


}
.expert-section{
  background-color:#C5EFEA;
}

.expert-description{
  height: 100%;
  background-color:#fff;
  padding:120px 20px 40px;
  border-radius:6px;
}
.expert-headshot{
  background-color:#C5EFEA;
  height:0;
}
.expert-headshot img{
  transform:translateY(-50%);
  width:180px;
}
.experts{
  margin-bottom:5rem;
}




@media (min-width:768px){
  .expert-description{
    padding:120px 40px 40px;
  }
}
@media (min-width: 992px) {
  .expert-container{
    grid-template-columns:1fr 1fr;
  }


}

ul.checkmarks li {
    list-style: none;
}

ul.checkmarks li:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
    margin-bottom: -0.2em;
    margin-left: -1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://s3.amazonaws.com/assets.manwardpress.com/templates/img/grey-checkmark.svg);
}
/*# sourceMappingURL=vanillinar.css.map */