#orange-lines-1, #orange-lines-1b, #orange-lines-2, #orange-lines-2b, .interactive-container, .interactive-container2, .container, .feature-item, .content-features-1, .content-features-2, .content-features-1b, .content-features-2b {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  }
.interactive-navigation {
  padding:3rem 0;
  position: relative;
  width: 100%;
}
.interactive-navigation img {
  cursor: pointer;
  border:1px solid #dadadb;
  padding:4px;
  margin-left:15px;
}
.interactive-navigation img.nav-active {border-color:#0090f1;}
.interactive-navigation h2 {
  float:left;
  margin-top:3rem;
}
.interactive {
  margin:auto;
  width: calc(100% - 16rem);
  margin-left: 8rem;
  height:auto;
  overflow: hidden;
  margin-top:6rem;
}
#interactive01 {padding-bottom: 45rem;}
#interactive02 {padding-bottom: 42rem;}
#interactive03 {padding-bottom: 40rem;}
#interactive04 {padding-bottom: 3rem;}
#interactive05 {padding-bottom: 3rem;}
#interactive06 {padding-bottom: 15rem;}
#interactive07 {padding-bottom: 11rem;}
#interactive08 {padding-bottom: 18rem;}
#interactive09 {padding-bottom: 3rem;}
#interactive10 {padding-bottom: 10rem;}

.interactive-select {
   width: calc(100% - 16rem);
  margin-left: 8rem;
  margin: auto;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align:right;
}
.interactive-container1, .interactive-container2, .interactive-container3, .interactive-container4, .interactive-container5, .interactive-container6, .interactive-container7, .interactive-container8, .interactive-container9, .interactive-container10 {
  width:200%;
  height:auto;
  display: flex;
  flex-direction: row;
  position: relative;
} 
.container {
  width:100%;
  height:auto;
  
  padding: 30px 25px;
  border-top: 1px solid #0090f1;
  border-bottom: 1px solid #0090f1;
}
.view-container:focus, .img-container:focus, .interactive:focus, .interactive div:focus {
  outline: none!important;
}
.view-container {
  width:50%;
  height:auto;
  position: relative;
  float: left;
}
.img-container {
  width:100%;
  max-width: 100%;
  bottom: 0;
  height: auto;
  position: absolute;
  bottom:0px;
  top: 0;
  float: left;
  position: relative;
  padding-bottom:0; 
}
.img-container img {
  width:60%;
  max-width: 100%;
  top: auto;
  bottom: 0;
}

.content-features-1, .content-features-2, .content-features-1b, .content-features-2b, .content-features-1c, .content-features-2c, .content-features-1d, .content-features-2d, .content-features-1e, .content-features-2e, .content-features-1f, .content-features-2f, .content-features-1g, .content-features-2g, .content-features-1h, .content-features-2h, .content-features-1i, .content-features-2i, .content-features-1j, .content-features-2j {
  display: block;
  background-color: #ffffff;
  margin-left:0%;
  height: 300px;
  width: 38%;
  text-align: left;
  padding:0;
  position: absolute;
  height: 100%;
  top: 3rem;
  left: 62%;
}
.content-features-1 .feature-item, .content-features-2 .feature-item, .content-features-1b .feature-item, .content-features-2b .feature-item, .content-features-1c .feature-item, .content-features-2c .feature-item, .content-features-1d .feature-item, .content-features-2d .feature-item, .content-features-1e .feature-item, .content-features-2e .feature-item, .content-features-1f .feature-item, .content-features-2f .feature-item, .content-features-1g .feature-item, .content-features-2g .feature-item, .content-features-1h .feature-item, .content-features-2h .feature-item, .content-features-1i .feature-item, .content-features-2i .feature-item, .content-features-1j .feature-item, .content-features-2j .feature-item {
  width:100%;
  height: auto;
  position:relative;
  float:left;
}
.content-features-1 .feature-item p, .content-features-2 .feature-item p, .content-features-1b .feature-item p, .content-features-2b .feature-item p, .content-features-1c .feature-item p, .content-features-2c .feature-item p, .content-features-1d .feature-item p, .content-features-2d .feature-item p, .content-features-1e .feature-item p, .content-features-2e .feature-item p, .content-features-1f .feature-item p, .content-features-2f .feature-item p, .content-features-1g .feature-item p, .content-features-2g .feature-item p, .content-features-1h .feature-item p, .content-features-2h .feature-item p, .content-features-1i .feature-item p, .content-features-2i .feature-item p, .content-features-1j .feature-item p, .content-features-2j .feature-item p {margin:0;}
.feature-item p:last-child {padding-bottom:50px;}
.feature-item p, .feature-item h2 {padding-right:15px;}
.feature-list-container {
  display: block;
  color:red;
  height: 100%;
  width: 100%;
  text-align: left;
  padding:4rem 3rem;
  position: relative;
  bottom: 0;
  float:left;
  font-size: 1.9rem;
}
.feature-list-container ul {
  width:50%;
  display: block;
  float: left;
  padding-left: 0;

}
.feature-list-container li {
  margin-bottom:4px;
  display: inline-block;
  position: relative;
  font-size: 0.95em;
  padding-right: 30px;
  color:#0090f1;
  cursor: pointer;
  width:100%;
  padding-right: 12px;
  font-weight: 400;
}
.feature-list-container ul li {
  font-size: 1.7rem!important;
  font-weight: 500;
}
.main-content .feature-item p {
  font-size: 1.8rem!important;
  line-height: 1.4;
}
h4 {
  display: inline-block;
  color:red;
  font-size: 1.5em;
}
.feature-item h2 {color:#0090f1;margin-top: 0;font-size: 1.9rem;font-weight: 500;}
p {font-size: 1.6rem;margin: 0 0 10px;}
.hide-feat {display:none;}
.show-feat {display:block;}
#orange-lines-1, #orange-lines-2, #orange-lines-1b, #orange-lines-2b, #orange-lines-1c, #orange-lines-2c, #orange-lines-1d, #orange-lines-2d, #orange-lines-1e, #orange-lines-2e, #orange-lines-1f, #orange-lines-2f, #orange-lines-1g, #orange-lines-2g, #orange-lines-1h, #orange-lines-2h, #orange-lines-1i, #orange-lines-2i, #orange-lines-1j, #orange-lines-2j {
  border:1px solid #37aefd;
  border-width: 1px 1px 0px 1px;
  display: block;
  top: 0;
  position: absolute;
  right:33%;


}
.interactive-container1, .interactive-container2, #orange-lines-1, #orange-lines-1b, #orange-lines-2, #orange-lines-2b, .interactive-container3, .interactive-container4, .interactive-container5, .interactive-container6, .interactive-container7, .interactive-container8, .interactive-container9, .interactive-container10, #orange-lines-1c, #orange-lines-2c, #orange-lines-1d, #orange-lines-2d, #orange-lines-1e, #orange-lines-2e, #orange-lines-1f, #orange-lines-2f, #orange-lines-1g, #orange-lines-2g, #orange-lines-1h, #orange-lines-2h, #orange-lines-1i, #orange-lines-2i, #orange-lines-1j, #orange-lines-2j {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.red-dots-1, .red-dots-2, .red-dots-1b, .red-dots-2b, .red-dots-1c, .red-dots-2c, .red-dots-1d, .red-dots-2d, .red-dots-1e, .red-dots-2e, .red-dots-1f, .red-dots-2f, .red-dots-1g, .red-dots-2g, .red-dots-1h, .red-dots-2h, .red-dots-1i, .red-dots-2i, .red-dots-1j, .red-dots-2j {
  position: absolute;
  bottom: 0;
  left: 0.5%;
  display: block;
  width: 60%;
  height: 100%;
}
.red-dots-1 li, .red-dots-2 li, .red-dots-1b li, .red-dots-2b li, .red-dots-1c li, .red-dots-2c li, .red-dots-1d li, .red-dots-2d li, .red-dots-1e li, .red-dots-2e li, .red-dots-1f li, .red-dots-2f li, .red-dots-1g li, .red-dots-2g li, .red-dots-1h li, .red-dots-2h li, .red-dots-1i li, .red-dots-2i li, .red-dots-1j li, .red-dots-2j li {
  cursor: pointer;
  background-color: red;
  position: absolute;
  list-style: none;
  border-radius: 10px;
  height: 10px;
  width: 10px;
  padding: 6px;
  opacity: 0;
  transition-duration: .4s;
  display: block;
}

