@charset "UTF-8";
/* CSS Document */

body {
  margin:0;
  padding:0;
  background-color:#f2f2f2;
}

ul {
  list-style-type: none;
  margin:0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}


li {
  list-style-type: none;
  margin:0;
  padding-inline-start: 0px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

html {
  scroll-behavior: smooth;
}


/* BEGIN Container/row/column */


.container-xl {
  width:100%;
  min-height:1000px;
  overflow:hidden;
  padding:15% 0% 10% 0%;
}

.container-lg {
  width:100%;
  height:auto;
  overflow:hidden;
}

.container-md {
  width:100%;
  height:auto;
  max-height:900px;
  overflow:hidden;
}

.container-sm {
  width:100%;
  height:30vh;
  overflow:hidden;
}

.container-auto {
  width:100%;
  height:auto;
  overflow:hidden;
}

.row {
  width:100%;
  height:100%;
}

.clear {
  clear:both;
}

.col {
  float:left;
  min-height:1px;
}

.col-1 {
  width:8.33%;
}

.col-2 {
  width:16.66%;
  height:auto;
}

.col-3 {
  width:25%;
  height:auto;
}

.col-3-sm {
  width:15%;
  height:auto;
}

.col-4 {
  width:33.3%;
  height:auto;
}

.col-5 {
  width:41.66%;
}

.col-6 {
  width:50%;
  height:auto;
}

.col-6-sm {
  width:50%;
  height:auto;
}

.col-7 {
  width:58.1%;
  height:auto;
}

.col-8 {
  width:66.6%;
  height:auto;
}

.col-9 {
  width:75%;
  height:auto;
}

.col-9-sm {
  width:85%;
  height:auto;
}

.col-10 {
  width:83.33%;
  height:auto;
}

.col-12 {
  width:100%;
}

/* END Container/row/column */

/* BEGIN Alignment & Appearance Special Classes */

.center-vert {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

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

.text-align-left {
  text-align:left;
}

.text-align-right {
  text-align:right;
}

.overflow-hide {
  overflow:hidden;
}

.wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.spacer {
  height:50px;
  width:100%;
}


.animate {
  -webkit-transition: .5s; /* Safari */
  transition: .5s;
}


.animate-fast {
  -webkit-transition: .25s; /* Safari */
  transition: .25s;
}

.pointer {
  cursor:pointer;
}

.padding-fix {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.spacing-fix {
  margin-top:-2px;
}

/* BEGIN Temporary fonts */

@font-face {
  font-family: 'SharpSans-Book';
  src: url('fonts/SharpSans-Book.ttf') format('ttf'),
  url('fonts/SharpSans-Book.woff2') format('woff2'),
  url('fonts/SharpSans-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SharpSans-Bold';
  src: url('fonts/SharpSansDisplayNo1-Semibold.otf') format('otf'),
  url('fonts/SharpSansDisplayNo1-Semibold.woff2') format('woff2'),
  url('fonts/SharpSansDisplayNo1-Semibold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'SharpSans-Medium';
  src: url('fonts/SharpSans-Medium.otf') format('otf'),
  url('fonts/SharpSans-Medium.woff2') format('woff2'),
  url('fonts/SharpSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

h1 {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  font-size:84px;
  font-weight:normal;
  line-height:100%;
  margin:.5em 0em .5em 0em;
  text-align:center;
  letter-spacing:-0.03em;
}

h2 {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  font-size:26px;
  margin:1em 0em 1em 0em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:3px;
  font-weight:normal;
}

h3 {

  font-family:'SharpSans-Bold', Helvetica, Arial ;
  font-weight:normal;
  font-size:32px;
  margin:0em 0em 1em 0em;
  text-align:center;
}

h4 {

  font-family:'SharpSans-Medium', Helvetica, Arial ;
  font-size:24px;
  font-weight:normal;
  margin:0;
  margin:.5em 0em .5em 0em;
  text-align:center;
}

p {
  text-align:center;
  font-family:'SharpSans-Medium', Helvetica, Arial ;
  line-height:175%;
}

a {
  text-decoration:none;
  color:white;
}

/* END Temporary fonts */

/* BEGIN Buttons */

.button-outer {
  width:100%;
  height:auto;
  text-align:center;
  cursor:pointer;
}

.button {
  width:auto;
  height:auto;
  padding:10px 20px 10px 20px;
  border-radius:999px;
  border-style: solid;
  border-width: 2px;
  display:inline-block;
}

.white {
  border-color:white;
  color:white;
}

.white:hover {
  background-color:white;
}

.white:hover .button-text {
  color:#292929 !important;
}

.black {
  border-color:#292929;
}

.grey {
  border-color:#adadad;
}

.black-full {
  border-color:#292929;
  background-color:#292929;
}

.black-full p {
  color:white !important;
}

.white-full {
  border-color:#ffffff;
  background-color:#ffffff;
}

.white-full p {
  color:#000000 !important;
}

.black:hover {
  background-color:#292929;
}

.callout .black:hover {
  background-color:rgba(0,0,0,0);
}

.black:hover .button-text {
  color:white !important;
}

.button p {
  width:auto;
  font-size:14px;
  margin-left:15px;
  margin-right:15px;
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

/* END Buttons */

/* BEGIN Full Specs */

#full-specs {
  z-index:999999;
  position:fixed;
  height:100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#full-specs h1 {
  color:white;
  font-size:34px;
  text-align:left;
  margin-top: 105px;
}

#full-specs h4 {
  color:white;
  text-align:left;
}

#full-specs p {
  text-align: left;
}


#full-specs .col-8 p {
  text-align: right !important;
}

#full-specs p {
  color:white;
}

.full-specs-wrap {
  left:0;
  top:0;
  width:100%;
  height:auto;
  background-color:#080809;
  padding:5%;
  cursor:pointer;
  overflow-y: scroll;
}

.full-spec-overlay-inactive  {
  opacity:0;
  display:none;
}

.full-spec-cross-wrap {
  height:50px;
  position:relative;
  padding:0px;
  position: fixed;
  background-color: black;
  width: 50px;
}

.full-spec-cross {
  transform:rotate(-45deg);
  height:auto;
  padding:0 !important;
}

.full-specs-text {

}

.full-specs-container p {
  color:white;
}

.full-specs-container h4 {
  text-align: left;
}

#pdp-full-specs .col-4 p {
  font-family: 'SharpSans-Bold', Helvetica, Arial;
}

#pdp-full-specs .col-8 p {
  font-family: 'SharpSans-Medium', Helvetica, Arial;
}

.full-specs-right-col {
  padding-left:2.5%;
  border-width:0px !important;
}

.full-specs-left-col {
  padding-right:2.5%;
  border-width:0px !important;
}

/* END Full Specs */

/* BEGIN Temporary Nav */

.nav {
  background-color:#0a0a0a;
  width:95%;
  height:80px;
  position:fixed;
  z-index:99999;
  padding: 0 2.5% 0 2.5%;
}

.nav-ico {
  width:auto;
  height:100%;
  float:left;
}

.nav-ico-logo {
  padding:10px;
  height:60px;
  width:60px;
  float:left;
}

.nav-ico-name {
  width:100px;
  float:left;
}

.nav-ico-name p span {
  font-family:'SharpSans-Book', Helvetica, Arial ;
}

.nav-ico-name p {
  font-size:22px;
  color:white;
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.nav-items {
  float:right;
  width:auto;
  height:100%;
}

.nav-items ul {
  height:100%;
  float:right;
  width:auto;
}

.nav-items li {
  float:left;
  margin:0px 15px 0px 15px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size:14px;
  color:white;
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.nav-items li:last-child {
  margin-right:0;
}

.nav-cta {
  float:right;
  width:auto;
  padding:0px 25px 0px 25px;
  height:100%;
}

.anchor-link {
  margin-top:-80px;
  height:1px;
  margin-bottom:80px;
}


/* END Temporary Nav */

/* BEGIN Video */

#video {
  margin-top: -2px;
}

#mob-video {
  margin-top:-5px;
  position:relative;
  z-index:99;
}

.video {
  height:60vh;
  overflow:hidden;
  position:relative;
  width:100%;
  min-height:800px;
  max-height:1200px;
}

#background-video {
  position:fixed;
  right:0;
  bottom:0;
  top:78px;
  min-width:100%;
  min-height:100%;
  z-index:-2;
}

