@media (min-width: 1200px) {
  .video-btn--size-large .video-btn__btn {
    width: 90px;
    height: 90px;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  .video-btn--size-large .video-btn__btn svg {
    width: 30px;
    height: 30px;
  }
}

.video-btn--outline .video-btn__btn {
  background-color: transparent;
  border: solid 1px #ff4800;
}

.video-btn--outline .video-btn__btn svg {
  fill: #ff4800;
  transition: fill 0.3s ease;
}

.video-btn--outline .video-btn__btn:hover, .video-btn--outline .video-btn__btn:focus {
  outline: none;
  background-color: #ff4800;
}

.video-btn--outline .video-btn__btn:hover svg, .video-btn--outline .video-btn__btn:focus svg {
  fill: #ffffff;
}

.video-btn--technical .video-btn__btn {
  width: 52px;
  height: 52px;
  border: solid 2px #000000;
  background-color: transparent;
}

.video-btn--technical .video-btn__btn svg {
  fill: #000000;
}

.video-btn--technical .video-btn__btn:hover, .video-btn--technical .video-btn__btn:focus {
  background-color: #ffdf91;
}

@media (min-width: 1200px) {
  .video-btn--technical .video-btn__btn {
    width: 62px;
    height: 62px;
  }
}

.video-btn__btn {
  display: flex;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  justify-content: center;
  background-color: #ff4800;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.video-btn__btn:hover, .video-btn__btn:focus {
  outline: none;
  background-color: #ff6d33;
}

.video-btn__btn:active {
  opacity: 0.7;
}

@media (min-width: 1200px) {
  .video-btn__btn {
    width: 58px;
    height: 58px;
  }
}

.video-btn__btn svg {
  width: 16px;
  height: 16px;
  margin-left: 8.62%;
  align-self: center;
  fill: #ffffff;
}

@media (min-width: 1200px) {
  .video-btn__btn svg {
    width: 20px;
    height: 20px;
  }
}

.video-btn__text {
  max-width: 72px;
  margin-left: 10px;
  align-self: center;
}

@media (min-width: 1200px) {
  .video-btn__text {
    max-width: 100px;
    margin-left: 13px;
  }
}

.webpage--beige .video-btn {
  color: #ffffff;
}

.webpage--beige .video-btn__btn {
  background-color: #e6da89;
  border-color: #e6da89;
}

.webpage--beige .video-btn__btn:hover, .webpage--beige .video-btn__btn:focus {
  background-color: #ddcd5f;
}

.webpage--beige .video-btn__btn svg {
  fill: #ffffff;
}

.webpage--beige .video-btn--outline .video-btn__btn {
  background-color: transparent;
  border: solid 1px #e6da89;
}

.webpage--beige .video-btn--outline .video-btn__btn svg {
  fill: #e6da89;
}

.webpage--beige .video-btn--outline .video-btn__btn:hover, .webpage--beige .video-btn--outline .video-btn__btn:focus {
  background-color: #e6da89;
}

.webpage--beige .video-btn--outline .video-btn__btn:hover svg, .webpage--beige .video-btn--outline .video-btn__btn:focus svg {
  fill: #ffffff;
}

.webpage--modern .video-btn {
  font-size: 14px;
  line-height: 1.375;
  color: #fd6e1c;
}

.webpage--modern .video-btn__btn {
  background-color: #fd6e1c;
}

.webpage--modern .video-btn__btn:hover, .webpage--modern .video-btn__btn:focus {
  background-color: #edff2f;
}

.webpage--modern .video-btn--outline .video-btn__btn {
  background-color: transparent;
  border: solid 1px #fd6e1c;
}

.webpage--modern .video-btn--outline .video-btn__btn svg {
  fill: #fd6e1c;
}

.webpage--modern .video-btn--outline .video-btn__btn:hover, .webpage--modern .video-btn--outline .video-btn__btn:focus {
  background-color: #fd6e1c;
}

.webpage--modern .video-btn--outline .video-btn__btn:hover svg, .webpage--modern .video-btn--outline .video-btn__btn:focus svg {
  fill: #ffffff;
}

.webpage__hero-banner {
  margin-bottom: 60px;
}

@media (min-width: 1200px) {
  .webpage__hero-banner {
    margin-bottom: 150px;
  }
}

/* 4.29 Hero banner */
.hero-banner {
  position: relative;
  height: 100vh;
  min-height: 480px;
}

.abt-banner {
  position: relative;
  background-color: #4d524b;
  height: 50vh;
  min-height: 480px;
}

@media (min-width: 768px) {
  .hero-banner {
    min-height: 540px;
  }
}

@media (min-width: 1200px) {
  .hero-banner {
    min-height: 600px;
  }
}

.hero-banner .swiper-container {
  margin: 0;
  padding-bottom: 50px;
}

@media (min-width: 576px) {
  .hero-banner .swiper-container {
    padding-bottom: 0;
  }
}

.hero-banner .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: center;
}