.right {margin-left: 0;}
.left {margin-left: -100%;}

@media only screen and (max-width: 940px) {
.interactive-navigation img {
  padding: 3px;
  max-width: 49%;
  margin: 0 0.5% 0 0.5%;
}
.interactive-navigation {padding-bottom: 1rem;}
.content-features-1 .feature-item, .content-features-2 .feature-item, .content-features-1b .feature-item, .content-features-2b .feature-item, .content-features-1c .feature-item, .content-features-2c .feature-item, .content-features-1d .feature-item, .content-features-2d .feature-item, .content-features-1e .feature-item, .content-features-2e .feature-item, .content-features-1f .feature-item, .content-features-2f .feature-item, .content-features-1g .feature-item, .content-features-2g .feature-item, .content-features-1h .feature-item, .content-features-2h .feature-item, .content-features-1i .feature-item, .content-features-2i .feature-item, .content-features-1j .feature-item, .content-features-2j .feature-item {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  border-width: 0px 1px 0px 1px;
  padding:1rem 1.5rem;
}
.content-features-1 .feature-item p, .content-features-2 .feature-item p, .content-features-1b .feature-item p, .content-features-2b .feature-item p, .content-features-1c .feature-item p, .content-features-2c .feature-item p, .content-features-1d .feature-item p, .content-features-2d .feature-item p, .content-features-1e .feature-item p, .content-features-2e .feature-item p, .content-features-1f .feature-item p, .content-features-2f .feature-item p, .content-features-1g .feature-item p, .content-features-2g .feature-item p, .content-features-1h .feature-item p, .content-features-2h .feature-item p, .content-features-1i .feature-item p, .content-features-2i .feature-item p, .content-features-1j .feature-item p, .content-features-2j .feature-item p {line-height:1.5;}
.feature-list-container {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  left: 0;
  margin-left: 0;
  padding:1.5rem;
}
.red-dots-1, .red-dots-2, .red-dots-1b, .red-dots-2b, .red-dots-1c, .red-dots-2c, .red-dots-1d, .red-dots-2d, .red-dots-1e, .red-dots-2e, .red-dots-1f, .red-dots-2f, .red-dots-1g, .red-dots-2g, .red-dots-1h, .red-dots-2h, .red-dots-1i, .red-dots-2i, .red-dots-1j, .red-dots-2j {
  bottom: -3%;
  width:100%;
}
.feature-list-container li {
  font-size:1.2em;
  margin-bottom:6px;
}
.content-features-1, .content-features-2, .content-features-1b, .content-features-2b, .content-features-1c, .content-features-2c, .content-features-1d, .content-features-2d, .content-features-1e, .content-features-2e, .content-features-1f, .content-features-2f, .content-features-1g, .content-features-2g, .content-features-1h, .content-features-2h, .content-features-1i, .content-features-2i, .content-features-1j, .content-features-2j {
  margin-bottom: 0px;
  top: 105%;
  margin-top: 0px;
  width: calc(100% - 2rem);
  left: 1rem;
}
.interactive {
  padding-bottom: 480px;
  width:calc(100% - 2rem );
  margin-left: 1rem;
  margin-top:1rem;
}
#interactive2 {padding-bottom: 390px;}
.interactive-navigation h2 {
  float:none;
  margin-top:3rem;
  margin-bottom:2rem;
}
.interactive-select {
  width:calc(100% - 2rem );
  margin-left: 1rem;
  text-align:center;
}
.img-container img {
  width:100%;
}
#orange-lines-1, #orange-lines-2, #orange-lines-1b, #orange-lines-2b, #orange-lines-1c, #orange-lines-2c, #orange-lines-1d, #orange-lines-2d, #orange-lines-1e, #orange-lines-2e, #orange-lines-1f, #orange-lines-2f, #orange-lines-1g, #orange-lines-2g, #orange-lines-1h, #orange-lines-2h, #orange-lines-1i, #orange-lines-2i, #orange-lines-1j, #orange-lines-2j {
  border-width: 1px 0px 1px 1px;
  bottom:-20%;
  top: auto;
  position: absolute;
  right:auto;
  left:0;
}
}