.video-bg {
  background-image:url("img/67562129_max.png");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  width:100%;
  height:100%;
  z-index:0;
}

.vimeo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vid-container {
  position:absolute;
  left:0;
  bottom:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#080809;
  z-index:15;
}

.vid-wrap {
  overflow:hidden;height:100%;width:100%;position:absolute;top:0;
  text-align:center;
  opacity:1;
  background-color:#080809;
}

.vid-wrap video {
  display:block;
  width:100%;
  height:auto;
  position:absolute;
  bottom:0;
  opacity:0;
  min-height:100%;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
height: auto; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vid-cta {
  z-index:99;
}

.vid-cta h2 {
  margin-bottom:25px;
  color:white;
  font-size:32px;
  letter-spacing:.1em;
}

.animate-text-width {
  letter-spacing:.1em;
}

#play-button-desk .button {
  height:24px;
  width:24px;
  padding: 10px 40px 10px 40px;
}

#play-button-desk .button:hover {
  padding: 10px 80px 10px 80px;
}

#play-button-desk .button:hover .st0 {
  fill:#080809;
}

#play-button-desk .button svg {
  margin-left:4px;
}

#play-button-desk .st0 {
  fill:#ffffff;
}


/* END Video */

/* BEGIN Hero */

#hero {
  height:200vh;
  overflow:auto;
  position:relative;
  overflow:hidden;
  z-index:1;
}

.hero-background-black {
  background-image:url(img/Background-preload.png);
  background-size:cover;
  position:absolute;
  width:100%;
  height:100%;
  z-index:-3;
}

.hero-bg {
  /* background-image:url(img/background4.png); */
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  width:100%;
  height:100%;
  z-index:-1;
  min-height:700px;
}

.hero-bg-animated {
  background-color:#080809;
  opacity:1;
  width:100%;
  height:100%;
  position:fixed;
  z-index:-5;
}

.hero-bg-scoot {
  width:30vw;position:fixed;height:100%;margin-right:auto;display:inline-block;background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;z-index:-1;
}

.hero-bg-scoot-black {
  margin-left:-15vw;
  background-image:url("img/Layer 2.png");
}

.hero-bg-scoot-white {
  margin-left:-12.5vw;
  background-image:url("img/Layer 1.png");
  opacity:0;
  width:20vw;
}

.hero-bg-scoot-rose {
  margin-left:-12.5vw;
  background-image:url("img/Layer 3.png");
  opacity:0;
  width:20vw;
}

.hero-text-wrap {
  z-index:9999;
  margin-top:25%;
}

.hero-text-wrap h1 {
  color:white;
  font-size:154px;
  margin:0;
  line-height:90%;
  letter-spacing:0;
}

.hero-text-wrap span {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.hero-text-wrap h4 {
  color:white;
  font-size:32px;
  margin-bottom:54px;
}

.hero-cta {

}

.hero-handlebars {
  position:absolute;
  width:100%;
  height:100%;
  background-image:url("img/handlebars.png");
  background-position:center bottom;
  background-attachment:fixed;
  background-size:cover;
}

.hero-arrow-wrap {
  width:100%;
  height:auto;
  position:absolute;
}

.hero-arrow-wrap .button-outer .button {
  margin-bottom:55px;
}

.hero-arrow {
  width:50px;
  height:50px;
  display:inline-block;
}

.hero-arrow-component {
  width:58.5%;
  height:2px;
  background-color:#f2f2f2;
  float:left;
}

.hero-arrow-left {
  transform:rotate(45deg);
  float:left;
}

.hero-arrow-right {
  transform:rotate(-45deg);
  float:right;
  margin-top:-2px;
}


/* END Hero */

/* BEGIN Intro */

#intro {
  background-color:#F5F5F5;
}

.intro-text-wrap {
  padding: 20vh 10vw 2vh 10vw;
}

.intro-text-wrap h1 {
  margin-top:4em;
  margin-bottom:.5em;
  font-size:84px;
}

.intro-text-wrap p {
  color:white;
  font-size:20px;
}

.intro-text-wrap h2 {
  margin-top:85px;
  font-size:32px;
}

/* END Intro */

/* BEGIN Details */

p {
  margin:0;
}

#details .detail h3 {
  color:#ffffff;
}

#details .detail h4 {
  color:#ffffff;
}

#details .detail p {
  color:#ffffff;
}

/*

#details .detail:nth-child(2) h3 {
color:#ffffff;
}

#details .detail:nth-child(2) h4 {
color:#ffffff;
}

#details .detail:nth-child(2) p {
color:#ffffff;
}

#details .detail:nth-child(3) h3 {
color:#ffffff;
}

#details .detail:nth-child(3) h4 {
color:#ffffff;
}

#details .detail:nth-child(3) p {
color:#ffffff;
}

 */



#details {
  height: auto;
  background-color:#f2f2f2;
  background-repeat:no-repeat;
  padding: 55px 0 0 0;
  z-index: 3;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/* NEW */

#details h1 {
  margin-bottom:25px;
  font-size: 44px;
}

#details p {
  margin-bottom:95px;
}

.detail-header {
  padding: 25px;
}

.detail-wrap {
  height: 100%;
}

.detail-image {
  width: 100%;
  height:600px;
  background-color: white;
}