@media (min-width: 576px) {
  .hero-banner .swiper-container .swiper-pagination {
    left: auto;
    bottom: 0;
    width: auto;
  }
}

.hero-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  appearance: none;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 1;
  transition: width 0.3s ease, background-color 0.3s ease;
}

@media (min-width: 576px) {
  .hero-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 11px;
  }
}

.hero-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 36px;
  background-color: #00e5ff;
}

.hero-banner__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
}

@media (min-width: 1560px) {
  .hero-banner__inner {
    max-width: 1550px !important;
  }
}

.hero-banner__item {
  min-width: 300px;
  max-width: 100%;
}

@media (min-width: 576px) {
  .hero-banner__item {
    width: 510px;
  }
}

@media (min-width: 768px) {
  .hero-banner__item {
    width: 690px;
  }
}

@media (min-width: 1200px) {
  .hero-banner__item {
    width: 1110px;
  }
}

@media (min-width: 1560px) {
  .hero-banner__item {
    width: 1520px;
  }
}

@media (min-width: 2560px) {
  .hero-banner__item {
    width: 1800px;
  }
}

.hero-banner__item br {
  display: none;
}

@media (min-width: 576px) {
  .hero-banner__item {
    display: flex;
  }
  .hero-banner__item br {
    display: block;
  }
}

@media (min-width: 576px) {
  .hero-banner__item-left {
    width: calc(100% - 240px);
  }
}

/*@media (max-width: 500px) {
    .hero-banner__item-left {
        width: calc(100% - 20px);
      }
  }*/

@media (min-width: 768px) {
  .hero-banner__item-left {
    width: calc(100% - 320px);
  }
}

@media (min-width: 1200px) {
  .hero-banner__item-left {
    width: calc(100% - 200px);
  }
}

.hero-banner__item-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 540px;
  padding-top: 40px;
}

