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

/* ===== Offer Expired Reset ===== */
.offer-expired {
 background: #800 url(https://www.awai.com/_img/toolbox/icons/icon_important-60.png) no-repeat center 5px;
 border: 0 none;
 border-radius: 0;
 box-shadow: none;
 margin: 0 auto;
 max-width: 29em;
 padding: 80px 0.5em 1em;
 text-align: center;
 width: auto;
 min-height: inherit;
}


/*===== General =====*/
body {
 color: #00041B;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 20px;
 font-weight: 300;
 font-family: 'Merriweather', Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

@media(max-width: 480px) {
 body {
  font-size: 18px;
 }
}

h1,
h2,
h3,
h4 {
 color: #00041B;
 font-family: 'Merriweather', Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
 font-weight: 900;
 margin: 0;
}

.section-subheading {
 font-size: 40px;
 padding: 20px 10px 30px;
 margin: 0 auto;
 text-align: center;
 color: #fefefe;
 background: linear-gradient(rgba(18, 38, 49, .8), rgba(18, 38, 49, .8)), url(https://www.awai.com/_img/toolbox/p/ggi/background-texture-1.png) no-repeat center;
 background-size: cover;
 text-shadow: 4px 5px 7px rgba(0, 0, 0, .4);
 background-attachment: fixed;

}


/*.section-subheading:before,
.section-subheading:after {
 content: url(https://www.awai.com/_img/toolbox/p/ggi/gold-wreath-50.png);
 padding: 0 5px;
}
*/
.section-subheading:before
{
  background-color: #152d32;
  border-radius: 100%;
  content: url(https://www.awai.com/_img/toolbox/p/ggi/gold-wreath-50.png);
  display:block;
  margin:-55px auto 0;
  padding: 10px 3px 3px;
  width:70px;
}
img {
 height: auto;
 max-width: 100%;
}

p {
 margin: 0;
 padding: 10px 0;
}

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

.fa-li {
 color: #ee7f17;
 font-size: 24px;
}

ul,
ol,
dl {
 margin: .5em 0 1.4em 1.2em;
 padding: 0;
}


/** EZ List Icons **/

ul.fa-ez {
  margin: 0 1.5em 0 2em;
}

ul.fa-ez li {
  list-style: none;
}
ul.fa-ez li, ul.fa-ez li p {padding-top:0}
ul.fa-ez li:before {
  font-family: 'FontAwesome';
  float: left;
}

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

ul.fa-ez.-checks li:before {
  /*EXTRA - CHECKMARK */
  content: '\f00c';
  /*checks*/
  font-size: 1.1rem;
  margin-left: -1.75rem;
  margin-top: -0.1rem;
  color: #ee7f17;
}




.-email ul.fa-ez.-bullet li:before {
  /* EXTRA - BULLET */
  content: '\f111';
  /*bullet*/
  font-size: 0.2rem;
  margin-left: -1.5rem;
  margin-top: 0;
  color: #ee7f17;
}

ul.fa-ez.-asterisk li:before {
  /* EXTRA - ASTERISK */
  content: '\f069';
  /*asterisk*/
  font-size: 1.1rem;
  margin-left: -1.75rem;
  margin-top: -0.1rem;
  color: #ee7f17;
}

ul.fa-ez.-gifts li:before {
  /* EXTRA - ASTERISK */
  content: '\f06b';
  /*asterisk*/
  font-size: 1.5rem;
  margin-left: -1.35rem;
  margin-top: -0.05rem;
  color: #ee7f17;
}

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

/* list icon color variants */

ul.fa-ez.-grass li:before {
  color: #23a248 !important;
}

/** /end EZ List Icons **/


.brand-new-box {
 font-size: 30px;
 color: #f00;
 background: #ff0;
 text-align: center;
 font-weight: bold;
}

.sidebar--right {
 float: right;
 max-width: 300px;
 font-size: 14px;
 background: #ffef95;
 border-radius: 5px;
 box-shadow: 6px 6px 9px -4px rgba(0, 0, 0, .4);
 padding: 10px 20px;
 color: #010101;
 margin: 0 0 25px 15px;
}

.sidebar-heading {
 color: #010101;
 margin: 0 auto;
 text-align: center;
 font-size: 18px;
}

.image-box {
 margin: 0 auto;
 text-align: center;
}

.image-box--right {
 float: right;
 margin: 0 0 .3em .6em;
}

.image-box--300 {
 max-width: 300px;
}

.image-box-image--shadow {
 filter: drop-shadow(4px 8px 10px rgba(0, 0, 0, .4));
}

.image-box--no-display {
 display: none;
}

.image-box-margin {
 margin: 20px auto;
}

.quote-box {
 background: #efefef;
 margin: 3em auto 1em;
 font-size: 18px;
 padding: 60px 20px 20px 70px;
 position: relative;
 border-radius: 5px;
 box-shadow: 8px 16px 24px -8px rgba(0, 0, 0, .4);
}

.quote-box-image {
 position: absolute;
 border-radius: 50%;
 border: 5px solid #F2E9AC;
 top: -30px;
 left: -100px;
 filter: drop-shadow(5px 8px 10px rgba(0, 0, 0, .5));
}

.quote-box-citation {
 text-align: right;
 font-weight: bold;
 font-size: 16px;
 display: block;
}

.section-subheading.white-paper-guy-subheading:before,
.section-subheading.white-paper-guy-subheading:after {
 display: none;
}

/* Infographic */
.infographic-heading {
 background: #00041B;
 color: #ff0;
 text-align: center;
 padding: 10px 0;
}

.infographic-top {
 display: flex;
 justify-content: space-around;
 padding: 20px 0;
 align-items: center;
 background: linear-gradient(to right, rgba(141, 203, 228, 0.8) 50%, rgba(223, 188, 142, 0.8) 50%), url(https://www.awai.com/_img/toolbox/p/ggi/swirl_pattern.png) center repeat;
 min-height: 250px;
 border-bottom: 40px solid #04060e;
}

.top-left,
.top-right {
 font-size: 40px;
 font-weight: bold;
 color: #0a0702;
 display: inline-block;
 padding: 0 30px;
 margin: 0 auto;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-around;
}

.top-middle {
 font-size: 50px;
 font-weight: bold;
 width: 100px;
 border-radius: 50%;
 color: #fefefe;
 background: #080701;
 text-align: center;
}

.infographic-bottom {
 display: flex;
 justify-content: space-between;
}

.bottom-right,
.bottom-left {
 display: flex;
 flex-direction: column;
 flex: 1;
}

/* .infographic {
 display: grid;
}

.infographic-top {
 display: grid;
 background: linear-gradient(to right, rgba(141, 203, 228, 0.8) 50%, rgba(223, 188, 142, 0.8) 50%), url(https://www.awai.com/_img/toolbox/p/ggi/swirl_pattern.png) center repeat;
 min-height: 250px;
 border-bottom: 40px solid #04060e;
 padding: 20px 0;
 align-items: center;
} */

/* .top-left,
.top-right {
 font-size: 40px;
 font-weight: bold;
 color: #0a0702;
 padding: 0 20px;
 margin: 0 auto;
 text-align: center;
}

.top-left {
 grid-column: 1/2;
 display: flex;
 align-items: center;
 flex-direction: column;
}

.top-middle {
 grid-column: 3/3;
 text-align: center;
 font-size: 50px;
 font-weight: bold;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 color: #fefefe;
 background: #080701;
}

.top-right {
 grid-column: 4/5;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.infographic-bottom {
 display: grid;
}

.bottom-left {
 grid-column: 1/2;
}

.bottom-right {
 grid-column: 2/3;
}

.graphic-box {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 min-height: 250px;
 padding: 10px;
} */



.bottom-left .graphic-box:nth-of-type(1) {
 color: #00041B;
 background: #9ED6ED;
}

.bottom-left .graphic-box:nth-of-type(2) {
 background: #70AFCF;
}

.bottom-left .graphic-box:nth-of-type(3) {
 background: #5194CF;
}

.bottom-right .graphic-box:nth-of-type(1) {
 color: #00041B;
 background: #FFDD9D;
}

.bottom-right .graphic-box:nth-of-type(2) {
 color: #00041B;
 background: #F2CB69;
}

.bottom-right .graphic-box:nth-of-type(3) {
 color: #00041B;
 background: #FFB237;
}

.graphic-box {
 padding: 10px;
 min-height: 250px;
 text-align: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.graphic-image {
 max-width: 60px;
 padding: 0 0 20px;
}

.graphic-copy {
 font-size: 14px;
}

@media(max-width: 890px) {
 .quote-box {
  max-width: 400px;
 }
}

@media(max-width: 820px) {

 .section-subheading:before,
 .section-subheading:after {
  display: none;
 }
}

@media(max-width: 720px) {
 .quote-box {
  max-width: 250px;
 }

 .image-box--right {
  max-width: 150px;
 }

}

@media(max-width: 640px) {
 .sidebar {
  margin: 1em auto 2em;
  max-width: 95%;
 }

 .section-subheading {
  font-size: 36px;
 }

 .graphic-box {
  min-height: 400px;
 }
}

@media(max-width: 560px) {
 .quote-box {
  max-width: 100%;
  padding: 20px;
  margin: 1em auto;
 }

 .quote-box-image {
  display: none;
 }

 .image-box--no-display {
  display: block;
  margin: 1em auto 0;
 }

 .image-box-image--display {
  border-radius: 50%;
  border: 5px solid #F2E9AC;
  filter: drop-shadow(5px 8px 10px rgba(0, 0, 0, .5));
 }

 .top-left,
 .top-right {
  font-size: 24px;
 }

}

@media(max-width: 460px) {

 .top-middle {
  display: none;
 }

 .infographic-top {
  min-height: 150px;
 }

 .graphic-box {
  min-height: 550px;
 }

 .graphic-image {
  max-width: 90px;
 }

 .top-left,
 .top-right {
  font-size: 20px;
 }
}

/*===== Cards With Designed Borders */
.card {
 margin: 0 auto;
 max-width: 880px;
 background: #fefefe;
 position: absolute;
 padding: 20px;
 border-radius: 5px;
 box-shadow: 8px 16px 24px -8px rgba(0, 0, 0, .4);
}


.card-layer {
 display: flex;
 flex-direction: column;
 height: 100%;
 justify-content: center;
 position: relative;
 width: 100%;

}

.card-heading {
 font-size: 28px;
 font-weight: 900;
 margin: 0 auto;
 padding: 20px 30px 5px;
 text-align: center;
 max-width: 1100px;
}

.card-corner {
 height: 15px;
 position: absolute;
 width: 15px;
}

.card-corner:before {
 content: url(https://www.awai.com/_img/toolbox/p/ggi/victorian-era-corner-design-75.png);
}

.card-corner:nth-of-type(1) {
 right: 0px;
 top: 50px;
 transform: rotateZ(185deg);
}

.card-corner:nth-of-type(2) {
 left: -10px;
 top: 50px;
 transform: scale(1, -1) rotate(1deg);
}

.card-corner:nth-of-type(3) {
 bottom: 50px;
 left: -5px;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
}

.card-corner:nth-of-type(4) {
 bottom: -10px;
 right: 50px;
 -webkit-transform: rotateZ(-90deg);
 transform: rotateZ(-90deg);
}


.card-list-item {
 font-size: 18px;
}

/*===== Layout =====*/

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

.container {
 margin: 0 auto;
 max-width: 740px;
 padding: 20px;
}


.flex-list {
 display: flex;
 margin: 0 auto;
 justify-content: space-around;
 max-width: 1000px;
 flex-wrap: wrap;
}

.flex-list-container {
 display: flex;
 flex-direction: column;
 max-width: 400px;
 padding: 0 5px;
}

.portrait--right {
 float: right;
 margin: 0 0 .3em .6em;
}

.portrait-image {
 border-radius: 5px;
 border: 5px solid #F2E9AC;
 filter: drop-shadow(5px 8px 10px rgba(0, 0, 0, .5));
}

@media(max-width: 640px) {
 .portrait--right {
  margin: 0 auto;
  text-align: center;
  float: none;
 }
}

@media(max-width: 550px) {
 .flex-list-container {
  align-items: center;
  max-width: 600px;
 }

 .flex-list {
  max-width: 300px;
 }
}



/*===== Header =====*/

.pre-header {
 margin: 0 auto;
 text-align: center;
 background: #ff0;
 font-weight: bold;
 font-size: 26px;
}

.header {
 background-attachment: fixed;
 background-size: cover;
 background: linear-gradient(rgba(18, 38, 49, .8), rgba(18, 38, 49, .8)), url(https://www.awai.com/_img/toolbox/p/ggi/background-texture-1.png) no-repeat center;
 max-width: 100%;
 padding: 20px 20px 300px;
 position: relative;
}



.header-ul {
 max-width: 640px;
 margin: 0 auto;
}

@media screen and (max-width:400px){
  .header-ul{
    padding-left:30px
  }
}

.header-lead {
 max-width: 1400px;
 margin: 0 auto;
}

.header-lead-h1 {
 color: #F2E9AC;
 font-size: 60px;
 text-shadow: 4px 5px 7px rgba(0, 0, 0, .4);
}

.header-lead-h1--size {
 font-size: 48px;
}

.header-lead-h1-break {
 display: block;
 padding-top: 20px;
}

.header-card {
 left: 0;
 right: 0;
 top: 350px;
}

.header-card-list-item .fa-li {
 color: #ee7f17;

}

.post-it {
 position: relative;
 z-index: 1;
 max-width: 400px;
 /* left: 51em;
 top: 4em;
 transform: rotate(-15deg); */
}

.post-it img {
 position: absolute;
 left: -5em;
 top: 4em;
 transform: rotate(15deg);
}

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

 .post-it img {
  left: -2em;
  top: 4em;
 }
}

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

@media(max-width: 1130px) {
 .header-lead-h1 {
  font-size: 48px;
 }

 .header-lead-h1--size {
  font-size: 36px;
 }

 .header-card {
  top: 350px;
 }
}

@media(max-width: 1080px) {
 .header-card {
  max-width: 800px;
 }
}

@media(max-width: 1000px) {
 .header-lead-h1--size {
  font-size: 32px;
 }

 .header-lead-h1 {
  font-size: 42px;
 }
}

@media(max-width: 900px) {
 .header-card {
  position: relative;
  background: transparent;
  color: #fefefe;
  box-shadow: none;
  top: 10px;
  max-width: 100%;
  padding: 5px;
 }

 .header-card-heading {
  color: #fefefe;
  max-width: 100%;
  padding: 0;
 }

 .header-card-corner {
  display: none;
 }

 .header {
  padding: 20px;
 }
}

@media(max-width: 480px) {
 .header-lead-h1 {
  font-size: 30px;
 }

 .header-lead-h1--size {
  font-size: 24px;
 }

 .header-card-heading {
  font-size: 22px;
 }
}

/*===== Lead =====*/

.lead-container {
 margin-top: 200px;
}

@media(max-width: 1080px) {
 .lead-container {
  margin-top: 250px
 }
}

@media(max-width: 900px) {
 .lead-container {
  margin-top: 0;
 }
}

/*===== Keystone =====*/

.keystone-container {
 max-width: 800px;
 padding: 0 20px;
}

.keystone-flex-list {
 padding: 2px 0;
}

.keystone-flex-list-item {
 position: relative;
}

.keystone-flex-list-item:before {
 content: '\f14a';
 font-family: FontAwesome;
 position: absolute;
 left: -30px;
 color: #354D69;
}

@media(max-width: 550px) {
 .keystone-flex-list-item:before {
  display: none;
 }

 .keystone-flex-list {
  padding: 0;
 }
}

/*===== Easy Money =====*/

.easy-money-container {
 max-width: 1000px;
}

/*===== Mentorship =====*/

.mentorhsip {
 position: relative;
}

.mentorship-note {
 max-width: 300px;
 position: absolute;
 left: 65em;
 transform: rotate(-8deg);
}

@media(max-width: 1650px) {
 .mentorship-note {
  left: 58em;
 }
}

@media(max-width: 1500px) {
 .mentorship-note {
  left: 54em;
 }
}

@media(max-width: 1420px) {
 .mentorship-note {
  left: 51em;
 }
}

@media(max-width: 1360px) {
 .mentorship-note {
  left: 50em;
  max-width: 250px;
 }
}

@media(max-width: 1290px) {
 .mentorship-note {
  left: 50em;
  max-width: 200px;
 }
}

@media(max-width: 1200px) {
 .mentorship-note {
  left: 46em;
 }
}

@media(max-width: 1160px) {
 .mentorship-note {
  display: none;
 }
}


.mentorship-subheading {
 margin: 30px auto;
 text-align: center;
 font-size: 40px;
 padding: 20px 0 25px;
}

/* Override of the wreaths that show up on the sides of the other subheadings 
.mentorship-subheading.section-subheading:before,
.mentorship-subheading.section-subheading:after {
 content: "";
}*/

.mentorship-sessions {
 margin: 0 auto;
 max-width: 800px;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 padding: 0 20px;
}

.mentorship-session-card {
 max-width: 600px;
 background: #efefef;
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 padding: 10px;
 border-radius: 5px;
 margin: 50px auto;
 box-shadow: 4px 10px 12px -4px rgba(0, 0, 0, .3);
}

.session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/getting-started.jpg) center no-repeat;
 background-size: cover;
 min-height: 350px;
 max-width: 100%;

 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
}

.mentorship-session-card:nth-of-type(2) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/white-paper-101.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(3) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/outline.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(4) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/research.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(5) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/writing-a-white-paper.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(6) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/pitfalls.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(7) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/white-paper-reviews.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(8) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/building-your-business.jpg) center no-repeat;
}

.mentorship-session-card:nth-of-type(9) .session-card-image {
 background: url(https://www.awai.com/_img/toolbox/p/ggi/putting-it-together.jpg) center no-repeat;
}


.session-card-heading {
 font-size: 26px;
 padding: 20px 0 0;
 margin: 0 auto;
 text-align: center;
}

.session-card-copy {
 font-size: 16px;
 flex-grow: 1;
}

@media(max-width: 640px) {
 .mentorship-subheading {
  font-size: 28px;
 }
}

/*===== Bonus =====*/
.bonus-container {
 max-width: 1000px;
}

.bonus-deal {
 background: #efefef;
 max-width: 800px;
 margin: 0 auto 100px;
 padding: 10px;
 border-radius: 5px;
 box-shadow: 4px 10px 12px -4px rgba(0, 0, 0, .3);
 position: relative;
}

.bonus-heading {
 font-size: 28px;
 color: #354D69;
 max-width: 600px;
 /* text-align: left; */
}

.bonus-image {
 position: absolute;
 max-width: 150px;
 right: 40px;
 top: -60px;
 filter: drop-shadow(2px 6px 8px rgba(0, 0, 0, .4));
}

@media(max-width: 830px) {
 .bonus-image {
  display: none;
 }
}

/*===== Challenge =====*/
.challenge-pre-heading {
 color: #ff0000;
 margin: 0 auto;
 text-align: center;
 padding: 10px;
 background: #ff0;
 font-weight: bold;
 font-size: 30px;
}

.challenge-warning {
 margin: 20px auto;
 text-align: center;
}

.challenge-warning-copy {
 background: #fbff11;
 display: inline-block;
 padding: 10px;
 border-radius: 5px;
 font-size: 28px;
}

/*===== Start =====*/

.premier-member-burst {
 float: right;
 margin: 0 0 .3em .6em;
 filter: drop-shadow(2px 6px 8px rgba(0, 0, 0, .4));
}

.payment-plan {
 border-radius: 5px;
 padding: 5px 10px;
 margin: 20px auto;
 background: #ff0;
 filter: drop-shadow(2px 6px 8px rgba(0, 0, 0, .4));
}

@media(max-width: 640px) {
 .premier-member-burst {
  margin: 0 auto;
  display: block;
  float: none;
 }
}

/*===== Buttons =====*/
a.order-button {
 background: #ff811b;
 background: -webkit-linear-gradient(top, #ff9a43 0%, #ff9640 49%, #ff811b 50%, #ff6c06 100%);
 background: linear-gradient(to bottom, #ff9a43 0%, #ff9640 49%, #ff811b 50%, #ff6c06 100%);
 border-radius: 0.25em;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 font-size: 32px;
 line-height: 1.2;
 margin: 0.5em auto;
 padding: 0.8em .5em;
 transition: all 400ms ease-out;
}

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

a.order-button:active {
 background: #ff811b;
 background: -webkit-linear-gradient(top, #ec903f 0%, #e9893a 49%, #e77518 50%, #dd5f05 100%);
 background: linear-gradient(to bottom, #ec903f 0%, #e9893a 49%, #e77518 50%, #dd5f05 100%);
}


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

.no-mo {
  display: none;
}

.mblock {
  display: block;
}

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

  .no-mo {
    display: initial;
  }

  .alb {
    display: block
  }
}