/* IE/Edge Responsive Viewport */

@-ms-viewport {
  width: device-width;
}

/* 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;
}

body {
  color: #121212;
  font-size: 100%;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: Lora, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h1,
.h1 {
  color: #fcd34a;
  font-size: 2.5em;
  margin: 0 auto 0.5em;
  text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.15);
}

h2,
.h2 {
  color: #1d7396;
}

h3,
.h3 {
  color: #fff;
  text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.5);
}

.fa-li {
  color: #be381c;
}

.fa-ul li {
  list-style-image: none;
}

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

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

  h1,
  .h1 {
    font-size: 3em;
  }
}

@media screen and (min-width: 40em) {
  body {
    font-size: 110%;
  }
}

@media screen and (min-width: 60em) {
  body {
    font-size: 115%;
  }
}

/* Post It */

.post-it img {
  display: block;
  margin: auto;
}

@media screen and (min-width: 74em) {
  .post-it {
    bottom: 0;
    position: absolute;
    width: 235px;
  }
}

@media screen and (min-width: 88.125em) {
  .post-it {
    bottom: -12em;
    right: 2em;
    transform: rotate(15deg);
    width: 300px;
  }
}

/*
.post-it {
 position: relative;
 z-index: 1;
 max-width: 400px;
}

.post-it img {
 position: absolute;
 right: -62em;
 top: -10em;
 transform: rotate(15deg);
}

@media(max-width: 1530px) {
 .post-it {
  max-width: 300px;
 }

 .post-it img {
  right: -56em;
  top: -5em;
 }
}

@media(max-width: 1439px) {
 .post-it {
  display: none;
 }
}
*/

/* Layout Rules */

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

.wrap {
  margin: 0 auto;
  max-width: 40em;
  padding: 0.1em 1em;
}

/* Header Section */

.banner {
  background: #ff0;
  text-align: center;
  padding: 0.5em;
  font-weight: bold;
  color: #000;
  font-size: 1.25em;
}

.desk {
  background-color: #1e80a8;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
  color: #fff;
  display: inline-block;
  padding: 0.25em 0.67em 0.33em;
}

