/* IE/Edge 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;
 box-shadow: 0 0 0.5em 0.1em #bbb;
 margin: 0 auto;
 min-height: 0;
 padding: 80px 1em 1em;
 text-align: center;
 width: auto;
}

/* General Rules  */

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
 color: #00a8e4;
 font-family: Lato, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

h1,
.h1 {
 margin: 0.5em auto;
}

.headline-part {
 display: block;
}

.headline-part+.headline-part {
 margin-top: 0.5em;
}

.content b,
.content strong {
 color: #000;
}

ul li,
ol li {
 margin-bottom: 0.8em;
}

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

.fa-li {
 color: #00a8e4;
}

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

/* Layout */

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

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

.sidebar-wrapper {
 margin: 0 auto;
 max-width: 900px;
 display: flex;
 justify-content: space-around;
 align-items: center;
 padding: 10px 20px;
}

.sidebar-copy {
 max-width: 600px;
 font-size: 16px;
}

.sidebar-image {
 max-width: 175px;
}

.sidebar-image img {
 border-radius: 50%;
 border: 5px solid #abe3f7;
}

@media(max-width: 800px) {
 .sidebar-wrapper {
  flex-wrap: wrap;
 }

 .sidebar-copy {
  order: 2;
 }

 .sidebar-image {
  order: 1;
 }

}

.callout {
 background-color: #00a8e4;
 box-shadow: 0 0 0.2em #e6e6e6;
 box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.25);
 color: #fff;
 text-shadow: 0.1em 0.1em 0.1em #132d49;
 text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

.callout strong {
 color: #fff;
}

/* Header Rules */

.desk {
 background-color: #abe3f7;
 color: #333;
 padding: 0.25em 0.5em 0.33em;
}

.header-stars {
 background-color: #003547;
 background-image:
  radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px),
  radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px),
  radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px),
  radial-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .1) 2px, transparent 30px);
 background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
 background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
 background-attachment: fixed;
}

.header {
 background-color: #00a8e4;
 background: -webkit-linear-gradient(transparent, #00a8e4 60%);
 background: linear-gradient(transparent, #00a8e4 60%);
}

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

.header-content {
 background-content: #0d74a5;
 background-color: rgba(32, 37, 71, 0.4);
 border-radius: 1em;
 padding: 0.1em 1em;
 margin: 1em auto;
}

.header-content *,
.header-content .fa-li,
.header-content strong {
 color: #fff;
 text-shadow: 0.1em 0.1em 0.1em #132d49;
 text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

/* Content Rules */

.note,
.testimonial {
 color: #000;
 margin: 1em auto;
 padding: 0.1em 1em;
 width: 85%;
}

.note {
 background-color: #eee;
 background: -webkit-linear-gradient(#f9f9f9, #eee);
 background: linear-gradient(#f9f9f9, #eee);
 box-shadow: 0 0 0.2em #e6e6e6;
 box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.25);
 font-family: "Courier New", Courier, monospace;
}

.testimonial {
 background-color: #bce6f5;
 background: -webkitlinear-gradient(#d2eef8, #bce6f5);
 background: linear-gradient(#d2eef8, #bce6f5);
 box-shadow: 0 0.2em 0.2em #e8e8e8;
 box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
 border-radius: 0.5em;
 font-size: 0.9em;
}

.portrait {
 border-radius: 0.5em;
 box-shadow:
  inset 0 0 1em rgba(0, 0, 0, 0.25),
  0 0 0.2em rgba(0, 0, 0, 0.25);
 margin: 1em auto;
}

/* ~~ Images for portraits ~~ */

.boswell {
 background: url(/_img/photos/portraits/joshua_boswell-150.jpg) no-repeat;
 border-radius: 0.5em;
 height: 10.87em;
 /* 200px */
 max-height: 100%;
 max-width: 100%;
 width: 8.15em;
 /* 150px */
}

@media screen and (min-width:28em) {
 .portrait-right {
  float: right;
  margin: 1.5em 0 0.5em 1em;
 }
}

@media screen and (min-width:34em) {
 .testimonial-right {
  float: right;
  clear: right;
  margin: 0 0 0.5em 1em;
  max-width: 14em;
  width: auto;
 }

 h2+.testimonial-right {
  margin: 0.5em 0 0.5em 1em;
 }
}

/* 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: 2px solid #DB7A4A;
 border-radius: 0.5em;
 color: #fff;
 display: inline-block;
 font-family: Lato, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.2;
 margin: 0.5em 0;
 padding: 0.5em 0.75em;
 text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

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%, #d67e34 49%, #d36b18 50%, #d25a06 100%);
 background: linear-gradient(to bottom, #d18945 0%, #d67e34 49%, #d36b18 50%, #d25a06 100%);
}

.order-button-large {
 max-width: 16.5em;
}

/* Artificial Breaks */

#from-debt {
 max-width: 18em;
}

#much-more {
 max-width: 18.5em;
}

#toolbox {
 max-width: 17em;
}

#vip {
 max-width: 21em;
}

#seats-available {
 max-width: 15em;
}