/* ==========================================================================
   main animations
   ========================================================================== */
.cam-animated-panel-collection {
  height: 770vh;
  position: relative;
  background: black;
  position: relative;
  z-index: 9999;
  color: white; }
  .cam-animated-panel-collection .pos-helper {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1px; }
    .cam-animated-panel-collection .pos-helper.pos-helper-0 {
      top: 0vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-1 {
      top: 50vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-2 {
      top: 60vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-3 {
      top: 110vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-4 {
      top: 160vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-5 {
      top: 170vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-6 {
      top: 220vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-7 {
      top: 270vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-8 {
      top: 280vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-9 {
      top: 330vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-10 {
      top: 340vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-11 {
      top: 415vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-12 {
      top: 425vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-13 {
      top: 500vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-14 {
      top: 510vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-15 {
      top: 560vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-16 {
      top: 570vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-17 {
      top: 620vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-18 {
      top: 670vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-19 {
      top: 720vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-20 {
      top: 770vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-21 {
      top: 820vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-22 {
      top: 870vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-23 {
      top: 920vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-24 {
      top: 970vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-25 {
      top: 1020vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-26 {
      top: 1070vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-27 {
      top: 1120vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-28 {
      top: 1170vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-29 {
      top: 1220vh; }
    .cam-animated-panel-collection .pos-helper.pos-helper-30 {
      top: 1270vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-0 {
    top: 0vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-1 {
    top: 10vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-2 {
    top: 20vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-3 {
    top: 120vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-4 {
    top: 220vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-5 {
    top: 295vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-6 {
    top: 370vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-7 {
    top: 420vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-8 {
    top: 470vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-9 {
    top: 520vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-10 {
    top: 570vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-11 {
    top: 620vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-12 {
    top: 670vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-13 {
    top: 720vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-14 {
    top: 770vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-15 {
    top: 820vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-16 {
    top: 870vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-17 {
    top: 920vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-18 {
    top: 970vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-19 {
    top: 1020vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-20 {
    top: 1070vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-21 {
    top: 1120vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-22 {
    top: 1170vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-23 {
    top: 1220vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-24 {
    top: 1270vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-25 {
    top: 1320vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-26 {
    top: 1370vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-27 {
    top: 1420vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-28 {
    top: 1470vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-29 {
    top: 1520vh; }
  .cam-animated-panel-collection .pos-helper.pos-helper-text-30 {
    top: 1570vh; }
  .cam-animated-panel-collection .sticky-layer {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden; }
  .cam-animated-panel-collection .product-sequence {
    display: none;
    position: relative;
    height: 100%; }
    .cam-animated-panel-collection .product-sequence.active {
      display: block; }
    .cam-animated-panel-collection .product-sequence img {
      position: absolute;
      top: 0px;
      left: 50%;
      width: 100%;
      height: auto;
      transform: translate(-50%, 0);
      opacity: 0; }
      .cam-animated-panel-collection .product-sequence img.active {
        opacity: 1; }
  .cam-animated-panel-collection .product-sequence {
    width: auto !important;
    left: 50% !important;
    transform: translate(-50%, 0); }
    .cam-animated-panel-collection .product-sequence img {
      height: 100%;
      width: auto; }
      .cam-animated-panel-collection .product-sequence img:nth-child(1) {
        position: relative; }
    .cam-animated-panel-collection .product-sequence.product-sequence-6:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 40%;
      background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 5; }
    .cam-animated-panel-collection .product-sequence.product-sequence-6:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 40%;
      background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      transform: rotate(-180deg);
      z-index: 5; }
  .cam-animated-panel-collection .sequence-panel-1 {
    position: relative;
    height: 100%; }
  .cam-animated-panel-collection .product-sequence-51,
  .cam-animated-panel-collection .product-sequence-52 {
    opacity: 0;
    will-change: opacity; }
    .cam-animated-panel-collection .product-sequence-51.fade-in,
    .cam-animated-panel-collection .product-sequence-52.fade-in {
      opacity: 1; }
  .cam-animated-panel-collection .abs-wrap-outer-text,
  .cam-animated-panel-collection .abs-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
  .cam-animated-panel-collection .text-ratio-wrap {
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    left: 50%;
    width: 160vh;
    height: 100%; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box {
      opacity: 0;
      transform: translate(0, 30px);
      will-change: opacity, transform; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box.active {
        opacity: 1;
        transform: translate(0, 0); }
      .cam-animated-panel-collection .text-ratio-wrap .info-box.fade-out {
        opacity: 0;
        transform: translate(0, -30px); }
    .cam-animated-panel-collection .text-ratio-wrap .info-box {
      position: absolute;
      max-width: 200px; }
      @media only screen and (max-width: 1023px) {
        .cam-animated-panel-collection .text-ratio-wrap .info-box {
          max-width: 150px; } }
      .cam-animated-panel-collection .text-ratio-wrap .info-box .box-title {
        position: relative;
        font-size: 20px;
        line-height: 28px;
        font-family: 'UniversNextLight';
        font-weight: 300; }
        @media only screen and (max-width: 1023px) {
          .cam-animated-panel-collection .text-ratio-wrap .info-box .box-title {
            font-size: 16px;
            line-height: 24px; } }
      .cam-animated-panel-collection .text-ratio-wrap .info-box .indicator-wrap {
        position: absolute;
        top: 15px;
        left: calc(100% + 10px); }
        @media only screen and (max-width: 1023px) {
          .cam-animated-panel-collection .text-ratio-wrap .info-box .indicator-wrap {
            top: 13px; } }
        .cam-animated-panel-collection .text-ratio-wrap .info-box .indicator-wrap .line {
          height: 1px;
          width: 100%;
          background: white; }
        .cam-animated-panel-collection .text-ratio-wrap .info-box .indicator-wrap .dot {
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          background: white;
          right: 0;
          top: -5px; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-1 {
      top: 28%;
      right: 70%;
      text-align: right; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-1 .indicator-wrap {
        width: 29vh; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-3 {
      top: 40%;
      right: 70%;
      text-align: right; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-3 .indicator-wrap {
        width: 19vh; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-2 {
      top: 15%;
      left: 70%; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-2 .indicator-wrap {
        width: 14vh;
        right: calc(100% + 10px);
        left: auto; }
        .cam-animated-panel-collection .text-ratio-wrap .info-box-2 .indicator-wrap .dot {
          left: 0;
          right: auto; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-4 {
      top: 33%;
      left: 70%; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-4 .indicator-wrap {
        width: 20vh;
        right: calc(100% + 10px);
        left: auto; }
        .cam-animated-panel-collection .text-ratio-wrap .info-box-4 .indicator-wrap .dot {
          left: 0;
          right: auto; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-5 {
      top: 70%;
      left: 66%; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-5 .indicator-wrap {
        width: 23vh;
        right: calc(100% + 10px);
        left: auto; }
        .cam-animated-panel-collection .text-ratio-wrap .info-box-5 .indicator-wrap .dot {
          left: 0;
          right: auto; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-6 {
      top: 28%;
      right: 70%;
      text-align: right;
      max-width: 230px; }
      @media only screen and (max-width: 1023px) {
        .cam-animated-panel-collection .text-ratio-wrap .info-box-6 {
          max-width: 200px;
          right: 66%; } }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-6 .indicator-wrap {
        width: 15vh; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-7 {
      top: 54%;
      right: 70%;
      text-align: right; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-7 .indicator-wrap {
        width: 20vh; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-8,
    .cam-animated-panel-collection .text-ratio-wrap .info-box-9,
    .cam-animated-panel-collection .text-ratio-wrap .info-box-10 {
      top: 13%;
      right: 70%;
      text-align: right; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-8 .indicator-wrap,
      .cam-animated-panel-collection .text-ratio-wrap .info-box-9 .indicator-wrap,
      .cam-animated-panel-collection .text-ratio-wrap .info-box-10 .indicator-wrap {
        width: 17vh; }
    .cam-animated-panel-collection .text-ratio-wrap .info-box-11 {
      top: 64%;
      right: 70%;
      text-align: right; }
      .cam-animated-panel-collection .text-ratio-wrap .info-box-11 .indicator-wrap {
        width: 23vh; }

body:not(.portrait-ratio) .mobile-indicator {
  display: none; }

body.portrait-ratio .cam-animated-panel-collection {
  height: 1300vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1px; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-0 {
      top: 0vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-1 {
      top: 50vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-2 {
      top: 60vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-3 {
      top: 110vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-4 {
      top: 160vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-5 {
      top: 170vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-6 {
      top: 220vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-7 {
      top: 270vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-8 {
      top: 280vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-9 {
      top: 330vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-10 {
      top: 340vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-11 {
      top: 415vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-12 {
      top: 425vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-13 {
      top: 500vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-14 {
      top: 510vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-15 {
      top: 560vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-16 {
      top: 570vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-17 {
      top: 620vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-18 {
      top: 670vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-19 {
      top: 720vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-20 {
      top: 770vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-21 {
      top: 820vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-22 {
      top: 870vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-23 {
      top: 920vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-24 {
      top: 970vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-25 {
      top: 1020vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-26 {
      top: 1070vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-27 {
      top: 1120vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-28 {
      top: 1170vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-29 {
      top: 1220vh; }
    body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-30 {
      top: 1270vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-0 {
    top: 0vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-1 {
    top: 50vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-2 {
    top: 100vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-3 {
    top: 150vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-4 {
    top: 200vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-5 {
    top: 250vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-6 {
    top: 200vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-7 {
    top: 250vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-8 {
    top: 300vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-9 {
    top: 350vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-10 {
    top: 400vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-11 {
    top: 450vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-12 {
    top: 500vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-13 {
    top: 550vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-14 {
    top: 600vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-15 {
    top: 650vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-16 {
    top: 700vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-17 {
    top: 750vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-18 {
    top: 800vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-19 {
    top: 850vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-20 {
    top: 900vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-21 {
    top: 950vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-22 {
    top: 1000vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-23 {
    top: 1050vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-24 {
    top: 1100vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-25 {
    top: 1150vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-26 {
    top: 1200vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-27 {
    top: 1250vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-28 {
    top: 1300vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-29 {
    top: 1350vh; }
  body.portrait-ratio .cam-animated-panel-collection .pos-helper.pos-helper-text-mobile-30 {
    top: 1400vh; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator {
    width: 32px;
    height: 32px;
    position: absolute;
    opacity: 0;
    will-change: opacity, transform;
    transform: translate(0, 20px); }
    body.portrait-ratio .cam-animated-panel-collection .mobile-indicator.active {
      opacity: 1;
      transform: translate(0, 0); }
    body.portrait-ratio .cam-animated-panel-collection .mobile-indicator.fade-out {
      opacity: 0; }
    body.portrait-ratio .cam-animated-panel-collection .mobile-indicator .circle {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 2px solid #2574C3;
      border-radius: 100%;
      opacity: 0.5; }
    body.portrait-ratio .cam-animated-panel-collection .mobile-indicator .dot {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #2574C3;
      width: 18px;
      height: 18px;
      border-radius: 100%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-wrap {
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    left: 50%;
    width: 160vh;
    height: 100%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-1 {
    top: 28%;
    left: 46%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-2 {
    top: 12%;
    left: 59%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-3 {
    top: 40%;
    left: 42%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-4 {
    top: 32%;
    left: 57%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-5 {
    top: 69%;
    left: 51%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-6 {
    top: 27%;
    left: 41%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-7 {
    top: 52%;
    left: 44%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-8 {
    top: 13%;
    left: 41%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-9 {
    top: 13%;
    left: 41%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-10 {
    top: 13%;
    left: 41%; }
  body.portrait-ratio .cam-animated-panel-collection .mobile-indicator-11 {
    top: 63%;
    left: 46%; }
  body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap {
    width: 100%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box {
      text-align: left !important;
      max-width: 250px; }
      body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box .indicator-wrap {
        display: none; }
      body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box .box-title {
        font-size: 20px;
        line-height: 28px; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-1 {
      right: auto;
      left: 50px;
      top: 40%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-2 {
      top: 22%;
      right: 50px;
      left: auto; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-3 {
      left: 50px;
      right: auto;
      top: 50%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-4 {
      left: 50px;
      top: 50%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-5 {
      left: 50px;
      top: 50%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-6 {
      left: 50px;
      right: auto;
      top: 40%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-7 {
      right: auto;
      left: 50px;
      top: 70%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-8,
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-9,
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-10 {
      left: 50px;
      right: auto;
      top: 34%; }
    body.portrait-ratio .cam-animated-panel-collection .text-ratio-wrap .info-box-11 {
      left: 50px;
      right: auto;
      top: 75%; }