/* 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.6em;
}
ul.fa-ez
/* FontAwesome UL Bullets */
ul.fa-ez {
  margin: 0 2em 0 2em;
}

ul.fa-ez li {
  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: 1em;
  margin-left: -1.5em;
  margin-top: -2px;
  color: #2173bb;
}

ul.fa-ez.-strike li:before {
  /*EXTRA - STRKE X */
  content: '\f057';
  font-size: 1.25em;
  margin-left: -1.5em;
  margin-top: -1px;
  color: #990000;
}

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

ul.fa-ez.-bullet li:before {
  /* EXTRA - Bullet */
  content: '\f111';
  /*bullet*/
  font-size: 0.66em;
  margin-left: -1.75em;
  margin-top: 6px;
}

ul.fa-ez.-asterisk li:before {
  /* EXTRA - ASTERISK */
  content: '\f069';
  /*asterisk*/
  font-size: 0.9EM;
  margin-left: -1.5em;
  margin-top: 2px;
}

ul.fa-ez.-dash li:before {
  /* EXTRA - DASH */
  content: '\f068';
  /*dash*/
  font-size: 0.8em;
  margin-left: -1.75em;
  margin-top: 8px;
}

ul.fa-ez.-forward-arrow li:before {
  /* EXTRA - Arrow */
  content: '\f064';
  /*right arrow*/
  font-size: 1.1em;
  margin-left: -1.75em;
  margin-top: 4px;
}

ul.fa-ez.-gift li::before {
  content: '\f06b';
  font-size: 1.33em;
  margin-left: -1.5em;
  margin-top: -6px;
}

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

@media screen and (min-width:33em) {
  ul.fa-ez {
    margin: 0 2em 0 3em;
  }
}


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: 1.8em;
 }
}
@media screen and (min-width:37.5em) {
 body {
  font-size: 110%;
 }
}
@media screen and (min-width:51.25em) {
 body {
  font-size: 120%;
 }
}
/* Layout Rules */
.content {
 margin: 0 auto;
 padding: 0;
}

.wrap {
 margin: 0 auto;
 max-width: 41em;
 padding: 0.1em 1em;
}
@media screen and (min-width:37.5em) {
  .header__wrap {
    max-width: 48em;
  }
 }


.callout {
	background-color: #2d507c;
	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: #05537a url(/_img/toolbox/p/vbi/hero_v3.jpg) no-repeat center bottom fixed;
  
  background-size: cover;
  padding:1em 1em;
}
.header.-video {
  padding: 20px 10px 180px;
}


.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: 2.1em;
 font-family: "Open Sans", Verdana, Geneva, Tahoma, sans-serif;
 line-height: 1.05em;
 margin: 0em auto 0.6em;
 max-width: 16em;
 padding: 0 0 0.5em;
 text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
.lead-box {
  background-color: #ddd;
  background-image: linear-gradient(170deg, #ffffff 35%, #f1f1f1 65%);
  border:1px solid #ddd;
  border-radius: 12px;
  padding:20px 40px;
  margin:1em auto;
  max-width: 640px;
}
.lead-box.-overlap {
  margin: -150px auto 50px;
}
.lead-box ul, ol, dl {
	margin: 1.4em 0 1.4em 1em;
	padding: 0;
}
@media screen and (min-width: 25em) {
  .lead-box ul, ol, dl {
    margin: 1.4em 0 1.4em 3em;
   
  }
 .header__headline {
  font-size: 3em;
  margin: 0.25em auto 0.5em;
 }

 .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: #edf4fc;
 border-radius: 15px;
 /*border: 10px solid #efe7d4;*/
 box-shadow: 0 8px 10px -10px #888;
 color: #60480F;
 font-family: 'Courier Prime', monospace;
 font-size: 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(/_img/toolbox/p/vbi/cubes.png) repeat fixed;
	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: 9em;
 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 #4f81bd;
 border-right: 10px solid transparent;
 border-bottom: 4px solid #4f81bd;
 border-left: 10px solid transparent;
 /*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: #f0f7ff;

}

.inline-box {
  border: 6px solid #fcc271;
border-radius:6px;
 background-color: #ffffcc;
}

.sidebar .portrait {
 background-color: none;
}

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

.inline-quote, .profile blockquote {
	background-color: #edf4fc;
	border-radius: 6px;
	border: 5px solid #c6daf2;
	box-shadow: 0 8px 10px -14px #888;
	color: #333333;
	font-family: 'Courier Prime', monospace;
	font-size: 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;
	max-width: 18em;
}
/*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: #446fa3;
 border-top: 3px solid #4f81bd;
 border-bottom: 3px solid #4f81bd;
 border-radius: 6px;
 display: block;
 font-family: 'Squada One', monospace;
 font-size: 0.8em;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: #fff;
 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:#2a7c2a;
    border-radius:5px;
 color: #ffff33;
 /* font-family: 'Squada One', monospace; */
 font-weight: 600;
 font-size: 1.5em;
 line-height:1.1em;
 margin:auto;
 max-width:27em;
 padding:10px;
 text-align: center;
 text-shadow: 1px 1px 2px #444;
}
.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;

}
/* VIDEO PLAYER */
.player {
  margin: auto;
  max-width: 400px;
}
.player.-overlap {
  padding: 0 0 0;
  margin: -150px auto 50px;
}

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

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

  .player iframe {
    border-radius: 10px;
    box-shadow: 0 16px 16px -18px #333;
   /* border: 12px solid #cccccc55; */
  }
}
.mango {color:#fbb414;}