/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
                figure {
                    display: flex;
                    position: relative;
                    flex-direction: column;
                    width: 440px;
                }
                .img-bg {
                    position: absolute;
                    background-image: linear-gradient(-90deg,#bd34fe 50%,#47caff 0);
                    border-radius: 50%;
                    filter: blur(150px);
                    z-index: -1;
                    animation: spin 10s linear infinite;
                }
                .img-bg, figure img {
                    height:100%;
                    width:100%;
                }
                .align-bottom-header{
                    flex: 0 0 33.33%;
                    max-width:33.33%;
                }
                .timer-border {
                    width:370px;
                    height:370px;
                    align-items: center;
                    text-align: center;
                    border-radius: 440px;
                    box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
                }
                .timer-back {
                    width:370px;
                    height:370px;
                    padding:15px;
                }
                .timer-back, .timer-back-to {
                    display: flex;
                    border-radius: 100%;
                }
                .timer-back-to {
                    width: 100%;
                    height: 100%;
                    flex-direction: column;
                    justify-content:center;
                    padding: 95px 24px 49px;
                    background: rgba(255, 255, 255, 0);
                    backdrop-filter: blur(5px);
                    box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
                }
                .title-timer{
                    font-size: 2rem;
                    font-weight: bold;
                    margin-bottom: 25px;
                    color: #fff;
                }
                .div-title-live{
                    display: flex;
                    justify-content: center;
                    font-weight: bold;
                    font-size: 1.6em;
                    margin-bottom: 24px;
                    text-align: center;
                }  
                .live-bg{
                    padding: 5px 3px 6px;
                    background-image: linear-gradient(90deg,#39d0d8,#e300ff);
                }
                .live, .live-bg {
                    border-radius: 6px;
                }
                .live-bg span{
                    color: #fff;
                }
                .live{
                    padding: 5px;
                    font-size: .6em;
                    background: navy;
                }
                .div-timer-countdown{
                    width: 300px;
                    text-align: center;
                    font-weight: 700;
                }
                .number-timer{
                    display: flex;
                    justify-content: space-around;
                    
                    color: #fff;
                }
                .title-unit-timer{
                    display: flex;
                    justify-content: space-around;
                    font-size: 0.7em;
                    color: #fff;
                }
                .column-unit-timer{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
                .unit-timer{ 
                    font-size: 1.3em;
                }
                .title-unit-timer{ 
                    font-size: 0.5em;
                }
                .progress-back, .progress-bar {
                    height: 25px;
                    border-radius: 60px;
                    
                }
                .progress-back {
                    width: 100%;
                    background-color: #131a35;
                }
                .div-bar-progress{
                    width: 300px;
                    display: flex;
                    position: absolute;
                    z-index: 100;
                }
                .div-low-limit{
                    width: 25%;
                    text-align: end;
                    font-size: 0.9em;
                    border-right: 1px solid rgb(255, 255, 255);
                    height: 25px;
                }
                .div-middle-limit{ 
                    width: 50%;
                    text-align: end;
                    font-size: 0.9em;
                    border-right: 1px solid rgb(255, 255, 255);
                    height: 25px;
                }
                .progress-bar{ 
                    background-image: linear-gradient(94deg,#39d0d8,#e300ff);
                     animation: gra 2s infinite;
                    animation-direction: reverse;
                    -webkit-animation: gra 2s infinite;
                    -webkit-animation-direction: normal;
                    animation-timing-function: linear;
                    -webkit-animation-timing-function: linear;
                    width: 98%;
                    text-align: center;
                    font-size: 0.85em;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                }
                @keyframes gra {
                    0% {
                        background-image: linear-gradient(94deg,#39d0d8,#e300ff);
	                }
	                25% {
                        background-image: linear-gradient(94deg,#e300ff,#39d0d8,#e300ff);
	                }
                    50% {
                         background-image: linear-gradient(94deg,#e300ff,#39d0d8,#e300ff);
                    }
                     75% {
                         background-image: linear-gradient(94deg,#e300ff,#39d0d8);
                    }
                    100% {
                        background-image: linear-gradient(94deg,#e300ff,#39d0d8);
                    }
                }
                .div-title-limits{
                    width: 100%;
                    display: flex;
                    color: #fff;
                }
                .title-low-limit{
                    width: 37%;
                    text-align: end;
                    font-size: 0.75em;
                }
                .title-middle-limit{
                    width: 50%;
                    text-align: end;
                    font-size: 0.75em;
                }
                .div-btn-counter{ 
                    margin-top: 20px;
                    padding: 20px 40px;
                }
                .btn-counter{ 
                    backdrop-filter: blur(15px);
                    border: 1px solid gray;
                    margin: 0 1rem;
                    align-items: center;
                    appearance: none;
                    background-color:none;
                    border-radius: 4px;
                    box-sizing: border-box;
                    color:white;
                    cursor: pointer;
                    display: inline-flex;
                    font-family: "JetBrains Mono",monospace;
                    height: 38px;
                    justify-content: center;
                    line-height: 1;
                    list-style: none;
                    overflow: hidden;
                    transform: perspective(50px) translateZ(5px);
                    padding-left: 25px;
                    padding-right: 25px;
                    position: relative;
                    text-align: left;
                    text-decoration: none;
                    transition: box-shadow .15s,transform .15s;
                    user-select: none;
                    -webkit-user-select: none;
                    touch-action: manipulation;
                    white-space: nowrap;
                    will-change: box-shadow,transform;
                    font-size:18;
                    box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
                }
                .btn-counter:hover{ 
                    transform: translateY(-2px);
                    color:white!important;
                    cursor:pointer;
                }
                .align-youtube{
                    align-items: end;
                }
            
                @font-face {
                    font-family: "custom-font";
                    src: url(https://boundlessworld.org/ar/"folder/font/ZenDots-Regular.ttf") format("truetype");
                } 
                .menu_title{
                    font-family: "custom-font";
                    color:white;
                }
                .font-custom{
                    font-family: "custom-font";
                }  
            
                
                .div-text-copy-right{
                    height: 100%;
                    display: flex;
                    flex-direction: row;
                    align-items: end;
                    padding: 1rem;
                    color: white;
                    font-size:0.8em;
                    justify-content: center;
                }
                .div-text-index{
                    width: 29%;
                    padding: 1rem 0.5rem 1rem 0.5rem;
                    border: 1px solid rgb(151 129 129 / 0%);
                    background:none;
                    border-radius: 16px;
                    backdrop-filter: blur(0px);
                    overflow: auto;
                }
                .text-index{
                    font-size: 1rem;
                    text-align: start;
                    padding:0.5rem;
                    line-height: 2;
                    background: linear-gradient(to right, #FFF 20%, #FFA500 40%, #FFA500 60%, #FFF 80%);
                    background-size: 200% auto;
                    color: #000;
                    text-fill-color: transparent;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    animation: shine 1.5s linear infinite;
                }
                @keyframes shine {
                    to {
                        background-position: -300% center;
                    }
                }
                .title-text-index{
                    padding:0.5rem;
                    text-align: start;
                    font-size: 1.5rem;
                    background: linear-gradient(to right, #FFF 20%, #FFA500 40%, #FFA500 60%, #FFF 80%);
                    background-size: 200% auto;
                    color: #000;
                    text-fill-color: transparent;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    animation: shine 2s linear infinite;
                }
                @keyframes shine {
                    to {
                        background-position: -200% center;
                    }
                }
                .d-none{
                    display: none;
                }
                .img_social{
                    width:100%;
                    height:100%;
                    object-fit:contain;
                }
                .glass-back{
                    border: 1px solid rgb(151 129 129 / 0%);
                    background: rgba(255, 255, 255, 0);
                    backdrop-filter: blur(5px);
                    box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
                }
                .social_icon{
                    width:40px;
                    height:50px;
                    padding: 0 0.4rem;
                }
                .sharing{
                    width: 315px;
                    justify-content: space-between;
                    border: 1px solid rgb(151 129 129 / 0%);
                    background: rgba(255, 255, 255, 0);
                    border-radius: 16px;
                    backdrop-filter: blur(5px);
                    box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                    -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
                    margin-bottom: 1.5rem;
                    flex-wrap: wrap;
                }
                .div-icon {
                    flex: 0 0 16%;
                    max-width: 16.6%;
                    padding: 0.3rem;
                    display: flex;
                    justify-content: center;
                }
                .top_header{
                    width: 100%;
                }
                .colorw{
                    color:#fff;
                }
                .menu_galaxy{
                    padding-top: 10px;
                    
                }
                .menu_title{
                    font-weight: 600;
                    font-size: 18px;
                }
                .flex1{
                    flex: 1 0;
                }
                .flex7{
                    flex: 7 0;
                }
                .text_header{
                    font-size: 18px;
                    background-color: rgba(0,0,0,0.15);
                    padding: 10px 50px;
                    height: 60px;
                }
                .login-header{
                    position: absolute;
                    right: 10%;
                }
                :is(.menu-index-0,.menu-index-1,.menu-index-2,.menu-index-3,.menu-index-4,.menu-index-5,.menu-index-6) img{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    cursor: pointer;
                    transition: all 0.2s ease-in-out;  
                }
                .menu-index-0 img,.menu-index-6 img{
                    width:85%!important;    
                }
                :is(.menu-index-3,.menu-index-4) img{
                    margin-top: 0;
                    transform: perspective(270px) translateZ(0);
                }
                .menu-index-3 {
                    margin-top: 6%;
                    width: 100%;
                }
                .menu-index-2,.menu-index-4 {
                    margin-top: 4%;
                    width: 100%;
                }
                .menu-index-1,.menu-index-5 {
                    margin-top: 2%;
                    width: 100%;
                }
                .menu-index-0,.menu-index-6 {
                    width: 100%;
                }
                .menu-index > img:hover{
                    transform: perspective(270px) translateZ(60px) !important;
                }
                .menu-index:hover img{
                    transform: perspective(270px) translateZ(60px) !important;
                }
                .menu-text-list{
                    position: absolute;
                    top: 110%;
                    left: 0;
                    right: 0;
                    text-align: center;
                    opacity: 1;
                    transition: opacity,top 0.5s cubic-bezier(.36,.07,.19,.97);
                    
                }
                .op0{
                    opacity: 0;
                }
                .op1{
                    opacity: 1 !important;
                }
                .sub_munuu a{
                    color:#fff;
                }
                .botton_header{
                    width: 100%;
                    align-items:end;
                    justify-content: flex-end;
                    height: 59%;
                    padding: 0 1.5rem 0.5rem 1.55rem;
                }
                .video{
                    z-index:10;
                }
                .video-container,
                .description-container{
                    padding:0!important;
                    height: 60%!important;
                    width: 315px!important;
                }
                .video-container video{
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 2/1;
                    border-radius: 10px;
                }
                .sharing svg{
                    width: 50px;
                    height: 50px;
                    background-color: #ffffffb0;
                    border-radius: 50px;
                }
                .botton_header_video {
                    display: flex;
                    flex-direction: column;
                    width: 25%;
                }
                .main-flex{
                    justify-content: space-between;
                    height: 300px;
                }
            
                .wrapperloading img{
                    width:100%;
                    height:100%;
                }
                .modal_loading{
                    width: 100vw;
                    height: 100vh;
                    background: #fff;
                    position: absolute;
                    z-index: 5000;
                    opacity: 1;
                    transition: opacity 0.7s cubic-bezier(.36,.07,.19,.97);   
                }
                .opacity_load{
                    opacity: 0;
                }
                .wrapperloading {
                    position: absolute;
                    height: 200px;
                    width: 210px;
                    top: 50%;
                    left: 50%;
                    
                    transform: translate(-50%, -50%);
                }
                .wrapperloading .div-text-load{ 
                    
                    text-align:center;
                    color:black;
                    font-size:1em;
                    text-shadow: -3px 3px 0 rgba(150,150,150,0.1);
                    -webkit-transform: rotateX(20deg);
                    -webkit-animation: hide 1s linear infinite;
                    -moz-animation: hide 1s linear infinite;
                    -o-animation: hide 1s linear infinite;
                    animation: hide 1s linear infinite;
                }
                .wrapperloading .inner {
                    width:210px;
                    height:100%;
                    -webkit-transform: rotateX(60deg);
                    -moz-transform: rotateX(60deg);
                    -o-transform: rotateX(60deg);
                    transform: rotateX(60deg);
                    margin-top:-30px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                .wrapperloading .loading.up {
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    border-radius: 150px;
                    border: 5px solid #fff;
                    border-top-color: #fff;
                    border-left-color: #555;
                    border-right-color: #555;
                    border-bottom-color: #fff;
                    -webkit-animation: rotation 2s ease infinite;
                    -moz-animation: rotation 2s ease infinite;
                    -o-animation: rotation 2s ease infinite;
                    animation: rotation 2s ease infinite;
                }

                .wrapperloading .loading.down {
                    position: absolute;
                    height: 50%;
                    width: 50%;
                    top: 50%;
                    margin-top: -50px;
                    left: 50%;
                    margin-left: -50px;
                    border-radius: 150px;
                    border: 3px solid #fff;
                    border-left-color: #fff;
                    border-top-color: #555;
                    border-bottom-color: #555;
                    border-right-color: #fff;
                    -webkit-animation: rotation 2s ease infinite reverse;
                    -moz-animation: rotation 2s ease infinite reverse;
                    -o-animation: rotation 2s ease infinite reverse;
                    animation: rotation 2s ease infinite reverse;
                }
                @-webkit-keyframes rotation {
                    0% {
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                
                    50% {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                
                    100% {
                        -webkit-transform: rotate(360deg);
                        -moz-transform: rotate(360deg);
                        -ms-transform: rotate(360deg);
                        -o-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }
                
                @-moz-keyframes rotation {
                    0% {
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                
                    50% {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                
                    100% {
                        -webkit-transform: rotate(360deg);
                        -moz-transform: rotate(360deg);
                        -ms-transform: rotate(360deg);
                        -o-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }
                
                @-o-keyframes rotation {
                    0% {
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                
                    50% {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                
                    100% {
                        -webkit-transform: rotate(360deg);
                        -moz-transform: rotate(360deg);
                        -ms-transform: rotate(360deg);
                        -o-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }
                
                @keyframes rotation {
                    0% {
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                
                    50% {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                
                    100% {
                        -webkit-transform: rotate(360deg);
                        -moz-transform: rotate(360deg);
                        -ms-transform: rotate(360deg);
                        -o-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }
                
                @keyframes hide {
                    0% {
                    opacity: 1;
                    }
                    50% {
                    opacity: 0.1;
                    }
                    100% {
                    opacity: 1;
                    }
                }
                
                @-webkit-keyframes hide {
                    0% {
                        opacity: 1;
                    }
                    50% {
                        opacity: 0.1;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-moz-keyframes hide {
                    0% {
                        opacity: 1;
                    }
                    50% {
                        opacity: 0.1;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-o-keyframes hide {
                    0% {
                        opacity: 1;
                    }
                    50% {
                        opacity: 0.1;
                    }
                    100% {
                        opacity: 1;
                    }
                }
            
            #div_profile_picture{
                position: absolute !important;
                top: -10000px !important;
            }
            .new_medical_icon{
                cursor: pointer;
            }
            .link-lang{
                color:#fff;
                cursor:pointer;
            }
            .link-lang:hover{
                color:#fff;
                cursor:pointer;
            }
        
            .div-width-flag{
                width: 240px!important;
                display: flex!important;
                justify-content: flex-start!important;
            }
            .wallet-style{
                color:white;
            }
            .min-height-sphere{
                height: 320px!important;
               }
            .colorw:first-line{
                font-size: 30px!important;
                font-weight: 600;
                text-align: center!important;
            }
             .colorw{
                line-height: 2;
             }
             .left_direction{
                align-items: start;
             }
             .right_direction{
                 align-items: end;
             }
             .div-label-text-page3{
                width:100%;
                height: 500px;
                overflow-x:hidden!important;
                overflow-y:auto!important;
                display: flex;
                flex-direction: column;
                justify-content: start;
                padding: 1rem;
                align-items: start;
             }
            .str_ul_sub{
                width: 70%;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .img_social{
                width:100%;
                height:100%;
                object-fit:contain;
            }
            .d-none{
                display: none;
            }
            .glass-back{
                border: 1px solid rgb(151 129 129 / 0%);
                background: rgba(255, 255, 255, 0);
                backdrop-filter: blur(5px);
                box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                -webkit-box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 75%);
                -moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.75);
            }
            .vihd{
                visibility: hidden;
            }
            .jce{
                justify-content: end;
            }
            #myVideo {
                position: fixed;
                right: 0;
                bottom: 0;
                min-width: 100%; 
                min-height: 100vh;
                filter: blur(0px);
            }
            .header_sphere_continer{
                width: 100%;
                height: 100vh;
                max-height: 100%;
            }
            .tal{
                text-align: left;
                margin: 0 15px;
            }
            .border1{
                border: 1px solid gray;
                padding: 5px 10px;
                border-radius: 5px;
            }
            .text_header{
                font-size: 18px;
                background-color: rgba(0,0,0,0.15);
                padding: 10px 50px;
                height: 60px;
            }
            .logo {
                width: 250px;
                height: 100%;
                justify-content: end;
            }
            .logo a {
                width: 100%;
                height: 100%;
            }
            .logo img {
                width: 100%;
                position: relative;
                height: 100%;
                object-fit: contain;
            }
            .login-header{
                position: absolute;
                right: 10%;
            }
            .select-time-project{
                width: 50px;
                height:36px;
            }
            .custom-select-time{
                font-size: 0.9em;
                color: #fff;
                display: flex;
                justify-content: center;
            }
            .select-time-project:hover .options-select{
                display: block!important;
            }
            .custom-select-time svg{
                width: 20px;
                height: 20px;
            }
            .custom-select-time img{
                width: 20px;
                height: 20px;
            }
            .options-select {
                width: 140px;
                position: absolute;
                top: 47px;
                /* left: 0; */
                right: 273px;
                border-radius: 3px;
                border: 1px solid gray;
                z-index: 101;
                background-color: rgba(88,86,86,0.64);
                overflow-y: auto;
                max-height: 500px;
                padding: 0 0.5rem;
                font-size: 0.9em;
                color: #fff;
                line-height:2;
            }
            .option-time{
                justify-content:space-between;
            }
            .option-time svg{
                width: 20px;
                height: 20px;
            }
            .option-time img{
                width: 20px;
                height: 20px;
            }
            .text-time-select{
                width: 100%;
                justify-content: space-between;
            }
            .btnBefore, .btnAfter {
                content: "";
                position: absolute;
                height: 0;
                width: 0;
                border: solid #000;
                border-width: 0;
                border-radius: 0;
                transition: 0;
                -webkit-transition: 0;
                -moz-transition: 0;
                -o-transition: 0;
                -ms-transition: 0;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                border-color: #00bbff;
                border-radius: 5px;
            }
            .str_ul_sub .sub_munuu .btnBefore {
                right: 0;
                bottom: 0;
            }
            .str_ul_sub .sub_munuu {
                backdrop-filter: blur(15px);
                border:1px solid gray;
                margin:0 1rem;
                align-items: center;
                appearance: none;
                background-color:none;
                border-radius: 4px;
                box-sizing: border-box;
                color:white;
                cursor: pointer;
                display: inline-flex;
                font-family: "JetBrains Mono",monospace;
                height: 38px;
                justify-content: center;
                line-height: 1;
                list-style: none;
                overflow: hidden;
                transform: perspective(50px) translateZ(5px);
                padding-left: 16px;
                padding-right: 16px;
                position: relative;
                text-align: left;
                text-decoration: none;
                transition: box-shadow .15s,transform .15s;
                user-select: none;
                -webkit-user-select: none;
                touch-action: manipulation;
                white-space: nowrap;
                will-change: box-shadow,transform;
                font-size: 18px;
            }
            .str_ul_sub .sub_munuu:hover{
                transform: translateY(-2px);
            }
            
            .str_ul_sub .sub_munuu:hover .z-index-pallet-title{
                color:white;
             }
            .str_ul_sub .sub_munuu:focus{
                transform: translateY(-2px);
            }
            .link-sub-menu{
                color:#fff;
            }
            .link-sub-menu:hover{
                color:#fff;
            }
            
            .str_ul_sub .sub_munuu:hover .btnAfter, .str_ul_sub .sub_munuu:hover .btnBefore {
                height: 100%;
                width: 100%;
                transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
                -webkit-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
                -moz-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
                -o-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
                -ms-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
            }
            .video-container iframe{
                width: 100%;
                height: 100%;
            }
            .height-img-soon{
                height: 305px!important;
            }
            .position-soon-sphere-top{
                top:38%!important;
            }
            .video-container, .description-container{
                height: 270px;
                width: 315px;
               padding:30px 0;
            }
            .pallet-color-top{
                width: 100%;
                height: 100%;
                background: none;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top:-100%;
                transition: top 0.5s cubic-bezier(.36,.07,.19,.97);;
            }
            .z-index-pallet-title{
                z-index: 9999;
            }
            .str_ul_sub .sub_munuu:hover .pallet-color-top{
                top:-48%;
            }
             .pallet-color-bottom{
                width: 100%;
                height: 100%;
                background: none;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top:100%;
                transition: top 0.5s cubic-bezier(.36,.07,.19,.97);;
             }
             .str_ul_sub .sub_munuu:hover .pallet-color-bottom{
                top:48%;
             }
             .menu-image{
                margin-bottom:1.5rem;
             }
             .show-flag-lang{
                width:25px!important;
                height:25px!important;
             }
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: ltr;text-align: left;}