/* GENERAL PART */

/* HELPERS */

/* pulse animation */
.pulse {
  animation: pulse 1s infinite;
  margin: 0 auto;
  display: table;
  margin-top: 50px;
  animation-direction: alternate;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* MOVIE HEADER */

.movie-header-video-container {
	position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
}

.over-movie-scroll {
  position: absolute;
  bottom: 20px;
  width: 30px;
  left: calc(50% - 15px);
}

.over-movie-scroll img {
  width: 30px;
}

.movie-header-video {
 	object-fit: cover;
  width: 100vw;
  height: 100vh; 
  position: absolute;
  top: 0;
  left: 0;
}

.page-content-main {
  margin-top: 100vh;
}

/* BLACK PAGE PART*/

.black-page {
  width: 100%;
  display: inline-block;
  min-height: 100px;
  background-color: #000;
      padding-bottom: 60px;
}

/* black bar */
.blackbar {
  margin-top: 15px;
}

.blackbar-button {
  width: 150px;
  height: 40px;
  display: block;
  border-radius: 100px;
  background-color: #ff0045;
  font-family: Gotham Ultra;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  line-height: 40px;
  float: right;
}

.blackbar-button:hover {
  text-decoration: none;
  color: #fff;
}

.blackbar-logo {
  float: left;
  height: 40px;
}

.blackbar-text {
  float: left;
  color: #fff;
  font-family: Gotham;
  font-size: 24px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: normal;
  line-height: 40px;
  margin-left: 10px;
  text-transform: uppercase;
}

@media (max-width: 478px) {
  .blackbar {
    text-align: center;
  }
  .blackbar-button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    float: initial;
    display: inline-block;
  }

  .blackbar-logo {
    float: initial;
  }

  .blackbar-text {
    float: initial;    
  }
}

/* old new fusso */
.oldnewfusso {
  margin-top: 90px;
  margin-bottom: 90px;
}

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

.oldnewfusso-titleimg {
  width: 662px;
  max-width: 100%;
}