.detail-one {
  background-image: url("img/BG_detail-1_b.jpg");
  background-size: cover;
}

.detail-two {
  background-image: url("img/BG_detail2_w.jpg");
  background-size: cover;
}

.detail-three {
  background-image: url("img/BG_detail3_p.jpg");
  background-size: cover;
}

.detail-text-wrap {
  padding: 65px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.detail-text-wrap p {
  text-align: left;
}

.detail-text-wrap h3 {
  text-align: left;
}

#scooter-specs {
  min-height: 800px;
  height: 100vh;
  background: url(img/birdone_black.png) no-repeat center;
  background-size: 30% auto;
  background-color: #080809;
  overflow: hidden;
  position:relative;
  z-index:100;
  background-position:56%;
}

#scooter-specs h1 {
  color:white;
}

#scooter-specs .scooter-stats h1 {
  font-size: 2.2em;
  margin: 1em 0em .2em 0em;
}

.scooter-specs-header-col {
  text-align: center;
  padding: 45px;
}

.scooter-specs-header-col p {
  margin:.2em 0em .2em 0em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #A7A7A7;
  font-size:12px;
}

.scooter-specs-header-col .button {
  margin-top: 55px;
}

.scooter-specs-header-col .button p {
  color: white;
}

.ico {
  width:80px;
  height:80px;
  margin:auto;
}

.ico-index {
  width:50px;
  height:40px;
  margin:auto;
}

.callouts p {
  margin-bottom: 25px;
}

.callout .ico-index {
  width:60px;
  height:40px;
  margin: auto;
}

.callout .ico-index {
  background-position: left;
}

.scooter-stats .ico-index {
  background-position: center !important;
}

.callout .battery {
  background-size: 60% auto;
}

.callout .white:hover {
  background-color: rgba(0,0,0,0);
}

.callout .black:hover {
  background-color: rgba(0,0,0,0);
}

.ico-text {
  text-align:left;margin-top:22px;margin-left:12px;
}

.hero-icon-row {
  height:45px;
  margin-top: 20px;
}

.hero-icon-row .col-2 {
  max-width:60px;
}

.icon-text {
}

.icon-text p {
  text-align: left;
}

.black .icon-text p {
  color: #1c1c1c;
}

.white .icon-text p {
  color: white;
}

.icon-text h2 {
  font-size: 14px;
  text-align: left;
}

.black .icon-text h2 {
  color: #1c1c1c;
}

.white .icon-text h2 {
  color: white;
}



.range {
  background: url("img/range-n.svg") no-repeat left;
  background-size: 50% auto;
  background-repeat: no-repeat;
}

.range-w {
  background: url("img/range-n-w.svg") no-repeat left;
  background-size: 50% auto;
  background-repeat: no-repeat;
}

.battery {
  background: url("img/battery_b.svg") no-repeat left;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.battery-w {
  background: url("img/battery.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.battery-n {
  background: url("img/battery_n.svg") no-repeat left;
  background-size: 65% auto;
  background-repeat: no-repeat;
}

.battery-nb {
  background: url("img/battery_nb.svg") no-repeat left;
  background-size: 65% auto;
  background-repeat: no-repeat;
}

.wrench {
  background: url("img/wrench.svg") no-repeat left;
  background-size: 55% auto;
  background-repeat: no-repeat;
}

.callout .wrench {
  background-size: 55% auto;
}

.wrench-w {
  background: url("img/wrench-w.svg") no-repeat left;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.warranty {
  background: url("img/warranty.svg") no-repeat left;
  background-size: 50% auto;
  background-repeat: no-repeat;
}

.warranty-w {
  background: url("img/warranty-w.svg") no-repeat left;
  background-size: 50% auto;
  background-repeat: no-repeat;
}

.smoothride {
  background: url("img/smoothride.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.smoothride-w {
  background: url("img/smoothride-w.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.quickride {
  background: url("img/quickride.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.quickride-w {
  background: url("img/quickride-w.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.tracking {
  background: url("img/tracking.svg") no-repeat left;
  background-size: 45% auto;
  background-repeat: no-repeat;
}

.tracking-w {
  background: url("img/tracking-w.svg") no-repeat left;
  background-size: 45% auto;
  background-repeat: no-repeat;
}

.service {
  background: url("img/service.svg") no-repeat left;
  background-size: 70% auto;
  background-repeat: no-repeat;
}

.durability {
  background: url("img/durability.svg") no-repeat left;
  background-size: 45% auto;
  background-repeat: no-repeat;
}

.durability-w {
  background: url("img/durability-w.svg") no-repeat left;
  background-size: 45% auto;
  background-repeat: no-repeat;
}

.digitallock {
  background: url("img/digitallock.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.digitallock-w {
  background: url("img/digitallock-w.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.gps {
  background: url("img/gps.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.key {
  background: url("img/key.svg") no-repeat left;
  background-size: 60% auto;
  background-repeat: no-repeat;
}

.hero-icon-row .gps {
  background-size: 45% auto;
}

.gps-w {
  background: url("img/gps-w.svg") no-repeat left;
  background-size: 45% auto;
  background-repeat: no-repeat;
}

.scooter {
  background: url("img/scooter.svg") no-repeat left;
  background-size: 65% auto;
  background-repeat: no-repeat;
}

.bird-one-image {
  height: 100%;
}

.bird-one-black {

}

.bird-one-specs {
  height: 100%;
  padding: 25px;
}

.text-spec-wrap {
  height: auto;
  text-align: left;
}

.text-spec {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #3E3E3E;
  padding: 25px 0 25px;
  max-width: 380px;
}

.text-spec h2 {
  text-align: left;
  font-size: 1.3em;
  color: white;
  margin: 0 10px 10px;
  text-transform: none;
  letter-spacing: normal;
}

.text-spec p {
  font-size: 1em;
  text-align: left;
  color: #ffffff;
  line-height: 200%;
}

.bird-one-specs .text-spec:last-of-type {
  border-width:0;
}

/* END NEW */


#details .detail {
  background-color:#080809;
  border-width:15px 15px 0px 15px;
  border-color:#f2f2f2;
  border-style:solid;
  height:700px;
  background-size: auto 100%;
  background-repeat:no-repeat;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

#details .detail:hover {
  background-size: auto 120%;
  border-width:30px 30px 60px 30px;
  border-color:#f2f2f2;
  border-style:solid;
}

#details .detail:nth-child(1) {
  background-image:url("img/BG_detail-1_b.jpg");
  /* background-color:#ffffff; */
  background-size:40%;
  background-position:bottom left;
}

#details .detail:nth-child(2) {
  background-image:url("img/BG_Detail2_w.jpg");
  background-color:#d2d2d2;
  background-position:bottom;
}

#details .detail:nth-child(3) {
  background-image:url("img/BG_Detail3_p.jpg");
  background-color:#efbbae;
  background-position:right;
}

.detail {
  height:100%;
  overflow:hidden;
  background-attachment:fixed;
  background-size:cover;
}

.detail p {
  font-size:18px;
  text-align:left;
}

.detail-inner-wrap {
  width:80vw;
  float:left;
  height:100%;
}

.detail-description {
  float:left;
  height:100%;
  width:38vw;
}

.detail:hover {
  cursor:pointer;
}

.detail-inner {
  height:100%;
  width:100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}


.detail-inner:hover {

}

.detail-inner-text {
  height:100%;
  width:100%;
}

.detail-label-open {
  width:33.3vw;
  float:left;
  height:100%;
}

.detail-label-collapsed {
  width:auto;
  height:100%;
  float:left;
}

.detail-label-collapsed-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display:none;
}

#details .detail:hover .detail-label-open-text h3 {
  margin-left:-3.5vw;
}

.detail-label-open-text h3 {
  margin-left:-2.8vw;
  margin-top:-22px;
  font-family:'SharpSans-Bold', Helvetica, Arial;
}

.detail-label-collapsed-text h4 {
  transform: rotate(-90deg);
  width:200%;
  margin-left:-50%;
  font-family:'SharpSans-Bold', Helvetica, Arial;
}

/* DELETE LATER */

#temporary {
  height:150px;
  width:100%;
  margin:-2px 0px 0px 0px;
  background-color:#292929;
  z-index:9999;
  position:relative;
}

/* END Details */

/* BEGIN Connected */

#connected {
  height:90vh;
  background-image:url("img/Club_bg.png");
  background-position:bottom right;
  height:100% auto;
  background-color:white;
  background-repeat:no-repeat;
  background-size:contain;
}

#connected h1 {
  color:#080809;
  text-align:left;
}

#connected h2 {
  color:#080809;
  font-size:18px;
  margin:0;
  text-align:left;
}

