/* We're Hiring */ 
.were_hiring {
  background-color: #80878D;
  height: 20px;
  position: absolute;
  text-align: center;
  top: -9px;
  width: 128px;
}
.were_hiring a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 20px;
  padding-top: 2px;
  position: relative;
  top: 0;
}
.were_hiring a:hover {
  background-color: #6f757a;
  text-decoration: none;
}
.were_hiring a:hover span {
  border-left: 65px inset transparent;
  border-right: 65px inset transparent;
  border-top: 15px solid #6f757a;
  cursor: pointer;
}
.were_hiring a span:hover {
  border-left: 65px inset transparent;
  border-right: 65px inset transparent;
  border-top: 15px solid #6f757a;
  cursor: pointer;
}
.were_hiring a span {
  border-left: 65px inset transparent;
  border-right: 65px inset transparent;
  border-top: 15px solid #80878d;
  cursor: pointer;
  height: 0;
  left: 0;
  position: absolute;
  top: 20px;
  width: 0;
}

/* Hero */
.g-container.hero {
  z-index: 100;
  height: 600px;
  position: relative;
}
.g-container.hero1 {
  z-index: -300;
  top: 0;
  position: absolute;
  height: 600px;
  background-color: #000;
}
.g-container.hero2 {
  z-index: -400;
  top: 0;
  position: absolute;
  height: 600px;
  background-color: #000;
}
.g-container.hero3 {
  z-index: -500;
  top: 0;
  position: absolute;
  height: 600px;
  background-color: #000;
}
.g-container.hero4 {
  z-index: -600;
  top: 0;
  position: absolute;
  height: 600px;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
    .g-container.hero1 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_01.jpg') no-repeat center center / cover;
    }
    .g-container.hero2 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_02.jpg') no-repeat center center / cover;
    }
    .g-container.hero3 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_03.jpg') no-repeat center center / cover;
    }
    .g-container.hero4 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_04.jpg') no-repeat center center / cover;
    }
}
@media only screen and (max-width: 767px) {
    .g-container.hero1 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_01_sm.jpg') no-repeat center center / cover;
    }
    .g-container.hero2 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_02_sm.jpg') no-repeat center center / cover;
    }
    .g-container.hero3 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_03_sm.jpg') no-repeat center center / cover;
    }
    .g-container.hero4 {
      background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_04_sm.jpg') no-repeat center center / cover;
    }
}
.g-container.herobg {
  top: 0;
  position: absolute;
  z-index: -1000;
  height: 600px;
  background-color: #000;
  background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/hero/hp_hero_apm_01_sm.jpg') no-repeat center center / cover;
}
.g-container.hero h2 {
  color: #fff;
  font-size: 55px;
  margin-top: 120px;
  text-align: center;
  text-shadow: 1px 1px 5px rgb(51, 51, 51);
}
.g-container.hero h1 {
  color: #fff;
  font-size: 23px;
  font-weight: 200;
  margin: 18px 0 58px;
  text-align: center;
  text-shadow: 1px 1px 2px rgb(51, 51, 51);
}

.g-container.hero a {
  color: #fff;
  font-size: 14px;
}
.g-container.hero a.btn {
  display: block;
  margin: 0 auto;
  width: 190px;
}

/* Trust */
.trust {
    background-color: #182530;
    color: #fff;
    display: none;
    padding: 30px 0 20px;
}
.trust p {
    color: #fff;
    font-size: 11px;
    margin-bottom: 15px;
    text-align: center;
}
.trust ul {
  text-align: center;
}
.trust li {
  display: inline-block;
  margin: 0 20px 10px;
}
.trust .fade {
    display: none;
}
.trust li span {
    background: url('//dhvu905wjl8ow.cloudfront.net/apm/images/sprite/trust_sprite_white.png');
    background-repeat: no-repeat;
    display: block;
    height: 77px;
    opacity: 0.7;
}
.trust .forbes {
    background-position: 0 0;
    width: 119px;
}
.trust .inman {
    background-position: -124px 0;
    width: 104px;
}
.trust .nbc {
    background-position: -234px 0;
    width: 67px;
}
.trust .latimes {
    background-position: -310px -3px;
    display: inline-block;
    margin-right: 20px;
    width: 99px;
}
.trust .cnnmoney {
    background-position: -418px 0;
    display: inline-block;
    margin-left: 20px;
    width: 72px;
}
.trust .itworld {
    background-position: -68px -164px;
    width: 58px;
}
.trust .bestbix {
    background-position: -2px -164px;
    width: 62px;
}
.trust .advice {
    background-position: -132px -164px;
    width: 114px;
}
.trust .glassdoor {
    background-position: -251px -164px;
    display: inline-block;
    margin-right: 20px;
    width: 168px;
}
.trust .stevie {
    background-position: -556px -165px;
    display: inline-block;
    margin-left: 20px;
    width: 141px;
}
.trust .naa {
    background-position: 0 -85px;
    width: 101px;
}
.trust .narpm {
    background-position: -123px -85px;
    width: 116px;
}
.trust .realtors {
    background-position: -265px -85px;
    width: 209px;
}
.trust .irem {
    background-position: -496px -85px;
    display: inline-block;
    margin-right: 20px;
    width: 74px;
}
.trust .reit {
    background-position: -587px -85px;
    display: inline-block;
    margin-left: 20px;
    width: 75px;
}
.trust .boma {
    background-position: -680px -85px;
    width: 108px;
}

