section{ margin-top:80px; }
.gspopup{ width:100%; display:inline-block; float:left; padding-bottom:80px;}
.gspopup > div{ margin:auto; width:90%;}
.gspopup > div > ul{ display:flex; flex-wrap:wrap; gap:20px; }
.gspopup > div > ul > li{ position:relative; background-color:#fff; width:100%; height:570px;}
.gspopup > div > ul > li > div{ width:100%; display:inline-block; }
.gspopup > div > ul > li > div > .img{ float:left; width:100%; }
.gspopup > div > ul > li > div > .img > img{ width:100%; height:570px; display:inline-block; object-fit:cover; object-position:center;}
.gspopup > div > ul > li > div > .img > video{ width:100%; height:570px; display:inline-block; object-fit:cover; object-position:center; }
.gspopup > div > ul > li > div > .text{ width:100%; display:flex; position:absolute; left:0; top:0; width:100%; height:100%; justify-content:center; align-items:center; text-align:center;}
.gspopup > div > ul > li > div > .text > div > h2 > img{ width:200px;}
.gspopup > div > ul > li > div > .text > div > h3{
font-family: BMWMotorrad;
    font-size: 33px;
    color: #fff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}
.gspopup > div > ul > li > div > .text > div > p{
font-family: BMWMotorrad;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.gspopup > div > ul > li > div > .text > div > nav{ position:absolute; bottom:100px; left:0; width:100%;}
.gspopup > div > ul > li > div > .text > div > nav > a{ background-color:rgba(255,255,255,0.7); font-size:20px; font-weight:900; color:#000; padding:12px 36px;}
.gspopup > div > ul > li.oldli > div > .img > img{object-position:top center;}
.gspopup > div > ul > li.oldli > div > .text{ position:absolute; background-color:rgba(0,0,0,0.45);}

.mongo{ position:absolute; left:0; top:0; width:100%; height:570px; display:flex; justify-content:center; align-items:center; }
.mongo > div{ display:flex; flex-wrap:wrap; justify-content:center; gap:30px 8px;}
.mongo > div > h2 > span:first-child{ font-size:54px; line-height:1;}
.mongo > div > h2 > span:last-child{ font-size:35px; line-height:1 }
.mongo > div > h2{
    font-family: BMWMotorrad;
    font-size: 54px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
    margin-right: 24px;
    position: relative;
  }
  .mongo img{
    width: 161px;
    height: 46px;
  }
  .mongo h2 span{
    font-size: 35px;
  
  }
  .mongo > div > h3{ width:100%; text-align:center;}
.mongo > div > h3 > span{
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    font-family: BMWMotorrad;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}


#ExploreMain{ width:100%; position:relative; height:700px; overflow:hidden; display:inline-block;}
#ExploreMain > .img{ width:100%; height:700px; position:relative; display:flex; align-items:center; margin:auto; overflow:hidden; }
#ExploreMain > .img > video{ width:1920px; height:800px; object-fit:cover; transform:scale(1.1); position:absolute; left:50%; margin-left:-330px;}
#ExploreMain > .text{ position:absolute; z-index:1; display:flex; width:100%; height:100%; justify-content:center; align-items:center; color:#fff; left:0; top:0; font-size:42px; font-weight:900;}