/* interactive 01 desktop */
#interactive01 .size01 {width: 57.1%;height: 16%;}
#interactive01 .size02 {width: 57.4%;height: 62%;}
#interactive01 .size03 {width: 50.1%;height: 62%;}
#interactive01 .size04 {width: 43.9%;height: 63.5%;}
#interactive01 .size05 {width: 37%;height: 82%;}
#interactive01 .size06 {width: 35.1%;height: 62%;}
#interactive01 .size07 {width: 30.2%;height: 62%;}
#interactive01 .size08 {width: 25.1%;height: 63%;}

#interactive01 .size09 {width: 20.3%;height: 64%;}
#interactive01 .size10 {width: 15.4%;height: 64%;}
#interactive01 .size11 {width: 47.9%;height: 19%;}
#interactive01 .size12 {width: 26%;height: 19%;}
#interactive01 .size13 {width: 17.6%;height: 18%;}
#interactive01 .size14 {width: 15.7%;height: 18%;}

#interactive01 #dot01 {left: 15%;bottom: 74%;}
#interactive01 #dot02 {left: 14.5%;bottom: 28%;}
#interactive01 #dot03 {left: 26.5%;bottom: 28%;}
#interactive01 #dot04 {left: 37%;bottom: 28%;}
#interactive01 #dot05 {left: 48.5%;bottom: 12%;}
#interactive01 #dot06 {left: 51.7%;bottom: 28%;}
#interactive01 #dot07 {left: 59.9%;bottom: 28%;}
#interactive01 #dot08 {left: 68.2%;bottom: 28%;}
#interactive01 #dot09 {left: 76.3%;bottom: 28%;}
#interactive01 #dot10 {left: 84.5%;bottom: 28%;}
#interactive01 #dot11 {left: 30.3%;bottom: 74%;}
#interactive01 #dot12 {left: 66.7%;bottom: 74%;}
#interactive01 #dot13 {left: 80.7%;bottom: 74%;}
#interactive01 #dot14 {left: 84%;bottom: 74%;}

