/* @font-face {
  font-family: "Pretendard";
  src: url("../../../font/PretendardVariable.ttf") format("truetype");
}
@font-face {
  font-family: "Pretendard";
  font-weight: bold;
  src: url("../../../font/Pretendard-Bold.otf") format("opentype");
} */ 

body .slider .photos {
  width: 80%;
}

.moving-gallery {
  position: relative;
  width: 100%;
}
.moving-gallery__wrapper.hidden {
  display: none;
}
.moving-gallery__slide img {
  width: 300px;
  max-width: 100%;
  display: block;
  position: absolute;
}

.world-clock {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: calc(90% - 250px);
  left: calc(50% - 86px);
  z-index: 6;
  mix-blend-mode: difference;
  color: #fff;
}

.world-clock img {
  filter: invert(1);
  -webkit-animation: rotation 5s infinite linear;
  animation: rotation 5s infinite linear;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(6deg);
  }
  20% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(12deg);
  }
  40% {
    transform: rotate(12deg);
  }
  50% {
    transform: rotate(18deg);
  }
  60% {
    transform: rotate(18deg);
  }
  70% {
    transform: rotate(24deg);
  }
  80% {
    transform: rotate(24deg);
  }
  90% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
.clock_content p {
  margin-bottom: 0;
}

.clock_content {
  margin-left: 25px;
  text-transform: uppercase;
  text-align: justify;
  font-family: "Pretendard";
  font-weight: bold;
}

.moving-gallery__wrapper {
  height: calc(100vh + 200px) !important;
  width: 604vw !important;
  max-width: 11615px !important;
  position: relative;
  z-index: 0;
  overflow: visible;
}

.slider {
  backface-visibility: visible !important;
}

.photos {
  pointer-events: auto !important;
  backface-visibility: visible !important;
}

.boot_brand_wrapper {
  position: sticky;
  top: 40vh;
  left: 100px;
  height: 180px;
  width: 100vw;
  background-color: pink;
  overflow: hidden;
  z-index: 5;
}

.boot_brand {
  z-index: 5;
  position: sticky;
  top: 50vh;
  left: 100px;
  font-size: 8.59vw;
  mix-blend-mode: difference;
  color: #fff;
  font-family: "Pretendard";
  font-weight: 700;
  line-height: 1;
  width: 80%;
  transform: translate(0, -50%);
  vertical-align: text-bottom;
  text-transform: uppercase; 
}

.brand_name {
  opacity: 0;
  /* transition: 1s ease-out; */
  transition: 1s linear; 
} 
.brand_name.show{
  opacity: 1; 
} 
.main_top {
  height: calc(100vh);
  /* background: #fff; */
}
.boot_brand__main {
  z-index: 5;
  position: absolute;
  top: 50vh !important;
  left: 100px;
  font-size: 7.81vw;
  mix-blend-mode: difference;
  color: #fff;
  font-family: 'HelveticaNeue';
  font-weight: 700;
  line-height: 1;
  width: 80%;
  transform: translate(0, -50%);
}


h3.main_top_title_02 {
  font-family: 'HelveticaNeue';
  font-size: 1.56vw;
  font-weight: bold;
  position: absolute; 
  left: 63.98vw;
  top: 66vh;
}

p.main_top_title_03 {
  font-family: 'HelveticaNeue';
  font-size: 0.63vw;
  font-weight: bold;
  position: absolute; 
  bottom: 65px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 800px) {
  .boot_brand__main {
    top: 50vh !important;
    left: 50px;
    font-size: 12.50vw;
    /* font-size: 100px; */
  }
  h3.main_top_title_02 {
    font-size: 1.56vw;
    left: 50px;
    top: 66vh;
    font-size: 3.50vw;
    /* font-size: 28px; */
  }
  p.main_top_title_03 {
    font-size: 2.50vw;  
    bottom: 26px;
    /* font-size: 20px;   */
  }
}



.parallax_header {
  mix-blend-mode: difference;
}

