.alternativepanel.imageslicepanel {
  padding: 54px 0 54px; }
  @media print, screen and (min-width: 64em) {
    .alternativepanel.imageslicepanel .containerWrapper {
      max-width: 1024px; } }
  @media screen and (min-width: 80em) {
    .alternativepanel.imageslicepanel .containerWrapper {
      max-width: 1280px; } }
  @media (max-width: 1023px) {
    .alternativepanel.imageslicepanel {
      padding: 44px 0 20px; } }
  @media (max-width: 1023px) {
    .alternativepanel.imageslicepanel .dis-flex {
      display: flex;
      flex-direction: column; } }
  .alternativepanel.imageslicepanel .arrow-click {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;     transition: 0.5s;}
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel .arrow-click {
        font-size: 16px;
        line-height: 22px; } }
    .alternativepanel.imageslicepanel .arrow-click span::after {
      content: "";      
      position: absolute;
      width: 23px;
      height: 15px;
      background: url(/assets/images/arrow_click.svg) no-repeat;
      transform: rotate(0deg);
      margin: 0 auto;
      left: auto;
      right: -30px;
      margin-top: 5px; background-size: contain;}
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel .arrow-click span::after {
          margin-top: 6px; } }
  @media (max-width: 1023px) {
    .alternativepanel.imageslicepanel.left {
      padding: 20px 0 20px; } }
  .alternativepanel.imageslicepanel.left .imgwrap {
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .imgwrap {
           justify-content: flex-end;
        margin-bottom: 30px; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .imgwrap .imgborder-height-left {
        width: 5%;
        margin-right: -30px;
        position: relative; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .imgwrap .imgborder-height-left:after {
        content: " ";
        position: absolute;
        height: 314px;
        top: auto;
        right: 0px;
        border-right: 2px solid #0099B2;
        width: 100%;
        transform: skewX(28deg);
        bottom: 0; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.left .imgwrap .imgborder-height-left:after {
        height: 155px; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .imgwrap .img-skew {
        transform: skew(28deg, 0deg);
        transform-origin: top right;
        overflow: hidden;
        width: 95%; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .imgwrap .img-skew .art-skew {
        min-height: 215px;
        max-height: 215px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: skew(-28deg, 0deg);
        transform-origin: top right;
        object-position: right; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.left .imgwrap .img-skew .art-skew {
        min-height: 134px;
        max-height: 134px; } }
  .alternativepanel.imageslicepanel.left .mask-skew {
    transform: skewX(20deg);
    padding: 50px 62px 0px 75px;
    margin-left: 90px; }
    @media (min-width: 1700px) {
      .alternativepanel.imageslicepanel.left .mask-skew {
        width: 700px;
        margin-left: 49px; } }
    @media print, screen and (min-width: 64em) {
      .alternativepanel.imageslicepanel.left .mask-skew {
        padding: 0; } }
    @media screen and (min-width: 85.375em) {
      .alternativepanel.imageslicepanel.left .mask-skew {
        padding: 50px 22px 0px 75px; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .mask-skew {
        transform: none;
        margin-left: 0;
        padding: 0; } }
    .alternativepanel.imageslicepanel.left .mask-skew .border-height-right:before {
      border-left: 3px solid #0099B2;
      content: " ";
      position: absolute;
      height: 87%;
      top: 0;
      left: 0; }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .mask-skew .border-height-right {
        display: none; } }
    .alternativepanel.imageslicepanel.left .mask-skew .border-height-left:after {
      content: " ";
      position: absolute;
      height: 100%;
      top: -13%;
      right: 0;
      border-right: 3px solid #0099B2; }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.left .mask-skew .border-height-left {
        display: none; } }
    .alternativepanel.imageslicepanel.left .mask-skew .cntWrap {
      transform: skewX(-20deg); }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.left .mask-skew .cntWrap {
          transform: none; } }
      @media (min-width: 1360px) {
        .alternativepanel.imageslicepanel.left .mask-skew .cntWrap {
          padding-left: 0px; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.left .mask-skew .contentdetail {
        padding: 0px 14px; } }
    .alternativepanel.imageslicepanel.left .mask-skew .contentdetail h2 {
      margin-left: -35px; }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.left .mask-skew .contentdetail h2 {
          margin-left: 0;
          margin-bottom: 18px; } }
  .alternativepanel.imageslicepanel.left .videoPlayer:after {
    right: 0;
    left: 0;
    transform: skew(-28deg, 0deg); }
    @media print, screen and (min-width: 64em) {
      .alternativepanel.imageslicepanel.left .videoPlayer:after {
        right: 20%;
        left: auto;
        transform: unset; } }
  .alternativepanel.imageslicepanel.right {
    position: relative; }
    @media screen and (min-width: 85.375em) {
      .alternativepanel.imageslicepanel.right {
        margin-top: 66px; } }
    .alternativepanel.imageslicepanel.right::after {
      content: "";
      width: 12.8%;
      background: #fff;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 10px; }
      @media print, screen and (min-width: 64em) {
        .alternativepanel.imageslicepanel.right::after {
          content: "";
          width: 47.8%;
          background: #fff;
          position: absolute;
          right: 0;
          bottom: 0;
          height: 10px;    transform: skewX(20deg); } }
      @media screen and (min-width: 85.375em) {
        .alternativepanel.imageslicepanel.right::after {
          width: 49.7%; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.right .imgwrap {
        order: 2;
        display: flex;
        justify-content: flex-start;
        width: 100%; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.right .imgwrap .imgborder-height-left {
        width: 5%;
        margin-left: -70px;
        position: relative; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.right .imgwrap .imgborder-height-left {
        margin-left: -40px; } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.right .imgwrap .imgborder-height-left:after {
        content: " ";
        position: absolute;
        height: 255px;
        top: 0;
        left: 0;
        border-left: 2px solid #0099B2;
        width: 100%;
        transform: skewX(-28deg);
        bottom: 0; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.right .imgwrap .imgborder-height-left:after {
        height: 155px; } }
    .alternativepanel.imageslicepanel.right .mask-skew {
      left: 38%;
      overflow: hidden; }
      @media screen and (min-width: 85.375em) {
        .alternativepanel.imageslicepanel.right .mask-skew {
          left: 45.3%; } }
      @media (min-width: 1700px) {
        .alternativepanel.imageslicepanel.right .mask-skew {
          left: 47%; } }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.right .mask-skew {
          left: 0;
          position: relative;
          opacity: 1;
          height: 100%;
          margin-bottom: 20px; } }
      .alternativepanel.imageslicepanel.right .mask-skew .border-height-right:before {
        border-left: 3px solid #0099B2;
        content: " ";
        position: absolute;
        height: 100%;
        top: 0;
        left: 0; }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.right .mask-skew .border-height-right {
          display: none; } }
      .alternativepanel.imageslicepanel.right .mask-skew .border-height-left:after {
        content: " ";
        position: absolute;
        height: 87%;
        top: 0;
        right: 0;
        border-right: 3px solid #0099B2; }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.right .mask-skew .border-height-left {
          display: none; } }
    .alternativepanel.imageslicepanel.right .videoPlayer:after {
      left: 20%;
      right: auto; }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.right .videoPlayer:after {
          left: 0;
          right: 0;
          transform: none;
          transform: skew(28deg, 0deg); } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel.right .img-skew {
        -webkit-transform: skew(-28deg, 0deg);
        transform: skew(-28deg, 0deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        overflow: hidden;
        width: 95%; } }
    @media (max-width: 870px) {
      .alternativepanel.imageslicepanel.right .img-skew {
        margin-left: -5px; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel.right .img-skew {
        margin-left: 0px; } }
    @media (max-width: 680px) {
      .alternativepanel.imageslicepanel.right .img-skew {
        margin-left: -3px; } }
    .alternativepanel.imageslicepanel.right .img-skew .art-skew {
      min-height: 398px;
      position: relative; }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel.right .img-skew .art-skew {
          min-height: 215px;
          max-height: 215px;
          height: 100%;
          width: 100%;
          object-fit: cover;
          -webkit-transform: skew(28deg, 0deg);
          transform: skew(28deg, 0deg);
          -webkit-transform-origin: top right;
          transform-origin: top right;
          object-position: left; } }
      @media (max-width: 767px) {
        .alternativepanel.imageslicepanel.right .img-skew .art-skew {
          min-height: 133px;
          max-height: 133px; } }
  .alternativepanel.imageslicepanel .art-skew {
    min-height: 398px;
    position: relative; }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel .art-skew {
        min-height: 100%;
        height: 100%;
        width: 100%;
        object-fit: cover;
        min-height: 215px;
        max-height: 215px; } }
    @media (max-width: 767px) {
      .alternativepanel.imageslicepanel .art-skew {
        min-height: 133px;
        max-height: 133px; } }
  .alternativepanel.imageslicepanel .mask-skew {
    position: relative;
    transform: skewX(-20deg);
    width: 530px;
    height: 457px;
    padding: 30px 62px 0px 31px;
    opacity: 0.89;
    position: absolute;
    top: 10.6%;
    background: #FFFFFF; }
    @media print, screen and (min-width: 64em) {
      .alternativepanel.imageslicepanel .mask-skew {
        padding: 0;
        width: 530px; } }
    @media screen and (min-width: 80em) {
      .alternativepanel.imageslicepanel .mask-skew {
        width: 664px; } }
    @media screen and (min-width: 85.375em) {
      .alternativepanel.imageslicepanel .mask-skew {
        width: 640px; } }
    @media screen and (min-width: 87.5em) {
      .alternativepanel.imageslicepanel .mask-skew {
        padding: 45px 0px 0px 10px;
        width: 658px;
        height: 457px; } }
    @media (min-width: 1700px) {
      .alternativepanel.imageslicepanel .mask-skew {
        width: 691px;
        transform: skewX(333deg); } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel .mask-skew {
        left: 0;
        position: relative;
        transform: none;
        width: 100%;
        padding: 0;
        height: 100%;
        margin-bottom: 60px; } }
    .alternativepanel.imageslicepanel .mask-skew .cntWrap {
      color: #f1f1f1;
      transform: skewX(20deg);
      width: 100%;
      transform: skewX(20deg);
      padding: unset; }
      @media print, screen and (min-width: 64em) {
        .alternativepanel.imageslicepanel .mask-skew .cntWrap {
          padding: 0 40px;
          padding-top: 30px; } }
      @media screen and (min-width: 85.375em) {
        .alternativepanel.imageslicepanel .mask-skew .cntWrap {
          padding-top: 00px; } }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel .mask-skew .cntWrap {
          transform: none; } }
      @media (min-width: 1700px) {
        .alternativepanel.imageslicepanel .mask-skew .cntWrap {
          transform: skewX(-333deg); } }
    @media (max-width: 1023px) {
      .alternativepanel.imageslicepanel .mask-skew .contentdetail {
        padding: 0 14px;
        padding-bottom: 25px; } }
    .alternativepanel.imageslicepanel .mask-skew .contentdetail h2 {
      color: #0099B2;
      font-size: 30px;
      line-height: 35px;
      margin-bottom: 30px;
      margin-left: 60px;
      font-family: 'opensans' !important; }
      @media print, screen and (min-width: 64em) {
        .alternativepanel.imageslicepanel .mask-skew .contentdetail h2 {
          font-size: 26px;
          line-height: 34px; } }
      @media screen and (min-width: 85.375em) {
        .alternativepanel.imageslicepanel .mask-skew .contentdetail h2 {
          font-size: 32px;
          line-height: 40px;
          margin-left: 00px;
          margin-top: 20px; } }
      @media (max-width: 1023px) {
        .alternativepanel.imageslicepanel .mask-skew .contentdetail h2 {
          margin-left: 0;
          margin-bottom: 18px; } }
    .alternativepanel.imageslicepanel .mask-skew .contentdetail p {
      color: #4F4F4F;
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 30px;
      line-height: 24px; }
      @media (max-width: 767px) {
        .alternativepanel.imageslicepanel .mask-skew .contentdetail p {
          font-size: 16px;
          line-height: 22px;
          text-align: left;
          margin-bottom: 25px; } }
    .alternativepanel.imageslicepanel .mask-skew .contentdetail a:hover {
      text-decoration: none; }
    .alternativepanel.imageslicepanel .mask-skew .contentdetail a span {
      color: #002F6C;
      font-weight: 700; }
  .alternativepanel.imageslicepanel .videoPlayer:after {
    width: 112px;
    height: 112px;
    background: url(/assets/images/playpause.svg) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: auto;
    width: 71px;
    height: 71px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    content: ''; }

.border-hr {
  width: 100%;
  position: absolute;
  bottom: 7px;
  right: 18px;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 1023px) {
    .border-hr {
      display: none; } }
  .border-hr:after {
    content: '';
    background: #0099B2;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: 0;
    bottom: -2px; }

@media (max-width: 1023px) {
  .mobileborder-hr {
    width: 96.9%;
    position: relative;
    bottom: -20px;
    left: 1.2%;
    margin-left: 0;
    float: left; } }

@media (max-width: 1023px) {
  .mobileborder-hr:after {
    content: '';
    background: #0099b2;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: 0;
    bottom: 0px; }
  .mobileborder-hr .alternativepanel.imageslicepanel.right::after {
    display: none; } }
@media (min-width:768px) and (max-width:784px) {
  .mobileborder-hr:after {
  width: 91.45%;}
}
@media (max-width: 767px) {
    .mobileborder-hr:after {
        content: '';
        left: -1px;
    }
}
  @media (max-width: 650px) {
  .mobileborder-hr:after {
    content: '';
    left: 3px; } }
@media (max-width: 410px) {
    .mobileborder-hr:after {
        content: '';
        left: 0px;
    }
}


@media screen and (min-width: 1700px) and (max-width: 1920px) {
  .alternativepanel.imageslicepanel.right .mask-skew .cntWrap {
    padding: 0 60px; }
  .alternativepanel.imageslicepanel.right .mask-skew .contentdetail p {
    margin-bottom: 36px; }
  .alternativepanel.imageslicepanel.right .mask-skew .contentdetail h2 {
    margin-left: 66px;
    margin-top: 26px; }
  .alternativepanel.imageslicepanel.left .mask-skew {
    margin-left: 39px;
    padding: 50px 55px 0px 75px; }
  .alternativepanel.imageslicepanel.left .mask-skew .cntWrap {
    padding-left: 36px; }
  .alternativepanel.imageslicepanel.left .mask-skew .contentdetail h2 {
    margin-left: -65px;
    margin-top: 6px; }
  .alternativepanel.imageslicepanel.left .mask-skew .contentdetail p {
    margin-bottom: 25px; }
    .alternativepanel.imageslicepanel.right::after {
        width: calc(100% - 49.70%);
        transform: skewX(20deg);
    }
  .alternativepanel.imageslicepanel.left .mask-skew .border-height-left:after {
    top: -13%; } }

@media screen and (min-width: 1100px) and (max-width: 1279px) {
  .alternativepanel.imageslicepanel.right::after {
    width: 48.05%; } }

@media screen and (min-width: 1080px) and (max-width: 1099px) {
  .alternativepanel.imageslicepanel.right::after {
    width: 47.90%; } }
@media screen and (min-width: 1024px) and (max-width: 1034px){
    .alternativepanel.imageslicepanel.right::after{
      width: 47.10%;
    }
    html.Windows.iOS .alternativepanel.imageslicepanel.right::after, html.Windows.Android .alternativepanel.imageslicepanel.right::after, html.MacOS .alternativepanel.imageslicepanel.right::after{
        width: 47.8%;
    }
    }
  @media screen and (min-width: 1280px) and (max-width: 1699px){
    .alternativepanel.imageslicepanel.right .img-skew .art-skew{
      object-fit: cover;
      object-position: 30%;
    }
    .alternativepanel.imageslicepanel.left .img-skew .art-skew{
      object-fit: cover;
    }
  }
  @media screen and (min-width: 1024px) and (max-width: 1279px){
    .alternativepanel.imageslicepanel.right .img-skew .art-skew{
      object-fit: cover;
      object-position: 25%;
    }
    .alternativepanel.imageslicepanel.left .img-skew .art-skew{
      object-fit: cover;
    }
    .alternativepanel.imageslicepanel.right .mask-skew .contentdetail p{
      margin-left: -20px;
    }
    .alternativepanel.imageslicepanel.left .mask-skew .border-height-left:after {
        right: -2px;
    }
  }
  @media screen and (min-width: 85.375em){
    .alternativepanel.imageslicepanel .mask-skew .contentdetail h2{
      margin-left: 60px;
    }
  }
@media screen and (min-width: 1280px) and (max-width: 1290px) {
    .alternativepanel.imageslicepanel.right::after {
        width: 47.4%;
        transform: skewX(20deg);
    }
}
html:not([lang="en"]) .alternativepanel.imageslicepanel .mask-skew .contentdetail h2 {
  font-size: 22px;
  line-height: 30px; }

html:not([lang="en"]) .alternativepanel.imageslicepanel .mask-skew .contentdetail p {
  font-size: 16px;
  line-height: 22px; }
@media screen and (min-width: 340px) and (max-width: 500px) {
    .mobileborder-hr {
        left: 3.5%;
    }
    }
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .alternativepanel.imageslicepanel.left .imgwrap .imgborder-height-left {
        margin-right: -30.5px;
    }
    .mobileborder-hr {
        left: 3.3%;
    }
}

@media screen and (min-width: 375px) and (max-width: 767px) {  
        .mobileborder-hr {
        width: calc(clamp(15.813rem, 91.327vw - 5.592rem, 38.188rem)) !important;
    }
}
@media screen and (min-width: 800px) and (max-width: 909px) {  
        .mobileborder-hr {
        left: 3.5%;
    }
}
@media screen and (min-width: 910px) and (max-width: 1023px) {  
        .mobileborder-hr {
        left: 3.65%;
    }
}
@media (max-width: 767px) {
    .mobileborder-hr {
        left: 3.3%;
    }
}
@media (max-width: 650px) {
    .mobileborder-hr {
        left: 14px;
    }
}
@media (max-width: 600px) {
    .mobileborder-hr {
        left: 12.5px;
    }
}
@media (max-width: 566px) {
    .mobileborder-hr {
        left: 10px;
    }
}
@media (max-width: 505px) {
    .mobileborder-hr {
        left: 1.6%;
    }
}
.alternativepanel.imageslicepanel .arrow-click:hover {
    margin-left: 15px;
    transition: 0.5s;
}