ul {
    padding-inline-start: 1.5vw;
  }

.animation_main_intable {
    width: 90%;
    height: 90%;
    margin:0%;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    z-index:100;
}  

#factboxbody {
  /*color:black;*/
}

#factboxtitle {
  background: none;
  color:white;
  text-transform:uppercase;
  font-weight:800;
  font-size:2vw;
  line-height: 4vw;
  height: 4vw;
  padding-left: 0;
  margin-left: 0;
}

#downloadbutton_link {
  text-decoration:none;
}

#downloadbutton {
  background-color: #3ac3d7;
  width:80%;
  padding:2vw 3vw;
  vertical-align:top;
  border-radius:2vw;
  text-align:center;
  margin:3vw auto;
  
}

#downloadbutton_title {
  color:white;
  text-transform:uppercase;
  font-weight:400;
  font-size:1.5vw;
  line-height: 2vw;
  height: 2vw;
  border-bottom:0.2vw solid white;
}

#downloadbutton_sub {
  color:white;
  text-transform:uppercase;
  font-weight:800;
  font-size:1.5vw;
  line-height: 2vw;
  height: 2vw;
}

#endboxcell {
  width:49%;
  vertical-align:top;
  padding-top:6px;
}

#endbox {
  background-color: #3ac3d7;
  width:100%;
  padding:3vw;
  vertical-align:top;
  border-radius:3vw;
}

#endboxtitle {
  color:white;
  text-transform:uppercase;
  font-weight:800;
  font-size:2vw;
  line-height: 4vw;
  height: 4vw;
}

#endboxbody {
  color:black;
  font-size:1.5vw;
  line-height:2vw;
  padding: 0;
  font-weight:500;
  padding-top:1.75vw;
  text-align:justify; 
}

.endboxsubtitle {
  color:white;
  font-weight:700;
  font-size:1.5vw;
  line-height: 4vw;
  height: 4vw;
  padding-left: 6vw;
  margin-bottom: 1vw;
}

#endboxsubtitle_one {
  background: url(../img/icn-user.png) no-repeat left top;
  background-size: contain;
}

#endboxsubtitle_two {
  background: url(../img/icn-light.png) no-repeat left top;
  background-size: contain;
}

#endboxsubtitle_three {
  background: url(../img/icn-hands.png) no-repeat left top;
  background-size: contain;
}

#endboxsubtitle_four {
  background: url(../img/icn-checklist.png) no-repeat left top;
  background-size: contain;
  line-height: 1.5vw;
  margin-bottom: 2vw;
}

#endboxbody > ul {
  margin-top:0;
}


#paradoxtable {
  width:100%;
  margin-top:40px;
}

#paradoxtable td {
  text-align:center;
}

#paradoxtable img {
  width:30%;
}

#paradoxtable b {
  font-size:1.11vw;
  color:white;
  font-weight:600;
}


#menubutton_1,#menubutton_2,#menubutton_3,#menubutton_4 {
    width:24%;
}

#menubutton_1:hover, #menubutton_1.selected {
  background-color:#2db3c6;
}

#menubutton_2:hover, #menubutton_2.selected {
  background-color:#2db3c6;
}

#menubutton_3:hover, #menubutton_3.selected {
  background-color:#2db3c6;
}

#menubutton_4:hover, #menubutton_4.selected {
  background-color:#2db3c6;
}

.div_intext {
  display: inline;
  position:relative;
}

#robar_graph1 {
  top:4vw;
  left:1vw;
}

.graph_blackdot {
  top:3.5vw;
  margin-left:-1vw;
  left:15%;
}

.graph_blackbar {
  margin-left:5px;
  left:-15%;
  top:2vw;
}

.graph_blackdot_xs {
  display:inline-block;
  background-color:black;
  color:white;
  border-radius:50%;
  font-weight:800;
  font-size:1vw;  /* 18 pixels */
  height:1.5vw;    /* 36 pixels */
  width:1.5vw;   /* 36 pixels */
  line-height:1.3vw;   /* 33 pixels */
  text-align:center;
  border:0.166666vw solid black;   /* 2px */
  cursor:pointer;
}

.graph_blackdot:hover, .graph_blackdot_sm:hover, .graph_blackdot_xs:hover {
  border-color: #e3e3e3;
}

.blackdot_gm_1 {
  top:6.5vw;  /* 54px */
}

.blackdot_gm_2 {
  top:10%;
  left: 6%;
}

.blackdot_gm_3 {
  top: 13.5vw;
}

.blackdot_gm_4 {
  top: 6vw;
} 

.blackdot_gm_5 {
  top: 6vw;
}   

.blackbar_gm_1 {
  width:25vw;
  left:25vw;
  height:19vw;
  border-radius:8px;
  padding:2vw;
}

.blackbar_gm_2 {
  top: 22%;
  left:6%;
  z-index:2000;
  border-radius:8px;
}

.blackbar_gm_3 {
  top: 12vw;
 
}

.blackbar_gm_4 {
  top: 4.5vw;
}  

.blackbar_gm_5 {
  top: 4.5vw;
}  





