body{
  border: 0;
  line-height: normal;
  margin: 0;
  padding: 0;
}

*:focus{
  outline: none;
}

* a{
  text-decoration: none;
}

.top-nav-bar{
  padding: 48px 48px 123px 48px;
}

.top-nav-bar-center{
  margin: 0 auto;
  max-width: 1184px;
}

.logo{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947052-png/PI_Website_v2/pi_homepage/assets/logo.png') no-repeat;
  display: inline-block;
  height: 40px;
  margin: 2px 0 0 0;
  width: 281px;
}

.nav{
  color: #3b3b3d;
  display: inline-block;
  float: right;
  font-family: "museo-sans-condensed", "museo-sans", sans-serif;
  font-size: 18px;
  font-weight: 100;
}

.nav * a{
  color: #3b3b3d;
}

.nav * a:visited{
  color: #3b3b3d;
}

.nav * a:hover{
  color: #43c9b6;
}

.about{
  display: inline-block;
  margin: 0 36px 0 0;
}

.plans{
  display: inline-block;
  margin: 0 36px 0 0;
}

.blog{
  display: inline-block;
  margin: 0 18px 0 0;
}

.get-in-touch{
  border: 1px #3b3b3d solid;
  border-radius: 15px;
  color: #3b3b3d;
  cursor: pointer;
  display: inline-block;
  margin: 0 18px 0 0;
  padding: 5px 20px;
}

.get-in-touch:hover{
  border-color: #43c9b6;
  color: #43c9b6;
}

.divider{
  background-color: #3b3b3d;
  border: 0;
  display: inline-block;
  height: 30px;
  margin: 0 18px 2px 0;
  width: 1px;
  vertical-align: bottom;
}

.phone-number{
  display: inline-block;
}

.carousel-container-center{
  margin: 0 auto;
  position: relative;
  width: 1184px;
}

.carousel-one{
  position: relative;
  width: 1184px;
}

.carousel-text{
  position: absolute;
  top: -65px;
  width: 540px;
  z-index: 1;
}

.carousel-text h1{
  color: #3b3b3d;
  font-family: 'museo', serif;
  font-size: 72px;
  font-weight: 100;
  line-height: 80px;
  margin: 0;
}

.carousel-text-unique{
  color: #43c9b6;
}

.hero-name{
  position: absolute;
  top: 210px;
}

.hero-name h4{
  color: #8d8f93;
  font-family: 'museo', serif;
  font-size: 24px;
  font-weight: 100;
  margin: 0;
}

.hero-image{
  background-size: 2032px 669px;
  height: 669px;
  position: absolute;
  top: -217px;
  left: -370px;
  width: 2032px;
  z-index: -1;
}

.hero-image.one{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947077-jpg/PI_Website_v2/pi_homepage/assets/chris.jpg') no-repeat;
}

.carousel-two{
  display: none;
  position: relative;
  width: 1184px;
}

.hero-image.two{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626875-jpg/PI_Website_v2/pi_homepage/assets/paul.jpg') no-repeat;
}

.carousel-container-button{
  background-color: #43c9b6;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 284px;
  width: 400px;
  z-index: 1;
}

.carousel-container-button:hover{
  background-color: #27baa5;
}

.carousel-nav{
  position: absolute;
  left: 573px;
  top: 420px;
  width: 38px;
  z-index: 2;
}

.circle {
  background-color: transparent;
  border: 1px solid #43c9b6;
  border-radius: 11px;
  cursor: pointer;
  display: inline-block;
  height: 11px;
  margin: 0 3px 0 0;
  position: relative;
  width: 11px;
}

.circle.highlight{
  background-color: #43c9b6;
}

.circle.two{
  margin: 0;
}

.parallax{
  position: absolute;
  top: 669px;
  width: 100%;
  z-index: 3;
}

.pricing-analysis-container{
  background-color: #43c9b6;
  padding: 48px 0;
}

.pricing-analysis-text{
  margin: 0 0 36px 0;
  text-align: center;
}

