.videos-container {
  position: relative;
  width: 100%;
  height: 56.25vw;
  background-image: url("../images/videobanner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

@media only screen and (max-width: 800px) {
  .videos-container {
    position: relative;
    width: 100%;
    height: 118.93333vw;
  }
}

.videos-container .just-want {
  position: absolute;
  top: 41.95833vw;
  left: 0vw;
  width: 22.14583vw;
  height: 5.25vw;
  right: 0;
  margin: auto;
  font-family: futura;
  font-size: 0.72917vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5625vw;
  letter-spacing: 0.26042vw;
  text-align: center;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .videos-container .just-want {
    position: absolute;
    top: 93.33333vw;
    left: 0vw;
    width: 72vw;
    height: 10.66667vw;
    right: 0;
    margin: auto;
    width: 100%;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
  }
}

.videos-container .downarrow {
  position: absolute;
  top: 51.83854vw;
  left: 0vw;
  width: 4.39583vw;
  height: 4.39583vw;
  right: 0;
  margin: auto;
  background-image: url("../images/downarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: blink 3s infinite;
          animation: blink 3s infinite;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .videos-container .downarrow {
    display: none;
  }
}

@-webkit-keyframes blink {
  0% {
    position: absolute;
    top: 51.83854vw;
  }
  50% {
    position: absolute;
    top: 49.47917vw;
  }
  100% {
    position: absolute;
    top: 51.83854vw;
  }
}

@keyframes blink {
  0% {
    position: absolute;
    top: 51.83854vw;
  }
  50% {
    position: absolute;
    top: 49.47917vw;
  }
  100% {
    position: absolute;
    top: 51.83854vw;
  }
}

.slide-box-container {
  position: relative;
  width: 100%;
  height: 57.29167vw;
}

@media only screen and (max-width: 800px) {
  .slide-box-container {
    position: relative;
    width: 100%;
    height: 120vw;
  }
}

.slide-box-container .coming-soon {
  position: absolute;
  top: 23.4375vw;
  left: 0vw;
  width: 62.5vw;
  height: 2.60417vw;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: adine;
  font-size: 8.64583vw;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .coming-soon {
    position: absolute;
    top: 45.33333vw;
    left: 0vw;
    width: 93.33333vw;
    height: 10.66667vw;
    right: 0;
    margin: auto;
    font-size: 14.93333vw;
  }
}

.slide-box-container .four-box {
  cursor: pointer;
}

.slide-box-container .four-box .b1 {
  position: absolute;
  top: 1.875vw;
  left: 96.19792vw;
  width: 1.01562vw;
  height: 1.01562vw;
  background-color: #000000;
  z-index: 1;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .four-box .b1 {
    position: absolute;
    top: 4vw;
    left: 90.66667vw;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.slide-box-container .four-box .b2 {
  position: absolute;
  top: 1.875vw;
  left: 97.55208vw;
  width: 1.01562vw;
  height: 1.01562vw;
  background-color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .four-box .b2 {
    position: absolute;
    top: 4vw;
    left: 94.66667vw;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.slide-box-container .four-box .b3 {
  position: absolute;
  top: 3.22917vw;
  left: 96.19792vw;
  width: 1.01562vw;
  height: 1.01562vw;
  background-color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .four-box .b3 {
    position: absolute;
    top: 8vw;
    left: 90.66667vw;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.slide-box-container .four-box .b4 {
  position: absolute;
  top: 3.22917vw;
  left: 97.55208vw;
  width: 1.01562vw;
  height: 1.01562vw;
  background-color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .four-box .b4 {
    position: absolute;
    top: 8vw;
    left: 94.66667vw;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.slide-box-container .vid1 {
  position: absolute;
  top: 6.5625vw;
  left: 5.15625vw;
  width: 22.04167vw;
  height: 14.69271vw;
  background-color: yellow;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .vid1 {
    position: absolute;
    top: 16vw;
    left: 4vw;
    width: 42.66667vw;
    height: 26.66667vw;
  }
}

.slide-box-container .txt1 {
  position: absolute;
  top: 22.68229vw;
  left: 4.34896vw;
  width: 23.64583vw;
  height: 1.71875vw;
  font-family: adequate;
  font-size: 1.14583vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .txt1 {
    position: absolute;
    top: 45.33333vw;
    left: 6.66667vw;
    width: 37.33333vw;
    height: 5.33333vw;
    font-size: 3.2vw;
    line-height: 4vw;
  }
}

.slide-box-container .vid2 {
  position: absolute;
  top: 6.5625vw;
  left: 38.90625vw;
  width: 22.04167vw;
  height: 14.69271vw;
  background-color: yellow;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .vid2 {
    position: absolute;
    top: 16vw;
    left: 53.33333vw;
    width: 42.66667vw;
    height: 26.66667vw;
  }
}

.slide-box-container .txt2 {
  position: absolute;
  top: 22.68229vw;
  left: 35.13021vw;
  width: 28.90625vw;
  height: 1.71875vw;
  font-family: adequate;
  font-size: 1.14583vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .txt2 {
    position: absolute;
    top: 45.33333vw;
    left: 56vw;
    width: 37.33333vw;
    height: 5.33333vw;
    font-size: 3.2vw;
    line-height: 4vw;
  }
}

.slide-box-container .vid3 {
  position: absolute;
  top: 6.5625vw;
  left: 72.44792vw;
  width: 22.04167vw;
  height: 14.69271vw;
  background-color: yellow;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .vid3 {
    position: absolute;
    top: 61.33333vw;
    left: 4vw;
    width: 42.66667vw;
    height: 26.66667vw;
  }
}

.slide-box-container .txt3 {
  position: absolute;
  top: 22.68229vw;
  left: 74.97396vw;
  width: 17.13542vw;
  height: 1.71875vw;
  font-family: adequate;
  font-size: 1.14583vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .txt3 {
    position: absolute;
    top: 90.66667vw;
    left: 6.66667vw;
    width: 37.33333vw;
    height: 5.33333vw;
    font-size: 3.2vw;
    line-height: 4vw;
  }
}

.slide-box-container .second-block .slider-container {
  position: absolute;
  top: 14.27083vw;
  left: 0vw;
  width: 5.20833vw;
  height: 31.25vw;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slider-container {
    position: absolute;
    top: 2.66667vw;
    left: 0vw;
    width: 26.66667vw;
    height: 106.66667vw;
  }
}

.slide-box-container .second-block .slides-wrapper {
  height: inherit;
}

.slide-box-container .second-block .slide {
  width: 42.96875vw;
  height: 28.64583vw;
  float: left;
  display: none;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  border-radius: 2.65625vw;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide {
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .name-txt {
  position: absolute;
  top: -6.95312vw;
  left: 0vw;
  width: 46.875vw;
  height: 3.28125vw;
  width: 100% !important;
  right: 0;
  margin: auto;
  font-family: adequate;
  font-size: 2.39583vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.28125vw;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .name-txt {
    position: absolute;
    top: -13.86667vw;
    left: 0vw;
    width: 80vw;
    height: 13.33333vw;
    line-height: 5.33333vw;
    font-size: 3.73333vw;
  }
}

.slide-box-container .second-block .slide-1 {
  display: block;
  position: absolute;
  top: 14.27083vw;
  left: -44.79167vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
  z-index: 10;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-1 {
    position: absolute;
    top: 40vw;
    left: -120vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-2 {
  display: block;
  position: absolute;
  top: 14.27083vw;
  left: 29.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
  z-index: 15;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-2 {
    position: absolute;
    top: 40vw;
    left: 12.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-3 {
  display: block;
  position: absolute;
  top: 14.27083vw;
  left: 129.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
  z-index: 10;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-3 {
    position: absolute;
    top: 40vw;
    left: 112.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-4 {
  display: none;
  position: absolute;
  top: 14.27083vw;
  left: 129.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
  z-index: 5;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-4 {
    position: absolute;
    top: 40vw;
    left: 112.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-5 {
  display: none;
  position: absolute;
  top: 14.27083vw;
  left: 29.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
  z-index: 5;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-5 {
    position: absolute;
    top: 40vw;
    left: 12.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-6 {
  display: none;
  position: absolute;
  top: 14.27083vw;
  left: 129.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-6 {
    position: absolute;
    top: 40vw;
    left: 112.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .slide-7 {
  display: none;
  position: absolute;
  top: 14.27083vw;
  left: 129.16667vw;
  width: 42.96875vw;
  height: 28.64583vw;
  border-radius: 2.65625vw;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .slide-7 {
    position: absolute;
    top: 40vw;
    left: 112.53333vw;
    width: 76vw;
    height: 52vw;
    border-radius: 5.6vw;
  }
}

.slide-box-container .second-block .right-btn {
  display: block;
  position: absolute;
  top: 27.30208vw;
  left: 85.46354vw;
  width: 4.47917vw;
  height: 4.47917vw;
  background-image: url("../images/rightarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .right-btn {
    position: absolute;
    top: 61.33333vw;
    left: 91.2vw;
    width: 8vw;
    height: 8vw;
  }
}

.slide-box-container .second-block .left-btn {
  display: block;
  position: absolute;
  top: 27.30208vw;
  left: 12.32292vw;
  width: 4.47917vw;
  height: 4.47917vw;
  background-image: url("../images/leftarrow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .slide-box-container .second-block .left-btn {
    position: absolute;
    top: 61.33333vw;
    left: 1.86667vw;
    width: 8vw;
    height: 8vw;
  }
}
/*# sourceMappingURL=video.css.map */