@media (min-width: 576px) {
  .hero-banner__item-right {
    width: 200px;
    padding-top: 0;
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .hero-banner__item-right {
    width: 280px;
  }
}

@media (min-width: 1200px) {
  .hero-banner__item-right {
    width: 500px;
  }
}

.hero-banner__item-fact {
  width: calc(50% - 20px);
}

@media (min-width: 1200px) {
  .hero-banner__item-fact {
    width: calc(50% - 50px);
  }
}

.hero-banner__item-title {
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 1.1;
  color: #ffffff;
  font-weight: 700;
}

.hero-banner__item-title .span-a {
    color: #00e5ff;
}

.hero-banner__item-title .span-b {
    color: #00e5ff;
}

.hero-banner__item-title .span-c {
    color: #00e5ff;
}

@media (min-width: 768px) {
  .hero-banner__item-title {
    font-size: 68px;
  }
}

@media (max-width: 500px) {
    .hero-banner__item-title {
      font-size: 50px;
    }
  }


@media (min-width: 1200px) {
  .hero-banner__item-title {
    font-size: 80px;
  }
}

@media (min-width: 1560px) {
  .hero-banner__item-title {
    margin-bottom: 2vh;
    font-size: 110px;
  }
}

.hero-banner__item-text {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
}

@media (min-width: 768px) {
  .hero-banner__item-text {
    max-width: 5500px;
    margin-bottom: 26px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .hero-banner__item-text {
    max-width: 640px;
    font-size: 22px;
  }
}

@media (min-width: 1560px) {
  .hero-banner__item-text {
    margin-bottom: 5.3125vh;
    font-size: 22px;
  }
}

.hero-banner__down {
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  width: 120px;
  height: 40px;
  padding-top: 8px;
  text-align: center;
  border: none;
  background-color: transparent;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 275 103'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M.427 71.361s-8.822-8.972 51.994-8.972C93.315 62.389 83.361-.745 140.05 1c37.827 1.165 48.543 61.389 82.956 61.389 34.414 0 51.994 3.778 51.994 3.778V103H.427V71.361z'/%3e%3c/svg%3e");
  cursor: pointer;
}

@media (min-width: 1200px) {
  .hero-banner__down {
    width: 275px;
    height: 76px;
    padding-top: 24px;
  }
}

.hero-banner__down svg {
  width: 20px;
  height: auto;
  transition: fill 0.3s ease;
}

@media (min-width: 1200px) {
  .hero-banner__down svg {
    width: 26px;
  }
}

.hero-banner__down:hover, .hero-banner__down:focus {
  outline: none;
  fill: #ff4800;
}

.hero-banner + .simplicity {
  padding-top: 60px;
}

@media (min-width: 1200px) {
  .hero-banner + .simplicity {
    padding-top: 150px;
  }
}

/* 4.29 Hero banner */
.about-banner {
  position: relative;
  background-color: #4d524b;
  height: 60vh;
  min-height: 480px;
}

@media (min-width: 768px) {
  .about-banner {
    min-height: 540px;
  }
}

@media (min-width: 1200px) {
  .about-banner {
    min-height: 600px;
  }
}

.about-banner .swiper-container {
  margin: 0;
  padding-bottom: 50px;
}

@media (min-width: 576px) {
  .about-banner .swiper-container {
    padding-bottom: 0;
  }
}

.about-banner .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: center;
}

@media (min-width: 576px) {
  .about-banner .swiper-container .swiper-pagination {
    left: auto;
    bottom: 0;
    width: auto;
  }
}

.about-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  appearance: none;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 1;
  transition: width 0.3s ease, background-color 0.3s ease;
}

@media (min-width: 576px) {
  .about-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 11px;
  }
}

.about-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 36px;
  background-color: #00e5ff;
}

.about-banner__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
}

@media (min-width: 1560px) {
  .about-banner__inner {
    max-width: 1550px !important;
  }
}

.about-banner__item {
  min-width: 300px;
  max-width: 100%;
}

@media (min-width: 576px) {
  .about-banner__item {
    width: 510px;
  }
}

@media (min-width: 768px) {
  .about-banner__item {
    width: 690px;
  }
}

@media (min-width: 1200px) {
  .about-banner__item {
    width: 1110px;
  }
}

@media (min-width: 1560px) {
  .about-banner__item {
    width: 1520px;
  }
}

.about-banner__item br {
  display: none;
}

@media (min-width: 576px) {
  .about-banner__item {
    display: flex;
  }
  .about-banner__item br {
    display: block;
  }
}

@media (min-width: 576px) {
  .about-banner__item-left {
    width: calc(100% - 240px);
  }
}

@media (min-width: 768px) {
  .about-banner__item-left {
    width: calc(100% - 320px);
  }
}

@media (min-width: 1200px) {
  .about-banner__item-left {
    width: calc(100% - 540px);
  }
}

.about-banner__item-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 540px;
  padding-top: 40px;
}