#connected h3 {
  color:#080809;
  font-size:20px;
  text-align:left;
  line-height:175%;
  font-family: 'SharpSans-Medium', Helvetica, Arial;
}

#connected h4 {
  color:#080809;
}

#connected p {
  color:#080809;
  text-align:left;
}

#connected .container-lg {
  height:100%;
  padding: 0% 5% 0% 5%;
  background-repeat:no-repeat;
  background-position:center bottom;
}

#connected .stat-icon {

}

#connected .feature-check-mark-inner svg {
  width:20px;
}

#app {
  background-color: white;
}

.connected-details {
  height:auto;
}

.connected-details h1 {

}

.connected-details div:nth-child(8) {

}

.club-feature {
  margin-bottom:15px;
  margin-top:5px;
}

/* END Connected */

/* BEGIN 360 */

#threesixty-id .container-lg {
  height:100vh;
  background-color:#080809;
  max-height:1200px;
  min-height:800px;
  z-index: 16;
  position: relative;
}

.threesixty {
  display: block;
  width: 100%;
  height: 540px;
}

.threesixty-frame {
  width:100%;
}

.threesixty-row {
  position:relative;
  height:auto;
}

.threesixty-col {
  height:540px;
}

.threesixty-text {
  width:100%;
  margin:auto;
  text-align:center;
  position:absolute;
  top:12%;
  z-index:-10;
}

.threesixty-text h1 {
  font-size:155px;
  margin:0;
  color: white;
}

.nodisplay {
  display:none;
}

.threesixty-col {
  cursor:pointer;
}

.threesixty-col {
  cursor:pointer;
}

.threesixty-text:hover h1 {
  opacity:.2;
}

.threesixty-color-wrap {
  width:100%;
  text-align:center;
}

.threesixty-color {
  width:auto;
  height:auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
}

.threesixty-color-bubble {
  width:80px;
  height:80px;
  padding:18px;
  position:relative;
  float:left;
  cursor:pointer;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.threesixty-color-bubble-inner {
  border-radius:999px;
  width:100%;
  height:100%;
  z-index:100;
}

.threesixty-label {
  opacity:1;
}

.color-rose {
  background-color:#EE9293;
}

.color-black {
  background-color: #1c1c1c;
  border-width: 2px;
  margin: -1px 0 0 -1px;
  border-style: solid;
  border-color: #3d3d3d;
}

.color-white {
  background-color:#FFFFFF;
}

.threesixty-black {

}

.threesixty-white {

}

.threesixty-rose {

}


.spritespin-instance {
  margin:auto;
  width:550px !important;
  height:550px !important;
  position:inherit;
}

.color-active {
  border-radius:999px;
  width:40px;
  height:40px;
  border-width:2px;
  border-style:solid;
  border-color:#9F9F9F;
  position:absolute;
  top:18px;
  left:18px;
  opacity:0;
  z-index:1;
}

.color-active:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity:100;
}

.color-inactive {

}

.three-sixty-text p {
  margin:.2em 0em .2em 0em;
  letter-spacing:1px;
  color: white;
}

.three-sixty-text span {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

/* END 360 */

/* BEGIN Specs */

#specs {
  background-color:#080809;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border-width:15px;
  border-color:#f2f2f2;
  border-style:solid;
}

#specs h1 {
  color:white;
  font-family:'SharpSans-Bold', Helvetica, Arial;
}

#specs h4 {
  font-family:'SharpSans-Bold', Helvetica, Arial;
  text-align:left;
  color:white;
  font-size:18px;
}

#specs p {
  text-align:left;
  color:white;
  font-size:16px;
}

.specs-row {

}

.spec {
  cursor:pointer;
  background-color:#080809;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border-width:15px;
  border-color:#f2f2f2;
  border-style:solid;
}

.spec-left-col {
  height:750px;
  background-color:#f2f2f2 !important;
}

.spec-right-col {
  height:750px;
}

.spec-lg {
  background:url("img/spec-1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.spec-left-col .spec-text-position-wide {
  top:40%;
  max-width:700px;
}

.spec-left-col:hover .spec-text-position-wide {
  top:20%;
}

.spec-left-col .spec-text-position-wide h1 {
  text-align:left;
  margin:0;
  font-size: 74px;
}

.spec-md {
  height:50%;
  background-image:url("img/BG_Detail2.png");
  background-size:cover;
  background-position:bottom;
}

#spec > div:first-child {
  background-image:url("img/spec-2.jpg");
}

#spec > div:nth-child(2) {
  background-image:url("img/spec-4.jpg");
}

#spec > div:nth-child(3){
  background-image:url("img/spec-3.jpg");
}

.spec-title {
  height:100%;
  width:100%;
}

.spec-title h3 {

}

.spec-inner-wrap {
  padding:5%;
  height:190%;
  width:90%;
  position:relative;
}

.spec-text {
  height:57.5%;
  position:absolute;
  right:0px;
  left:22px;
  max-width:500px;
}

.spec-text-position-wide {
  top:36%;
}