/* Modern */
.modern h2 {
  margin: 103px auto 15px;
  width: 600px;
}
.modern h3 {
  margin-bottom: 80px;
}
.devices_biz {
  display: none;
}
.modern .modal_image_display {
  text-align: left;
  margin: 40px 0 0;
}
.modern .six img {
  display: block;
  margin: 40px auto 0;
}
.modern ul.hide-on-mobile {
  display: block;
}
.modern ul.hide-on-desktop {
  display: none;
}
.anywhere {
  height: 38px;
  margin: 0 auto 60px;
}
.anywhere li {
  display: inline;
}
.anywhere span {
  border-radius: 5px;
  color: #6a7279;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-weight: 700;
  margin: 0 10px 10px;
  border: 1px solid #6a7279;
  padding: 7px 33px;
  white-space: nowrap;
}
.anywhere span.active {
  background-color: #00aedb;
  border: 1px solid #00aedb;
  color: #fff;
  text-decoration: none;
}
.anywhere span.not_active {
  background-color: transparent;
  border: 1px solid #6a7279;
  color: #6a7279;
}
.anywhere span:hover {
  background-color: #00aedb;
  border: 1px solid #00aedb;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.anywhere_show {
  height: 500px;
}
.anywhere_show .newboxes {
  display: none;
}
.anywhere_show h3 {
  margin-bottom: 20px;
}
.anywhere_show .newboxes h3 {
  font-size: 30px;
  text-align: left;
}
.anywhere_show .newboxes ul {
  margin: 0 0 20px 30px;
}
.anywhere_show .newboxes li {
  font-size: 13px;
  font-weight: 200;
  list-style-type: disc;
  text-align: left;
}
.g-container .newboxes {
    margin-bottom: 77px !important;
}
.g-container .newboxes h3 {
  font-size: 30px;
  text-align: left;
  margin: 0 0 20px;
}
.g-container .newboxes ul {
  margin: 0 0 20px 30px;
}
.g-container .newboxes li {
  font-size: 13px;
  font-weight: 200;
  list-style-type: disc;
  text-align: left;
}
.g-container .newboxes li span {
  font-size: 20px
}
.modern .hide-on-desktop .last {
  display: inline-block;
  white-space: nowrap;
}

/* Webinars */
.webinars {
  margin: 110px 0;
}
.webinars h2 {
  font-size: 43px;
  font-weight: 200;
  line-height: 40px;
  margin-bottom: 25px;
  text-align: left;
}
.webinars li {
  color: #3b464f;
  font-size: 16px;
  font-weight: 200;
  line-height: 18px;
  margin-bottom: 15px;
  text-align: left;
}
.webinars .seat {
  float: left;
  height: 380px;
  margin-right: 15px;
  width: 265px;
}
.webinars .speaker {
  float: left;
  height: 395px;
  width: 200px;
}
.webinars .speaker img {
  border-radius: 5px;
  margin: 24px 0 3px;
}
.meetup div {
  background-color: #182530;
  border-radius: 5px;
  margin: 110px 0 100px;
  padding: 20px 0 40px;
  width: 400px;
}
.meetup h2 {
  color: #d5d8da;
  font-size: 45px;
  font-weight: 200;
  line-height: 40px;
  margin-bottom: 25px;
}
.meetup img {
  display: block;
  height: 118px;
  margin: 0 auto;
  width: 300px;
}
.meetup p {
  color: #d5d8da;
  font-size: 16px;
  font-weight: 200;
  line-height: 23px;
  margin: 15px 35px 40px 40px;
}
.meetup a.btn {
    display: block;
    margin: 40px auto 0px;
    padding: 10px 0;
}
.meetup a.blue {
  width: 288px;
}
.webinars a.orange {
  width: 242px;
}
.webinars .two_pods {
  display: block;
}
.webinars .two_pods_small {
  display: none;
}
.webinars .mktoLabel {
    width: 240px !important;
    font-weight: normal !important;
}
.webinars .mktoForm .mktoFieldWrap {
    float: none !important;
}
.webinars .mktoButtonWrap {
    margin: 0 auto !important;
}
.webinars #mktoForm_1275 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 260px !important;
}
.webinars #mktoForm_1275 input {
    height: 32px;
    margin: 5px 0 5px 0;
    position: relative;
    border-radius: 5px;
    width: 240px !important;
}
.webinars #mktoForm_1275 .mktoLabel, .webinars #mktoForm_1275 .mktoHasWidth {
    width: 0;
}
.webinars #mktoForm_1275 .mktoAsterix,
.webinars #mktoForm_1275 .mktoGutter,
.webinars #mktoForm_1275 .mktoClear {
    display: none;
}
.webinars #mktoForm_1275 .mktoButton {
  position: relative;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 20px 0;
  padding: 10px 20px;
  background-color: #ff5a00;
  border: solid 1px #ff5a00;
  color: #fff;
  width: 240px;
}
.webinars #mktoForm_1275 .mktoButton:hover {
  text-decoration: none;
  background-color: #e54e03;
}