@media (min-width: 576px) {
  .about-banner__item-right {
    width: 200px;
    padding-top: 0;
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .about-banner__item-right {
    width: 280px;
  }
}

@media (min-width: 1200px) {
  .about-banner__item-right {
    width: 500px;
  }
}

.about-banner__item-fact {
  width: calc(50% - 20px);
}

@media (min-width: 1200px) {
  .about-banner__item-fact {
    width: calc(50% - 50px);
  }
}

.about-banner__item-title {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.1;
  color: #ffffff;
  font-weight: 700;
}

@media (min-width: 768px) {
  .about-banner__item-title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .about-banner__item-title {
    font-size: 60px;
  }
}

@media (min-width: 1560px) {
  .about-banner__item-title {
    margin-bottom: 6vh;
    font-size: 90px;
  }
}

.about-banner__item-text {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
}

@media (min-width: 768px) {
  .about-banner__item-text {
    max-width: 490px;
    margin-bottom: 36px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .about-banner__item-text {
    max-width: 590px;
    font-size: 22px;
  }
}

@media (min-width: 1560px) {
  .about-banner__item-text {
    margin-bottom: 10.3125vh;
    font-size: 24px;
  }
}

.about-banner__down {
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  width: 120px;
  height: 40px;
  padding-top: 8px;
  text-align: center;
  border: none;
  background-color: transparent;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 275 103'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M.427 71.361s-8.822-8.972 51.994-8.972C93.315 62.389 83.361-.745 140.05 1c37.827 1.165 48.543 61.389 82.956 61.389 34.414 0 51.994 3.778 51.994 3.778V103H.427V71.361z'/%3e%3c/svg%3e");
  cursor: pointer;
}

@media (min-width: 1200px) {
  .about-banner__down {
    width: 275px;
    height: 76px;
    padding-top: 24px;
  }
}

.about-banner__down svg {
  width: 20px;
  height: auto;
  transition: fill 0.3s ease;
}

@media (min-width: 1200px) {
  .about-banner__down svg {
    width: 26px;
  }
}

.about-banner__down:hover, .about-banner__down:focus {
  outline: none;
  fill: #ff4800;
}

.about-banner + .simplicity {
  padding-top: 60px;
}

@media (min-width: 1200px) {
  .about-banner + .simplicity {
    padding-top: 150px;
  }
}

.tparrows {
  width: 60px;
  height: 60px;
  border: solid 1px #ffffff;
  background-color: transparent;
  transition: all 0.3s ease;
}

.tparrows:hover, .tparrows:focus {
  border-color: #ff4800;
  background-color: #ff4800;
}

.tparrows::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.tp-leftarrow.tparrows::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='%23ffffff' d='M21.1 32L47.2 4.5c1.1-1.1 1.1-2.7 0-3.7s-2.7-1.1-3.7 0L17.4 28.5c-1.9 1.9-1.9 5.1 0 6.9l26.1 27.7c.5.5 1.3.8 1.9.8.5 0 1.3-.3 1.9-.8 1.1-1.1 1.1-2.7 0-3.7L21.1 32z'/%3e%3c/svg%3e ");
}

.tp-rightarrow.tparrows::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='%23ffffff' d='M46.8 28.5L20.6.8c-1.1-1.1-2.7-1.1-3.7 0-1.1 1.1-1.1 2.7 0 3.7L42.8 32 16.6 59.5c-1.1 1.1-1.1 2.7 0 3.7.5.5 1.1.8 1.9.8s1.3-.3 1.9-.8l26.1-27.7c2.1-1.9 2.1-5.1.3-7z'/%3e%3c/svg%3e ");
}

.tp-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.tp-bullet.selected {
  background-color: #ff4800;
}

#rev_slider_forcefullwidth + .simplicity {
  padding-top: 60px;
}

@media (min-width: 1200px) {
  #rev_slider_forcefullwidth + .simplicity {
    padding-top: 150px;
  }
}

#abt_slider_forcefullwidth + .simplicity {
  padding-top: 60px;
}

@media (min-width: 1200px) {
  #abt_slider_forcefullwidth + .simplicity {
    padding-top: 150px;
  }
}

@media (max-width: 500px) {
    .tparrows {
        width: 30px;
        height: 30px;
        border: solid 1px #ffffff;
        background-color: transparent;
        transition: all 0.3s ease;
      }

    .webpage--modern .tp-bullet {
        display: none;
    }
  }

.webpage--modern .hero-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00e5ff;
}

.webpage--modern .hero-banner__down:hover, .webpage--modern .hero-banner__down:focus {
  fill: #00e5ff;
}

.webpage--modern .tp-bullet {
    display: none;
}

.webpage--modern .tp-bullet.selected {
  background-color: #ff8800;
}

.webpage--modern .tparrows:hover, .webpage--modern .tparrows:focus {
  border-color: #00e5ff;
  background-color: #00e5ff;
}

.footer__copyright a {
    text-decoration: none;
    color: #fff;
  }

  .footer__menu a {
    text-decoration: none;
    color: #fff;
  }