html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #eee;
        font-family: HelveticaNeueLTW04-65Medium, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper {
        width: 100%;
        height: 100%;
        }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      .swiper-pagination-bullet {
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        font-size: 16px;
        color: #bbb;
        border:2px solid #bbb;
        opacity: 1;
        margin-left:18px;
        margin-right:18px;
        background:#fff;
      }

      .swiper-pagination-bullet-active {
        color: #fff;
        background: #bbb;
      }
      .swiper-pagination {
        text-align:left;
        padding-left:6.6%;
        padding-bottom:2.8%;
      }
      .swiper-slide {
        display:block;
      }
      .slidecontainer {
        /* height:68%; */
        height:417px;
      }
      
      .swiper-button-next, .swiper-button-prev {
        color:#fff;
        height:68px;
        right:20px;
        top:49%;
        font-weight:bold;
      }
      .swiper-button-prev {
        left:20px;
      }
      h2 {
            width:84%;
            font-size: 20px;
            font-weight: normal;
      }
      h3 {
        font-size:160px;
        font-weight:normal;
        padding-top:81px;
        padding-left:52px;
        margin:0px;
        width:25%;
      }
      h1 {
        text-align:left;
        padding-left:100px;
        font-size:30px;
        margin:0px;
        margin-top:-25px;
        font-weight:normal;
        font: normal normal medium 30px/36px HelveticaNeueLTW04-65Medium;
      }
      .slidehead, .visualcontainer {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            margin-bottom:16px;
      }
      .slidehead img, .slidevisual img {
        width: initial;
        height: initial;
        object-fit: initial;
        padding-top:5px;
      }
      
      .slidevisual .topimg {
        z-index:20;
      }
      .slidevisual iframe {
        border:0;
      }
      .slidevisual .bgimg {
        position:absolute;
        z-index:10;
      }
      
      .bgf1 {
      background:#FF8200;
      }
      .slidevisual.v1 img, #f1final {
        width: auto; 
        height: 250px;
      }
      .slidevisual.v1 iframe {
      margin-top:-30px;
      }
      #fiframe9, #fiframe6 {
        padding-left:30px;
      }
      #fiframe1 {
        padding-top:25px;
      }
      #fiframe2 {
        padding-left:20px;
      }
      #fiframe3 {
        margin-top:-40px;
        margin-left:-10px;
      }
      .bgf2 {
      background:#00b3c9;
      }
      
      .bgf3 {
      background:#b81867;
      }
      .bgf2 h3 {
        padding-left:68px;
      }
      .bgf2 h1 {
        margin-top: -35px;
      }
      .bgf3 h3 {
        padding-left:62px;
      }
      .bgf3 h1 {
        margin-top: -80px;
      }
      .bgf4 h3 {
        padding-left:62px;
      }
      .c3 h3, .c7 h3 {
        margin-top:-30px;
      }
      .c6 h3 {
        margin-top:37px;
      }
      .bgf6 h1 {
        margin-top:-30px;
      }
      .bgf6 h3 {
        padding-left:62px;
      } 
      .bgf4 {
      background:#00b3c9;
      }
      
      .bgf5 {
      background:#afca0b;
      }
      
      .bgf6 {
      background:#00b3c9;
      }
      
      .bgf7 {
      background:#FF8200;
      }
      
      .bgf7 h1 {
        margin-top:-120px;
      }
      
      .bgf8 {
      background:#b81867;
      }
      
      .bgf9 {
      background:#00b3c9;
      }
      
      .bgf10 {
      background:#FF8200;
      }
      .bgf10 h1 {
      margin-top:-250px;
      }        
      .bgf10 h3 {
        padding-top:50px;
        padding-left:72px;
        letter-spacing: -19.2px;
      }      
      h1, h3 {
        color:#fff;
      }
      @media (max-width: 468px) {
        h1 {
            font-size:20px;
        }
              .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
                line-height: 20px;
        font-size: 14px;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size:20px;
        }
        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom:0px !important;
        }
      }