/* Learning */
.learning h2 {
  margin: 104px 0 20px;
}
.learning h3 {
  margin: 0 auto 65px;
  width: 550px;
}
.learning div div {
  background-color: #182530;
  border: solid 1px #ccc;
  margin-bottom: 110px;
  padding-bottom: 30px;
  width: 220px;
}
.learning p, .learning span {
  color: #d5d8da;
  padding-left: 5px;
}
.learning p {
  font-size: 17px;
  font-weight: 600;
  line-height: 18px;
  margin: 14px 0 6px;
}
.learning span {
  font-size: 14px;
  font-weight: 400;
}
.learning a.btn {
  display: block;
  margin: 40px auto 0;
  padding: 3px 0;
}
.learning a.video {
  margin-top: 22px;
  width: 144px;
}
.learning .infographic {
  width: 180px;
}
.learning a.ebook {
  margin-top: 40px;
  width: 134px;
}
.learning a.slideshow {
  margin-top: 40px;
  width: 156px;
}

/* Jobs & Press */
.g-container.jobs_press {
  margin: 110px 0;
}
.g-container.jobs_press h2 {
  color: #fff;
  font-weight: 200;
}
.g-container.jobs_press p {
  color: #fff;
  margin-bottom: 55px;
  text-align: left;
}
.g-container .jobs, .g-container .press {
  border-radius: 5px;
  height: 320px;
  margin: 0 auto;
  padding: 30px 40px 35px;
  text-align: center;
  width: 470px;
}
.g-container .jobs {
  background: #7e5cce url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/jobs_module.jpg') no-repeat 0 0;
}
.g-container .jobs h2 {
  margin-bottom: 35px;
}
.g-container .press {
  background: #ad0428 url('//dhvu905wjl8ow.cloudfront.net/apm/images/home/news_module.jpg') no-repeat 0 0;
}
.g-container .press h2 {
  margin-bottom: 25px;
}
.g-container .press img {
  margin-bottom: 33px;
}

.g-container.statement h2 {
  margin-bottom: 35px;
}
.g-container.statement p {
  font-size: 14px;
  margin: 0 7px 30px;
}

