.greenkm-infopage .main {
  background: #fff;
}
@media (min-width: 768px) {
  .greenkm-infopage .main {
    height: calc(100% - 56px);
  }
}
.greenkm-infopage .greenkm-infopage-content.scrollable-section {
  -webkit-overflow-scrolling: touch;
}
.greenkm-infopage .greenkm-infopage-content,
.greenkm-infopage .greenkm-infopage-content span,
.greenkm-infopage .greenkm-infopage-content h1,
.greenkm-infopage .greenkm-infopage-content h2,
.greenkm-infopage .greenkm-infopage-content h3,
.greenkm-infopage .greenkm-infopage-content p {
  font-family: "Gotham";
}
.greenkm-infopage .greenkm-infopage-content .wrapper {
  max-width: 1640px;
  padding: 0px 34px;
  margin: auto;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .wrapper {
    padding: 0 20px;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro {
  height: calc(100vh - 110px);
  background: #fff;
  position: relative;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro {
    padding-top: 0;
    padding-bottom: 50px;
    height: auto;
    min-height: calc(100vh - 112px);
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .wrapper {
  z-index: 2;
  position: relative;
}
.greenkm-infopage .greenkm-infopage-content .intro .intro-bg {
  width: 100%;
  padding-top: 34.90909091%;
  position: absolute;
  bottom: 0;
  background-image: url("../../img/info/greenkm/mountains.png");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .intro-bg {
    padding-top: 58.66666667%;
    background-size: 200%;
    background-position: right bottom;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .gkm-logo {
  display: block;
  width: 130px;
  margin: 50px auto 0px;
  height: 200px;
  background-image: url("../../img/info/greenkm/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .gkm-logo {
    margin-top: 0;
    width: 80px;
    height: 115px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-height: 900px) {
  .greenkm-infopage .greenkm-infopage-content .intro .gkm-logo {
    margin-top: 10px;
    height: 100px;
    margin-bottom: 40px;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .main-title {
  line-height: 1.29;
  font-weight: bold;
  font-size: 56px;
  text-transform: uppercase;
  max-width: 1099px;
  text-align: center;
  margin: auto;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .main-title {
    font-size: 28px!important;
    line-height: 1.14;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-height: 900px) {
  .greenkm-infopage .greenkm-infopage-content .intro .main-title {
    font-size: 40px;
    max-width: 800px;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .subtitle {
  margin: auto;
  text-align: center;
  font-size: 32px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .subtitle {
    font-size: 20px;
    margin-top: 16px;
    line-height: 1.6;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .apps {
  margin-top: 76px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .apps {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-height: 900px) {
  .greenkm-infopage .greenkm-infopage-content .intro .apps {
    transform: scale(0.75);
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .apps a {
  display: block;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -5000px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .apps a {
    background-position: 50% 50%;
    height: 48px;
    border-radius: 5px;
    background-color: #000;
    max-width: 49%;
    background-size: contain;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .apps a.googleplay {
  background-image: url("../../img/info/renewal/gplay.png");
  width: 270px;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .apps a.googleplay {
    width: 162px;
    margin: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .intro .apps a.appstore {
  background-image: url("../../img/info/renewal/appstore.svg");
  width: 247px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .intro .apps a.appstore {
    width: 162px;
    float: right;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .blocks {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .blocks {
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .block-1 {
    width: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .title {
  margin-top: 120px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .title {
    margin-top: 56px;
    font-size: 28px!important;
    max-width: 271px;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .desc {
  margin-top: 72px;
  font-size: 22px;
  max-width: 612px;
  line-height: 1.45;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .desc {
    margin-top: 32px;
    font-size: 20px;
    line-height: 1.6;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .block-2 {
  padding-top: 220px;
  width: 50%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .block-2 {
    padding-top: 32px;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .counter {
    width: 100%;
    position: relative;
    z-index: 2;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .counter .counter-label {
  font-size: 27px;
  font-weight: bold;
  display: block;
  line-height: 2.52;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .counter .counter-label {
    font-size: 20px;
    line-height: 2.75;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .counter .counter-value {
  font-weight: 900;
  font-size: 80px;
  line-height: 0.86;
  color: #34b45d;
}
@media (max-width: 1600px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .counter .counter-value {
    font-size: 68px;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .counter .counter-value {
    font-size: 56px;
    line-height: 1;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .animation-wrap {
  width: 100%;
  padding-top: 50px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .animation-wrap {
    padding-top: 82.8125%;
    position: relative;
    overflow: hidden;
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .animation {
  background-image: url("../../img/info/greenkm/animation-bg.png");
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 27.60416667%;
  position: relative;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .animation {
    transform: scale(3);
    z-index: 1;
    position: absolute;
    transform-origin: center bottom;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .what-is .animation {
    margin-top: -27.60416667%;
  }
}
.greenkm-infopage .greenkm-infopage-content .what-is .animation.run .vehicle {
  animation: drivein 3s ease-in-out forwards;
}
.greenkm-infopage .greenkm-infopage-content .what-is .animation .vehicle {
  width: 14.0625%;
  position: absolute;
}
.greenkm-infopage .greenkm-infopage-content .what-is .animation .vehicle i {
  display: block;
  width: 100%;
  padding-top: 40.37037037%;
  margin-top: -44.44444444%;
  background-image: url("../../img/info/greenkm/vehicle.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why {
  position: relative;
  padding-bottom: 120px;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .blocks {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .blocks {
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .block-1 {
    order: 2;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .hand-globe {
  display: block;
  background-image: url("../../img/info/greenkm/hand-globe.png");
  width: 472px;
  height: 339px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 140px;
  margin-top: 97px;
  margin-bottom: 171px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .hand-globe {
    width: 300px;
    margin-top: 0;
    margin-bottom: 56px;
    height: 215px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100vw - 40px);
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .title,
.greenkm-infopage .greenkm-infopage-content .how-and-why .title span {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .title,
  .greenkm-infopage .greenkm-infopage-content .how-and-why .title span {
    font-size: 29px !important;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .block-2 {
  margin-left: 251px;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .block-2 {
    order: 1;
    margin-left: auto;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .block-2 .title {
  margin-top: 168px;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .block-2 .desc {
  margin-bottom: 167px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .block-2 .desc {
    margin-bottom: 15px;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .desc {
  font-size: 22px;
  line-height: 1.45;
  max-width: 615px;
  margin-top: 72px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .desc {
    margin-top: 32px;
    font-size: 20px;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses {
  width: 100%;
  margin-top: 56px;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses th,
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses td {
  border: none;
  background: none;
  line-height: 70px;
  height: 70px;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses th {
  color: #9f9f9f;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .statuses th {
    font-size: 16px;
  }
}
@media (max-width: 374px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .statuses th {
    font-size: 14px;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr:nth-child(2n) {
  background-color: #fafafa;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr td:last-child,
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr th:last-child {
  text-align: right;
  padding-left: 0;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr td:first-child {
  padding-right: 0;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr:last-of-type {
  background-color: #34b45d !important;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses tr:last-of-type td {
  color: #fff;
  font-size: 22px;
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .statuses td {
  font-size: 19px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .statuses td {
    font-size: 17px;
  }
}
@media (max-width: 374px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .statuses td {
    font-size: 14px;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .screen {
  width: 50%;
  position: absolute;
  right: 0;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-and-why .screen {
    display: none;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-and-why .screen i {
  display: block;
  width: 100%;
  padding-top: 92.27272727%;
  margin-top: -90.90909091%;
  background-image: url("../../img/info/greenkm/screen.png?v=2");
  background-size: 182%;
  background-repeat: no-repeat;
}
.greenkm-infopage .greenkm-infopage-content .how-to {
  background: #34b45d;
  padding: 120px 0px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to {
    padding: 56px 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-to .title {
  color: #fff;
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 80px;
  text-align: center;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .title {
    font-size: 28px!important;
    text-align: left;
    margin-bottom: 32px;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .wrapper {
    padding-right: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .how-to .cards {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards {
    width: 100%;
    overflow: scroll;
    justify-content: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.greenkm-infopage .greenkm-infopage-content .how-to .cards .card {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 30%;
  padding: 60px 50px;
  max-width: 470px;
  margin: 0px 15px;
}
.greenkm-infopage .greenkm-infopage-content .how-to .cards .card:first-of-type {
  margin-left: 0;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card {
    width: 300px;
    padding: 45px 30px;
    margin: 0px 5px;
  }
}
@media (max-width: 374px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card {
    width: calc(100vw - 60px);
  }
}
.greenkm-infopage .greenkm-infopage-content .how-to .cards .card h3 {
  color: #34b45d;
  font-size: 42px;
  margin-bottom: 47px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card h3 {
    font-size: 42px!important;
    width: 300px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-height: 900px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card h3 {
    font-size: 42px;
  }
}
@media (max-width: 374px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card h3 {
    font-size: 38px!important;
    width: calc(100vw - 60px);
  }
}
.greenkm-infopage .greenkm-infopage-content .how-to .cards .card p {
  font-size: 22px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .how-to .cards .card p {
    font-size: 20px;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners {
  padding-top: 120px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .partners {
    padding-top: 56px;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners .title {
  font-size: 40px;
  line-height: 1.4;
  margin: auto;
  padding-bottom: 72px;
  text-align: center;
  max-width: 528px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .partners .title {
    font-size: 28px!important;
    text-align: left;
    padding-bottom: 32px;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners .desc {
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  max-width: 720px;
  margin: auto;
  margin-bottom: 80px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .partners .desc {
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list {
  display: flex;
  justify-content: center;
  margin-bottom: 264px;
  flex-wrap: wrap;
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i {
  flex-basis: 243px;
  background-position: 50% 50%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .partners .partners-list {
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i {
  display: block;
  width: 243px;
  height: 162px;
  margin: 0px 32px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .partners .partners-list i {
    margin-bottom: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-za {
  background-image: url("../../img/info/greenkm/sadza.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-pd {
  background-image: url("../../img/info/greenkm/sadpd.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.mds-pb {
  background-image: url("../../img/info/greenkm/mdspb.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-pp {
  background-image: url("../../img/info/greenkm/sadpp.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.slovaklines {
  background-image: url("../../img/info/greenkm/slovaklines.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-lc {
  background-image: url("../../img/info/greenkm/sadlc.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-po {
  background-image: url("../../img/info/greenkm/sadpo.png");
  width: 300px;
  flex-basis: 300px;
  margin: 0px 5px;
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.arriva-liorbus {
  background-image: url("../../img/info/greenkm/arriva-liorbus.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.buskarpaty {
  background-image: url("../../img/info/greenkm/buskarpaty.png");
}
.greenkm-infopage .greenkm-infopage-content .partners .partners-list i.sad-humenne {
  background-image: url("../../img/info/greenkm/sad_humenne.png");
}
.greenkm-infopage .greenkm-infopage-content .collect {
  background-color: #f6f6f6;
}
.greenkm-infopage .greenkm-infopage-content .collect .wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .wrapper {
    flex-wrap: wrap;
  }
}
.greenkm-infopage .greenkm-infopage-content .collect .wrapper > div {
  flex-basis: 50%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .wrapper > div {
    flex-basis: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .collect .wrapper .title {
  margin-top: 170px;
  max-width: 612px;
  font-size: 40px;
  line-height: 1.4;
  padding-bottom: 72px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .wrapper .title {
    font-size: 28px!important;
    text-align: left;
    padding-bottom: 32px;
    margin-top: 56px;
  }
}
.greenkm-infopage .greenkm-infopage-content .collect .wrapper .desc {
  font-size: 22px;
  line-height: 1.45;
  max-width: 612px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .wrapper .desc {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.6;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .box-2 {
    margin-top: 10px;
    padding-bottom: 56px;
  }
}
.greenkm-infopage .greenkm-infopage-content .collect .box-2 .badge-types {
  display: block;
  width: 100%;
  padding-top: 112.85714286%;
  margin-top: -12.19792865%;
  margin-bottom: -12.19792865%;
  background-image: url("../../img/info/greenkm/badge-types.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .collect .box-2 .badge-types {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .share {
  margin-top: 180px;
  display: flex;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share {
    margin-top: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .box-1 {
  width: 50%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share .box-1 {
    width: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .title {
  margin-top: 42px;
  max-width: 795px;
  font-size: 38px;
  line-height: 1.4;
  margin-bottom: 48px;
}
@media (min-width: 1200px) and (max-width: 1619px) {
  .greenkm-infopage .greenkm-infopage-content .share .title {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1620px) {
  .greenkm-infopage .greenkm-infopage-content .share .title {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share .title {
    font-size: 28px!important;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 56px;
    margin-left: 15px;
  }
}
@media (max-width: 360px) {
  .greenkm-infopage .greenkm-infopage-content .share .title {
    font-size: 26px!important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-height: 900px) {
  .greenkm-infopage .greenkm-infopage-content .share .title {
    font-size: 36px;
    max-width: 600px;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .share-box {
  padding: 56px 0px;
  background-color: #f6f6f6;
}
@media (min-width: 1200px) and (max-width: 1620px) {
  .greenkm-infopage .greenkm-infopage-content .share .share-box {
    padding-left: 30px;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share .share-box {
    padding: 32px 20px;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .desc {
  margin-left: auto;
  max-width: 795px;
  font-size: 32px;
  line-height: 1.2;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share .desc {
    text-align: center;
    font-size: 20px;
    max-width: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .desc button {
  display: block;
  width: 100%;
  max-width: 384px;
  margin-top: 40px;
  font-size: 22px;
  line-height: 56px;
  background: #4267b2;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border: none;
}
.greenkm-infopage .greenkm-infopage-content .share .desc button i {
  float: left;
  margin-top: 17px;
  margin-left: 26px;
  margin-right: -26px;
  display: block;
  width: 14px;
  height: 22px;
  background-image: url("../../img/info/greenkm/facebook.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.greenkm-infopage .greenkm-infopage-content .share .share-img {
  width: 50%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .share .share-img {
    display: none;
  }
}
.greenkm-infopage .greenkm-infopage-content .share .share-img i {
  display: block;
  width: 100%;
  padding-top: 52.29166667%;
  background-image: url("../../img/info/greenkm/shareimg.png?v2");
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.16);
}
.greenkm-infopage .greenkm-infopage-content .join {
  margin-top: 150px;
  background: #34b45d;
  color: #fff;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join {
    margin-top: 56px;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .wrapper {
  max-width: 1306px;
  display: flex;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .wrapper {
    max-width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 {
    max-width: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .title {
  margin-top: 103px;
  max-width: 792px;
  font-size: 64px;
  line-height: 1.4;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .title {
    font-size: 28px!important;
    margin-top: 56px;
    margin-bottom: 32px;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .desc {
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .desc {
    font-size: 20px;
    line-height: 1.6;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .apps {
  margin-top: 56px;
  display: flex;
  justify-content: left;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .apps {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    margin-top: 24px;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a {
  display: block;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -5000px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a {
    background-position: 50% 50%;
    height: 48px;
    border-radius: 5px;
    background-color: #000;
    max-width: 49%;
    background-size: contain;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a.googleplay {
  background-image: url("../../img/info/renewal/gplay.png");
  width: 270px;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a.googleplay {
    width: 162px;
    margin: 0;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a.appstore {
  background-image: url("../../img/info/renewal/appstore.svg");
  width: 247px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .apps a.appstore {
    width: 162px;
    float: right;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .find-more {
  font-size: 22px;
  line-height: 1.45;
  padding-top: 100px;
  margin-bottom: 24px;
  max-width: 655px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .find-more {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.6;
    padding-top: 80px;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-1 .terms-link {
  border-radius: 3px;
  border: solid 1px #fff;
  color: #fff;
  padding: 17px 20px;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  margin-bottom: 70px;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .terms-link {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-1 .terms-link {
    padding: 15px 10px;
    font-size: 16px;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-2 {
  width: 39.50995406%;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-2 {
    width: 100%;
  }
}
.greenkm-infopage .greenkm-infopage-content .join .box-2 .phone {
  display: block;
  width: 100%;
  padding-top: 175%;
  margin-top: -7%;
  background-image: url("../../img/info/greenkm/phone.png?v2");
  background-size: cover;
}
@media (max-width: 1199px) {
  .greenkm-infopage .greenkm-infopage-content .join .box-2 .phone {
    margin-top: 56px;
  }
}
@keyframes drivein {
  from {
    left: 0%;
  }
  to {
    left: 45%;
  }
}