@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');

.tisi19,
.tisi19 *{box-sizing:border-box}

.tisi19{
  --t19-content:1210px;
  --t19-text:390px;
  --t19-slider:735px;
  --t19-right:5px;
  --t19-colgap:34px;
  --t19-imgw:360px;
  --t19-imgh:207px;
  --t19-imggap:15px;
  --t19-rowgap:15px;
  --t19-pt:28px;
  --t19-pb:36px;
  --t19-titlegap:10px;
  --t19-height:650px;
  --t19-title:43px;
  --t19-desc:14px;
  --t19-fit:contain;
  --t19-zoom:1.01;
  --t19-hover:#2E6CB4;
  --t19-top-speed:20;
  --t19-bottom-speed:24;

  position:relative;
  width:100%;
  min-height:var(--t19-height);
  overflow:hidden;
  background:transparent!important;
  color:#fff;
  font-family:"Open Sans",Arial,sans-serif;
}

.tisi19__inner{
  width:min(var(--t19-content),calc(100% - 24px));
  margin:0 auto;
  padding:var(--t19-pt) 0 var(--t19-pb);
}

.tisi19__title{
  margin:0 0 var(--t19-titlegap);
  text-align:center;
  color:#fff;
  font:800 var(--t19-title)/1.16 "Open Sans",Arial,sans-serif;
  letter-spacing:-.02em;
}

.tisi19__main{
  display:grid;
  grid-template-columns:minmax(220px,var(--t19-text)) minmax(0,var(--t19-slider));
  gap:var(--t19-colgap);
  align-items:center;
  justify-content:center;
  min-width:0;
}

.tisi19__copy{min-width:0;text-align:left}
.tisi19__desc{font:400 var(--t19-desc)/1.7 "Open Sans",Arial,sans-serif;color:rgba(255,255,255,.78)}
.tisi19__desc p{margin:0 0 28px}

.tisi19__button{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:164px;min-height:56px;padding:0 22px;border-radius:13px;
  background:#f6c82e;color:#fff!important;text-decoration:none!important;
  font:800 16px/1 "Open Sans",Arial,sans-serif;
}
.tisi19__button:hover,.tisi19__button:focus{background:var(--t19-hover)!important;color:#fff!important}

.tisi19__viewport{
  width:min(var(--t19-slider),100%);
  max-width:100%;min-width:0;overflow:hidden;
  display:flex;flex-direction:column;gap:var(--t19-rowgap);

  /* Only the image block uses the right-edge setting.
     Text/title remain in the centered layout. */
  position:relative;
  left:calc(
    (
      min(var(--t19-content), 100vw)
      - var(--t19-text)
      - var(--t19-slider)
      - var(--t19-colgap)
    ) / 2
    - var(--t19-right)
  );
}
.tisi19__row{width:100%;height:var(--t19-imgh);overflow:hidden;position:relative}
.tisi19__track{
  display:flex;align-items:center;width:max-content;height:var(--t19-imgh);
  transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;
}
.tisi19__group{
  display:flex;align-items:center;flex:none;height:var(--t19-imgh);
  gap:var(--t19-imggap);padding-right:var(--t19-imggap);margin:0;
}
.tisi19__card{
  flex:0 0 var(--t19-imgw);width:var(--t19-imgw);min-width:var(--t19-imgw);max-width:var(--t19-imgw);
  height:var(--t19-imgh);margin:0!important;padding:0!important;overflow:hidden;
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
.tisi19__card img{
  display:block;width:100%;height:100%;margin:0!important;padding:0!important;border:0!important;outline:0!important;
  object-fit:var(--t19-fit);object-position:center;transform:scale(var(--t19-zoom));transform-origin:center;
}

@media(max-width:1200px) and (min-width:768px){
  .tisi19__inner{width:calc(100% - 20px);padding-right:min(var(--t19-right),25px)}
  .tisi19__main{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:min(var(--t19-colgap),24px);justify-content:stretch}
  .tisi19__viewport{width:100%}
}

@media(max-width:767px){
  .tisi19{min-height:auto}
  .tisi19__inner{width:100%;padding:var(--t19-pt) 10px var(--t19-pb)}
  .tisi19__title{font-size:min(var(--t19-title),30px);margin-bottom:min(var(--t19-titlegap),34px)}
  .tisi19__main{display:block}
  .tisi19__copy{max-width:620px;margin:0 auto 28px;text-align:center}
  .tisi19__desc,.tisi19__desc p{text-align:center}
  .tisi19__button{margin-left:auto;margin-right:auto}
  .tisi19__viewport{width:100%}
}

@media(max-width:1200px) and (min-width:768px){
  .tisi19__viewport{
    left:0;
    margin-left:auto;
    margin-right:var(--t19-right);
    width:calc(100% - var(--t19-right));
  }
}


/* v19 MOBILE FIX */
@media(max-width:767px){
  .tisi19{
    min-height:auto !important;
    overflow:hidden !important;
  }

  .tisi19__inner{
    width:100% !important;
    max-width:100% !important;
    padding:var(--t19-pt) 10px var(--t19-pb) !important;
    overflow:hidden !important;
  }

  .tisi19__main{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  .tisi19__copy{
    width:100% !important;
    max-width:620px !important;
    margin:0 auto 28px !important;
    text-align:center !important;
  }

  .tisi19__viewport{
    position:relative !important;
    left:0 !important;
    right:auto !important;
    margin:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .tisi19__row{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:var(--t19-imgh) !important;
    overflow:hidden !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .tisi19__track{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .tisi19__card{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .tisi19__button{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}