/*
-----------------------------------------------
TapTeach Styles
----------------------------------------------- */
/* Overwrites and Tag Declarations
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

body {
  background-color: #85B0BB;
  font-family: "HelveticaNeue-Light",Helvetica, Arial, Verdana, sans-serif;
  line-height: 1; }

body.signal {
  background-image: url('../images/circles.png');
  background-position: center -20px;
  background-repeat: no-repeat;}
  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    body.signal {
      background-image: url('../images/circles@2x.png');
      -webkit-background-size: 644px 389px; } }

  @media all and (max-width: 1024px) {
    body.signal {
      -webkit-text-size-adjust: none; } }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a img {
  border: none; }

img {
  display: block; }

input {
  border-radius: 30px;
}

.clear {
  display: block; }

.clear:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .clear {
  height: 1%; }

h1 {
  background-image: url('../images/crystal.png');
  background-repeat: no-repeat;
  margin: -75px auto 15px auto;
  padding: 225px 0 0 0;
  width: 279px; }
  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    h1 {
      background-image: url('../images/crystal@2x.png');
      -webkit-background-size: 279px 203px; } }
  @media all and (max-width: 767px) {
    h1 {
      background-image: url('../images/crystal.png');
      background-position: center top;
      padding-top: 220px; }
      @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
        h1 {
          background-image: url('../images/crystal@2x.png');
          -webkit-background-size: 180px 131px; } } }
  h1 b {
    background-image: url('../images/logo.png');
    display: block;
    height: 53px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 173px; }
    @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
      h1 b {
        background-image: url('../images/logo@2x.png');
        -webkit-background-size: 173px 53px; } }

#signin h1 {
  margin: -15px auto 15px auto;
}

h2 {
  color: #3E575E;
  font-size: 30px;
  font-weight: lighter;
  line-height: 34px;
  text-align: center; 
  margin-bottom: 20px; }
  @media all and (max-width: 767px) {
    h2 {
      font-size: 20px;
      line-height: 25px; } }
h2.inverse,
h3.inverse,
h4.inverse,
p.inverse {
  color: #fff;
}
p {
  margin-bottom: 20px;
  line-height: 1.3em;
}
p.inverse {
  opacity: .9;
}

h3 {
  color: #3E575E;
  font-size: 20px;
  font-weight: lighter;
  font-style: italic;
  line-height: 30px;
  margin: 0 0 30px 0;
  text-align: center; }
  @media all and (max-width: 767px) {
    h3 {
      font-size: 15px;
      line-height: 25px; } }

h4 {
  color: #3E575E;
  font-size: 18px;
  font-weight: normal;
  margin: 15px 0;
  text-align: center; }
  @media all and (max-width: 767px) {
    h3 {
      font-size: 15px;
      line-height: 25px; } }
/*.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
  border-color: transparent;
  background-color: #335157;
 }*/
.navbar-inverse {
  background-color: transparent;
  border: none;}
  @media all and (max-width: 767px) {
    .navbar-inverse .navbar-collapse, 
    .navbar-inverse .navbar-form {
      border-color: transparent;
      background-color: #335157; }
}      
.navbar-inverse .navbar-nav>li>a {
  font-size: 15px;
  font-weight: lighter;
  line-height: 25px;
  color: rgba(255,255,255,.7);
}
.navbar-inverse .navbar-nav>li.active>a {
  background-color: transparent;
}
.navbar-inverse .navbar-nav>li.active>a:hover {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
  background-color: #70a9b3;
}
.throwshade {
  background-color: #E3ECEE;
}
.btn-primary, 
.btn-primary:active {
  background-color: #3E575E;
  border: none;
  border-radius: 30px;
}
.btn-primary:focus, 
.btn-primary:hover {
  background-color: #344b51 ;
}
.btn-info,
.btn-info:active {
  background-color: #7bb2bd;
  border: none;
  border-radius: 30px;
}
.btn-info:focus, 
.btn-info:hover {
  background-color: #70a9b3 ;
}
.btn-lg {
  font-family: "HelveticaNeue-Light",Helvetica, Arial, Verdana, sans-serif;
  font-weight: lighter;
  letter-spacing: 1px;
  font-size: 14px;
}
footer dl {
  font-size: 14px;
}
footer dl a,
footer dl a:active,
footer dl a:visited {
  color: #38585f;
}
footer dl a:hover {
  color: #a4004f;
}
footer input#mce-EMAIL {
  border-radius: 30px;
}
.img-center {
  margin: 0 auto;
}