.oldnewfusso-titletext {
  font-family: Gotham;
  font-size: 230px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.oldnewfusso-canimg {
  width: 624px;
  height: auto;
  margin-top: -50px;
  max-width: 100%;
}

.oldnewfusso-titlesubtext {
  max-width: 877px;
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .oldnewfusso-titletext {
    font-size: 20vw;
  }
  .oldnewfusso-canimg {
    margin-top: -5vw;
  }
  .oldnewfusso {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/* fussoburger */

.fussoburger {
  text-align: center;
  margin-bottom: 50px;
}

.fussoburger-header {
  font-family: Gotham;
  font-size: 50px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.88;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.fussoburger-burger {}
.fussoburger-burger div {
  margin-top: 20px;
}
.fussoburger-burger-part {
   max-width: 100%;
}
.fussoburger-burger-part1 {}
.fussoburger-burger-part2 {}
.fussoburger-burger-part3 {}
.fussoburger-burger-part4 {}
.fussoburger-burger-text {
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.fussoburger-burger-text img {
  width: 36.8px;
}

@media (max-width: 426px) {
  .fussoburger-header {
    font-size: 10vw;
  }
}

/* big 12 */

.big-12 {
  margin-top: 90px;
  margin-bottom: 90px;
}
.big-12-img {
  max-width: 100%;
}

.big-12-text-1 {
  font-family: Gotham;
  font-size: 210px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin-top: -180px;
}

.big-12-text-2 {
  font-family: Gotham;
  font-size: 50px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.88;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width: 991px) {
  .big-12-text-1 {
    font-size: 19vw;
    margin-top: -13vw;
  }
  .big-12-text-2 {
    font-size: 5vw;
  }
}

/* polaroid car */
.polaroid-car {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 100px;
}

.polaroid-car-img {
  width: 1400px;
  max-width: 100%;
}

.polaroid-car-title {
  font-family: Gotham;
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
}

.polaroid-car-text {
  max-width: 877px;
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36; 
  letter-spacing: -0.56px;
  text-align: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

/* big bang */
.big-bang {
  text-align: center;
  background: url('../img/big-bang.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.big-bang-exit-text {
  max-width: 877px;
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.big-bang-wax-img {
  max-width: 100%;
  width: 500px;
}

.big-bang-intro {
  margin-bottom: 60px;
}

.big-bang-title {
  font-family: Gotham;
  font-size: 160px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.big-bang-small-img {
  width: 33px;
}

.big-bang-ammount {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.57);
  font-family: Gotham;
  font-size: 90px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.91;
  letter-spacing: 2.64px;
  text-align: center;
  color: #fff;
}

.big-bang-desc {
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.big-bang-margin {
  margin-top: 50px;
  margin-bottom: 150px;
}

@media (max-width: 1199px) {
  .big-bang-title {
    font-size: 10vw;
  }
}

@media (min-width: 1572px) {
  .big-bang {
    background-size: auto 100%;
    background-position: center;
  }
}

/* water splash */

.water {
  position: relative;
  padding-top: 7%;
}

.water-intro-text {
  margin-top: 10%;
  font-family: Gotham;
  font-size: 200px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50px;
  width: 90%;
  left: 5%;
}

.water-img {
  max-width: 100%;
  width: 1920px;
}

.water-subtext-intro {
  font-family: Gotham;
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
}

.water-subtext-text {
  max-width: 877px;
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1364px) {
  .water-intro-text {
    font-size: 13vw;
  }
}

/* 30 years */

.exp-30-years {
  margin-top: 140px;
}
.exp-30-years-big-data {}
.exp-30-years-big-data-car {
  max-width: 100%;
  margin-bottom: -100px;
}
.exp-30-years-big-data-year {}

.exp-30-years-text-years {
  font-family: Gotham;
  text-transform: uppercase;
  font-size: 230px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.exp-30-years-text-exp {
  font-family: Gotham;
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.exp-30-years-text-subtext {
  font-family: Gotham;
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  max-width: 877px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
	.exp-30-years-text-years {
		font-size: 17vw;
	}

	.exp-30-years-text-exp {
		font-size: 5vw;
	}
}

/* WHITE PAGE PART*/

.white-page {
  width: 100%;
  display: inline-block;
  min-height: 100px;
  background-color: #fff;
}

/* FOOTER PART */

.footer-big {
  width: 100%;
  display: inline-block;
  min-height: 100px;
  background-color: blue;
  background: url('../img/footer_back.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -4px;
  text-align: center;
}

/* how to apply */

.footer-howto {
  margin-top: 150px;
}

.footer-howto-main-text {
  font-family: Gotham;
  font-size: 230px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.footer-howto-sponge {
  margin-top: -90px;
  width: 931px;
  max-width: 100%;
}

.footer-howto-microfibra {
  margin-top: -120px;
  width: 820px;
  max-width: 100%;
}

.footer-howto-movie {
  max-width: 100%;
  width: 420px;
  min-height: 100px;
  border-radius: 100px;
  background-color: #ff0045;
  font-family: Gotham;
  font-size: 24px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.21;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
}

.footer-howto-movie:hover {
  text-decoration: none;
  color: #fff;
}

.footer-howto-movie-triangle {
  width: 16px;
  margin-top: -3px;
}

@media (max-width: 991px) {
  .footer-howto-main-text {
    font-size: 15vw;
  }
  .footer-howto-sponge {
    margin-top: -6vw;
  }
  .footer-howto-microfibra {
    margin-top: -8vw;
  }
}

/* contact part */

.footer-contact-social-icons {
  margin-top: 120px;
}

.footer-contact-social-icon-single {
  margin-left: 2%;
  margin-right: 2%;
}

.footer-contact-social-icon-single:hover {
  text-decoration: none !important;
}

.footer-contact-social-icon-single img {
  max-width: 32px;
}

.footer-contact-text {
  font-family: Gotham;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top: 60px;
}

.footer-contact-logo {
  max-width: 87px;
  margin-bottom: 120px;
  margin-top: 40px;
}