#interactive01 .size21 {width: 60.6%;height: 18%;}
#interactive01 .size22 {width: 63.7%;height: 57%;}
#interactive01 .size23 {width: 40.3%;height: 18%;}
#interactive01 .size24 {width: 34%;height: 18%;}
#interactive01 .size25 {width: 31.4%;height: 18%;}
#interactive01 .size26 {width: 28.6%;height: 18%;}
#interactive01 .size27 {width: 24.1%;height: 18%;}
#interactive01 .size28 {width: 18.7%;height: 18%;}
#interactive01 .size29 {width: 33.7%;height: 75%;}
#interactive01 .size30 {width: 28.8%;height: 75%;}

#interactive01 #dot21 {left: 9.2%;bottom: 75%;}
#interactive01 #dot22 {left: 4%;bottom: 36%;}
#interactive01 #dot23 {left: 43%;bottom: 75%;}
#interactive01 #dot24 {left: 53.4%;bottom: 75%;}
#interactive01 #dot25 {left: 57.8%;bottom: 75%;}
#interactive01 #dot26 {left: 62.5%;bottom: 75%;}
#interactive01 #dot27 {left: 70%;bottom: 75%;}
#interactive01 #dot28 {left: 79%;bottom: 75%;}
#interactive01 #dot29 {left: 54%;bottom: 17%;}
#interactive01 #dot30 {left: 62.2%;bottom: 17%;}
/* ends interactive 01 desktop */
/* interactive 02 desktop */
#interactive02 .size01b {width: 57.1%;height: 16%;}
#interactive02 .size02b {width: 57.4%;height: 62%;}
#interactive02 .size03b {width: 51%;height: 62%;}
#interactive02 .size04b {width: 43.9%;height: 63.5%;}
#interactive02 .size05b {width: 37%;height: 82%;}
#interactive02 .size06b {width: 35.1%;height: 62%;}
#interactive02 .size07b {width: 30.2%;height: 62%;}
#interactive02 .size08b {width: 25.8%;height: 63%;}
#interactive02 .size09b {width: 21.3%;height: 64%;}
#interactive02 .size10b {width: 16.8%;height: 64%;}
#interactive02 .size11b {width: 49.9%;height: 19%;}
#interactive02 .size12b {width: 24.6%;height: 19%;}
#interactive02 .size13b {width: 18.7%;height: 18%;}
#interactive02 .size14b {width: 17.1%;height: 18%;}

#interactive02 #dot01b {left: 15%;bottom: 76%;}
#interactive02 #dot02b {left: 14.5%;bottom: 30%;}
#interactive02 #dot03b {left: 25%;bottom: 30%;}
#interactive02 #dot04b {left: 37%;bottom: 30%;}
#interactive02 #dot05b {left: 48.5%;bottom: 12%;}
#interactive02 #dot06b {left: 51.7%;bottom: 30%;}
#interactive02 #dot07b {left: 59.9%;bottom: 30%;}
#interactive02 #dot08b {left: 67%;bottom: 30%;}
#interactive02 #dot09b {left: 74.6%;bottom: 30%;}
#interactive02 #dot10b {left: 82%;bottom: 30%;}
#interactive02 #dot11b {left: 27%;bottom: 76%;}
#interactive02 #dot12b {left: 69%;bottom: 76%;}
#interactive02 #dot13b {left: 79%;bottom: 76%;}
#interactive02 #dot14b {left: 81.6%;bottom: 76%;}

#interactive02 .size21b {width: 16.9%;height: 17%;}
#interactive02 .size22b {width: 13.8%;height: 50%;}
#interactive02 .size23b {width: 31.3%;height: 17%;}
#interactive02 .size24b {width: 37.6%;height: 17%;}
#interactive02 .size25b {width: 40.7%;height: 17%;}
#interactive02 .size26b {width: 43.6%;height: 17%;}
#interactive02 .size27b {width: 48.4%;height: 17%;}
#interactive02 .size28b {width: 55.9%;height: 17%;}
#interactive02 .size29b {width: 37.3%;height: 75%;}
#interactive02 .size30b {width: 43.3%;height: 75%;}