.spec-text-position-thin {
  top:42%;
}


.spec-text p {
  opacity:0;
  margin-top:35px;
}

.spec:hover .spec-text {
  top:10%;
}

.spec-inner-wrap {
  width:100%;
}

.spec:hover .spec-inner-wrap {
  background-color:rgba(0,0,0,0.4)
}


.spec:hover .spec-text p {
  top:10%;
  opacity:100;
}

.spec:hover .spec-cross {
  transform: rotate(-45deg);
}

.spec-text:hover {
  top:10%;
}

.spec-title h1 {
  margin: .5em;
}

.spec-cross {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px;
}

.spec-cross-bar {
  width:100%;
  height:2px;
  background-color:white;
}

.spec-cross-rotate {
  transform: rotate(-90deg);
  top:43%;
}

/* END Specs */

/* BEGIN Stats */

#stats {
  padding:7% 0% 0% 0%;
}

#stats h1 {
  color:#ffffff;
  margin-top:0;
}

.stats-bar {
  width:100%;
  padding:5%;
  text-align:center;
}

.stats-bar-inner {
  height:auto;
  width:100%;
  max-width:1200px;
  display:inline-block;
}


.stat {
  padding: 35px 0px 55px 0px;
  height:100%;
  background-color:white;
  cursor:pointer;
  margin-bottom:25px;
}

.stat:hover {
  padding: 55px 0px 75px 0px;
  margin-top:-20px;
  height:140%;
  background-color:#292929;
}

.stat:hover .stat-icon .stat-icon-svg {
  fill:#FFFFFF;
}

.stat:hover span {
  color:white;
}

.stat:hover p {
  color:white;
}

.stat:hover h3 {
  color:white;
}

.stat span {
  color:#292929;
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  font-size:64px;
  margin:0rem .2rem 0rem .2rem
}

.stat-icon {
  width:75px;
  height:75px;
  margin: 25px auto 25px auto;
}

.red-fill {
  fill:#080809;
}

.stat:hover .stat-icon .stat-icon-svg {
  fill:#FFFFFF;
}

.stat:hover .stat-icon .stat-icon-svg .red-fill {
  fill: #f2f2f2;
}

.stat-icon p {
  color:#989898;
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.stat-icon-svg {
  fill:#080809;
}

#stats .gallery-button {
  background-color:#ffffff;
}

#stats .gallery-button svg {
  fill:#080809 !important;
}

/* END Stats */

/* BEGIN App */

#app {
  padding:60px;
  position:relative;
  z-index:99;
  max-height: 700px;
}

.app-row {
  height:100%;
  width:100%;
  max-width:1200px;
  display:inline-block;
}

.app-description {
  height:100%;
  margin-bottom:25px;
  margin-top:44px;

}

.app-description h1 {
  font-size: 74px;
  margin: 0 0 .5em 0;
}

.app-description-text-wrap {
  padding:5%;
}

.app-description-text-wrap h1 {
  color: #1c1c1c;
}

.app-description-text-wrap h3 {
  font-size:20px;
  line-height:175%;
  text-align:left;
  color: white;
}

.app-description-text-wrap p {
  color: #1c1c1c;
  font-size: 16px;
}

.app-description h1 {
  text-align:left;
}

.app-description p {
  text-align:left;
}

/* END App */

/* BEGIN Care */

#care {
  background-color:white;
  height:auto;
  padding:5% 0% 5% 0%;
}

.care-row {
  height:100%;
  width:100%;
  max-width:1200px;
  display:inline-block;
}

.care-description {
  height:100%;
}

.care-description-text-wrap {
  padding:5%;
}

.care-description h1 {
  text-align:left;
}

.care-description p {
  text-align:left;
}

.care-card-wrap {
  height:100%;
}

.care-card {
  width:100%;
  height:auto;
  padding:35px 0px 35px 0px;
  background-color:#f2f2f2;
}

.care-card .bird-care-row-outer {
  padding:0px 15px 0px 15px;
}

.care-card .bird-care-row-outer p {
  color:#080809;
}

.bird-care-row-outer

.care-card h3 {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.care-card p {
  color:#080809;
  font-size:14px;
}

.care-card h2 {
  color:white;
  text-transform:none;
  letter-spacing:0;
}

.care-card h3 {
  color:#080809;
}

.care-card-price {
  margin-top:25px;
}

.care-card-price span {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  font-size:36px;
}

/* END Care */

/* BEGIN FAQ */

#faq {
  background-color:white;
  padding:200px 0px 200px 0px;
}


#faq h1 {
  font-size:38px;
  margin-bottom:44px;
}

.faq-cross-wrap {
  position:relative;
  height:100%;
}

.faq-cross {
  height:25px;
  width:25px;
  position:absolute;
  right:0;
  top:0;
}

.faq-row {
  width:100%;
  max-width:1200px;
  display:inline-block;
}

.faq-question-outer-wrap {
  cursor:pointer;
}

.faqs h1 {
  margin-top:0;
}

.faqs ul li:nth-child(1) {
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color:#C8C8C8;
}

.faqs ul li:nth-child(n+2) {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color:#C8C8C8;
}

.faq-question p {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
}

.faq-question-inner-wrap {
  padding:15px;
  height:30px;
}

.faq-question-inner-wrap p {
  text-align:left;
}

.faq-cross .spec-cross-bar {
  background-color:#979797;
}

.faq-cross .spec-cross-rotate {
  top:38%;
}

.faq-answer-wrap {
  max-height:1px;
  height:auto;
}

.faq-answer {
  padding:15px;
}

.faq-answer p {
  color:#292929;
  text-align:left;
}

/* END FAQ */

/* BEGIN Sign Off */

#signoff {
  padding:25px 0px 55px 0px;
  height:80vh;
  min-height:1000px;
  margin-top:-2px;
  background-image:url(img/handlebars_wide.png);
  background-position:bottom center;
  background-size:80%;
  background-repeat:no-repeat;
  background-color:#080809;
  position:relative;
  z-index:99;
}
#signoff h1 {
  color:white;
}

#signoff h3 {
  font-size:20px;
  line-height:175%;
  color:white;
  padding: 20px;

}

.signoff-buttons {
  margin-top:25px;
  margin-bottom:25px;
}

.signoff-buttons div:nth-child(2) {
  padding-right:10px;
}

.signoff-buttons div:nth-child(3) {
  padding-left:10px;
}

.signoff-buttons div:nth-child(2) div:nth-child(1) {

}

.signoff-buttons div:nth-child(2) div:nth-child(1) div:nth-child(1) {
  width:150px;
}

.signoff-buttons div:nth-child(3) div:nth-child(1) {
  text-align:left;
}

.signoff-buttons div:nth-child(3) div:nth-child(1) div:nth-child(1) {
  width:150px;
}

.placeholderimg {
  text-align:center;
}

