@font-face {
  font-family: 'KreKeTanBubbleLa';
  src: url('../fonts/ .eot?#iefix') format('embedded-opentype'), url('../fonts/KreKeTanBubbleLa.woff') format('woff'), url('../fonts/KreKeTanBubbleLa.ttf') format('truetype'), url('../fonts/KreKeTanBubbleLa.svg#KreKeTanBubbleLa') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KreKeTanBubble';
  src: url('../fonts/KreKeTanBubble.eot?#iefix') format('embedded-opentype'), url('../fonts/KreKeTanBubble.woff') format('woff'), url('../fonts/KreKeTanBubble.ttf') format('truetype'), url('../fonts/KreKeTanBubble.svg#KreKeTanBubble') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KreKeTanStandard';
  src: url('../fonts/KreKeTanStandard.eot?#iefix') format('embedded-opentype'), url('../fonts/KreKeTanStandard.woff') format('woff'), url('../fonts/KreKeTanStandard.ttf') format('truetype'), url('../fonts/KreKeTanStandard.svg#KreKeTanStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KreKeTanTiny';
  src: url('../fonts/KreKeTanTiny.eot?#iefix') format('embedded-opentype'), url('../fonts/KreKeTanTiny.woff') format('woff'), url('../fonts/KreKeTanTiny.ttf') format('truetype'), url('../fonts/KreKeTanTiny.svg#KreKeTanTiny') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Spaceman';
  src: url('../fonts/Spaceman.eot?#iefix') format('embedded-opentype'), url('../fonts/Spaceman.woff') format('woff'), url('../fonts/Spaceman.ttf') format('truetype'), url('../fonts/Spaceman.svg#Spaceman') format('svg');
  font-weight: normal;
  font-style: normal;
}

.light-green {
  background-color: #9FFFBB;
}

.height-50 {
  height: 50px;
}

.mr-36 {
  margin-right: 33%;
}

.menu-style {
  color: #fff !important;
  font-family: KreKeTanBubbleLa;
  font-size: 25px;
}

.bg-blue {
  background-color: #3AC7ED;
}

.bg-light-blue {
  background-color: #5DDCF9;
}

.bg-red {
  background-color: #DD5263;
}

.icon-style {
  height: 25px;
}

.h1-style {
  color: #9FFFBB;
  font-family: KreKeTanBubbleLa;
  font-size: 35px;
}

.h-style {
  font-family: KreKeTanBubble;
  color: #fff;
}

.p-style {
  font-family: KreKeTanStandard;
  color: #fff;
  font-size: 2rem;
  line-height: 1.3rem;
  margin-bottom: 0;
}

.a-style {
  font-family: KreKeTanBubble;
  color: #fff;
  font-size: 2rem;
}

.lead-style {
  font-family: KreKeTanBubble;
  color: #EEFF7B;
}

.contact-style {
  color: #fff;
  font-family: KreKeTanBubbleLa;
  font-size: 2.5rem;
}

.machine-style {
  font-family: Spaceman;
  color: #fff;
}

#home {
  position: relative;
}

#background-video {
  position: absolute;
  bottom: 3.5%;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

#videowrapper {
  background-image: url('../img/bg/phone3.png');
  background-repeat: no-repeat;
  width: 240px;
  height: 480px;
  cursor: pointer;
}

#videowrapper>iframe {
  padding: 37px 6px;
}

@media (max-width: 768px) {
  .p-style {
    font-family: KreKeTanStandard;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.3rem;
    margin-bottom: 0;
  }

  .mob-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
    display: -webkit-box !important;
    display: flex !important;
  }
}

@media (max-width: 1024px) {
  #background-video {
    display: none;
  }

  .pl-18 {
    padding-left: 3% !important;
  }

  .mr-36 {
    margin-right: 23% !important;
  }
}

@media (max-width: 1400px) {
  .pl-18 {
    padding-left: 5%;
  }

  .mr-36 {
    margin-right: 29%;
  }
}