.pricing-analysis-text h2{
  color: #ffffff;
  font-family: 'museo-sans', sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.thank-you{
  color: #ffffff;
  font-family: 'museo-sans-condensed' ,'museo-sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  margin: 0 auto 36px auto;
  text-align: center;
}

.pricing-analysis-form-container{
  height: 40px;
  margin: 0 auto 36px auto;
  width: 538px;
}

.pricing-analysis-form{
  display: inline-block;
  vertical-align: top;
}

.form-field{
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  display: inline-block;
  font-family: 'museo-sans-condensed', 'museo-sans' sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 36px;
  padding: 0 0 0 50px;
  width: 206px;
}

.email-icon{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947047-png/PI_Website_v2/pi_homepage/assets/email.png') no-repeat;
  display: inline-block;
  height: 17px;
  margin: 11px 0 0 12px;
  position: absolute;
  width: 23px;
}

.hidden{
  display: none;
}

.pricing-analysis-button{
  background-color: transparent;
  border: 1px solid #e2f5f1;
  border-radius: 5px;
  color: #e2f5f1;
  cursor: pointer;
  display: inline-block;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 38px;
  line-height: 34px;
  margin: 0 0 0 18px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 256px;
}

.pricing-analysis-button:hover{
  border: 1px solid #fff;
  color: #fff;
}

.pricing-analysis-footnote{
  text-align: center;
}

.pricing-analysis-footnote p{
  color: #ffffff;
  font-family: 'museo-sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

.great-pricing-container{
  background-color: #fff;
  color: #3b3b3d;
  padding: 72px 0 0 0;
  overflow: hidden;
}

.great-pricing-heading{
  margin: 0 0 24px 0;
  text-align: center;
}

.great-pricing-heading h1{
  font-family: 'museo', serif;
  font-size: 36px;
  font-weight: 300;
  margin: 0;
}

.great-pricing-text{
  margin: 0 0 48px 0;
  text-align: center;
}

.great-pricing-text h2{
  color: #8d8f93;
  font-family: 'museo-sans', sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 32px;
  margin: 0;
}

.link-to-blog{
  text-align: center;
  margin: 0 0 48px 0;
}

.link-to-blog a h4{
  color: #3b3b3d;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.link-to-blog a h4:hover{
  color: #43c9b6;
}

.pricing-page-image{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947057-png/PI_Website_v2/pi_homepage/assets/pricingpage.png') no-repeat;
  display: block;
  height: 274px;
  margin: 0 auto;
  width: 840px;
}

.pricing-page-image-two{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626870-png/PI_Website_v2/pi_homepage/assets/pricingpagereveal.png') no-repeat;
  height: 212px;
  margin: 0 auto;
  position: relative;
  top: 62px;
  width: 551px;
}

.padding{
  background-color: #fff;
  height: 70px;
  width: 100%;
}

.border{
  border-top: 1px solid #3b3b3d;
  height: 70px;
  margin: 0 auto;
  width: 840px;
}

.project-timeline-container{
  background-color: #eff0f0;
  color: #3b3b3d;
  padding: 72px 0;
}

.project-timeline-header{
  margin: 0 0 24px 0;
  text-align: center;
}

.project-timeline-header h1{
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-size: 36px;
  margin: 0;
}

.project-timeline-text{
  margin: 0 0 48px 0;
  text-align: center;
}

.project-timeline-text h2{
  color: #8d8f93;
  font-family: 'museo-sans', sans-serif;
  font-weight: 100;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.arrow-container{
  margin: 0 auto 36px auto;
  height: 25px;
  width: 1058px;
}

.arrow-one{
  background-color: #ffffff;
  border: 1px solid #ffffff;
  display: inline-block;
  height: 7px;
  width: 210px;
}

.arrow-two{
  background-color: #b5e7dd;
  border: 1px solid #b5e7dd;
  display: inline-block;
  height: 7px;
  margin: 0 0 0 -4px;
  width: 316px;
}

.arrow-three{
  background-color: #43c9b6;
  border: 1px solid #43c9b6;
  display: inline-block;
  height: 7px;
  margin: 0 0 0 -4px;
  width: 316px;
}

.arrow-divide-line{
  background-color: #43c9b6;
  display: inline-block;
  height: 18px;
  margin: 0 0 0 -4px;
  width: 1px;
  vertical-align: bottom;
}

.arrow-four{
  background-color: transparent;
  border-bottom: 1px solid #43c9b6;
  border-top: 1px solid #43c9b6;
  display: inline-block;
  height: 7px;
  margin: 0 0 0px -4px;
  width: 182px;
}

.arrowhead{
  background-image: url('http://cdn2.hubspot.net/hub/120299/file-1505962398-png/PI_Website_v2/pi_homepage/assets/arrowhead.png') no-repeat;
  display: inline-block;
  height: 25px;
  margin: 0 0 -8px -5px;
  padding: 0 0 2px 0;
  width: 28px;
}

.pricing-process-container{
  margin: 0 auto;
  width: 1076px;
}

.step-container-one{
  display: inline-block;
  margin: 0 48px 0 0;
  vertical-align: top;
  width: 230px;
}

.step-container-two{
  display: inline-block;
  margin: 0 48px 0 0;
  vertical-align: top;
  width: 230px;
}

.step-container-three{
  display: inline-block;
  margin: 0 48px 0 0;
  vertical-align: top;
  width: 230px;
}

.step-container-four{
  display: inline-block;
  vertical-align: top;
  width: 230px;
}

.step-time{
  margin: 0 0 6px 0;
  text-align: center;
}

.step-time h4{
  color: #43c9b6;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.step-title{
  margin: 0 0 10px 0;
  text-align: center;
  text-transform: uppercase;
}

.step-title h6{
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
}

.step-text{
  text-align: center;
}

.step-text p{
  color: #8d8f93;
  font-family: 'museo', serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

.plans-and-pricing-cta{
  background-color: transparent;
  border: 1px solid #3b3b3d;
  border-radius: 5px;
  color: #3b3b3d;
  cursor: pointer;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  margin: 72px auto 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 236px;
}

.plans-and-pricing-cta:hover{
  border-color: #43c9b6;
  color: #43c9b6;
}

.ebook-container{
  background-color: #43c9b6;
  padding: 48px 0;
}

.ebook-header{
  margin: 0 0 48px 0;
  text-align: center;
}

.ebook-header h1{
  color: #ffffff;
  font-family: 'museo-sans', sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}

.ebook-offer{
  margin: 0 auto;
  height:191px;
  width: 444px;
}

.ebook-image{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1505341959-png/PI_Website_v2/pi_homepage/assets/ebook.png') no-repeat;
  display: inline-block;
  height: 191px;
  margin: 0 36px 0 0;
  width: 146px;
}

.ebook-form-container{
  display: inline-block;
  margin: 48px 0 0 0;
  vertical-align: top;
}

.ebook-form{
  display: inline-block;
  vertical-align: top;
}

.ebook-download-button{
  background-color: transparent;
  border: 1px solid #e2f5f1;
  border-radius: 5px;
  color: #e2f5f1;
  cursor: pointer;
  font-family: 'museo-sans-condensed', 'museo-sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 38px;
  line-height: 34px;
  margin: 28px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 256px;
}

.ebook-download-button:hover{
  border-color: #fff;
  color: #fff;
}

.previous-customers-container{
  background-color: #fff;
  color: #3b3b3d;
  padding: 72px;
}

.previous-customers-header{
  margin: 0 0 60px 0;
  text-align: center;
}

.previous-customers-header h1{
  font-family: 'museo', serif;
  font-size: 36px;
  font-weight: 300;
  margin: 0;
}

.logos{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626855-png/PI_Website_v2/pi_homepage/assets/homepage_logos.png') no-repeat;
  height: 261px;
  margin: 0 auto;
  width: 880px;
}

.footer{
  background-color: #39383a;
  color: #fff;
  font-family: museo-sans-condensed, sans-serif;
  font-size: 16px;
  font-weight: 100;
  height: 82px;
  line-height: 82px;
  margin: 0;
  padding: 24px 48px;
}

.copyright{
  text-align: left;
}

.bottom-nav{
  display: inline-block;
  float: right;
}

.bottom-nav a{
  color: #fff;
  margin: 0 6px;
  text-align: right;
}

.bottom-nav a:visited{
  color: #fff;
}

.bottom-nav a:hover{
  color: #43c9b6;
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and    (min--moz-device-pixel-ratio: 1.3),
only screen and      (-o-min-device-pixel-ratio: 1.3/1),
only screen and         (min-device-pixel-ratio: 1.3) {

.logo{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1505341964-png/PI_Website_v2/pi_homepage/assets/logo2.png') no-repeat;
  background-size: 281px 40px;
  display: inline-block;
  height: 40px;
  margin: -2px 0 0 0;
  width: 281px;
}

.hero-image.one{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947082-jpg/PI_Website_v2/pi_homepage/assets/chris2.jpg') no-repeat;
}

.hero-image.two{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1505341969-jpg/PI_Website_v2/pi_homepage/assets/paul2.jpg') no-repeat;
}

.email-icon{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1505341954-png/PI_Website_v2/pi_homepage/assets/email2.png') no-repeat;
  background-size: 23px 17px;
  display: inline-block;
  height: 17px;
  margin: 11px 0 0 12px;
  width: 23px;
}

.pricing-page-image{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626860-png/PI_Website_v2/pi_homepage/assets/pricingpage2.png') no-repeat;
  background-size: 840px 274px;
  height: 274px;
  margin: 0 auto;
  width: 840px;
}

.pricing-page-image-two{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1509947067-png/PI_Website_v2/pi_homepage/assets/pricingpagereveal2.png') no-repeat;
  background-size: 551px 212px;
  height: 212px;
  margin: 0 auto;
  position: relative;
  top: 275px;
  width: 551px;
}

.ebook-image{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626850-png/PI_Website_v2/pi_homepage/assets/ebook2.png') no-repeat;
  background-size: 146px 191px;
  display: inline-block;
  height: 191px;
  margin: 0 36px 0 0;
  width: 146px;
}

.ebook-email-icon{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1505341954-png/PI_Website_v2/pi_homepage/assets/email2.png') no-repeat;
  background-size: 23px 17px;
  display: inline-block;
  height: 17px;
  margin: 11px 0 0 12px;
  width: 23px;
}

.arrowhead{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510616845-png/PI_Website_v2/pi_homepage/assets/arrowhead2.png') no-repeat;
  background-size: 28px 25px;
  display: inline-block;
  height: 25px;
  margin: 0 0 -9px -5px;
  width: 28px;
}

.logos{
  background: url('http://cdn2.hubspot.net/hub/120299/file-1510626865-png/PI_Website_v2/pi_homepage/assets/homepage_logos2.png') no-repeat;
  background-size: 880px 261px;
  height: 261px;
  margin: 0 auto;
  width: 880px;
}