#interactive02 #dot21b {left: 82%;bottom: 77%;}
#interactive02 #dot22b {left: 87%;bottom: 44%;}
#interactive02 #dot23b {left: 58%;bottom: 77%;}
#interactive02 #dot24b {left: 47.5%;bottom: 77%;}
#interactive02 #dot25b {left: 42.2%;bottom: 77%;}
#interactive02 #dot26b {left: 37.5%;bottom: 77%;}
#interactive02 #dot27b {left: 29.5%;bottom: 77%;}
#interactive02 #dot28b {left: 17%;bottom: 77%;}
#interactive02 #dot29b {left: 48%;bottom: 17%;}
#interactive02 #dot30b {left: 38%;bottom: 17%;}
/* ends interactive 02 desktop */
/* interactive 03 desktop */
#interactive03 .size01c {width: 56.3%;height: 18%;}
#interactive03 .size02c {width: 56.5%;height: 63%;}
#interactive03 .size03c {width: 47.4%;height: 63%;}
#interactive03 .size04c {width: 36.7%;height: 77%;}
#interactive03 .size05c {width: 37.9%;height: 63%;}
#interactive03 .size06c {width: 32.7%;height: 63%;}
#interactive03 .size07c {width: 27.4%;height: 63%;}
#interactive03 .size08c {width: 22.2%;height: 63%;}
#interactive03 .size09c {width: 17%;height: 63%;}
#interactive03 .size10c {width: 45.7%;height: 18%;}
#interactive03 .size11c {width: 28.3%;height: 18%;}
#interactive03 .size12c {width: 19%;height: 18%;}
#interactive03 .size13c {width: 17.5%;height: 18%;}

#interactive03 #dot01c {left: 16.3%;bottom: 76%;}
#interactive03 #dot02c {left: 16%;bottom: 29%;}
#interactive03 #dot03c {left: 31%;bottom: 29%;}
#interactive03 #dot04c {left: 49%;bottom: 17%;}
#interactive03 #dot05c {left: 47%;bottom: 29%;}
#interactive03 #dot06c {left: 55.7%;bottom: 29%;}
#interactive03 #dot07c {left: 64.5%;bottom: 29%;}
#interactive03 #dot08c {left: 73%;bottom: 29%;}
#interactive03 #dot09c {left: 81.8%;bottom: 29%;}
#interactive03 #dot10c {left: 34%;bottom: 76%;}
#interactive03 #dot11c {left: 63%;bottom: 76%;}
#interactive03 #dot12c {left: 78.5%;bottom: 76%;}
#interactive03 #dot13c {left: 81%;bottom: 76%;}

#interactive03 .size21c {width: 54.1%;height: 17%;}
#interactive03 .size22c {width: 56.9%;height: 50%;}
#interactive03 .size23c {width: 42.6%;height: 17%;}
#interactive03 .size24c {width: 37.2%;height: 17%;}
#interactive03 .size25c {width: 33.7%;height: 17%;}
#interactive03 .size26c {width: 30%;height: 17%;}
#interactive03 .size27c {width: 23.5%;height: 17%;}
#interactive03 .size28c {width: 37.2%;height: 75%;}

#interactive03 #dot21c {left: 20%;bottom: 78%;}
#interactive03 #dot22c {left: 15.4%;bottom: 42%;}
#interactive03 #dot23c {left: 39%;bottom: 78%;}
#interactive03 #dot24c {left: 48%;bottom: 78%;}
#interactive03 #dot25c {left: 53.8%;bottom: 78%;}
#interactive03 #dot26c {left: 60%;bottom: 78%;}
#interactive03 #dot27c {left: 71%;bottom: 78%;}
#interactive03 #dot28c {left: 48%;bottom: 20%;}
/* ends interactive 03 desktop */
/* interactive 04 desktop */
#interactive04 .size01d {width: 36.7%;height: 85%;}
#interactive04 .size02d {width: 48.7%;height: 8%;}
#interactive04 .size03d {width: 42.1%;height: 51%;}
#interactive04 .size04d {width: 33.1%;height: 51%;}
#interactive04 .size05d {width: 17.4%;height: 51%;}

#interactive04 #dot01d {left: 49%;bottom: 13%;}
#interactive04 #dot02d {left: 29%;bottom: 90%;}
#interactive04 #dot03d {left: 40%;bottom: 46%;}
#interactive04 #dot04d {left: 55%;bottom: 46%;}
#interactive04 #dot05d {left: 81.3%;bottom: 46%;}

#interactive04 .size21d {width: 39.1%;height: 35%;}
#interactive04 .size22d {width: 35%;height: 35%;}

#interactive04 #dot21d {left: 45%;bottom: 63%;}
#interactive04 #dot22d {left: 52%;bottom: 63%;}
/* ends interactive 04 desktop */
/* interactive 05 desktop */
#interactive05 .size01e {width: 36.7%;height: 85%;}
#interactive05 .size02e {width: 46.2%;height: 8%;}
#interactive05 .size03e {width: 42.1%;height: 51%;}
#interactive05 .size04e {width: 33.1%;height: 51%;}
#interactive05 .size05e {width: 20%;height: 51%;}

