header {
  background: none;
  border-bottom: 1px solid #DADADA;
}

#scrollable {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 709px;
  margin: 0 auto;
}
#scrollable .items {
  width: 20000em;
  position: absolute;
}
#scrollable .items > div {
  float: left;
  width: 100%;
}
#scrollable .prev {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  width: 37px;
  height: 37px;
  top: 50%;
  left: 5%;
  background: url("../img/btn-arrow-left.png") no-repeat 0 0;
}
#scrollable .next {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  width: 37px;
  height: 37px;
  top: 50%;
  left: 95%;
  background: url("../img/btn-arrow-right.png") no-repeat 0 0;
}
#scrollable-vert {
  position:relative;
  overflow:hidden;
  width: 100%;
  height: 50px;
  margin: 0 auto;
}
#scrollable-vert .items {
  height:20000em;
  position:absolute;
}
#scrollable-vert .items > div {
  display: block;
}




.hero {
  width: 100%;
  max-width: 1000px;
  height: 709px;
  color: #333;
  margin: 0 auto;
}
  .hero .onecol {
    text-align: center;
    height: 709px;
  }
  #hero-home-01 .onecol { background: url("../img/hero-home-01.png") no-repeat 50% 100%; }
  #hero-home-02 .onecol { background: url("../img/hero-home-02.png") no-repeat 0 100%; }  
  .hero a.learnmore {
    font-size: 1.6em;
    color: #5B008F;
    padding-right: 15px;
    margin: 0 35px 0 0;
    background: url("../img/triangle-purple.png") no-repeat 100% 1px;
  }
  .hero h2,
  .hero h3 {
    margin: 0;
    font-weight: normal;
  }
  .hero h2 {
    text-align: center;
    padding-top: 38px;
    font-size: 5.2em;
  }
  .hero h3 {
    text-align: center;
    margin-bottom: 16px;
    font-size: 2.6em;
  }
  #hero-home-02 h2 {
    font-size: 4.2em;
  }
  #hero-home-02 h3 {
    text-align: left;
    font-size: 3.4em;
    line-height: 1.25;
    font-weight: normal;
    /*margin-bottom: 1em;*/
  }
  #hero-home-02 .rightcol {
      text-align: left;
      padding: 80px 0 0 625px;
      width: 375px;
  }
  #hero-home-02 .learnmore {
      font-weight: bold;
  }
  #hero-home-02 .storelink {
      margin-top: 3.5em;
      display: block;
  }

.callout {
  background: #9D9D95;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.callout p {
  font-size: 1.7em;
  line-height: 50px;
  margin: 0;
}
.callout p strong {
  font-weight: bold;
}


.promos-apps {
  background: #DDDED1;
}

.promos-services .centered {
  overflow: hidden;
  margin-top: 40px;
  color: #333;
}
  .promos-services p {
    font-size: 1.5em;
  }
  #promo-viporbitservices {
    width: 466px;
    float: left;
    margin-right: 40px;
  }
  #promo-viporbitservices h5 {
    margin: 0 0 0.5em 0;
    background: url("../img/icon-gears.png") no-repeat 0 0;
    padding: 0 0 0 70px;
    line-height: 46px;
  }
  #promo-viporbitservices a {
    font-size: 1.5em;
    color: #5B008F;
    padding-right: 15px;
    background: url("../img/triangle-purple.png") no-repeat 100% 0;
  }  
  
  #promo-viporbitservices .pricing {
    padding: 0 36px;
    background: #E4E9EF;
    overflow: hidden;
    font-size: 0.9em;
    line-height: 2;
    font-weight: bold;
    margin-top: 2em;
  }
  #promo-viporbitservices .pricing a {
    font-size: 1em;
    font-weight: normal;
  }  
  #promo-viporbitservices .pricing .backup {
    float: left;
    border-right: 1px solid #CACFD5;
    width: 160px;
  }
  #promo-viporbitservices .pricing .sync {
    float: left;
    border-left: 1px solid #FFF;
    width: 170px;
    padding-left: 40px;
  }    

  
  #promo-myviporbit {
    width: 438px;
    float: left;
    border-left: 1px solid #DADADA;
    padding-left: 54px
  }
  #promo-myviporbit h5 {
    margin: 0 0 0.5em 0;
    background: url("../img/icon-orbit.png") no-repeat 0 0;
    padding: 0 0 0 70px;
    line-height: 46px;
  }
  #promo-myviporbit a {
    margin-top: 3em;
    display: block;
  }
  
  
  
.newsletter {
  margin-top: 40px;
}
.newsletter .centered {
  overflow: hidden;
  background: #E5E7DA;
  color: #333;
  margin-bottom: 40px;
  padding: 28px 0;
}
.newsletter .description {
  padding-left: 105px;
  background: url("../img/icon-signup.png") no-repeat 39px 0;
  float: left;
  width: 42%;
}
.newsletter h5 {
  margin: 0 0 0.4em 0;
}
.newsletter p {
  font-size: 1.5em;
  margin: 0;
}
.newsletter form {
  float: right;
  width: 42%;
}
.newsletter form .textfield {
  width: 350px;
  border: 1px solid #C6C5C5;
  outline: 0;
  padding: 8px 18px;
  font-size: 15px;
  color: #666;
  margin-bottom: 13px;
}