.header {
  /*background: #406284 url(https://www.awai.com/_img/toolbox/p/bcs/white_diamond.png);*/
  background: #122d59 ;
  background-image: radial-gradient(#214a8c 25%, #0b1d39);
  padding: 1em 1em 0.1em;
}

.header-wrap {
  margin: 0 auto;
  max-width: 50em;
}

.header-content {
  margin: 0 auto 0 auto;
  max-width: 50em;
}

.header-content>p {
  padding-bottom: 0.8em;
}

.header-content-inner-wrap {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
  color: #fff;
  margin: 1em auto;
  max-width: 40em;
  padding: 0.1em 1em;
}

@media screen and (min-width: 74em) {
  .header {
    padding: 1em 1em 1em;
  }

  .header-wrap {
    /*background: url(https://www.awai.com/_img/toolbox/p/bcs/steve_slaunwhite_header.png) left bottom no-repeat;*/
    /*background-size: 45%;*/
    max-width: 70em;
    padding: 0 10px 70px
  }

  .header-content p {
    margin: 0.9em auto;
  }
}

.header-portrait {
  display: none;
}

@media screen and (min-width:30em) {
  .header-portrait {
    display: block;
    margin: 0 auto 0;
    padding: 15px 10px 0 10px;
    text-align: center;
  }

  .header-portrait img {
    display: block;
    margin: 0 auto 0;
    max-width: 300px;
  }

  .header-portrait::after {
    background-color: #333;
    background: transparent linear-gradient(90deg, #ffffff00 2%, #ffffff77, #ffffff77, #ffffff00 98%);
    content: "";
    display: block;
    height: 1px;
    max-width: 340px;
    margin: 0 auto 1em auto;
    padding: 1px 0 1px;
  }
}

.lead {
  background-color: #bfe2fd;
  border-radius: 20px;
  font-size: 1.1em;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin: -30px auto 30px;
  padding: 15px 40px;
  z-index: 9;
}

@media screen and (min-width:30em) {
  .lead {
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: -0.5px;
  max-width: 26em;
  margin: -90px auto 30px;
  padding: 15px 40px;
	box-shadow: 1px 5px 10px #00000033;
  }
}


/* Callout Section */

.callout-section {
  background: url(/_img/toolbox/p/bcs/white_plaster.png) repeat;
}

.callout-section .wrap {
  background-color: #fff;
  background: rgba(255, 255, 255, 0.9);
  border: solid #ddd;
  border-width: 0 1px;
  font-size: 1.1em;
}

.callout-section blockquote {
  border: 2px solid #ccc;
  border-radius: 0.25em;
  margin: 1em auto;
  padding: 0.1em 1em;
  width: 85%;
}

/* Fees Section */

.section-fees {
  background-color: #bfe2fd;
}

.section-fees .wrap {
  max-width: 70em;
}

.fee-list {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2em;
}

.fee-list-item {
  box-sizing: border-box;
  padding: 0 0.5em;
  width: 50%;
}

.fee-list-fee {
  background-color: #b81f1f;
  border-radius: 0.5em;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin: 1em auto 0.5em;
  max-width: 10em;
}

.fee-list-item img {
  border-radius: 0.5em;
  width: 80%;
}

.fee-list-copy {
  font-size: 0.9em;
  margin: 0.5em auto 2em;
}

h1 span+span {
  display: block;
  margin-top: 0.5em;
}

@media screen and (min-width: 26em) {
  .fee-list-fee {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 47em) {
  .fee-list-fee {
    font-size: 0.9em;
  }

  .fee-list-item {
    width: 20%;
  }
}

@media screen and (min-width: 60em) {
  .fee-list-fee {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 70em) {
  .fee-list-fee {
    font-size: 0.9em;
  }

  .fee-list-item {
    width: calc(100% / 7);
  }
}

@media screen and (min-width: 82em) {
  .fee-list-fee {
    font-size: 1.1em;
  }
}

/* Session Sections */

.session-section {
  background-color: #d5e9f6;
}

.session-section h3 {
  background-color: #3a98d3;
  margin: 0 auto;
  padding: 0.75em;
}

.session-section .fa-li {
  color: #1d7396;
}

/* Content Rules */

.sidebar {
  background-color: #e6f1f5;
  border: 2px solid #90d0ea;
  border-radius: 0.25em;
  color: #000;
  font-size: 0.9em;
  margin: 1em auto;
  padding: 0.1em 1em;
  width: 85%;
}

.sidebar blockquote {
  margin: 1em auto;
  width: 85%;
}

.sidebar .fa-li {
  color: #1d7396;
}

.image {
  background-color: #ffedb2;
  border-radius: 0.25em;
  box-sizing: border-box;
  margin: 1em auto;
  padding: 1em;
  width: 85%;
}

.image-right {
  max-width: 13.6em;
}

.image-right img {
  width: 13.6em;
}

.image img {
  border-radius: 0.25em;
}

.caption {
  margin: 0.25em auto 0;
}

@media screen and (min-width: 38em) {
  .image-right {
    clear: right;
    float: right;
    margin: 0 0 1em 1em;
  }
}

@media screen and (min-width: 40em) {
  .sidebar-right {
    clear: right;
    float: right;
    margin: 0 0 1em 1em;
    width: 14em;
  }

  .session-section .sidebar-right {
    margin: 2em 0 1em 1em;
  }
}

/* Order Buttons */

a.order-button {
  background: #ff811b;
  background: -webkit-linear-gradient(top, #ff9a43 0%, #ff6c06 100%);
  background: linear-gradient(to bottom, #ff9a43 0%, #ff6c06 100%);
  border-radius: 0.25em;
  box-shadow: 0 0 0.1em 0.1em rgba(0, 0, 0, 0.15);
  color: #fff;
  display: inline-block;
  font-family: Lora, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0 auto;
  padding: 0.33em 1em 0.5em;
}

a.order-button:hover,
a.order-button:focus,
a.order-button:active {
  color: #ff3;
}

a.order-button:active {
  background: #d36b18;
  background: -webkit-linear-gradient(top, #d18945 0%, #d25a06 100%);
  background: linear-gradient(to bottom, #d18945 0%, #d25a06 100%);
}

@media screen and (min-width: 40em) {
  .order-button-large {
    max-width: 9em;
  }
}

/* Artificial Breaks */

#accelerate {
  max-width: 18em;
}

#fast-track {
  max-width: 17em;
}

#library {
  max-width: 14em;
}

/* VIDEO PLAYER */
.player {
  margin: auto;
  max-width: 350px;
}

.player iframe {
  border: none;
  border-radius: 10px;
}

@media screen and (min-width:780px) {
  .player {
    margin: auto;
    max-width: 700px;
  }

  .player iframe {
    border-radius: 10px;
    box-shadow: 0 16px 16px -18px #333;
    border: 8px solid #cacfd6;
  }

  .player.-wistia {
    border-radius: 26px;
    box-shadow: 0 16px 16px -18px #333;
    border: 12px solid #ffffff6d;
    margin: 30px 5px 30px;
  }

}

@media screen and (min-width:780px) {
  .player {
    margin: auto;
    max-width: 700px;
  }

  .player iframe {
    border-radius: 10px;
    box-shadow: 0 16px 16px -18px #333;
    border: 8px solid #cacfd6;
  }
}