#interactive05 #dot01e {left: 49%;bottom: 13%;}
#interactive05 #dot02e {left: 33%;bottom: 90%;}
#interactive05 #dot03e {left: 40%;bottom: 46%;}
#interactive05 #dot04e {left: 55%;bottom: 46%;}
#interactive05 #dot05e {left: 76.7%;bottom: 46%;}

#interactive05 .size21e {width: 39.1%;height: 55%;}
#interactive05 .size22e {width: 35%;height: 55%;}

#interactive05 #dot21e {left: 45%;bottom: 43%;}
#interactive05 #dot22e {left: 52%;bottom: 43%;}
/* ends interactive 05 desktop */
/* interactive 06 desktop */
#interactive06 .size01f {width: 36.7%;height: 82%;}
#interactive06 .size02f {width: 48.7%;height: 15%;}
#interactive06 .size03f {width: 42.1%;height: 51%;}
#interactive06 .size04f {width: 33.1%;height: 51%;}
#interactive06 .size05f {width: 18.1%;height: 51%;}

#interactive06 #dot01f {left: 49%;bottom: 13%;}
#interactive06 #dot02f {left: 29%;bottom: 80%;}
#interactive06 #dot03f {left: 40%;bottom: 46%;}
#interactive06 #dot04f {left: 55%;bottom: 46%;}
#interactive06 #dot05f {left: 80%;bottom: 46%;}

#interactive06 .size21f {width: 29.6%;height: 58%;}
#interactive06 .size22f {width: 25.3%;height: 58%;}

#interactive06 #dot21f {left: 61%;bottom: 37%;}
#interactive06 #dot22f {left: 68%;bottom: 37%;}
/* ends interactive 06 desktop */
/* interactive 07 desktop */
#interactive07 .size01g {width: 36.7%;height: 85%;}
#interactive07 .size02g {width: 45.3%;height: 12%;}
#interactive07 .size03g {width: 42.1%;height: 51%;}
#interactive07 .size04g {width: 33.1%;height: 51%;}
#interactive07 .size05g {width: 22.4%;height: 51%;}

#interactive07 #dot01g {left: 49%;bottom: 13%;}
#interactive07 #dot02g {left: 34.5%;bottom: 83%;}
#interactive07 #dot03g {left: 40%;bottom: 46%;}
#interactive07 #dot04g {left: 55%;bottom: 46%;}
#interactive07 #dot05g {left: 73%;bottom: 46%;}

#interactive07 .size21g {width: 39.1%;height: 36%;}
#interactive07 .size22g {width: 35%;height: 37%;}

#interactive07 #dot21g {left: 45%;bottom: 59%;}
#interactive07 #dot22g {left: 52%;bottom: 59%;}
/* ends interactive 07 desktop */
/* interactive 08 desktop */
#interactive08 .size01h {width: 36.7%;height: 83%;}
#interactive08 .size02h {width: 48.1%;height: 22%;}
#interactive08 .size03h {width: 42.1%;height: 51%;}
#interactive08 .size04h {width: 33.1%;height: 51%;}
#interactive08 .size05h {width: 19.5%;height: 51%;}

#interactive08 #dot01h {left: 49%;bottom: 13%;}
#interactive08 #dot02h {left: 30%;bottom: 73%;}
#interactive08 #dot03h {left: 40%;bottom: 46%;}
#interactive08 #dot04h {left: 55%;bottom: 46%;}
#interactive08 #dot05h {left: 77.6%;bottom: 46%;}

#interactive08 .size21h {width: 30%;height: 59%;}
#interactive08 .size22h {width: 26%;height: 59%;}

#interactive08 #dot21h {left: 60%;bottom: 35%;}
#interactive08 #dot22h {left: 67%;bottom: 35%;}
/* ends interactive 08 desktop */
/* interactive 09 desktop */
#interactive09 .size01i {width: 36.7%;height: 83%;}
#interactive09 .size02i {width: 42.7%;height: 10%;}
#interactive09 .size03i {width: 42.1%;height: 51%;}
#interactive09 .size04i {width: 33.1%;height: 51%;}
#interactive09 .size05i {width: 26.8%;height: 51%;}

#interactive09 #dot01i {left: 49%;bottom: 13%;}
#interactive09 #dot02i {left: 39%;bottom: 88%;}
#interactive09 #dot03i {left: 40%;bottom: 46%;}
#interactive09 #dot04i {left: 55%;bottom: 46%;}
#interactive09 #dot05i {left: 65.5%;bottom: 46%;}

#interactive09 .size21i {width: 39%;height: 39%;}
#interactive09 .size22i {width: 35.2%;height: 39%;}

