.cmp-interactive__wrap {
  display:flex;
  justify-content: space-between;
  margin-top:44px;
  margin-bottom:44px;
}

@media (max-width:1024px) {
  .cmp-interactive {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cmp-interactive > h2 {
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: 0em;
	margin: 0 0 24px;
}

.cmp-interactive > h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0.08em;
	margin:0;
}

.cmp-interactive__desktop {
 display:block; 
}

.cmp-interactive__mobile {
 display:none; 
}

@media (max-width:1024px) {
  .cmp-interactive__wrap {
    margin-top:40px;
    margin-bottom:40px;
  }
  
  .cmp-interactive__desktop {
   display:none; 
  }
  
  .cmp-interactive__mobile {
   display:block; 
  }
}



.cmp-interactive--accordionfifty .cmp-interactive__desktop .cmp-interactive__wrap > * {
  flex:1;
  width:100%;
}

.cmp-interactive--accordionfifty .cmp-interactive__stage {
  width:100%;
  height:755px;
  overflow:hidden;
  position: relative;
}

.cmp-interactive--accordionfifty .cmp-interactive__desktop .cmp-interactive__controller-list {
    padding-right: 32px;
}

.cmp-interactive--accordionthirtyseventy .cmp-interactive__desktop .cmp-interactive__controller {
  width:calc(30% - 16px);
}

.cmp-interactive--accordionthirtyseventy .cmp-interactive__desktop .cmp-interactive__stage {
  width:calc(70% - 16px);
  height:734px;
  overflow:hidden;
  position: relative;
}

.cmp-interactive--accordionfifty .cmp-interactive__stage-item,
.cmp-interactive--accordionthirtyseventy .cmp-interactive__stage-item {
  position:absolute;
  top:100%;
  width:100%;
}

.cmp-interactive--accordionfifty .cmp-interactive__stage-item img,
.cmp-interactive--accordionthirtyseventy .cmp-interactive__stage-item img {
  width:100%;
}

.cmp-interactive--accordionfifty .js-intsi,
.cmp-interactive--accordionthirtyseventy .js-intsi {
  top:0%;
  z-index:1;
  /* transition: top 400ms ease-in; */
}   
.cmp-interactive--accordionfifty .js-persist,
.cmp-interactive--accordionthirtyseventy .js-persist {
  top:0%;
  z-index:1;
}   

.cmp-interactive--accordionfifty .js-intsa,
.cmp-interactive--accordionthirtyseventy .js-intsa {
  top:0%;
  z-index:2;
  transition: top 400ms ease-in;
}

@keyframes slidein {
  from {
    top:100%;
  }

  to {
    top:0%;
  }
}

@keyframes slideout {
  from {
    top:0%;
  }

  to {
    top:100%;
  }
}

.cmp-interactive__control-item {
  border-color: #CACCD7;
  border-left-width:1px;
  border-left-style: solid;
  padding:12px 0 12px 24px;
  margin-bottom:12px;
  margin-left:1px;
  transition:max-height 0.3s ease-out;
  max-height: 84px;
  overflow: hidden;
}

.cmp-interactive__control-item h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0em;
  margin:0 0 24px 0;
  min-height: 74px;
  align-items: center;
  display: flex;
}

.cmp-interactive__control-item h3:hover {
  color:#626478;
  cursor:pointer;
}

.cmp-interactive--accordionfifty .cmp-interactive__control-item.js-intca,
.cmp-interactive--accordionthirtyseventy .cmp-interactive__control-item.js-intca {
  border-color: #7EBAB8;
  border-left-width:2px;
  margin-left:0px;
  max-height:600px;
}

.cmp-interactive__control-item p,
.cmp-interactive__control-item ul,
.cmp-interactive__control-item ol  {
  font-size: 24px;
  font-weight: 300;
  line-height: 31px;
  letter-spacing: 0em;
  margin:0 0 8px 0;
}

.cmp-interactive__control-item > *:not(.b-button):last-child{
  margin: 0 0 32px 0;
}

.cmp-interactive__control-item > a.b-button {
  margin-top:32px;
}

.cmp-interactive__control-item ul {
    margin-left: -1em;
}

.js-cmp-mobileinteractive__carousel:after {
  content: '';
}

@media (max-width:1024px) {
  .js-cmp-mobileinteractive__carousel:after {
    content: 'flickity';
    display: none; /* hide :after */
  }
}


.cmp-mobileinteractive__item img {
  width:100%;
  height:auto;
}

.cmp-mobileinteractive__text h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 0em;
  margin:48px 0 16px 0;
}

.cmp-mobileinteractive__text p {
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0em;
  margin:0 0 32px 0;
}

