/* 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: 80px 1em 1em;
 text-align: center;
 width: auto;
 min-height: 0;
}
/* General Rules */
body {
 color: #333;
 font-size: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 color: #0b2343;
 font-family: Nunito, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 font-weight: 800;
 letter-spacing: -1px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3{
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

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

.h2,
h2 {
 font-size: 1.67em;
}
.content ul {margin: 0 3em;}
.content ul li {
 list-style: none;
}

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

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

.content ul.bullet li:before {
 /* EXTRA - BULLET */
 content: '\f111';
 /*bullet*/
 font-size: 0.7em;
 margin-left: -2em;
 margin-top: 0.5em;
 color: #2273bb;
}

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

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

.fa-li {
 color: #2273bb;
}

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

.break-word {
 overflow-wrap: break-word;
 word-wrap: break-word;
 -ms-word-break: break-all;
 word-break: break-all;
}

.indent-left {
 margin-left: 2.15em;
}
@media screen and (min-width:30em) {
 .h2,
 h2 {
  font-size: 2em;
 }
}
@media screen and (min-width:37.5em) {
 body {
  font-size: 105%;
 }
}
@media screen and (min-width:51.25em) {
 body {
  font-size: 110%;
 }
}
/* Layout Rules */
.content {
 margin: 0 auto;
 padding: 0;
}

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

.callout {
 background-color: #2273bb;
 background-image: linear-gradient(rgba(34, 115, 187, 1.00) 15% ,rgba(11, 35, 67, 1.00) );

 box-shadow: 0 0 0.5em 0.1em #bbb;
 color: #fff;
}

.callout .h1,
.callout .h2,
.callout h1,
.callout h2 {
 color: inherit;
}

.callout p+p {
 margin-left: 2em;
}

.callout p+p+p {
 margin-left: 4em;
}

.callout p+p+p+p {
 margin-left: 6em;
}

.callout p+p+p+p+p {
 margin-left: 8em;
}

.callout .button {
 margin-left: inherit;
}
/* Header Rules */
.desk {
 background-color: #2273bb;
 color: #fff;
 text-align: center;
 font-size: 1.25em;
 font-weight: bold;
 padding: 0.33em 1em 0.5em;
}

.header {
 background: #555;
 background: #555 url("https://www.awai.com/_img/toolbox/p/vbr/hero-v2.jpg") top center no-repeat;
 background-size: cover;
}

.bg-overlay {
 position: relative;
 display: flex;
 justify-content: center;
 background-size: cover;
}


.bg-overlay:after {
 background-image: linear-gradient(rgba(11,35,67,.1),rgba(11,35,67,0.5),rgba(11,35,67,1));
 opacity: 1;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.bg-overlay > * {
 z-index: 999;
}

.header__content {
 padding-bottom: 45px;
}
.header__content.up {

    margin:auto;
    max-width:44em;


}
.header__eyebrow {
 border-bottom: 1px solid rgba(255,255,255, 0.25);
 color: #fff;
 font-size: 1.25em;
 font-weight: 400;
 letter-spacing: 2px;
 margin: 0 0 15px;
 padding: 5px 0 10px;
 text-align: center;
 text-shadow: 0 0 14px rgba(255, 255, 255, 1);
}

.header__post-headline,
.header__pre-headline {
 color: #fbb414;
 font-weight: 700;
 letter-spacing: -0.15px;
 font-size: 1.8em;
 line-height: 1.35em;
 text-align: center;
 text-shadow: 0 0 25px rgba(255, 255, 255, 1);
}

.header__headline {
 border-bottom: 2px solid rgba(255,255,255, 0.25);
 color: #fff;
 font-size: 1.75em;
 line-height: 1.05em;
 margin: 0.5em auto 0.6em;
 max-width: 16em;
 padding: 0 0 0.5em;
 text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 25em) {
 .header__headline {
  font-size: 2.5em;
  margin: 0.7em auto 0.6em;
 }

 .header__post-headline,
 .header__pre-headline {
  font-size: 2.2em;
  letter-spacing: -0.6px;
  line-height: 1.3em;
  margin: 0 auto;
 }

 .header__pre-headline {
  max-width: 30em;
 }

 .header__post-headline {
  max-width: 16em;
 }
}

.testimonial {
 background-color: #FAF8F4;
 border-radius: 25px;
 border: 10px solid #efe7d4;
 box-shadow: 0 8px 10px -10px #888;
 color: #60480F;
 font-family: 'Courier Prime', monospace;
 font-size: 1.1em;
 font-weight: 400;
 letter-spacing: -1px;
 line-height: 1.3em;
 padding:  0.5em 1em 0.8em;
 width: 85%;
}

.experts-titled-expert-photo.nu {
 background: url("https://www.awai.com/_img/photos/portraits/nick_usborne-150.jpg") no-repeat top center;
 background-size: cover;
}

.experts-titled-expert-photo.ib {
 background: url("https://www.awai.com/_img/photos/portraits/ilise_benun-150.jpg") no-repeat top center;
 background-size: cover;
}

.experts-titled-expert-photo.bb {
 background: url("https://www.awai.com/_img/photos/portraits/bob_bly-150.jpg") no-repeat top center;
 background-size: cover;
}

.experts-titled-expert-photo.eg {
 background: url("https://www.awai.com/_img/photos/portraits/ed_gandia-150.jpg") no-repeat top center;
 background-size: cover;
}

.experts-titled-expert-photo.jb {
 background: url("https://www.awai.com/_img/photos/portraits/joshua_boswell-150.jpg") no-repeat top center;
 background-size: cover;
}
/* Flex-Callout Rules */
.flex-callout {
 background: #dbe9f0 url(https://www.awai.com/_img/toolbox/p/vbr/blue-ripple-bg.jpg) no-repeat;
 background-size:cover;
 background-color: #2273bb;
 box-shadow: 0 0 0.5em 0.1em #bbb;
 margin: 1em auto;
 padding: 0.1em 1em;
}

.flex-callout-entry {
 background-color: #fff;
 box-shadow: 0 0 0.5em 0.1em rgba(0,0,0,0.25);
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
 margin: 1.5em auto;
 max-width: 50em;
}

.flex-callout-entry-photo {
 background-color: #333;
 padding: 0;
}

.flex-callout-entry-photo img {
 display: block;
 margin: 0 auto;
}

.flex-callout-entry-copy {
 padding: 0.1em 1em;
}
@media screen and (min-width:41.25em) {
 .flex-callout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }

 .flex-callout-entry {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
 }
}
@media screen and (min-width:60em) {
 .flex-callout {
  display: inherit;
 }

 .flex-callout-entry {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
 }

 .flex-callout-entry-photo {
  min-width: 8.16em;
 }
}
/* General Rules */
.cover,
.portrait {
 /*box-shadow: 0 0 0.25em 0.1em #ddd;*/
 max-width: 10em;
 margin: 1em auto;
 padding: 0 1em 0.5em;
}

.cover img {
 border: 8px solid #ededed;
}

.sq img {
 border-radius: 100%;
}

.caption {
 font-weight: 700;
 margin: 0 auto;
}

.inline-box,
.sidebar {
 border-top: 6px solid #fbb414;
 border-right: 10px solid #fff;
 border-bottom: 4px solid #fbb414;
 border-left: 10px solid #fff;
 /*box-shadow: 0 0 0.25em 0.1em #ddd;*/
 box-shadow: 0 8px 8px -8px #333;
 /*color:#60480F;
 font-family: 'Courier Prime', monospace;
 font-size: 1em;
 font-weight: 400;
 letter-spacing: -1px;
 line-height: 1.4em;*/
 margin: 1em auto;
 padding: 0.1em 1em 0.5em;
 width: 85%;
}

.sidebar {
 background-color: #FFFAEE;

}

.inline-box {
 background-color: #eee;
}

.sidebar .portrait {
 background-color: ##efe7d4;
}

blockquote {
 margin: 1em auto;
 width: auto;
}

.inline-quote,
.profile blockquote {
 background-color: #FAF8F4;
 border-radius: 25px;
 border: 10px solid #efe7d4;
 box-shadow: 0 8px 10px -10px #888;
 color: #60480F;
 font-family: 'Courier Prime', monospace;
 font-size: 1.1em;
 font-weight: 400;
 letter-spacing: -1px;
 line-height: 1.3em;
 padding:  0.5em 1em 0.8em;
 width: 85%;
}
.profile blockquote p,
.inline-quote p {
    margin:.6em 0 0;
}

.profile ul li:before {

 color: #60480f;
}
.cited {
 font-weight: 700;
 text-align: right;
}
@media screen and (min-width:25em) {
 .cover-right,
 .portrait-right {
  float: right;
  margin: 0.5em 0 0.5em 1em;
 }
}
@media screen and (min-width:30em) {
 .sidebar .portrait {
  float: right;
  margin: 1.5em 0 0.5em 1em;
 }
}
@media screen and (min-width:36em) {
 .sidebar-right {
    font-size:.85em;

  float: right;
  clear: right;
  line-height:1.3em;
  margin: 0 0 0.5em 1em;
  max-width: 13.5em;
  width: auto;
 }
}
/* Order Buttons */
a.order-button, .order-button {
 background: #ff811b;
  background: linear-gradient(to bottom, #ffbb00 0%,#ff7700 100%);
 border-radius: 0.25em;
 box-shadow: 0 8px 6px -6px #888;
 border:none;
 color: #fff;
 cursor:pointer;
 display: block;
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.2;
 margin: 0.5em auto;
 padding: 0.25em 0.67em 0.33em;
}
/*button.order-button {display:block; max-width:30em; margin:auto;width:85%;}*/
.order-button:active,
.order-button:focus,
.order-button:hover,
a.order-button:active,
a.order-button:focus,
a.order-button:hover {
 color: #ff3;
 background: #d36b18;
  background: linear-gradient(to bottom, #ff9900 0%,#ff6600 100%);
   box-shadow: 0 8px 6px -6px #777;

}

.order-button:active,
a.order-button:active {

}

.order-button-long,
a.order-button-long {
 max-width: 22em;
}
/* Artificial Breaks */
#experts {
 max-width: 17em;
}

#shortcut {
 max-width: 15.7em;
}

#meet {
 max-width: 19em;
}

#vital-steps {
 max-width: 18.5em;
}