/* END Sign Off */

.callout {
  height:80vh;
  background-size:cover;
  min-height:900px;
}

.callout-one {
  background-image: url('img/BG_detail-1_b_wide_1.jpg')
}

.callout-two {
  background-image: url('img/BG_detail-1_b_wide_2.jpg');
  background-position: right;
}

.callout-three {
  background-image: url('img/BG_detail-1_b_wide_3.jpg')
}

.callout-four {
  background-image: url('img/worldmap.jpg');
  background-position: right;
}

.callout-row {
  background-color:white;
  padding:75px;
}

.callout-row .row {
  max-width: 1200px;
  margin: auto;
}

.callout-row h2 {
  font-size:14px;
}

.callout-row .col-8 {
  height:100%
}

.callout-row p {
  height:100%;
  line-height:100%;
}


/* PDP STARTS HERE */



/* BEGIN Gallery */

#gallery-details .row {
  margin-top:80px;
  height:70vh;
  min-height:750px;
}

#gallery-details {
  height:auto;
}

.gallery-wrap {
  height:800px;
  position:relative;
}

.gallery-button {
  color:#000!important;
  cursor:pointer;
  height:60px;
  width:60px;
  padding:15px;
}

.gallery-button p {
  color:white;
}

.w3-display-right {
  right:-5.5%;
  text-align:center;
}

.w3-display-left {
  left:-5.5%;
  text-align:center;
}

#arrow-right {
  height:100%;
  width:auto;
  display:inline-block;
}

#arrow-left {
  height:100%;
  width:auto;
  display:inline-block;
}

/* END Gallery */

/* BEGIN Details */

.product-details {
  margin-top:5%;
  padding:0% 10% 0% 5%;
}

.details-wrap {

}

.details-text-wrap {
  height:auto;
  display:flex;
}

.details-text-wrap h1 {
  text-align:left;
  font-size:50px;
}

.details-text-wrap h1 span {
  font-family:'SharpSans-Book', Helvetica, Arial;
}

.details-text-wrap h2 {
  font-size: 100px;
}

.details-text-wrap h3 {
  text-align:right;
}

.details-description-text p {
  text-align:left;
  font-size:14px;
}

.details-description-text p span {
  font-family:'SharpSans-Bold', Helvetica, Arial;
}

#gallery-details h2 {
  font-size:13px;
  text-align:center;
  margin-top:55px;
  margin: 2em 0em .5em 0em;
}


#gallery-details h4 {
  font-size:10px;
  text-align:right;
  margin-top:55px;
  margin: 2em 0em .5em 0em;
  text-transform:none;
  font-family:'SharpSans-Bold', Helvetica, Arial;
  color: #979797;
}


.details-color-swatch-wrap {
  padding:15px 15px 0px 0px;
}

.details-color-swatch {
  height:45px;
  width:100%;
  border-radius:999px;
}

.details-color-selector div:nth-child(2) .details-color-swatch {
  background-color:black;
}

.details-color-selector div:nth-child(3) .details-color-swatch {
  background-color:white;
}

.details-color-selector div:nth-child(4) .details-color-swatch {
  background-color:#f59a96;
}

.details-color-swatch-name {
  padding:10px 0px 10px 0px;
}

.details-color-swatch-name p {
  font-family:'SharpSans-Medium', Helvetica, Arial ;
  font-size:12px;
}

.check-mark {
  height:100%;
  width:auto;
  text-align:center;
  padding:15px;
}

.check-mark-inner {
  height:100%;
  width:auto;
  position:relative;
  opacity:0;
}

.check-mark-inner svg {
  display:block;
  margin:auto;

}

.svg-active {
  opacity:100;
}

.check-mark:hover .check-mark-inner {
  opacity:100;
}

.product-details-pricing-outer {
  margin-top:45px;
  height:auto;
  border-width: 1px 0px 0px 0px;
  border-style:solid;
  border-color:#cecece;
}

#pdp-product-specs .row .product-details-pricing-outer {
  margin-top:45px;
  padding:15px;
  height:auto;
  border-width: 0px 0px 0px 0px;
  border-style:solid;
  border-color:#cecece;
}

#pdp-product-specs .product-details-pricing-outer h2 {
  text-align: left;
}

#pdp-product-specs .product-details-pricing-outer p {
  font-size:16px;
  font-family:'SharpSans-Medium';
  text-align: left;
}

.product-details-pricing-outer p {
  font-size:15px;
  text-align:left;
  color: #1c1c1c;
}

.product-details-pricing-inner {
  height:auto;
  padding:15px;
  border-width: 0px 0px 1px 0px;
  border-style:solid;
  border-color:#cecece;
}

.product-details-pricing-inner div {
  margin-top:12px;
}

.product-details-pricing-inner div:nth-child(odd) p {

}

.product-details-pricing-inner div:nth-child(even) p {
}

.product-details-pricing-inner .row .col-4 p {
  font-family: 'SharpSans-Bold', Helvetica, Arial;
}

.pricing-now .price p {
  text-align:right;
}

#gallery-details .product-details-pricing-outer div:nth-of-type(2) .col p {
  color:#939393;
}

#gallery-details .gallery-button {
  background-color: rgba(0,0,0,0);
}

#gallery-details .gallery-button .st6 {
  fill:#080809;
}

.button-checkout {

}

#loading {
  display: none;
}

.loading-wrap {
  text-align: center;
}

.button-checkout .button {
  width:100%;
  max-width: 150px;
  float:right;
}


.button-checkout-text {
  height:80px;
  padding:10px;
  text-align:left;
}

.button-checkout-text p {
  font-size: 14px;
}

.button-checkout .button-outer {
  padding:25px 0px 0px 0px;
  text-align: right;
}


.conf-container {
  height: 100vh;
  width: 100%;
}

.conf-row {
  height: auto;
}

.conf-img-gif-wrap {
  width: 100%;
  height: auto;
}

.conf-img-gif {
  width: 40%;
  height: auto;
  margin: auto;
  max-width: 150px;
}

.conf-img-gif img {
  margin-left: -20%;
}

#confirmation p {
  margin: 15px;
}

/* END Details */

/* BEGIN PDP Details */

#pdp-product-specs {

}

#pdp-product-specs h2 {
  font-size:16px;
  text-align:left;
}

.product-specs {
  background-color:white;
  padding: 0 5% 2% 5%;
}

.plus-mark {
  height:100%;
  width:50%;
  text-align:left;
}

.plus-mark-inner {
  margin-top:2px;
  height:15px;
  width:auto;
  position:relative;
}

.plus-mark-inner svg {
  position:absolute;
  display:block;
  margin:auto;
}

.feature-description {
  max-width:90%;
}

.feature-description p {
  text-align:left !important;
  color:black !important;
}

.feature-row {
  height: auto;
  padding: 15px 0px 5px 15px;
}

