body {
  -webkit-font-smoothing: antialiased;
  background-color: #272727;
  color: #000;
  font-family: 'Conv_Gotham-Light', 'Helvetica Neue', 'Helvetica' , sans-serif;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 410px; }

.cl {
  clear: both; }

@media screen and (max-width: 809px) {
  body .faq {
    margin: 20px auto;
    width: 364px;
    float: none; } }
@media screen and (min-width: 810px)  and (max-width: 1212px) {
  #faq_hold {
    width: 810px;
    margin: 0px auto; } }
@media screen and (min-width: 1216px) {
  #faq_hold {
    width: 1216px;
    margin: 0px auto; } }
#custom_domain_hold {
  font-family: "GothamHTF-Book";
  width: 810px;
  margin: 0px auto;
  padding: 20px;
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  line-height: 22px; }
  #custom_domain_hold h3 {
    font-family: helvetica;
    font-weight: bold;
    margin: 20px 0px; }
  #custom_domain_hold img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.56);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.56);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.56);
    margin: 10px 0px; }

.gist {
  margin-top: 15px; }
  .gist .gist-meta {
    display: none; }

#header {
  background-color: black;
  padding: 20px;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.26);
  margin-bottom: 20px;
  font-weight: bold; }
  #header a {
    text-decoration: none !important; }
    #header a h2 {
      font-family: "Conv_AWConquerorInline-Regular";
      font-size: 44px;
      -webkit-font-smoothing: antialiased;
      font-weight: normal;
      color: #FFF; }
    #header a.email_us {
      color: #8D8D8D;
      text-transform: uppercase;
      font-size: 13px;
      position: relative;
      top: 23px;
      margin-left: 10px; }
  #header div {
    color: #6EB8EC;
    margin-top: 1px;
    margin-left: 2px; }

.left {
  float: left; }

.faq, .step {
  margin: 15px;
  position: relative;
  float: left; }
  .faq .orbs, .step .orbs {
    display: inline-block;
    position: absolute;
    top: -12px;
    text-align: center; }
    .faq .orbs .orb, .step .orbs .orb {
      height: 35px;
      width: 35px;
      background-color: #6ea2d2;
      display: inline-block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6EA2D2', endColorstr='#FF3D72A3');
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6ea2d2), color-stop(100%, #3d72a3));
      background-image: -webkit-linear-gradient(top, #6ea2d2 0%, #3d72a3 100%);
      background-image: -moz-linear-gradient(top, #6ea2d2 0%, #3d72a3 100%);
      background-image: -o-linear-gradient(top, #6ea2d2 0%, #3d72a3 100%);
      background-image: linear-gradient(top, #6ea2d2 0%, #3d72a3 100%);
      -webkit-box-shadow: 0px 0px 5px black, inset 0px -1px 5px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0px 0px 5px black, inset 0px -1px 5px rgba(255, 255, 255, 0.3);
      box-shadow: 0px 0px 5px black, inset 0px -1px 5px rgba(255, 255, 255, 0.3); }
      .faq .orbs .orb.mini, .step .orbs .orb.mini {
        height: 10px;
        width: 10px;
        position: absolute; }
        .faq .orbs .orb.mini.right, .step .orbs .orb.mini.right {
          top: 3px;
          right: -11px; }
        .faq .orbs .orb.mini.left, .step .orbs .orb.mini.left {
          top: 0px;
          left: -8px;
          height: 8px;
          width: 8px; }
    .faq .orbs .text, .step .orbs .text {
      font-family: helvetica;
      text-align: center;
      position: relative;
      top: 9px;
      font-size: 19px;
      font-weight: bold;
      color: black;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.54); }
  .faq .inner, .step .inner {
    background-color: #FFF;
    display: inline-block;
    width: 360px;
    overflow: hidden;
    display: inline-block;
    margin-left: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 20px black;
    -moz-box-shadow: 0px 0px 20px black;
    box-shadow: 0px 0px 20px black; }
    .faq .inner .title, .step .inner .title {
      font-family: 'GothamHTF-Book';
      color: #FFF;
      background-color: #4992c8;
      border-bottom: 1px solid #3170B1;
      padding: 10px 35px;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4992C8', endColorstr='#FF4080C1');
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4992c8), color-stop(100%, #4080c1));
      background-image: -webkit-linear-gradient(top, #4992c8 0%, #4080c1 100%);
      background-image: -moz-linear-gradient(top, #4992c8 0%, #4080c1 100%);
      background-image: -o-linear-gradient(top, #4992c8 0%, #4080c1 100%);
      background-image: linear-gradient(top, #4992c8 0%, #4080c1 100%);
      -webkit-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.37);
      -moz-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.37);
      box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.37); }
    .faq .inner .answer, .faq .inner .video, .step .inner .answer, .step .inner .video {
      padding: 10px 35px;
      font-size: 13px;
      line-height: 21px;
      font-family: "GothamHTF-Book"; }
    .faq .inner .video, .step .inner .video {
      padding: 10px 12px; }