@media only screen and (max-width: 1020px) {
  .jobs_press .six {
    width: 100%;
  }
  .jobs_press .jobs {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1000px) {
  .were_hiring {
    top: 0;
  }
  .g-container.hero {
    height: 490px;
  }
  .g-container.jobs_press {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 990px) {
  .g-container .webinars, .g-container .meetup {
    width: 100%;
  }
  .webinars {
    margin: 100px 0 0;
  }
  .webinars .two_pods {
    margin: 0 auto;
    width: 485px;
  }
  .webinars .two_pods h2 {
    text-align: center;
  }
  .webinars .seat {
    float: left;
    height: auto;
  }
  .meetup div {
    margin: 55px auto 80px;
    padding: 20px 20px 40px;
    width: 475px;
  }
  .learn .three {
    width: 50% !important;
  }
  .learn .columns {
    float: left !important;
    min-height: 1px;
    padding: 0px 15px;
    position: relative;
  }
  .learn .left_col {
    float: right;
  }
  .learn .left_col, .learn .right_col {
    margin-bottom: 30px;
  }
  .learn .bottom {
    margin-bottom: 90px;
  }
  .learning h2 {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 970px) {
  .g-container .h-container {
      width: 100%;
  }
}

@media only screen and (max-width: 944px) {
  .anywhere span {
    padding: 7px 28px;
  }
}

@media only screen and (max-width: 895px) {
  .anywhere.hide-on-mobile {
  }
  .anywhere span {
    margin: 0 7px 10px;
    padding: 7px 20px;
  }
}

@media only screen and (max-width: 795px) {
  .anywhere.hide-on-mobile {
  }
  .anywhere span {
    margin: 0 6px 10px;
    padding: 7px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .g-container.hero {
    height: 490px;
  }
  .modern h3 {
    margin-bottom: 50px;
  }
  .g-container.jobs_press {
    margin-bottom: 10px;
  }
  .g-container.statement {
    display: none;
  }
  .pricing_calc .one {
    float: left;
    width: 16.6667% !important;
  }
  .pricing_calc .eight {
    float: left;
    width: 58.3333% !important;
  }
  .pricing_calc .three[class*="column"]:last-child {
    float: right;
    width: 25% !important;
  }
  .boost h3 {
    margin-bottom: 30px !important;
  }
  .boost .house, .boost .ads, .boost .clock,
  .boost .tasks, .boost .graph, .boost .globe {
    float: left;
    margin: 20px 0 !important;
    width: 50% !important;
  }
}

@media only screen and (max-width: 735px) {
  .anywhere {
    margin-bottom: 85px;
  }
  .anywhere span {
    float: none;
    margin: 0 10px 10px;
    padding: 7px 33px;
  }
}

@media only screen and (max-width: 716px) {
  .anywhere {
    height: 84px;
    margin-bottom: 40px;
  }
  .modern ul.hide-on-mobile {
    display: none;
  }
  .modern ul.hide-on-desktop {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .modern h2 {
    width: 100%;
  }
}

@media only screen and (max-width: 583px) {
  .modern ul.hide-on-desktop {
  }
  .learning h3 {
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .anywhere li span {
    padding: 7px 10px;
  }
}
@media only screen and (max-width: 520px) {
  .meetup div {
    width: 100%;
  }
  .g-container .jobs, .g-container .press {
    width: 100%;
  }
}

@media only screen and (max-width: 506px) {
  .learn .three {
    width: 100% !important;
  }
  .learn .left_col {
    float: none;
  }
  .learn .left_col, .learn .right_col {
    margin: 0 auto 30px;
  }
  .learn .bottom.last {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .webinars .seat, .webinars .speaker {
    float: none;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  .webinars .two_pods {
    display: none;
  }
  .webinars .two_pods_small {
    display: block;
  }
  .webinars .two_pods_small h2 {
    text-align: center;
  }
  .webinars .speaker {
    float: none;
    margin: 0 auto 30px;
    position: relative;
    width: 195px;
  }
  .g-container .jobs h2 {
    margin-bottom: 25px;
  }
  .g-container.jobs_press p {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 497px) {
  .g-container.hero h2 {
    line-height: 57px;
    margin-top: 75px;
  }
  .g-container.hero h1 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 468px) {
  #footer_sub_v2 span {
    display: block;
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 460px) {
  .g-container .jobs, .g-container .press {
    padding: 30px 30px 35px;
  }
}

@media only screen and (max-width: 440px) {
  .meetup h2 {
    font-size: 34px;
  }
  .meetup img {
    height: 100px;
    width: 255px;
  }
}

@media only screen and (max-width: 420px) {
  .devices_biz {
    display: block;
    margin-bottom: 35px;
  }
  .feature_img {
    display: none;
  }
  .anywhere {
    margin-bottom: 25px;
  }
  .newboxes img {
    display: none;
  }
}

@media only screen and (max-width: 405px) {
  .g-container .jobs, .g-container .press {
    height: auto;
    padding: 30px 20px;
  }
  .anywhere li span {
    padding: 7px 5px;
  }
  .anywhere li span {
    margin: 0 5px 10px;
  }
}

@media only screen and (max-width: 380px) {
  .meetup div .btn {
    padding-left: 10px;
    padding-right: 10px;
    width: 220px;
  }
}

@media only screen and (max-width: 375px) {
  .g-container .jobs h2 {
    margin-bottom: 15px;
  }
  .meetup p {
    margin-left: 15px 15px 40px;
  }
}

@media only screen and (max-width: 355px) {
  .meetup div {
    padding: 20px 10px 40px;
  }
  .anywhere li span {
    margin: 0 4px 10px;
  }
}