#interactive09 #dot21i {left: 45%;bottom: 58%;}
#interactive09 #dot22i {left: 51.5%;bottom: 58%;}
/* ends interactive 09 desktop */

.container-inner {
  overflow-y:auto;
  height:280px;
  position:relative;
  }
.fade-to-white {
  position:absolute;
  height:90px;
  width:100%;
  z-index:250;
  left: 0;
  display: block;
  top: 225px;
  width: calc(100% - 50px);
  left: 25px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}


@media only screen and (max-width: 940px) {


  .fade-to-white {
    height: 70px;
    display: block;
    top: 188px;
    width: calc(100% - 17px);
    left: 14px;
  }

  .container-inner {height:230px;}
  .container {
    padding:15px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 1px solid #0090f1;
    border-right: 1px solid #0090f1;
  }

/* interactive 01 mobile */
#interactive01 .size01 {width: 17%;height: 107%;}
#interactive01 .size02 {width: 16%;height: 61%;}
#interactive01 .size03 {width: 29%;height: 61%;}
#interactive01 .size04 {width: 40%;height: 61%;}
#interactive01 .size05 {width: 51%;height: 47%;}
#interactive01 .size06 {width: 54%;height: 61%;}
#interactive01 .size07 {width: 62%;height: 61%;}
#interactive01 .size08 {width: 71%;height: 61%;}
#interactive01 .size09 {width: 78%;height: 61%;}
#interactive01 .size10 {width: 87%;height: 61%;}
#interactive01 .size11 {width: 33%;height: 107%;}
#interactive01 .size12 {width: 69%;height: 107%;}
#interactive01 .size13 {width: 83%;height: 107%;}
#interactive01 .size14 {width: 87%;height: 107%;}

#interactive01 .size21 {width: 12%;height: 107%;}
#interactive01 .size22 {width: 7%;height: 67%;}
#interactive01 .size23 {width: 45%;height: 107%;}
#interactive01 .size24 {width: 55%;height: 107%;}
#interactive01 .size25 {width: 60%;height: 107%;}
#interactive01 .size26 {width: 64%;height: 107%;}
#interactive01 .size27 {width: 73%;height: 107%;}
#interactive01 .size28 {width: 81%;height: 107%;}
#interactive01 .size29 {width: 56%;height: 49%;}
#interactive01 .size30 {width: 65%;height: 49%;}
/* ends interactive 01 mobile */
/* interactive 02 mobile */
#interactive02 .size01b {width: 16%;height: 107%;}
#interactive02 .size02b {width: 17%; height: 61%;}
#interactive02 .size03b {width: 27%;height: 61%;}
#interactive02 .size04b {width: 39%;height: 61%;}
#interactive02 .size05b {width: 51%;height: 41%;}
#interactive02 .size06b {width: 54%;height: 61%;}
#interactive02 .size07b {width: 62%;height: 61%;}
#interactive02 .size08b {width: 69%;height: 61%;}
#interactive02 .size09b {width: 77%;height: 61%;}
#interactive02 .size10b {width: 85%;height: 61%;}
#interactive02 .size11b {width: 29%;height: 107%;}
#interactive02 .size12b {width: 71%;height: 107%;}
#interactive02 .size13b {width: 81%;height: 107%;}
#interactive02 .size14b {width: 83%;height: 107%;}

#interactive02 .size21b {width: 84%;height: 107%;}
#interactive02 .size22b {width: 89%;height: 74%;}
#interactive02 .size23b {width: 60%;height: 107%;}
#interactive02 .size24b {width: 50%;height: 107%;}
#interactive02 .size25b {width: 45%;height: 107%;}
#interactive02 .size26b {width: 40%;height: 107%;}
#interactive02 .size27b {width: 31%;height: 107%;}
#interactive02 .size28b {width: 19%;height: 107%;}
#interactive02 .size29b {width: 51%;height: 48%;}
#interactive02 .size30b {width: 40%;height: 48%;}
/* ends interactive 02 mobile */
/* interactive 03 mobile */
#interactive03 .size01c {width: 18%;height: 107%;}
#interactive03 .size02c {width: 18%; height: 60%;}
#interactive03 .size03c {width: 33%;height: 60%;}
#interactive03 .size04c {width: 51%;height: 47%;}
#interactive03 .size05c {width: 49%;height: 60%;}
#interactive03 .size06c {width: 58%;height: 60%;}
#interactive03 .size07c {width: 66%;height: 60%;}
#interactive03 .size08c {width: 75%;height: 60%;}
#interactive03 .size09c {width: 84%;height: 60%;}
#interactive03 .size10c {width: 37%;height: 107%;}
#interactive03 .size11c {width: 65%;height: 107%;}
#interactive03 .size12c {width: 80%;height: 107%;}
#interactive03 .size13c {width: 83%;height: 107%;}

#interactive03 .size21c {width: 22%;height: 108%;}
#interactive03 .size22c {width: 17%;height: 73%;}
#interactive03 .size23c {width: 41%;height: 108%;}
#interactive03 .size24c {width: 50%;height: 108%;}
#interactive03 .size25c {width: 57%;height: 108%;}
#interactive03 .size26c {width: 62%;height: 108%;}
#interactive03 .size27c {width: 73%;height: 108%;}
#interactive03 .size28c {width: 49%;height: 51%;}
/* ends interactive 03 mobile */
/* interactive 04 mobile */
#interactive04 .size01d {width: 51%;height: 35.5%;}
#interactive04 .size02d {width: 31%; height: 112.2%;}
#interactive04 .size03d {width: 42%;height: 68%;}
#interactive04 .size04d {width: 57%;height: 68%;}
#interactive04 .size05d {width: 83%;height: 68%;}

#interactive04 .size21d {width: 47%;height: 85%;}
#interactive04 .size22d {width: 55%;height: 85%;}
/* ends interactive 04 mobile */
/* interactive 05 mobile */
#interactive05 .size01e {width: 51%;height: 34.7%;}
#interactive05 .size02e {width: 35%; height: 111.4%;}
#interactive05 .size03e {width: 42%;height: 67.4%;}
#interactive05 .size04e {width: 57%;height: 67.4%;}
#interactive05 .size05e {width: 79%;height: 67.4%;}

#interactive05 .size21e {width: 47%;height: 64.5%;}
#interactive05 .size22e {width: 55%;height: 64.5%;}
/* ends interactive 05 mobile */
/* interactive 06 mobile */
#interactive06 .size01f {width: 51%;height: 38.3%;}
#interactive06 .size02f {width: 31%; height: 106%;}
#interactive06 .size03f {width: 42%;height: 71.7%;}
#interactive06 .size04f {width: 57%;height: 71.7%;}
#interactive06 .size05f {width: 83%;height: 71.7%;}

#interactive06 .size21f {width: 63%;height: 63%;}
#interactive06 .size22f {width: 71%;height: 63%;}
/* ends interactive 06 mobile */
/* interactive 07 mobile */
#interactive07 .size01g {width: 51%;height: 38%;}
#interactive07 .size02g {width: 36%; height: 108%;}
#interactive07 .size03g {width: 42%;height: 71.5%;}
#interactive07 .size04g {width: 57%;height: 71.5%;}
#interactive07 .size05g {width: 75.3%;height: 71.5%;}

#interactive07 .size21g {width: 47%;height: 84.6%;}
#interactive07 .size22g {width: 54%;height: 84.6%;}
/* ends interactive 07 mobile */
/* interactive 08 mobile */
#interactive08 .size01h {width: 52%;height: 40%;}
#interactive08 .size02h {width: 32%; height: 100%;}
#interactive08 .size03h {width: 42%;height: 73%;}
#interactive08 .size04h {width: 57%;height: 73%;}
#interactive08 .size05h {width: 80%;height: 73%;}

#interactive08 .size21h {width: 62%;height: 62%;}
#interactive08 .size22h {width: 70%;height: 62%;}
/* ends interactive 08 mobile */
/* interactive 09 mobile */
#interactive09 .size01i {width: 51%;height: 36%;}
#interactive09 .size02i {width: 41%;height: 111%;}
#interactive09 .size03i {width: 43%;height: 68.3%;}
#interactive09 .size04i {width: 57%;height: 68.5%;}
#interactive09 .size05i {width: 66.2%;height: 68.2%;}

#interactive09 .size21i {width: 47%;height: 80.5%;}
#interactive09 .size22i {width: 54%;height: 80.5%;}
/* ends interactive 09 mobile */
/* interactive 10 mobile */
#interactive10 .size01j {width: 34%;height: 100%;}
#interactive10 .size02j {width: 65%; height: 83%;}
#interactive10 .size03j {width: 50%;height: 31%;}
#interactive10 .size04j {width: 12%;height: 31%;}

#interactive10 .size21j {width: 9%;height: 92%;}
#interactive10 .size22j {width: 14%;height: 92%;}
/* ends interactive 10 mobile */


#interactive01 {padding-bottom: 40rem;}
#interactive02 {padding-bottom: 40rem;}
#interactive03 {padding-bottom: 40rem;}
#interactive04 {padding-bottom: 40rem;}
#interactive05 {padding-bottom: 40rem;}
#interactive06 {padding-bottom: 40rem;}
#interactive07 {padding-bottom: 40rem;}
#interactive08 {padding-bottom: 40rem;}
#interactive09 {padding-bottom: 40rem;}
#interactive10 {padding-bottom: 40rem;}


}