.bird-care h1 {
  font-size:48px;
  margin:0;
}

.bird-care {
  padding:2%;
}

.bird-care-row-outer {

}

.bird-care-container {
  background-color:#f2f2f2;
  padding:20px
}

.bird-care-row {
  height: auto;
  padding: 5px 0px 5px 15px;
}

.bird-care {
  display: flex;
  height:100%;
}

.bird-care h3 {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  text-align:left;
}

.feature-check-mark {
  height: 100%;
  width: 50%;
  text-align: left;
}

.feature-check-mark-inner {
  margin-top: 2px;
  height: 11px;
  width: auto;
  position: relative;
}

/* END PDP Details */

/* BEGIN Footer */

.footer-container {
  width:100%;
  height:auto;
  padding:20px;
  background-color:#080809;
  position: relative;
  z-index: 999;
}

.footer-text {
  height:auto;
  width:100%;
}

.footer-link-row {
  margin-bottom: 25px;
}

.footer-link {
  text-align: center;
  margin: 15px 0;
}

.footer-text p {
  text-align:center;
  color:#67696c;
  font-size:13px;
}

.footer-text a {
  font-family:'SharpSans-Bold', Helvetica, Arial ;
  text-align:left;
  color: white;
  font-size:14px;
  text-align: center;
}

.placeholderimg img {
  margin-bottom:45px;max-width:500px;
}

#signoff a {
  color:black;
}

/* END Footer */

/* Gallery CSS */

.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:1980px;}.w3-auto{max-width:1140px}
.w3-display-container{height:100%;margin-left:auto;margin-right:auto;width:auto;text-align:center;}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.mySlides {}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

/* END Gallery-Details */

/* */



.no-desk {
  display:none;
}



@media screen
and (max-width : 1424px)
{
  .hero-bg {
    background-size:cover;
    background-attachment:scroll;
    background-size:auto 100%;
    background-repeat:no-repeat;
    overflow:hidden;
  }
}


@media screen
and (max-width : 900px)
{
  body {

  }

  .no-desk {
    display:block;
  }

  .no-mob {
    display:none;
  }

  .col-2 {
    width:100%;
  }

  .col-3 {
    width:100%;
  }

  .col-4 {
    width:100%;
  }

  .col-5 {
    width:100%;
  }

  .col-6 {
    width:100%;
  }

  .col-6-sm {
    width:50%;
  }

  .col-7 {
    width:100%;
  }

  .col-8 {
    width:100%;
  }

  .col-9 {
    width:100%;
  }

  .col-9-sm {
    width:75%;
  }

  .col-9-sm p {
    line-height:125%;
  }

  .container-xl {
    min-height:0px;
  }

  #nav {

  }

  .nav-cta {
    padding:0;
  }

  .nav-cta .button {
    padding: 5px 10px 5px 10px;
  }

  #nav-mob {
    background-color:#0a0a0a;
    width:100%;
    height:100%;
    position:fixed;
    z-index:99999;
    padding: 0 2.5% 0 2.5%;
  }

  #nav-mob .full-spec-cross-wrap {
    margin-top:2.5%;
  }

  #nav-mob h2 {
    color:white;
  }

  h1 {
    font-size:64px;
  }

  .full-specs-right-col {
    padding-left:0;
    margin-top:0;
  }

  .full-specs-left-col {
    padding-right:0;
    margin-top:0;
  }

  #hero {
    margin-top:0px;
    overflow:hidden;
    height:800px;
  }

  #hero-2 {
    display:none;
  }


  #background-video {
    top:0;
    background-color:#3D3D3D;
  }

  #mob-video {
    margin-top:-5px;
    position:relative;
    z-index:99;
  }

  .video {
    height:100vh;
  }


  .video-bg {
    background-attachment:scroll;
    background-image:url(img/videoclip.png);
  }

  .hero-bg-scoot {
    width:75vw;position:fixed;height:100%;margin-right:auto;display:inline-block;background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;z-index:-1;
  }

  .hero-bg-scoot-black {
    margin-left:-35vw;
    background-image:url("img/Layer 2.png");
  }

  .hero-bg-scoot-white {
    margin-left:-35vw;
    background-image:url("img/Layer 1.png");
    opacity:0;
    width:55vw;
  }

  .hero-bg-scoot-rose {
    margin-left:-35vw;
    background-image:url("img/Layer 3.png");
    opacity:0;
    width:65vw;
  }

  .hero-arrow {
    width:25px;
    height:25px;
  }

  .hero-cta {
    margin-top:5%;
  }

  .hero-text-wrap {
    top: 30vh;
    position: absolute;
    width:100%;
  }

  .hero-text-wrap h1 {
    font-size:64px;
  }

  .hero-text-wrap h4 {
    font-size:24px;
  }

  .hero-arrow-wrap {
    top:30vh;
  }

  .intro-text-wrap {
    padding: 10vh 10vw 20vh 10vw;
  }

  .intro-text-wrap h1 {
    font-size:44px;
  }

  .intro-text-wrap p {
    font-size:18px;
  }

  #details {
    padding: 0 0 55px 0;
  }

  #details .detail {
    background-size: auto 100% !important;
    background-repeat:no-repeat;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }

  .detail {
    background-attachment:scroll;
  }

  .detail-inner-wrap {
    width:100%;
  }

  .detail-label-open {
    width:100%;
    padding:10vw;
  }

  .detail-label-open-text p {
    text-align:center;
  }

  #specs h4 {
    text-align:center;
    font-size:32px;
  }

  #specs p {
    text-align:center;
    font-size:14px;
  }

  #specs .spec-cross {
    display:none;
  }

  .spec-title h1 {
    font-size:44px;
  }

  .spec-right-col {
    height:1200px;
  }

  .spec-md {
    Height:33.3%;
  }

  .specs-row {
    height:101%;
  }

  .spec-mobile-fix {
    width:100%;
    height:15px;
    background-color:#f2f2f2;
    margin-top:-20px;
    position:relative;
  }

  .spec .spec-text {
    left:0;
    padding:5%;;
    top:2%;
    text-align:center;
    max-width:100%;
  }

  .spec .spec-text p {
    top:40%;
    opacity:100;
  }

  .spec .spec-text h4 {
    text-align:center;
  }

  .spec-inner-wrap {
    background-color:rgba(0,0,0,0.4)
  }

  /*

  .threesixty-wrapper {
  margin-top:0%;
  margin-left:-17%;
  } */

.threesixty-wrapper {
  height:360px;
  width:360px;
  margin:auto;
}

.threesixty {
  height:140px;
  margin:155px 0px 155px 0px;
}

.threesixty-text h1 {
  font-size:94px;
}

.threesixty-col {
  height:440px;
}

.three-sixty-text p {
  font-size:10px;
  margin-bottom:15px;
  color: white;
}

