.section2 {
  background-image: url(../../images/new_images/section2_bg.png);
  /*background-size: cover;*/
  background-attachment: fixed;
  position: relative;
  /*max-height: 970px;*/
  /*height: 100%;
  max-height: 1058px;*/
}

.section2 .bg {
  position: relative;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;

  /*-webkit-clip-path: polygon(0 0, 100% 27%, 100% 79%, 0 100%);
  clip-path: polygon(0 0, 100% 27%, 100% 79%, 0 100%);*/
}

.bg .shape4 {
  z-index: 1;
  left: 25%;
  top: -5%;
  width: 61%;
}
.bg .shape5 {
  z-index: 2;
  bottom: 1%;
  left: 1%;
  width: 46%;
}
.bg .floating_bg {
  z-index: 3;
}
.bg .content_wrapper {
  z-index: 4;
}
.bg .shape1 {
  z-index: 7;
  left: 50%;
  top: 5%;
}
.bg .shape2 {
  width: 100%;
  z-index: 6;
  top: -8%;
  left: 0;
}
.bg .shape3 {
  width: 87%;
  z-index: 5;
  top: 5%;
  left: 3%;
}

.section2 .floating_bg {
  width: 100%;
  margin-top: -14%;
  position: relative;
  z-index: 3;
}


.section2 .float {
  position: absolute;
  pointer-events: none;
  transform: translateZ(0);
}
.section2 .float img {
  width: 100%;
  max-width: 100%;
}




.content_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.content_wrapper > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -385px;
  margin-left: -580px;
}

@media (max-width: 1200px) {
  .content_wrapper > .container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -410px;
    margin-left: -480px;
  }
}



.about {

}
.about h3,
.about h1,
.about strong,
.about a,
.about .watch {
  color: #d42939;
}

.about .watch {
  font-size: 0.875em;
}
.about .watch img {
  vertical-align: middle;
  margin-left: 10px;
}
.about h3 {
  font-family: 'ProximaNova-Light';
  line-height: 50px;
  font-size: 33px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.about h1 {
  font-size: 34px;
  margin-bottom: 10px;
}
.about .copy,
.about a {
  font-size: 1.125em;
}
.about .watch,
.about a {
  font-family: 'Avenir-Light';
}
.about h3,
.about .copy {
  font-family: 'ProximaNova-Light';
}
.about strong,
.about h1 {
  font-family: 'ProximaNova-SemiBold';
  font-weight: normal;
}

.about .copy {
  font-size: 16px;
  line-height: 28px;
  color: #555;
  font-family: ProximaNova-Regular;
}

.about .line {
  border-bottom: 1px solid #d42939;
  position: relative;
  margin-left: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.about .line i {
  border: 1px solid #d42939;
  position: absolute;
  left: -10px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.about a {
  text-decoration: none;
  border: 1px solid #d42939;
  cursor: pointer;
  width: 160px;
  display: block;
  margin: 0 auto;
}
.about a, .about a:hover, .about a:focus {
  color: #d42939;
}




/* svg */
.section2 .car {
  position: relative;
  /* position: absolute;
  top: 31%;
  left: 34%;
  height: 50%;
  width: 45%; */
}
.section2 .car svg {
  max-width: 100%;
  max-height: 100%;
}

.section2 .car .decal {
  position: absolute;
  max-width: 79%;
  margin-top: 0;
}
.section2 .car .car_img {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 6%;
  max-width: 88%;
}


.section3 {
  position: relative;
}