.brandmainbanner3 {
  overflow: hidden;
  position: relative;
}
.brandmainbanner3 .banOne1 {
  position: absolute;
  left: 0% !important;
  top: 57.17vh;
}
.brandmainbanner3 .banOne1 img {
  width: 38.54vw;
  aspect-ratio: 740/560;
  height: 29.16vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne2 {
  position: absolute;
  left: 3.64% !important;
  top: 0vh;
}
.brandmainbanner3 .banOne2 img {
  width: 19.79vw;
  aspect-ratio: 380/570;
  height: 29.68vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne3 {
  position: absolute;
  left: 9.16% !important;
  top: 23.8vh !important;
}
.brandmainbanner3 .banOne3 img {
  width: 31.25vw;
  aspect-ratio: 600/420;
  height: 21.87vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne4 {
  position: absolute;
  left: 15.23% !important;
  top: 47.5vh;
}
.brandmainbanner3 .banOne4 img {
  width: 18.22vw;
  aspect-ratio: 350/590;
  height: 30.72vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne5 {
  position: absolute;
  left: 19.31% !important;
  top: 0vh;
  z-index: 2;
}
.brandmainbanner3 .banOne5 img {
  width: 43.22vw;
  aspect-ratio: 830/680;
  height: 35.41vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne6 {
  position: absolute;
  left: 24.97% !important;
  top: 37.31vh;
}
.brandmainbanner3 .banOne6 img {
  width: 37.5vw;
  aspect-ratio: 720/720;
  height: 37.5vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne7 {
  position: absolute;
  left: 31.98% !important;
  top: 10.19vh;
}
.brandmainbanner3 .banOne7 img {
  width: 27.08vw;
  aspect-ratio: 520/240;
  height: 12.5vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne8 {
  position: absolute;
  left: 34.23% !important;
  top: 46.39vh;
  z-index: 2;
}
.brandmainbanner3 .banOne8 img {
  width: 33.33vw;
  aspect-ratio: 640/640;
  height: 33.33vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne9 {
  position: absolute;
  left: 41.84% !important;
  top: 55.19vh;
}
.brandmainbanner3 .banOne9 img {
  width: 21.87vw;
  aspect-ratio: 420/420;
  height: 21.87vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne10 {
  position: absolute;
  left: 43.42% !important;
  top: 7.75vh;
  z-index: 2;
}
.brandmainbanner3 .banOne10 img {
  width: 26.04vw;
  aspect-ratio: 500/400;
  height: 20.83vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne11 {
  position: absolute;
  left: 48.76% !important;
  top: 11.11vh;
}
.brandmainbanner3 .banOne11 img {
  width: 50vw;
  aspect-ratio: 960/640;
  height: 33.33vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne12 {
  position: absolute;
  left: 55.77% !important;
  top: 37.31vh;
}
.brandmainbanner3 .banOne12 img {
  width: 30.2vw;
  aspect-ratio: 580/700;
  height: 36.45vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne13 {
  position: absolute;
  left: 60.72% !important;
  top: 11.61vh;
}
.brandmainbanner3 .banOne13 img {
  width: 29.16vw;
  aspect-ratio: 560/240;
  height: 12.5vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne14 {
  position: absolute;
  left: 64.28% !important;
  top: 46.39vh;
}
.brandmainbanner3 .banOne14 img {
  width: 41.16vw;
  aspect-ratio: 800/560;
  height: 29.16vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne15 {
  position: absolute;
  left: 70.85% !important;
  top: 0vh;
  z-index: 2;
}
.brandmainbanner3 .banOne15 img {
  width: 50vw;
  aspect-ratio: 960/780;
  height: 40.62vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne16 {
  position: absolute;
  left: 81.42% !important;
  top: 55.17vh;
}
.brandmainbanner3 .banOne16 img {
  width: 25vw;
  aspect-ratio: 480/540;
  height: 28.12vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne17 {
  position: absolute;
  left: 86.61% !important;
  top: 5.46vh;
}
.brandmainbanner3 .banOne17 img {
  width: 27.08vw;
  aspect-ratio: 520/640;
  height: 33.33vw;
  object-fit: cover;
}
.brandmainbanner3 .banOne18 {
  position: absolute;
  left: 92.72% !important;
  top: 23.8vh;
}
.brandmainbanner3 .banOne18 img {
  width: 50vw;
  aspect-ratio: 960/820;
  height: 42.7vw;
  object-fit: cover;
}

.brandmainbanner2 {
  overflow: hidden;
  position: relative;
}
.brandmainbanner2 .banOne1 {
  position: absolute;
  left: 0.43% !important;
  top: 43.33vh;
}
.brandmainbanner2 .banOne1 img {
  width: 18.75vw;
  aspect-ratio: 360/450;
  height: 23.43vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne2 {
  position: absolute;
  left: 5.47% !important;
  top: 0vh;
}
.brandmainbanner2 .banOne2 img {
  width: 37.5vw;
  aspect-ratio: 1/1;
  height: 37.5vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne3 {
  position: absolute;
  left: 9.57% !important;
  top: 46.39vh !important;
}
.brandmainbanner2 .banOne3 img {
  width: 26.56vw;
  aspect-ratio: 510/650;
  height: 33.85vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne4 {
  position: absolute;
  left: 15.57% !important;
  top: 9.17vh;
}
.brandmainbanner2 .banOne4 img {
  width: 15.62vw;
  aspect-ratio: 300/400;
  height: 20.83vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne5 {
  position: absolute;
  left: 16.79% !important;
  top: 53.83vh;
  z-index: 2;
}
.brandmainbanner2 .banOne5 img {
  width: 42.7vw;
  aspect-ratio: 820/460;
  height: 23.95vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne6 {
  position: absolute;
  left: 25.28% !important;
  top: 46.39vh;
}
.brandmainbanner2 .banOne6 img {
  width: 36.45vw;
  aspect-ratio: 700/700;
  height: 36.45vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne7 {
  position: absolute;
  left: 28.6% !important;
  top: 10.93vh;
}
.brandmainbanner2 .banOne7 img {
  width: 25vw;
  aspect-ratio: 480/320;
  height: 16.66vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne8 {
  position: absolute;
  left: 35.47% !important;
  top: 57.78vh;
  z-index: 2;
}
.brandmainbanner2 .banOne8 img {
  width: 22.39vw;
  aspect-ratio: 430/570;
  height: 29.68vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne9 {
  position: absolute;
  left: 37.04% !important;
  top: 0vh;
}
.brandmainbanner2 .banOne9 img {
  width: 50vw;
  aspect-ratio: 960/760;
  height: 39.58vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne10 {
  position: absolute;
  left: 45.81% !important;
  top: 28.89vh;
  z-index: 2;
}
.brandmainbanner2 .banOne10 img {
  width: 30.2vw;
  aspect-ratio: 580/700;
  height: 36.45vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne11 {
  position: absolute;
  left: 54.3% !important;
  top: 9.35vh;
}
.brandmainbanner2 .banOne11 img {
  width: 50vw;
  aspect-ratio: 960/760;
  height: 39.58vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne12 {
  position: absolute;
  left: 62.54% !important;
  top: 56.3vh;
}
.brandmainbanner2 .banOne12 img {
  width: 15.1vw;
  aspect-ratio: 290/440;
  height: 22.91vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne13 {
  position: absolute;
  left: 67.63% !important;
  top: 18.75vh;
}
.brandmainbanner2 .banOne13 img {
  width: 40.62vw;
  aspect-ratio: 780/360;
  height: 18.75vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne14 {
  position: absolute;
  left: 75.04% !important;
  top: 45vh;
}
.brandmainbanner2 .banOne14 img {
  width: 21.87vw;
  aspect-ratio: 420/420;
  height: 21.87vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne15 {
  position: absolute;
  left: 81.48% !important;
  top: 46.2vh;
  z-index: 2;
}
.brandmainbanner2 .banOne15 img {
  width: 50vw;
  aspect-ratio: 960/650;
  height: 33.85vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne16 {
  position: absolute;
  left: 88.6% !important;
  top: 0vh;
}
.brandmainbanner2 .banOne16 img {
  width: 32.29vw;
  aspect-ratio: 620/700;
  height: 36.45vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne17 {
  position: absolute;
  left: 93.83% !important;
  top: 53.8vh;
}
.brandmainbanner2 .banOne17 img {
  width: 40.62vw;
  aspect-ratio: 780/360;
  height: 18.75vw;
  object-fit: cover;
}
.brandmainbanner2 .banOne18 {
  position: absolute;
  left: 91.04% !important;
  top: 28.67vh;
}
.brandmainbanner2 .banOne18 img {
  width: 62.5vw;
  aspect-ratio: 1200/860;
  height: 44.79vw;
  object-fit: cover;
}

.brandmainbanner1 {
  overflow: hidden;
  position: relative;
}
.brandmainbanner1 .banOne1 {
  position: absolute;
  /* left: 4% !important;
  top: 47vh; */
}
.brandmainbanner1 .banOne1 img {
  width: 44.87vw; 
  object-fit: cover;
}
.brandmainbanner1 .banOne2 {
  position: absolute;
  left: 66.3vw!important;
  /* top: unset;  */
  /* bottom: 17% !important; */
}
.brandmainbanner1 .banOne2 img {
  width: 33.7vw; 
  object-fit: cover;
}
.brandmainbanner1 .banOne3 {
  position: absolute;
  left:8.2% !important;
  top: 0vh !important;
}
.brandmainbanner1 .banOne3 img {
  width: 36.16vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne4 {
  position: absolute;
  left: 13.45% !important;
  top: 13.52vh;
}
.brandmainbanner1 .banOne4 img {
  width: 23.64vw;
  aspect-ratio: 454/606;
  height: 31.56vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne5 {
  position: absolute;
  left: 17.73% !important;
  top: 46.39vh;
  z-index: 2;
}
.brandmainbanner1 .banOne5 img {
  width: 26.56vw;
  aspect-ratio: 510/650;
  height: 33.85vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne6 {
  position: absolute;
  left: 20.15% !important;
  bottom: 42.22vh;
}
.brandmainbanner1 .banOne6 img {
  width: 37.5vw;
  aspect-ratio: 720/720;
  height: 37.5vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne7 {
  position: absolute;
  left: 27.64% !important;
  top: 56.11vh;
}
.brandmainbanner1 .banOne7 img {
  width: 25vw;
  aspect-ratio: 480/480;
  height: 25vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne8 {
  position: absolute;
  left: 29.77% !important;
  top: 10.93vh;
}
.brandmainbanner1 .banOne8 img {
  width: 26vw;  
}
.brandmainbanner1 .banOne9 {
  position: absolute;
  left: 34.23% !important;
  top: 46.39vh;
}
.brandmainbanner1 .banOne9 img {
  width: 36.66vw;
  aspect-ratio: 704/644;
  height: 33.54vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne10 {
  position: absolute;
  left: 41.33% !important;
  bottom: 63.25vh;
  z-index: 2;
}
.brandmainbanner1 .banOne10 img {
  width: 18.22vw;
  aspect-ratio: 350/450;
  height: 23.43vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne11 {
  position: absolute;
  left: 42.65% !important;
  top: 27.58vh;
}
.brandmainbanner1 .banOne11 img {
  width: 57.29vw;
  aspect-ratio: 1100/740;
  height: 38.54vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne12 {
  position: absolute;
  left: 53.2% !important;
  top: 41.67vh;
}
.brandmainbanner1 .banOne12 img {
  width: 30.2vw;
  aspect-ratio: 580/700;
  height: 36.45vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne13 {
  position: absolute;
  left: 60.44% !important;
  bottom: 35.46vh;
}
.brandmainbanner1 .banOne13 img {
  width: 50.31vw;
  aspect-ratio: 966/774;
  height: 40.31vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne14 {
  position: absolute;
  left: 66.56% !important;
  top: 46.39vh;
}
.brandmainbanner1 .banOne14 img {
  width: 26.56vw;
  aspect-ratio: 510/650;
  height: 33.85vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne15 {
  position: absolute;
  left: 71.91% !important;
  top: 18.7vh;
}
.brandmainbanner1 .banOne15 img {
  width: 29.37vw;
  aspect-ratio: 564/246;
  height: 12.81vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne16 {
  position: absolute;
  left: 77.88% !important;
  top: 56.3vh;
}
.brandmainbanner1 .banOne16 img {
  width: 21.87vw;
  aspect-ratio: 420/420;
  height: 21.87vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne17 {
  position: absolute;
  left: 82.02% !important;
  top: 14.42vh;
}
.brandmainbanner1 .banOne17 img {
  width: 41.14vw;
  aspect-ratio: 790/650;
  height: 33.85vw;
  object-fit: cover;
}
.brandmainbanner1 .banOne18 {
  position: absolute;
  left: 91.04% !important;
  top: 28.67vh;
}
.brandmainbanner1 .banOne18 img {
  width: 62.5vw;
  aspect-ratio: 1200/860;
  height: 44.79vw;
  object-fit: cover;
}

.banOne1 {
  position: absolute;
  left: 0%;
  top: 36%;
  /* top: 66.11%; */
  /* bottom: 14%;  */
  /* bottom: 196px; */
}

.banOne2 {
  position: absolute;
  left: 1.84%;
  top: 39%;
  /* bottom: 62.69%; */
  /* bottom: 196px; */
  /* height: 447px;
  width: 860px; */
}

.banOne3 {
  position: absolute;
  left: 7.85% !important;
  top: 57.78% !important;
  bottom: 21.76% !important;
  /* width: 563px !important;
  height: 245px !important; */
}

.banOne4 {
  position: absolute;
  left: 11.45% !important;
  top: 13.52%;
  bottom: 36.02%;
}

.banOne5 {
  position: absolute;
  left: 17.73% !important;
  top: 46.39%;
  bottom: 0%;
}

.banOne6 {
  position: absolute;
  left: 20.15% !important;
  top: 0%;
  bottom: 42.22%;
}

.wallTwo > div img {
  width: 100%;
}

.wallTwo {
  /* margin: 10vw; */
  display: flex;
  /* margin-top: -19vw; */
  padding-bottom: 7vw;
}

.banOne7 {
  position: absolute;
  left: 27.64% !important;
  top: 66.11%;
  bottom: 0%;
}

.banOne8 {
  position: absolute;
  left: 29.77% !important;
  top: 10.93%;
  bottom: 62.69%;
}

.banOne9 {
  position: absolute;
  left: 34.23% !important;
  top: 46.39%;
  bottom: 0%;
}

.banOne10 {
  position: absolute;
  left: 41.33% !important;
  top: 0%;
  bottom: 63.25%;
}

.banOne11 {
  position: absolute;
  left: 42.65% !important;
  top: 27.58%;
  bottom: 10.67%;
}

.banOne12 {
  position: absolute;
  left: 53.2% !important;
  top: 41.67%;
  bottom: 0.19%;
}

.banOne13 {
  position: absolute;
  left: 60.44% !important;
  top: 0%;
  bottom: 35.46%;
}

.banOne14 {
  position: absolute;
  left: 66.56% !important;
  top: 46.39%;
  bottom: 0%;
}

.banOne15 {
  position: absolute;
  left: 71.91% !important;
  top: 18.7%;
  bottom: 60.83%;
}

.banOne16 {
  position: absolute;
  left: 77.88% !important;
  top: 56.3%;
  bottom: 9.81%;
}

.banOne17 {
  position: absolute;
  left: 82.02% !important;
  top: 14.42%;
  bottom: 31.92%;
}

.banOne18 {
  position: absolute;
  left: 91.04% !important;
  top: 28.67%;
  bottom: 0.17%;
}

.banTwo1 {
  position: absolute;
  left: 0.43%;
  top: 43.33%;
  bottom: 18.98%;
}

.banTwo2 {
  position: absolute;
  left: 5.47%;
  top: 0%;
  bottom: 42.22%;
}

.banTwo3 {
  position: absolute;
  left: 9.57%;
  top: 46.39%;
  bottom: 0%;
}

.banTwo4 {
  position: absolute;
  left: 15.57%;
  top: 9.17%;
  bottom: 58.33%;
}

.banTwo5 {
  position: absolute;
  left: 16.79%;
  top: 53.83%;
  bottom: 7.42%;
}

.banTwo6 {
  position: absolute;
  left: 25.28%;
  top: 46.39%;
  bottom: 0%;
}

.banTwo7 {
  position: absolute;
  left: 28.6%;
  top: 10.93%;
  bottom: 62.69%;
}

.banTwo8 {
  position: absolute;
  left: 35.47%;
  top: 57.78%;
  bottom: 0%;
}

.banTwo9 {
  position: absolute;
  left: 37.04%;
  top: 0%;
  bottom: 36.67%;
}

.banTwo10 {
  position: absolute;
  left: 45.81%;
  top: 28.89%;
  bottom: 12.96%;
}

.banTwo11 {
  position: absolute;
  left: 54.3%;
  top: 9.35%;
  bottom: 26.11%;
}

.banTwo12 {
  position: absolute;
  left: 62.54%;
  top: 56.3%;
  bottom: 7.04%;
}

.banTwo13 {
  position: absolute;
  left: 67.63%;
  top: 18.75%;
  bottom: 50.75%;
}

.banTwo14 {
  position: absolute;
  left: 75.04%;
  top: 45%;
  bottom: 21.11%;
}

.banTwo15 {
  position: absolute;
  left: 81.48%;
  top: 46.2%;
  bottom: 0.19%;
}

.banTwo16 {
  position: absolute;
  left: 86.45%;
  top: 0%;
  bottom: 42.22%;
}

.banTwo17 {
  position: absolute;
  left: 93.83%;
  top: 53.8%;
  bottom: 12.96%;
}

.banThree1 {
  position: absolute;
  left: 0%;
  top: 57.17%;
  bottom: -4.02%;
}

.banThree2 {
  position: absolute;
  left: 3.64%;
  right: 93.45%;
  top: 0%;
  bottom: 52.5%;
}

.banThree3 {
  position: absolute;
  left: 9.16%;
  top: 23.8%;
  bottom: 40.74%;
}

.banThree4 {
  position: absolute;
  left: 15.23%;
  top: 47.5%;
  bottom: 3.33%;
}

.banThree5 {
  position: absolute;
  left: 19.31%;
  top: 0%;
  bottom: 42.83%;
}

.banThree6 {
  position: absolute;
  left: 24.97%;
  top: 37.31%;
  bottom: 0%;
}

.banThree7 {
  position: absolute;
  left: 31.98%;
  top: 10.19%;
  bottom: 69.63%;
}

.banThree8 {
  position: absolute;
  left: 34.23%;
  top: 46.39%;
  bottom: 0%;
}

.banThree9 {
  position: absolute;
  left: 41.84%;
  top: 55.19%;
  bottom: 10.93%;
}

.banThree10 {
  position: absolute;
  left: 43.42%;
  top: 7.75%;
  bottom: 57.75%;
}

.banThree11 {
  position: absolute;
  left: 48.76%;
  top: 11.11%;
  bottom: 35.46%;
}

.banThree12 {
  position: absolute;
  left: 54.77%;
  top: 37.31%;
  bottom: 4.54%;
}

.banThree13 {
  position: absolute;
  left: 60.72%;
  top: 13.61%;
  bottom: 65.93%;
}

.banThree14 {
  position: absolute;
  left: 64.28%;
  top: 46.39%;
  bottom: 6.76%;
}

.banThree15 {
  position: absolute;
  left: 70.85%;
  top: 0%;
  bottom: 35.46%;
}

.banThree16 {
  position: absolute;
  left: 80.42%;
  top: 55.17%;
  bottom: 0.17%;
}

.banThree17 {
  position: absolute;
  left: 86.61%;
  top: 5.46%;
  bottom: 40.93%;
}

.banThree18 {
  position: absolute;
  left: 86.61%;
  top: 5.46%;
  bottom: 40.93%;
}

@media (max-width: 800px) {
  .boot_brand {
    top: 50vh !important;
    left: 22px;
    font-size: 12vw;
  }
 

  .brandButton {
    left: -10px;
  }
  
  .world-clock {
    left: calc(50% - 71px);
  }

  .world-clock img {
    width: 60px;
  }

  .clock_content {
    font-size: 12px;
  }
}



.BrandMainBanner_01 {
  width: 100%;
  -webkit-transition: background-color 600ms linear;
  -ms-transition: background-color 600ms linear;
  transition: background-color 600ms linear;
}

.boot_showroom.transBackground {
  background-color: #fff;
  -webkit-transition: background-color 600ms linear;
  -ms-transition: background-color 600ms linear;
  transition: background-color 600ms linear;
}

.wallOne {
  display: flex;
  margin: 0 10vw;
}

.second.photos {
  margin-right: 7vw;
  margin-left: 10vw;
  margin-top: 20%;
}

.brandmainbanner {
  overflow: hidden;
  position: relative;
}

.brandDiv {
  position: relative;
  z-index: 2;
}

.cursor {
  cursor: pointer;
}

.wallOne > div {
  display: flex;
  flex-direction: column;
  max-width: 50%;
}

.fourth.photos {
  margin-left: 7vw;
  margin-right: 7vw;
  margin-top: 20%;
}

.third.photos {
  margin-left: 5vw;
  margin-right: 5vw;
  margin-top: 20%;
}

.wallOne a.first.photos img {
  width: 100%;
}

.wallOne_first {
  cursor: pointer;
  width: 100%;
  position: relative;
  margin-top: 3.8vw;
  padding-left: 9.47vw;
}

.wallOne_second {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: -56.71vw;
  padding-right: 7.7vw;
  justify-content: flex-end;
}

.wallOne_third {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 8.9vw;
  padding-right: 7.7vw;
  justify-content: flex-end;
}

.wallOne_fourth {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: -14.06vw;
  padding-left: 18.85vw;
}

.wallOne_first img {
  width: 37.5vw !important;
  aspect-ratio: 720/1270;
  height: 66.14vw;
  object-fit: cover;
}

.wallOne_second img {
  width: 25vw !important;
  aspect-ratio: 480/680;
  height: 35.41vw;
  object-fit: cover;
}

.wallOne_third img {
  width: 37.5vw !important;
  aspect-ratio: 1;
  height: 37.5vw;
  object-fit: cover;
}

.wallOne_fourth img {
  width: 28.1vw !important;
  aspect-ratio: 1;
  height: 28.1vw;
  object-fit: cover;
}

.wallOne_first video {
  width: 37.5vw !important;
  aspect-ratio: 720/1270;
  height: 66.14vw;
  object-fit: cover;
}

.wallOne_second video {
  width: 25vw !important;
  aspect-ratio: 480/680;
  height: 35.41vw;
  object-fit: cover;
}

.wallOne_third video {
  width: 37.5vw !important;
  aspect-ratio: 1;
  height: 37.5vw;
  object-fit: cover;
}

.wallOne_fourth video {
  width: 28.1vw !important;
  aspect-ratio: 1;
  height: 28.1vw;
  object-fit: cover;
}

.wallTwo_first {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 15.52vw;
  padding-left: 13.8vw;
  z-index: 2;
}

.wallTwo_second {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  /* margin-top: -57.5vw; */
  padding-right: 6.71vw;
  justify-content: flex-end;
}

.wallTwo_first img {
  /* width: 35.41vw !important; */
  /* aspect-ratio: 680/960; */
  /* height: 50vw; */
  object-fit: cover;
}

.wallTwo_second img {
  /* width: 49.47vw !important; */
  /* aspect-ratio: 950/1500; */
  /* height: 78.12vw; */
  object-fit: cover;
}

.wallTwo_first video {
  width: 35.41vw !important;
  aspect-ratio: 680/960;
  height: 50vw;
  object-fit: cover;
}

.wallTwo_second video {
  width: 49.47vw !important;
  aspect-ratio: 950/1500;
  height: 78.12vw;
  object-fit: cover;
}

.wallThree_first {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 7.03vw;
  padding-right: 7.86vw;
  justify-content: flex-end;
}

.wallThree_second {
  cursor: pointer;
  width: 100%;
  /* max-width: 1350px; */
  position: relative;
  display: flex;
  margin-top: -13.8vw;
  padding-left: 13.33vw;
}

.wallThree_third {
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: -12.08vw;
  padding-right: 13.28vw;
  justify-content: flex-end;
}

/* .wallThree_first img {
  width: 53.64vw !important;
  aspect-ratio: 1030/740;
  height: 38.54vw;
  object-fit: cover;
}

.wallThree_second img {
  width: 35.41vw !important;
  aspect-ratio: 680/840;
  height: 43.75vw;
  object-fit: cover;
}

.wallThree_third img {
  width: 28.12vw !important;
  aspect-ratio: 540/860;
  height: 44.79vw;
  object-fit: cover;
} */

.wallThree_first video {
  width: 53.64vw !important;
  aspect-ratio: 1030/740;
  height: 38.54vw;
  object-fit: cover;
}

.wallThree_second video {
  width: 35.41vw !important;
  aspect-ratio: 680/840;
  height: 43.75vw;
  object-fit: cover;
}

.wallThree_third video {
  width: 28.12vw !important;
  aspect-ratio: 540/860;
  height: 44.79vw;
  object-fit: cover;
}

.wallTwo_left img {
  left: 27% !important;
  z-index: 2;
  top: 9% !important;
}

.wallTwo_left {
  max-width: 40%;
}

.left_wall_three {
  max-width: 30%;
}

.right_wall_three {
  max-width: 70%;
}

.wallThree {
  /* display: flex;
  width: 100%;
  padding: 10vw; */
  display: block;
  width: 100%;
  padding: 0px;

  margin-top: -19vw;
  padding-bottom: 7vw;

}

a.eighth.photos img {
  left: 40% !important;
  z-index: 3;
  top: 25% !important;
}

a.ninth.photos img {
  width: 60%;
  margin-left: 32%;
  margin-top: 15%;
}

a.eighth.photos img {
  width: 125%;
}

.wallTwo_right {
  max-width: 60%;
}

.photos img {
  width: 100%;
}
.main_brand_item{
  transition: background-color 2s;  
}
.main_brand_item a:hover{
  text-decoration: none;
}


/* main divine img */

/* brand_01 */
.brand_01 .wallThree_first { z-index: 3; } 
.brand_01 .wallThree_second {padding-left: 8.33vw; margin-top: -2.08vw; }
.brand_01 .wallThree_third {margin-top: 10.42vw;padding-right: 4.17vw;}

.brand_01 .wallThree_first img {width: 52.08vw !important;object-fit: cover;}
.brand_01 .wallThree_second img {width: 41.67vw !important;object-fit: cover;}
.brand_01 .wallThree_third img {width: 55.73vw !important;object-fit: cover;}


/* brand_02 */
/* .brand_02 .wallTwo{ display: block; }
.brand_02 .wallTwo_first { margin: 0; padding: 0;  justify-content: center;} 
.brand_02 .wallTwo_second { padding-right: 0;justify-content: center;}
.brand_02 .wallTwo_first img {width: 65.10vw !important;object-fit: cover;}
.brand_02 .wallTwo_second img {width: 65.10vw !important;object-fit: cover;} */

.brand_02 .wallThree_first { padding-top: 13.54vw; z-index: 3; } 
.brand_02 .wallThree_second {padding-left: 10.68vw; margin-top: -7.08vw; }
.brand_02 .wallThree_third {margin-top: 10.42vw; padding-right: 11.72vw;}

.brand_02 .wallThree_first img {width: 65.10vw !important;object-fit: cover;}
.brand_02 .wallThree_second img {width: 65.10vw !important;object-fit: cover;}
.brand_02 .wallThree_third img {width: 50.00vw !important;object-fit: cover;}



/* brand_03 */
.brand_03 .wallThree_first { margin-top: 20.31vw; padding-right: 0;} 
.brand_03 .wallThree_second {margin-top: 14.06vw; padding-left: 26.56vw;}
.brand_03 .wallThree_third {margin-top: 17.71vw; padding-right: 0; justify-content: flex-start;}
.brand_03 .wallThree_first img {width: 84.38vw !important;object-fit: cover;}
.brand_03 .wallThree_second img {width: 63.02vw !important;object-fit: cover;}
.brand_03 .wallThree_third img {width: 57.29vw !important;}


/* brand_04 */
/* .brand_04 .wallTwo{ display: block;  }
.brand_04 .wallTwo_first { margin-top: 5vw;padding-left: 4.17vw;}
.brand_04 .wallTwo_second {margin-top: -7.08vw;padding-right: 4.17vw;}
.brand_04 .wallTwo_first img {width: 52.08vw !important;object-fit: cover;}
.brand_04 .wallTwo_second img {width: 62.50vw !important;object-fit: cover;} */
.brand_04 .wallThree_first { margin-top:40.63vw; padding-right: 23.96vw; z-index: 3;} 
.brand_04 .wallThree_second {margin-top: -5.94vw; padding-left: 0; justify-content: flex-end; max-width: 100%;}
.brand_04 .wallThree_third {margin-top: 17.71vw; padding-right: 0;}
.brand_04 .wallThree_first img {width: 78.13vw !important;object-fit: cover;}
.brand_04 .wallThree_second img {width: 62.50vw !important;object-fit: cover;}
.brand_04 .wallThree_third img {width: 91.67vw !important;}

/* brand_05 */
.brand_05 .wallThree_first { margin-top: 7.24vw;padding-right: 2.55vw;} 
.brand_05 .wallThree_second {margin-top: 16.98vw;padding-left: 0;justify-content: center;max-width: 100%;}
.brand_05 .wallThree_third {margin-top: 15.89vw;padding-left: 8.85vw; justify-content: flex-start;}
.brand_05 .wallThree_first img {width: 78.13vw !important;object-fit: cover;}
.brand_05 .wallThree_second img {width: 93.75vw !important;object-fit: cover;}
.brand_05 .wallThree_third img {width: 70.31vw !important;}

/* brand_06 */
/* .brand_06 .wallTwo{ display: block;  }
.brand_06 .wallTwo_first { margin-top: 0;padding-right: 4.17vw;justify-content: flex-end;}
.brand_06 .wallTwo_second {margin-top: 16.67vw;padding-left: 10vw; justify-content: flex-start;}
.brand_06 .wallTwo_first img {width: 40.10vw !important;object-fit: cover;}
.brand_06 .wallTwo_second img {width:62.50vw !important;object-fit: cover;} */ 
.brand_06 .wallThree_first {margin-top: 28.13vw; padding-right: 7.81vw; justify-content: flex-end;} 
.brand_06 .wallThree_second{margin-top: 18.23vw; padding-left: 4.17VW; margin-left: auto;}
.brand_06 .wallThree_third {margin-top: 21.35vw; padding-right: 0;}

.brand_06 .wallThree_first img {width: 55.21vw !important;object-fit: cover;}
.brand_06 .wallThree_second img {width: 72.14vw !important;object-fit: cover;}
.brand_06 .wallThree_third img {width: 63.54vw !important;}


 /* brand_07 */
.brand_07 .wallThree_first {margin-top: 34.90vw; padding-right: 0; } 
.brand_07 .wallThree_second{margin-top: 5.21vw; padding-left: unset; margin-left: auto; justify-content:center;}
.brand_07 .wallThree_third {margin-top: 10.94vw; padding-right: 15.10vw;}
.brand_07 .wallThree_first img {width: 68.75vw !important;object-fit: cover;}
.brand_07 .wallThree_second img {width: 100vw !important;object-fit: cover;}
.brand_07 .wallThree_third img {width: 62.50vw !important;}


/* brand_08 */
/* .brand_08 .wallTwo{ display: block;  }
.brand_08 .wallTwo_first { margin-top: 0;padding-right: 4.17vw;justify-content: flex-end;}
.brand_08 .wallTwo_second {margin-top: 16.67vw;padding-left: 10vw; justify-content: flex-start;}
.brand_08 .wallTwo_first img {width: 52.08vw !important;object-fit: cover;}
.brand_08 .wallTwo_second img {width:62.50vw !important;object-fit: cover;} */
.brand_08 .wallThree_first {margin-top: 12.24vw; padding-right: 0; } 
.brand_08 .wallThree_second{margin-top: 13.54vw; padding-right: 2.08vw; justify-content:flex-end; z-index: 3;}
.brand_08 .wallThree_third {margin-top: -5.13vw; padding-left: 2.08vw; justify-content:flex-start;}
.brand_08 .wallThree_first img {width: 62.50vw !important;object-fit: cover;}
.brand_08 .wallThree_second img {width: 62.50vw !important;object-fit: cover;}
.brand_08 .wallThree_third img {width: 62.50vw !important;}


 /* brand_09 */
 .brand_09 .wallThree_first {margin-top: 36.51vw; padding-right: 8.33vw; } 
 .brand_09 .wallThree_second{margin-top: 21.72vw; padding-left: 9.38vw; justify-content:flex-start;}
 .brand_09 .wallThree_third {margin-top: 21.88vw; padding-left: 0; padding-right: 0; justify-content:center;}
 .brand_09 .wallThree_first img {width: 61.61vw !important;object-fit: cover;}
 .brand_09 .wallThree_second img {width: 65.63vw !important;object-fit: cover;}
 .brand_09 .wallThree_third img {width: 100vw !important;}
 
 /* brand_10 */
 .brand_10 .wallThree_first {margin-top: 7.29vw; padding-right: 3.12vw; } 
 .brand_10 .wallThree_second{margin-top: 16.97vw; padding-left: 3.12vw; justify-content:flex-start;}
 .brand_10 .wallThree_third {margin-top: 16.97vw; padding-left: 0; padding-right: 0; justify-content:center;}
 .brand_10 .wallThree_first img {width: 78.12vw !important;object-fit: cover;}
 .brand_10 .wallThree_second img {width: 78.12vw !important;object-fit: cover;}
 .brand_10 .wallThree_third img {width: 100vw !important;}
 
 /* brand_11 */
 .brand_11 .wallThree_first {margin-top: 36.51vw; justify-content:center;} 
 .brand_11 .wallThree_second{margin-top: 16.97vw;}
 .brand_11 .wallThree_third {margin-top: 16.97vw; justify-content:flex-end;}
 .brand_11 .wallThree_first img {width: 100vw !important;object-fit: cover;}
 .brand_11 .wallThree_second img {width: 78.12vw !important;object-fit: cover;}
 .brand_11 .wallThree_third img {width: 78.12vw !important;}

  /* brand_12 */
  .brand_12 .wallThree_first {margin-top: 36.51vw; padding-right: 0vw; justify-content:center;} 
  .brand_12 .wallThree_second{margin-top: 3vw; justify-content:flex-end;} 
  .brand_12 .wallThree_first img {width: 100vw !important;object-fit: cover;}
  .brand_12 .wallThree_second img {width: 78.12vw !important;object-fit: cover;} 

   /* brand_13 */
 .brand_13 .wallThree_first {margin-top: 6.45vw; padding-right: 8.33vw;  z-index: 3;} 
 .brand_13 .wallThree_second{margin-top: -5vw; padding-left: 9.38vw; justify-content:flex-start;}
 .brand_13 .wallThree_third {margin-top: 13.95vw; padding-left: 0; padding-right: 4.16vw; justify-content:flex-end;}
 .brand_13 .wallThree_first img {width: 52.08vw !important;object-fit: cover;}
 .brand_13 .wallThree_second img {width: 72.91vw !important;object-fit: cover;}
 .brand_13 .wallThree_third img {width: 76.04vw !important;}

  /* brand_14 */
 .brand_14 .wallThree_first {margin-top: 7.29vw; padding-right: 3.12vw; } 
 .brand_14 .wallThree_second{margin-top: 16.97vw; padding-left: 3.12vw; justify-content:flex-start;}
 .brand_14 .wallThree_third {margin-top: 16.97vw; padding-left: 0; padding-right: 0; justify-content:center;}
 .brand_14 .wallThree_first img {width: 78.12vw !important;object-fit: cover;}
 .brand_14 .wallThree_second img {width: 78.12vw !important;object-fit: cover;}
 .brand_14 .wallThree_third img {width: 100vw !important;}

@media (max-width: 800px) {
  .wallTwo_first {
    cursor: pointer;
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 15.52vw;
    padding-left: 8.8vw;
    z-index: 2;
  }

  .wallTwo_second {
    cursor: pointer;
    width: 100%;
    position: relative;
    display: flex; 
    padding-right: 6.71vw;
    justify-content: flex-end;
  }

  .wallTwo_first img {
    /* width: 44.41vw !important; */
    /* aspect-ratio: 680/960; */
    object-fit: cover;
  }

  .wallTwo_second img {
    /* width: 54.47vw !important;  */
    object-fit: cover;
  }

  .wallTwo_first video {
    width: 44.41vw !important; 
    object-fit: cover;
  }

  .wallTwo_second video {
    width: 54.47vw !important;
    aspect-ratio: 950/1500;
    object-fit: cover;
  }
}