.cmp-mobileinteractive__text a.b-button {
  width:100%;
}



/* Tabs */

.cmp-tab__wrap {
  margin-top:44px;
  margin-bottom:44px;
}

@media (max-width:1024px) {
  .cmp-tab__wrap {
    margin-top:40px;
    margin-bottom:40px;
  }
}

.cmp-tab__controller {
  margin-bottom:32px;
}

@media (max-width:1024px) {
  .cmp-tab__controller, .cmp-tab__stage {
    display:none;
  }
}

.cmp-tab__controller-list {
    display: flex;
}

.cmp-tab__control-item {
    flex: 1;
    margin-right:32px;
    cursor: pointer;
}

.cmp-tab__icon > * {
  pointer-events: none;
}

.cmp-tab__control-item:last-child {
  margin-right:0;
}

.cmp-tab__control-item h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;  
  padding-bottom:24px;
  padding-top:24px;
  margin:0 0 1px 0;
  border-bottom:1px solid #CACCD7;
}

.cmp-tab__control-item.js-intca h3 {
  font-weight: 500;
  border-bottom:2px solid #222;
  margin-bottom:0px;
}


.cmp-tab__stage-item {
  display:flex;
}

.cmp-tab__wrap--tabsalt .cmp-tab__stage-item {
  flex-direction: row-reverse;
}

@media (max-width:1024px) {
  .cmp-tab__stage-item {
    flex-direction:column-reverse;
  }
  .cmp-tab__wrap--tabsalt .cmp-tab__stage-item {
    flex-direction: column;
  }
}

.cmp-tab__stage-image {
  flex:1;
  background: #fff;
  display: flex;
  align-items: center;
}

/* -prior version style in case debugging is needed later 
.cmp-tab__stage-image img {
  object-fit:cover;
  width: 100%;
  height: 100%;
}
*/

.cmp-tab__stage-image img {
  width: 100%;
  height: auto;
}

@media (max-width:1024px) {
  .cmp-tab__stage-image img {
    object-fit:none;
    width: 100%;
    height: auto;
  }
}

.cmp-tab__stage-text {
  flex:1;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  background:#fff;
}

@media (max-width:1024px) {
  .cmp-tab__stage-text {
    padding: 32px 0;
  }
}

.cmp-tab__stage-text > * {
  padding:0 20px;
  width:100%;
}

@media (min-width:1025px) {
  .cmp-tab__stage-text > * {
    width:75%;
    padding:0;
  }
}

.cmp-tab__stage-text h3 {
  font-size:50px;
  line-height:55px;
  margin:0 0 24px 0;
  font-weight: 500;
}

.cmp-tab__stage-text p,
.cmp-tab__stage-text ul,
.cmp-tab__stage-text ol {
  font-size:24px;
  line-height:28.13px;
}

.cmp-tab__stage-text ul {
    margin-left: 1.3em;
}

.cmp-tab__stage-list {
  position:relative;
  min-height:658px;
  overflow:hidden;
}

.cmp-tab__stage-item {
 position:absolute;
 top:100%;
}

@media (max-width:1024px) {
  .cmp-tab__stage-item {
    position:static;
  }
}

.cmp-tab__stage-item.js-intsi {
  top:0%;
  z-index:1;
  /* transition: top 400ms ease-in; */
}
.cmp-tab__stage-item.js-persist {
  top:0%;
  z-index:1;
}

.cmp-tab__stage-item.js-intsa {
  top:0%;
  z-index:2;
  transition: top 400ms ease-in;
}

.cmp-interactive .cmp-interactive__imgwrap {
  position:relative;
}

.cmp-interactive .util-caption {
  display:block;
  position: absolute;
  padding: 2px 6px 0;
  bottom: 15px;
  right: 10px;
  color: #fff;
  z-index:2;
  background: rgba(0,0,0,0.5);
  font-size: 10px;
}
.util-pdf-link:before {
	content:"";
	display:inline-block;
	margin: 0 6px -5px 0;
	width:22px;
	height:23px;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.00244141H11.4142L18 6.58823V12.0024H16V8.00244H10V2.00244H2V20.0024H11.5L13.5 22.0024H0V0.00244141ZM12 3.41665L14.5858 6.00244H12V3.41665ZM16 18.5882V14.0024H18V18.5882L20.2929 16.2953L21.7071 17.7095L17 22.4167L12.2929 17.7095L13.7071 16.2953L16 18.5882Z' fill='%23222'/%3E%3C/svg%3E");
}

.cmp-interactive a.util-pdf-link {
	margin-right:1em;
}

.cmp-interactive__staticimg {
  transition: none !important;
}