.spritespin-instance {
  margin:auto;
  width:100% !important;
  height:100% !important;
  position:inherit;
}

#stats {
  padding:20px;
}

#stats h1 {
  font-size:44px;
}

.stat:hover {
  padding: 35px 0px 55px 0px;
  height:100%;
  background-color:white;
}

.stat:hover .stat-icon .stat-icon-svg {
  fill:#080809;
}

.stat:hover span {
  color:#080809;
}

.stat:hover p {
  color:#080809;
}

.stat:hover h3 {
  color:#080809;
}

.stats-intro-text {
  margin-top:64px;
  margin-bottom:35px;
  padding:0px 15px 0px 15px;
}

.care-card-wrap {
  padding:25px;
}

.gallery-wrap {
  height:auto;
}


#app {
  max-height:800px;
  padding:10px;
}


.app-description {
  margin-top:0px;
}

.app-description-text-wrap h1 {
  font-size:40px;
  text-align:left;
}

.app-description-text-wrap p {
  text-align:left;
}

#connected {
  background-size:150%;
  height:100vh;
}


#connected h1 {
  font-size:44px;
  margin-top:44px;
}

#conntected h2 {
  font-size: 14px;
  margin: 0px 0px 0px 5px;
}

#connected p {
  margin-bottom:24px;
}

.care-description-text-wrap h1 {
  font-size:44px;
  text-align:center;
}

.care-description-text-wrap p {
  text-align:center;
}

.feature-description {

}

.placeholder-phone {
  padding:25px;
}

#faq {
  padding:125px 0px 0px 0px;
  margin-bottom:-6px;
}

.faq-cross {
  height:15px;
  width:15px;
  top:7px;
}

.faq-cross .spec-cross-rotate {
  top:32%;
}

.faqs h1 {
  font-size:44px;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:55px;
}

.placeholderimg img {
  max-width:100%;
}

#signoff {
  background-size:250%;
  position:relative;
  z-index:99;
}

.signoff-buttons div:nth-child(3) div:nth-child(1) {
  text-align: center;
  margin-bottom:15px;
}

.signoff-buttons div:nth-child(3) {
  padding:0;
}

.signoff-buttons div:nth-child(2) div:nth-child(1) {
  text-align: center;
  margin-bottom:15px;
}


#signoff .button {

}

.gallery-col img {
  height:auto !important;
  width:100% !important;
}

#gallery-details .center-vert {
  top: auto;
  transform: none;
}

#gallery-details .row {
  margin-top:0;
}

#gallery-details .button-outer {
  text-align:center;
}

#gallery-details .button {
  width:100%;
}

.gallery-col {
  margin-top:80px;
}

.gallery-col .w3-content {
  margin-top:0 !important;
}

.gallery-col .mySlides {
  margin-top:0 !important;
}

.product-details {
  padding:10% 5% 5% 5%;
  background-color:white;
  margin-top: -5px;
}

.product-specs {
  padding:5%;
}

#pdp-product-specs .row .product-details-pricing-outer {
  padding:0;
}

#pdp-product-specs h2 {
  text-align:center;
}

#pdp-product-specs p {
  font-size:16px;
}

.button-checkout .button {
  max-width: 999px;
}

.button-checkout-text {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center !important;
  width:100%;
  padding:25px 0px 0px 0px;
}

.details-text-wrap {
  margin-bottom:15px;
}

.details-text-wrap h1 {
  margin:0;
  font-size:44px;
}

.details-text-wrap .col-9 {
  width:70%;
}

.details-text-wrap .col-3 {
  width:30%;
}

.details-text-wrap h3 {
  margin:0;
}

.spec-inner-wrap {
  height:100%;
}

.details-color-selector-white {
  border-style:solid;
  border-width:2px;
  border-color:#9E9E9E;
  height: 41px;
  margin-left:-2px;
}

.product-details-pricing-inner .col-6 {
  width:50%;
}

.product-details-pricing-inner div:nth-child(odd) p {

}

.product-details-pricing-inner div:nth-child(even) p {
  margin-bottom:10px;
}

.product-details-pricing-inner p {
  text-align:left;
}

#pdp-product-specs .care-card-wrap {
  padding:0;
  margin-bottom:45px;
}


.w3-display-container {
  margin-top:20px;
  margin-bottom:20px;
}

#black .w3-display-container {
  margin-top:120px;
  margin-bottom:0px;
}

/* NEW */

.detail-text-wrap {
  margin: 25px 0;
  padding: 0 25px;
}

#details h1 {
  margin-bottom: 25px;
}

.detail-image {
  margin-bottom: 55px;
  height: 400px;
}

#hero {
  height: 1600px;
}

.scooter-specs-header-col {
  transform: none;
  top: auto;
}

.text-spec-wrap {
  transform: none;
  top: auto;
}

.text-spec-wrap .col-2-sm {
  margin-right:25px;
}

.bird-one-image {
  height: 80vh;
  background: url("img/birdone_black.png") no-repeat center;
  background-size: 80% auto;
  background-color: #1c1c1c;
  margin-left: 5%;
}

#scooter-specs {
  background: url(img/birdone_black.png) no-repeat center;
  background-size: 0% auto;
  background-color: #1c1c1c;
  height: auto;
  background-position: 56%;
  padding-bottom: 75px;
}

#mob-video {
  margin-top: -2px
}

#hero-bg-mob {
  height: 1600px;
}

#details p {
  margin-bottom: 45px;
}

.full-specs-container .row .col-4 {
  width: 40%;
}

.product-details-pricing-inner .row .col-4 p {
  text-align: left !important;
  font-family: 'SharpSans-Bold', Helvetica, Arial;
}

.full-specs-container .row .col-8 {
  width: 60%;
}

.ico-text {
  text-align:center;
  margin:0;
}

.ico-wrap {
  margin-bottom: 75px !important;
}

.callout {
  height: 50vh;
  min-height: 0px;
}

.callout-one {
  background-image: url('img/BG_detail-1_b.jpg')
}

.callout-two {
  background-image: url('img/BG_detail2_w.jpg');
}

.callout-three {
  background-image: url('img/BG_detail3_p.jpg');
}

.callout-four {
  background-image: url('img/worldmap_sq.jpg');
}

.hero-icon-row {
  margin-top: 20px;
}

.icon-text h2 {
}

.details-color-swatch-wrap {
  width: 33%;
  padding:4px;
}

.callout-row .ico {
  background-position: center;
}

.callouts p {
  text-align: left;
  margin-bottom: 45px;
}

.callouts h3 {
  text-align: left;
}

.text-spec {
  max-width: 9999px;
}

.modal-button {
  margin-top: 20px;
}

.modal-button-no {
  width: 90%;
  background-color: white;
  color: black;
}

.modal-button-yes {
  width: 90%;
  background-color: black;
  color: white;
}