#bonus-1 {
 max-width: 19em;
}

#step-6 {
 max-width: 16em;
}

#confidence {
 max-width: 13em;
}

#start-today {
 max-width: 16em;
}

#success {
 max-width: 17.5em;
}

#moment {
 max-width: 16.5em;
}
#rare {
 max-width: 25em;
}

.desk-wrap {
 display: block;
 margin: 0 auto;
 max-width: 36em;
}
/* IE10/11 CSS Hack to disable buggy fixed background image */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .flex-callout,
 .header {
  background-attachment: scroll;
 }
}

.tiles {
 align-content: space-between;
 display: flex;
 flex-wrap: wrap;
 margin: 20px auto;
 text-align: center;
 justify-content: center;
 color: white;
 max-width: 45em;
}

.tile {
 background: rgba(0,0,0,.25);
 border-radius: 10px;
 padding: 15px 10px 25px;
 width: 100%;
 margin: 6px 6px;
}
@media screen and (min-width:30em) {

.tile {width: 230px;}

}

.tile_icon{
    display:block;
    font-size:4.5em;
    line-height:1em;
    margin:0 auto 5px;
    text-align:center;
    width:100%;


}
.icon_brand {color:#EFE7D4; font-size:4.5em; padding-bottom:.03em;}
.icon_funnel {color:#929464;}
.icon_linkedin {color:#2273BB;}
.icon_infokit {color:#fcc515;}
.icon_niche {color:#fbb414;}
.icon_website {color:#4392D8;}

.tile_title {
    display:block;
 font-size: 1.15em;
 font-weight: 600;
 letter-spacing: -1px;
 line-height: 1.2em;

 text-align: center;
 width: 100%;
}

.bonus,
.step {}

.bonus_num,
.step_num {
 background-color: #fcc515;
 border-top: 3px solid #fbb414;
 border-bottom: 3px solid #fbb414;
 display: block;
 font-family: 'Squada One', monospace;
 font-size: 0.8em;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: #444;
 margin: 0 auto 5px;
 max-width: 7em;
}

.bonus_title,
.step_title {
 font-size: 1.1em;
 font-weight: 800;
 display: block;
 letter-spacing: -1px;
}

.bonus_post,
.step_expert {
 color: #333;
 display: block;
 font-size: 0.85em;
}

.act_today {
 color: red;
 font-family: 'Squada One', monospace;
 font-size: 2.3em;
 letter-spacing:-1px;
 line-height:1em;
 text-align: center;
 text-shadow: 1px 1px 2px #aaa;
}
.survey-banner {
    background-color:rgba(252, 197, 21, .50);
    border-radius:5px;
 color: #444;
 font-family: 'Squada One', monospace;
 font-size: 1.5em;
 line-height:1em;
 margin:auto;
 max-width:27em;
 padding:10px;
 text-align: center;
 text-shadow: 1px 1px 2px #eee;
}
.survey-banner p {margin:0; padding:0;}
@media screen and (max-width:41.25em) {
 .no-mob {
  display: none;
 }
}

.up-warning {
 background:#fbb414;
}
.up-warning_title {
    color:#333;
    max-width:33em;
    font-size:1.4em;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:1.2em;
    margin:auto;
    padding:.5em ;
    text-align:center;

}
.altrow {
    background-color:#f4f4f4;

}
.player {border:25px solid rgba(0,0,0,.25);}
.mango {color:#fbb414;}