/* home view
----------------------------------------------- */
section#hero {
  padding-bottom: 40px;
}
section#hero h2 {
  color: #fff;
  font-size: 40px;
  font-weight: lighter;
  line-height: 40px;
  text-align: center; 
  margin-bottom: 20px; }
  @media all and (max-width: 767px) {
    h2 {
      font-size: 20px;
      line-height: 25px; } }

section#hero h3 {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  font-weight: lighter;
  font-style: italic;
  line-height: 30px;
  margin: 0 0 30px 0;
  text-align: center; }
  @media all and (max-width: 767px) {
    h3 {
      font-size: 15px;
      line-height: 25px; } }
section#signup {
  background-color: #ab135e;
}
section#signup.honorroll {
  background-color: #d0dbdd;
}
section#signup.honorroll h2 {
  color:#38585f;
}
section#signup.honorroll h3 {
  color:#38585f;
  margin-bottom: 0px;
}
section#signup.honorroll img {
  padding:12px 0px 12px 0px;
}

section#ourAsk {
  background-color: #ab135e;
  color: #ffffff;
}
section#ourAsk h3 {
  color: #ffffff;
}
section#what,
section#signup,
section#why,
section#who,
section#enroll,
section#ourAsk,
footer {
  padding: 30px 0px;
}
.calltoaction {
  padding-top: 30px;
}

section#hero.setup {
  /*background: url(../images/feature.beacon.png),url(../images/background.crowd.png);
  background-repeat: no-repeat;,no-repeat;
  background-position: center center,bottom center;
  background-size: 50%,100%;*/
  background-image: url(../images/feature.beacon.png),url(../images/background.caps.jpg);
  background-repeat: no-repeat;,no-repeat;
  background-position: bottom center,0px -75px;
  background-size: 50%,100%;
  margin: -75px auto 0px auto;
  min-height: 550px;
}
@media all and (max-width: 991px) {
    section#hero.setup {
      background: none;
      background-repeat: no-repeat;
      background-position: center 65%;
      background-size: 70%;
      min-height: 550px;
    }
    section#hero.setup .steps {
      margin: 0px 0 50px 0;
    }
    section#hero.setup div.setup article:first-of-type {
      padding-bottom: 150px;
    }
}


/* features view
----------------------------------------------- */
section#hero.features {
  background-image: url(../images/feature.beacon.png),url(../images/background.dino.jpg);
  background-repeat: no-repeat;,no-repeat;
  background-position: bottom center,0px -75px;
  background-size: 50%,100%;
  margin: -75px auto 0px auto;
  min-height: 550px;
}
@media all and (max-width: 991px) {
    section#hero.features {
      background: none;
      background-repeat: no-repeat;
      background-position: center 65%;
      background-size: 70%;
      min-height: 550px;
    }
    section#hero.features .steps {
      margin: 0px 0 50px 0;
    }
    section#hero.features div.steps article:first-of-type {
      padding-bottom: 150px;
    }
}
section#hero.features .container,
section#hero.setup .container {
  padding-top: 75px;
}
.featurette {
  margin: 60px 0px;
}

/* company view
----------------------------------------------- */
section#hero.company {
  background: linear-gradient( rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.70)), url(../images/classroom.jpg);
  background-size: cover;
  margin: -75px auto 0px auto;
  padding: 200px 0 0 0;
  width: 100%;}

/* auth view
----------------------------------------------- */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
form label {
  font-weight: normal;
  margin-bottom: 10px;
  color: #3E575E;
}
form ul {
  text-indent: 10px;
  margin-top: 10px;
}
form li label {
  margin-bottom: 2px;
}
form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 10px;
}
form .form-control:focus {
  z-index: 2;
}
form input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
form input:focus {
      box-shadow: 0 0 10px #fff;
      -moz-box-shadow: 0 0 10px #fff;
      -webkit-box-shadow: 0 0 10px #fff; }
form button {
    background: #DE464C;
    border: 1px solid #DE464C;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font: normal 20px/30px Helvetica, Arial, Verdana, sans-serif;
    padding: 10px;
    text-align: center;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;}
form button:hover {
      background: #B42F34; }