@font-face {font-family: 'montserrat';src: url('fonts/Montserrat-Medium.ttf') format('truetype');}
:root{--primary-color:#c10a28;--secondary-color:#333280;}
a:active{-webkit-tap-highlight-color: transparent;}a{text-decoration: none;}
body{overflow-x: hidden;margin: 0;font-family:'montserrat';}
.loader-wrapper {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background:white;z-index:10;}
.loader{width:50%;}
.moonlinks,.loader-wrapper,.media,.links,.swiper-carousel-animate-opacity,.item{display: flex;justify-content: center;align-items: center;}
.vip{width: 12%;position: absolute;left: 50%;transform: translateX(-50%);top:1%}
.logo{width:15%;display: block;margin:6vh auto 0;}.slare{width: 8vw;}
h2,h3,h4{text-align: center;text-transform: uppercase;}
.card,.item{position:relative;}
.item{background-color:#dedede;width: 100%;border-radius:36px;overflow: hidden;}
.card{padding:10%;width:80%;}
.abs{position: absolute;}
.top-abs{top:0;left:0;border-bottom-right-radius:20px;padding:5%;}
.top-abs,.view-more{background-color: var(--primary-color);color: white;}
.view-more{bottom:3vh;left:50%;transform:translateX(-50%);border-radius:20px;padding:2%;}
.item-img{width:80%;padding:15% 0;}
.img-abs{right:-.5%;top:0;height: 100%;}
.top{width:100%;margin:5vh 0 -1vh;}.toyotomi{width:70%;padding:8% 0 0;margin: 0 auto;display: block;}
.media{gap:2vh;}
.links{gap: 3vw;}.links,.links a,h2,footer a{color: var(--secondary-color);}
.links img{width:7%;}
.swiper-carousel-animate-opacity,.moonlinks,.media{flex-direction: column;}
.swiper-carousel {padding-bottom: 32px;width:100%;}
.swiper-slide img{width:70%;border-radius:35px;border:2px solid var(--primary-color)}
h2{font-size:14px;}h2 img{width:25%;}
h4{color:#adadad;}
.swiper,footer{margin-top:5vh;}
hr {border: none;height: 2px; width: 80%;margin: 0 auto;background-color:var(--primary-color);      }
footer a{text-decoration: none;}
.info{margin:5vh 0}
.marquee-container,.info{color: white;padding: 5% 0;
  width: 100%;background-color: var(--secondary-color);}
.marquee-container {
  overflow: hidden;font-size:1.3em;padding:5% 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.marquee {
  display: inline-block;
  animation: marquee 50s linear infinite;
}
.marquee span {
  display: inline-block;
  padding-right: 50px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.lang{position: absolute;right: 3%;top:1%;color: white;background-color: var(--primary-color);padding:2%;border-radius:30px;}
@media only screen and (min-width: 600px){
.vip{width: 7%;}
.logo{width:10%;}
.loader{width:30%;}
.slare{width: 5vw;}
h2{font-size:20px;}
.links a{font-size:1.3em;}
h4{font-size:1.8em;}.toyotomi{width: 60%;}
.view-more{bottom:5vh;}.card{padding:10% 20%;width:60%;}
.item{border-radius:55px;}
.swiper-slide img{width:60%;}
}
@media only screen and (min-width: 992px) {
.vip{width: 4%;}
.logo{width:5%;}
.slare{width: 3vw;}
.marquee-container,.info {font-size:2em;padding:2% 0;}
.toyotomi{width:30%;}
.card{padding:5% 30%;}
.swiper-carousel {padding-bottom: 32px;max-width: 1200px;}
.swiper-slide img,.card{width:40%;}
h3{margin:0}.lang{padding:1%;}.links img{width:3%;}.links{gap:1vw;}span{font-size: 20px;}
}
@media only screen and (min-width: 1700px) {
.vip{width: 3%;}
.logo{width:4%;}
.slare{width: 2vw;}
h2 img{width:15%;}
.toyotomi{padding-top:3%;width: 20%;}
.card{padding:2% 35%;width:30%;}.item{border-radius:65px;}
.swiper-slide img{width:50%;}.view-more{bottom:1vh;padding:1%;}.lang{padding:.5%;}
}