/* IE/Edge Responsive Viewport */
@-ms-viewport {
  width: device-width;
}




/* Offer Expired Resets */
.offer-expired {
  background: url("https://www.awai.com/_img/toolbox/icons/icon_important-60.png") no-repeat center 15px, linear-gradient(#d00, #800);
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 0.5em 0.1em #bbb;
  margin: 0 auto;
  padding: 64px 16px 16px;
  text-align: center;
  width: auto;
  min-height: 0;
}

.content {
  padding: 0;
  margin: 0;
}

/* IE/Edge Responsive Viewport */
/* FONTS */
@font-face {
  font-family: 'Geomanist';
  src:
    local('Geomanist-Regular'),
    url("/_fonts/Geomanist-Regular.woff2") format("woff2"),
    url("/_fonts/Geomanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Geomanist';
  src:
    local('Geomanist-RegularItalic'),
    url("https://www.awai.com/_fonts/Geomanist-RegularItalic.woff2") format("woff2"),
    url("https://www.awai.com/_fonts/Geomanist-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Geomanist';
  src:
    local('Geomanist-Bold'),
    url("https://www.awai.com/_fonts/Geomanist-Bold.woff2") format("woff2"),
    url("https://www.awai.com/_fonts/Geomanist-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Geomanist';
  src:
    local('Geomanist-BoldItalic'),
    url("https://www.awai.com/_fonts/Geomanist-BoldItalic.woff2") format("woff2"),
    url("https://www.awai.com/_fonts/Geomanist-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

/* Offer Expired Resets */
.offer-expired {
  background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
  border: 0 none;
  border-radius: 0;
  padding: 80px 1em 1em;
  text-align: center;
  width: auto;
  min-height: 0;
}

/* General Rules */
body {
  font-size: 1.25em;
  font-family: 'Geomanist', "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold", Arial, sans-serif;
  color: #2e2e2e;
}

h1,
h2,
h3,
h4 {
  font-family: 'Geomanist', "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold", Arial, sans-serif;
  text-align: center;
  color: #08161f;
  line-height: 1;
}

h2 {
  font-size: 1.4em;
}

@media screen and (min-width:47.5em) {
  h2 {

    font-size: 2em;
    letter-spacing: -0.5px;
    line-height: 1.2;
    text-align: center;
  }


}


/*.fa-ul li { list-style-image: none; }
.fa-li { color: #0ccb00; }*/
ul.fa-ez {
  margin: 0 1.5em 0 3em;
}

ul.fa-ez li {
  line-height: 1.3;
  list-style: none;
}

ul.fa-ez li:before {
  font-family: 'FontAwesome';
  float: left;
}

ul.fa-ez li:before {
  /*DEFAULT - CHECKMARK */
  content: '\f00c';
  /*checks*/
  font-size: 1.1;
  margin-left: -1.5em;
  margin-top: -0.1em;
  color: #658a01;
}

ul.fa-ez.bullet li:before {
  /*DEFAULT - CHECKMARK */
  content: '\f111';
  /*checks*/
  font-size: 1.2em;
  margin-left: -1.5em;
  margin-top: -0.1em;
  color: #ffffff;
}


ul.fa-ez.questions li:before {
  /*DEFAULT - QUESTIONMARK */
  content: '\f059';
  /*checks*/
  font-size: 1.2em;
  margin-left: -1.em;
  margin-top: -0.1em;
  color: #6ED100;
}

@media screen and (min-width:47.5em) {
  ul.fa-ez {
    margin: 0 1.5em 0 2.5em;
  }
}

img {
  height: auto;
  max-width: 100%;
}

/* Layout Rules */
.wrap {
  margin: auto;
  padding: 0 10px;
}

@media screen and (min-width:47.5em) {
  .wrap h3 {
    margin-left: -35px;
  }

  .wrap {
    max-width: 38em;
  }

  .header__wrap {
    max-width: 54em;
  }
}

/* Header Rules */
.header {
  background-color: #051c2c;
  background-image: linear-gradient(168deg, #579d3e 0.46%, #4f903a 45%, #6eb454 45%, #40762e 98.56%);
  background-image: linear-gradient(175deg, #083850 0.46%, #081017 68%, #1f546c 68%, #0f2834 98.56%);
  background-image: linear-gradient(175deg, #3b3b3b 0.46%, #1c1c1d 68%, #565656 68%, #2b2c2c 98.56%);

  padding: 20px 10px 10px;
}

.header__eyebrow {
  color: #eaffb0;
  font-size: 1.2em;
  line-height: 1;

  font-weight: bold;
  letter-spacing: 0px;
  margin: 0 auto 1em;
  text-align: center;
  text-shadow: 1px 1px 25px #333333;
}

.header__logo {
  margin: auto;
}

.header__headline {
  color: #c9ff33;
  font-size: 2.75em;
  font-family: 'Luckiest Guy', cursive;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 0.9;
  margin: .7em auto 0;
  padding: 0;
  text-align: center;
  text-shadow: 3px 3px 1px #000;
  -webkit-text-stroke: 4px #658a00;
}

.header__headline.-ty {

  font-size: 2em;

}

.header__headline .eyebrow,
.header__headline .chin {
  font-family: 'Geomanist', "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold", Arial, sans-serif;


  color: #fff;
  display: block;
  font-size: 0.4em;
  font-weight: 800;
  margin:0 0 15px;
  text-align: center;
  line-height: 1;
  text-shadow: 2px 2px 21px #000;
  -webkit-text-stroke: 0;



}
.header__headline .chin {
  display: block;
  font-size: 0.8em;


}

.header__headline.-ty .eyebrow,
.header__headline.-ty .chin {

  font-size: 0.8em;

}

.header__headline.success {
  border-bottom: none;
  margin: 0 auto ;
  padding: 0;
  font-family: 'Geomanist', "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold", Arial, sans-serif;

}

.header__preheading {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.5;
  text-align: center;
}

.predeading__date {
  color: #c9ff33;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
}

.header__subhead {
  color: #eaffb0;
  border-bottom: 5px solid #ffffff33;

  font-size: 1.35em;
  font-weight: bold;
  line-height: 1;
  margin: .5em 0 0 0;
  text-align: center;

}

.watch-video {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;

}

.mark-calendar {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width:47.5em) {
  .header {
    padding: 40px 10px 20px;
  }

  .header__eyebrow {
    font-size: 1.6em;
    letter-spacing: 1px;
    margin: 0 auto 1.5em;
  }

  .header__preheading {
    color: #fff;
    font-size: 1.2rm;
    line-height: 1.45;
  }

  .header__logo {
    margin: auto;
    max-width: 540px;
  }

  .header__headline {
    font-size: 4.25em;
    margin: .5em 0 0;

  }

  .header__headline.success {
    font-size: 4em;
    margin-bottom: 36px;
    -webkit-text-stroke:0;
    font-weight: 800;
  }

  .header__headline.-ty {

    font-size: 3.25em;

  }

  .header__headline.-ty .eyebrow {

    font-size: 0.6em;

  }
  .header__headline.-ty .chin {

    font-size: 1em;

  }

  .header__subhead {
    font-size: 2em;
    margin: .8em 0 1.5em;
    padding: 0 0 1em;
  }

  .two-things {
    font-size: 2em;
    margin: 2em 0 0;

  }

  .watch-video {
    font-size: 2em;
    line-height: 1.1;

  }

  .mark-calendar {
    font-size: 2em;
    line-height: 1.1;
    margin: 0 0 2em;
  }
}


.important-note {
  background-color: #f3fdd6;
  background-image: linear-gradient(#f3fdd6, #e9f9ba);
  background-image: linear-gradient(#eef3f9, #dbe9fa);
  background-image: linear-gradient(#e2e2e2, #f6f6f6);

  padding: .8em;
}

.section.lead {
  padding: 20px 15px;
}

.joinus {
  color: #658a01;
  display: block;
  font-size: 2.25em;
  margin: 20px 0 10px;
  font-family: 'Luckiest Guy', cursive;


  text-align: center;
}

.joinus .eyebrow {
  color: #333;
  display: block;
  font-size: 0.6em;
  font-family: 'Geomanist', "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold", Arial, sans-serif;
}

.attendence {
  color: #ff9900;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 0 0.8em;
  text-align: center;
}

.leadlist {
  font-size: 1.25em;
  max-width: 30em;
}

.leadlist ul {
  margin: 0 0 16px 32px;
}

@media screen and (min-width:47.5em) {

  .joinus {
    font-size: 3.5em;
  }

  .attendence {
    font-size: 2em;
  }

  .leadlist {
    font-size: 1.2em;
    margin: 36px 0 36px 138px;
    max-width: 30em;
  }

}

.era {
  background-color: #f6ffdf;
  padding: 25px 5px 10px;
}

/* Signup Form Rules */
.signup {
  margin: 0 0 40px;
  padding: 20px 0;
}

.signup__wrap {
  max-width: 40em;
}

.sign-up-here {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
}

.signup-form {
  /*background-color: #214e9e; */
  background-color: #f4f4f4;
  border: 4px solid #eaeaea;
  border-radius: 0.5em;
  margin: 1em auto;
  padding: 1em .25em;
  /*box-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.33);*/
  max-width: 37em;
}

.signup-form--trans {
  background-color: transparent;
  border: none;

}

.signup-form-inner {
  margin: 0 auto;
  /* max-width: 35em; */
}

.signup-form h1,
.signup-form .h1 {
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.33);
}

.signup-form label {
  color: #333;
  display: block;
  margin: 0 0 1em;
}

input.text-input {
  border: 3px solid #ddd;
  border-radius: 0.5em;
  color: #000;
  display: block;
  font-size: 100%;
  margin: 0 auto;
  padding: 0.7em 0.5em;
  width: 90%;
}

input.text-input:focus {
  background-color: #ffffc2;
}

.cta,
.form-button {
  background-color: #ff6600;
  border: 0 none;
  border-radius: 0.5em;
  box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.33);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em auto 0;
  padding: 15px 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.33);
  width: 90%;
}

.cta {
  display: block;
  margin: auto;
  max-width: 400px;
}

.cta:link,
.cta:visited {
  color: #fff
}

.cta:hover,
.cta:focus,
.cta:active,
.form-button:hover,
.form-button:focus,
.form-button:active {
  background-color: #ff7700;
  color: #ffff55;
}

.form-button[disabled] {
  background-color: #656565;
  cursor: not-allowed;
  opacity: 0.15;
}

@media screen and (min-width:47.5em) {
  .signup-form {
    padding: 16px 32px;
    max-width: 37em;
  }

  .sign-up-here {
    font-size: 2.2em;
  }

  .offset {
    border-left: 5px double #d7fa70;
    margin-left: 20px;
    padding-left: 20px;
  }
}

.join-date,
.now {
  color: #333;
  font-size: 1.4em;
  line-height: 1.1;
  margin: 10px 0 10px 0;
  padding: 10px 0;
  text-align: center;
}

.marquee-border {
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}


/* Page Singles*/
.highlight-acid {
  background-color: #e1f8a2;
  padding: 1px 2px 1px 1px;
}

/* Content Rules */


.portrait__inline {
  border-radius: 0.5em;
  display: block;
  margin: auto;
  padding: 0.5em;
  max-width: 170px;
}

.portrait__inline img {
  display: block;
  border: 5px solid #eee;
  border-radius: 100px;
  margin: auto;
  max-width: 150px;
}

.portrait__inline--caption {
  display: none;
  margin-top: 0.25em;
}


@media screen and (min-width:47em) {
  .portrait__inline {
    float: right;
    margin: 0 0 1em 1em;
    max-width: 150px;
    width: 150px;
  }

  .portrait__inline--caption {
    display: block;
    font-weight: bold;
    text-align: center;
  }
}

footer {
  color: #fefefe;
  background: #444;
  padding-top: 20px;
}

footer p {
  font-size: 16px;
}

/* Artificial Break */
.alb {
  display: none;
}

.no-mo {
  display: none;
}

.mblock {
  display: block;
}

@media screen and (min-width:47.5em) {
  .mblock {
    display: inline;
  }

  .no-mo {
    display: initial;
  }

  .alb {
    display: block
  }
}

.enhance {
  color: #c9ff33;
  display: block;
  font-size: 2.5em;
  font-style: italic;
}

.headline__caption {
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  color: #4f903a;
  font-style: italic;
}

@media screen and (min-width:47.5em) {
  .enhance {
    font-size: 5em;
  }

  .headline__caption {
    font-size: 2em;
  }

}

/* PORTRAITS*/

.portrait__container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1em 0;

}

.portrait {

  margin: 10px auto;
  padding: 15px 10px;
}

.portrait img {
  border: 6px solid #eee;
  border-radius: 100px;
  display: block;
  margin: 0 auto 10px;
  max-width: 170px;
}

.portrait__name,
.portrait__title {

  display: block;
  text-align: center;
}

.portrait__name {
  line-height: 1.1;
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
}

@media screen and (min-width:47.5em) {


  .portrait__container {}

  .portrait {
    width: 190px;
    margin: 10px;
    padding: 15px 10px;
  }

  .portrait img {
    border: 6px solid #eee;
    border-radius: 100px;
    display: block;
    margin: 0 auto 10px;
    max-width: 170px;
  }

  .portrait__name,
  .portrait__title {

    display: block;
    text-align: center;
  }

  .portrait__name {
    line-height: 1.1;
    color: #333;
    font-size: 1.4em;
    font-weight: bold;
  }

}

.time-code {
  background-color: #ff9900;
  border-radius: 100px;
  color: #ffffff;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 0.9;
  padding: 5px 20px;
  text-align: center;
  width: 45px;

}

.lime {color:#c9ff33 !important}
.mango {color: #ffba32 !important;}
.soot {color: #658a00 !important;}


.vplayer {
	max-width:350px;
 margin: 1em auto 2rem;
}
.vplayer iframe {

	border-radius:4px;

}
@media screen and (min-width:30em) {
.vplayer {
	max-width: 640px;
 margin: 0 auto 2rem;
	}
.vplayer iframe {
	border:12px solid #ececec;
	border-radius:12px;

}
}