.graph1   { background-color:#3ac3d7; }
.graph2   { background-color:#a8cf5d; }
.graph3   { background-color:#ff9a00; }
.graph4   { background-color:#ff5a00; }
.graph5   { background-color:#ff0100; }
.graph_r1 { background-color:#eb6853; }
.graph_r2 { background-color:#f0533c; }
.graph_r3 { background-color:#e13f28; }
.graph_r4 { background-color:#d2311a; }
.graph_r5 { background-color:#c62008; }
.graph_r6 { background-color:#bc1700; }
.graph_b1 { background-color:#43d4e8; }
.graph_b2 { background-color:#39c3d7; }
.graph_b3 { background-color:#2db3c6; }
.graph_b4 { background-color:#1ea5b8; }
.graph_b5 { background-color:#0f92a5; }
.graph_b6 { background-color:#148193; }

.label_r1 { color:#eb6853; }
.label_r2 { color:#f0533c; }
.label_r3 { color:#e13f28; }
.label_r4 { color:#d2311a; }
.label_r5 { color:#c62008; }
.label_r6 { color:#bc1700; }
.label_b1 { color:#43d4e8; }
.label_b2 { color:#39c3d7; }
.label_b3 { color:#2db3c6; }
.label_b4 { color:#1ea5b8; }
.label_b5 { color:#0f92a5; }
.label_b6 { color:#148193; }

.graph_vp_1 { z-index:10;margin-top:0; }
.graph_vp_2 { z-index:11;margin-top:2.5vw; }
.graph_vp_3 { z-index:12;margin-top:5vw; }
.graph_vp_4 { z-index:13;margin-top:7.5vw; }
.graph_vp_5 { z-index:14;margin-top:10vw; }

.graph_start { 
  font-weight:600;
  padding-right:1vw;     /* 12px */  
  line-height:0 !important;
  z-index:1000 !important;
}

.graph_label {
  font-weight:500;
  font-size:1.25vw;
  line-height:0vw;
  margin-bottom:5vw;
  margin-top:1.25vw;   /*15px */ 
}

.graph_labelb {
  font-weight:500;
  font-size:1.25vw;
  line-height:1.50vw;
  margin-top:.5vw;   /*15px */ 
}

.graph_bar_m {
  height:5vw; /* 150px */
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  color:white;
  padding:0.5vw 0.75vw ; /* 6px 9px */
  text-align:right;
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw; /* 18px */
  margin-left:5px;
  overflow:hidden;
  position:absolute;
  display:inline-block;
  left:15%;
}

.label_bar_m {
  height:5vw; /* 150px */
  padding:0.5vw 0.75vw ; /* 6px 9px */
  text-align:right;
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw; /* 18px */
  margin-left:5px;
  overflow:hidden;
  position:absolute;
  display:inline-block;
  left:15%;
}

.graph_bar_b {
  height:12.5vw; /* 150px */
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  color:white;
  padding:0.5vw 0.75vw ; /* 6px 9px */
  text-align:right;
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw; /* 18px */
  margin-left:5px;
  overflow:hidden;
  position:absolute;
  display:inline-block;
  left:15%;
}

.graph_bar {
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw !important; /* 18px */
  padding:0.5vw 0.75vw ; /* 6px 9px */
}

#graph_bar1 {
  width:10%;
}
#graph_bar2 {
  width:10%;
}
#graph_bar3 {
  width:10%;
}

.gm_1 {
  height:22vw; /* 150px */
  line-height:22vw; /* 150px */
}
.gm_2 {
  height:5vw; /* 60px */
  line-height:10vw; /* 60px */
}
.gm_3 {
 height:30vw;       /* 120px */
 line-height:10vw;  /* 120px */
}
.gm_4 {
 height:15vw;       /* 120px */
 line-height:15vw;  /* 120px */
}

.graph_bgbar_gm_1 {
  margin-top:-27.6vw; /* 138px */
}
  
.graph_bgbar_gm_2 {
  margin-top:-29vw; /* 186px */
}

.graph_bgbar_gm_3 {
 margin-top:-29vw; /* 186px */
}

.graph_bgbar_gm_4 {
  margin-top:-14vw; /* 186px */
}


#legend_left,#legend_middle,#tlegend_right {
    padding:0;
}

#legend_left {
  width:30%;
}

#legend_middle {
  width:30%;
}

#tlegend_right {
  width:40%;
}


#legend_right {
  padding:20px;
  vertical-align:top;
  background-color:#2db3c6;
}

#legend_righttitle {
  color:white;
  text-transform:uppercase;
  font-weight:800;
  font-size:2vw;
}

#legend_subtitle {
  color:white;
  text-transform:uppercase;
  font-weight:600;
  font-size:1vw;
}

#legend_rightbody {
  color:black;
  font-size:1.16666vw;
  line-height:2vw;
  font-weight:500;
  margin-top:1vw;
  margin-bottom:0;
  
}

.legend_caption {
  width:100%;
  margin-bottom:0.3vw;
  height:4vw;
}

.legend_color {
  width:4vw;
  height:4vw;
  margin-right:2vw;
  display:inline-block;
  vertical-align:top;
}

.legend_text {
  vertical-align:top;
  height:4vw;
  display:inline-block;
  line-height:4vw;
  font-weight:600;
  font-size:1.5vw;
}

.tlegend_text {
  vertical-align:top;
  height:4vw;
  display:inline-block;
  line-height:4vw;
  font-weight:600;
  font-size:1.2vw;
}

.td_legend {
  width:32%;
  vertical-align:top;
  font-size:1.25vw; /* 15px; */
  line-height:2vw;  /* 24px; */
}

.le_graph3 {
  color:#2db3c6;
  font-weight:600; 
}

.td_regular {
  line-height:2vw;
  font-size:1.5vw;
  padding:6vw;
}

.footnote {
  font-size:1vw;
  line-height:1.4vw;
}

/* FLUID */

@media screen and (min-width: 1200px) {
  
  ul {
    padding-inline-start: 18px;
  }  
  #factboxtitle {
    font-size:24px;
    line-height: 48px;
    height: 48px;
  }
  
  #legend_righttitle {
    font-size:24px;
  }
  
  #legend_rightbody {
    font-size:14px;
    line-height:24px;
    margin-top:12px;
    margin-bottom:0;
    
  }
  .legend_text {
    font-size:18px;
    line-height:48px;
  }
  #legend_subtitle {
    font-size:13px;
  }
  .legend_color {
    width:48px;
    height:48px;
    margin-right:24px;
  } 

.tlegend_text {
  height:48px;
  line-height:48px;
  font-size:14px;
}

  
  .legend_caption {
    margin-bottom:3.6px;
    height:48px;
  }
  
  .td_legend {
    font-size: 15px;
    line-height: 24px;
  }
    
  
  .td_regular {
    line-height:24px;
    font-size:18px;
    padding:72px;
  }
  
  #downloadbutton {
    margin-top:36px;
    padding:18px 36px;
    border-radius:24px;  
  }
  
  #downloadbutton_title {
    line-height: 24px;
    height: 24px;
    font-size: 18px;
    border-bottom:2px solid white;
  }
  
  #downloadbutton_sub {
    line-height: 24px;
    height: 24px;
    font-size: 18px;
  }
  
  #endbox {
    padding:36px;
    border-radius:36px;
  }
  
  #endboxtitle {
    line-height: 48px;
    height: 48px;
    font-size: 24px;
  }
 
  #endboxbody {
    padding-top:21px;
    font-size:18px;
    line-height:24px;
  }
  
  .endboxsubtitle {
    font-size:18px;
    line-height: 48px;
    height: 48px;
    padding-left: 72px;
    margin-bottom: 10px;
  }
  
  .graph_vp_2 { margin-top:30px; }
  .graph_vp_3 { margin-top:60px; }
  .graph_vp_4 { margin-top:90px; }
  .graph_vp_5 { margin-top:120px; }

  .gm_1 {
    height:264px;
    line-height:264px;
  }
  .gm_2 {
    height:60px;
    line-height:60px;
    margin-bottom:0px;
  }
  .gm_3 {
    height:360px;
    line-height:360px;
  }
  .gm_4 {
   height:180px;       
   line-height:180px;  
  }

  .graph_start { 
    padding-right:12px;     
    line-height:0 !important;
  }

  .graph_label {
    line-height:0 !important;
    font-size:15px;
    margin-bottom:60px;
    margin-top:15px;
  }

  .graph_labelb {
    font-size:15px;
    line-height:18px;
    margin-top:6px;  
  }
  
  .graph_bar {
    padding: 6px 9px;
    font-size: 18px;
    line-height: 18px !important;
  }
  
  .graph_bar_m {
    height: 60px;
    padding: 6px 9px;
    font-size: 18px;
    line-height: 18px;
  }
  
  .label_bar_m {
    height: 60px;
    padding: 6px 9px;
    font-size: 18px;
    line-height: 18px;
  }
  
  .graph_bar_b {
    height: 150px;
    padding: 6px 9px;
    font-size: 18px;
    line-height: 18px;
  }
  
  .graph_bgbar_gm_1 {
    margin-top:-331px;
  }


  .graph_bgbar_gm_3 {
    margin-top:-348px; 
  }

  .graph_bgbar_gm_4 {
    margin-top:-168px;
  }
  
  .graph_blackdot { margin-left:-12px;}
  .blackdot_gm_1 { top:78px; }

  .blackdot_gm_3 { top: 162px; }
  .blackdot_gm_4 { top: 72px; } 
  .blackdot_gm_5 { top: 72px; }
  
.blackbar_gm_1 {
  width:300px;
  left:300px;
  height:228px;
  padding:24px;
}


  .blackbar_gm_3 { top: 144px; }
  .blackbar_gm_4 { top: 54px; }  
  .blackbar_gm_5 { top: 54px; }

  .graph_blackdot_xs {
    font-size: 14px;
    height: 22px;
    width: 22px;
    line-height: 16px;
  }

  .footnote {
    font-size:15px;
    line-height:20px;
  }
  #paradoxtable b {
    font-size: 22px;
  }

}