@font-face {
    font-family: 'FranklinGothic-Book';
    src: local('FranklinGothic-Book'),  url('../fonts/FranklinGothic Book.TTF') format('truetype');
  }
  @font-face {
    font-family: 'FranklinGothic-Demi';
    src: local('FranklinGothic Demi'), url('../fonts/FranklinGothic-Demi.TTF'), format('truetype');
  }

*{
    margin:0;
    padding:0;
}

body{
  font-size: 16px;
}

.svgContainer{
    display:flex;
    width:100%;
}

  iframe, .imgEmbedSvg{
      width:100%;
      height:100vh;
  }


svg
{
  font-family : "FranklinGothic-Book" , serif;
  width: 100%;
  position: absolute;
  top:0;
  max-height: 100vh;
}

.st0{fill:none;stroke:#5CA5DB;stroke-miterlimit:10;}
.st1{fill:#5CA5DB;}
.st2{fill:none;stroke:#5CA5DB;stroke-width:1.5;stroke-miterlimit:10;}
.st3{fill:none;stroke:#5CA5DB;stroke-width:0.75;stroke-miterlimit:10;}
.st4{fill:#FFFFFF;}
.sheen{fill:rgba(256,256,256,.4);}
.ultrasound{fill:#FFFFFF;stroke:#5CA5DA;stroke-width:1;stroke-miterlimit:10;}
.st5{fill:#FFFFFF;stroke:#5CA5DA;stroke-width:0;stroke-miterlimit:10;}
.st6{fill:#5CA5DA;stroke:#5CA5DA;stroke-miterlimit:10;}
.st7{fill:#5CA5DA;stroke:#FFFFFF;stroke-width:0;stroke-miterlimit:10;}
.st8{fill:none;stroke:#5CA5DB;stroke-width:0.8233;stroke-miterlimit:10;}
.st9{fill:#111112;}
.st10{fill:#4D4D4F;}
.st11{fill:#C4768C;}
.st12{fill:none;stroke:#AF2024;stroke-miterlimit:10;}
.st13{fill:#3963AD;}
.st14{fill:none;stroke:#1F4388;stroke-miterlimit:10;}
.hair{fill:none;stroke:#1F4388;stroke-miterlimit:5;stroke-width:1;}
.st15{fill:#665FA0;}
.st16{fill:#3463AE;}
.st17{fill:#D8AAA7;}
.st18{fill:#AF2024;}
.st19{fill:#BB584A;}
.st20{fill:#5E8AC7;}
.st21{fill:#8F8AC3;}
.st22{fill:#FCDCDC;}
.st23{fill:none;stroke:#5CA5DB;stroke-width:25;stroke-linejoin:round;stroke-miterlimit:10;}
.st24{fill:none;stroke:#1F4388;stroke-width:2;stroke-miterlimit:10;}
.st25{fill:#5CA5DB;stroke:#1F4388;stroke-width:2;stroke-miterlimit:10;}
.st26{fill:none;stroke:#1F4388;stroke-width:0;stroke-miterlimit:10;}
.st27{fill:#1F4388;}
.st28{opacity:0.51;}
.st29{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
.st30{fill:none;stroke:#5CA5DB;stroke-linecap:round;stroke-miterlimit:10;}
.st31{fill:none;stroke:#5CA5DB;stroke-width:0.5;stroke-miterlimit:10;}
.st32{fill:none;stroke:#1C4588;stroke-width:0.5;stroke-miterlimit:10;}
.st33{clip-path:url(#SVGID_4_);fill:rgba(256,256,256,.4);}
.st34{fill:none;stroke:#5CA5DB;stroke-width:25;stroke-miterlimit:10;}
.st35{clip-path:url(#SVGID_6_);fill:rgba(256,256,256,.4);}
.st36{clip-path:url(#SVGID_8_);fill:#FFFFFF;}
.st37{clip-path:url(#SVGID_10_);fill:#FFFFFF;}
.gray{color:gray};

.resetBtn{
  z-index: 100;
  position: absolute;
  right:5%;
  bottom: 5%;
}

.fallback{
  z-index: 100;
  position: absolute;
  left:5%;
  bottom: 5%;
  color:gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size:.8rem;
}

.fallback a, .fallback a:visited {
  color:rgb(219, 161, 161);
}

.fallback a:hover{
  color:rgb(131, 10, 10);
}


.fallbackImg{
  display:flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 10%;
  border: 3px solid gray;
  max-width: 75%;
}

.fallbackImg:first-of-type{
  margin-top: 2%;
}

.btnHover{
  opacity: 0;
}

.backNav{
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height:60px;
  box-shadow: 2px 2px 2px rgb(114, 143, 148);
  background-color: rgb(207, 225, 245);

  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  position: sticky;
  top:0;
}

.backNav a{
  font-weight: 400; 
  border: 1px solid #1F4388 ;
  padding: 8px;
  border-radius: 5px;
  background-color: #5CA5DB ;
  text-decoration: none;
  color: #fff;
  position: relative;
  left:10%;
  margin-right: 5px;
}

.backNav a:hover{
  color:#1F4388;
}

.backNav span{
  position: absolute;
  right:15%;
  font-size: 1rem;
  max-width:50%;
  padding: 3px;
}


@media screen and (min-width: 600px){
  .btnHover:hover{
  opacity: .5;
}
}



.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
  border-radius: 5px;
  border: none;
  border-bottom: 3px solid #af2024;
  background: #2a2a2a;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
  margin-bottom: 7px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
  color: #fff;
  padding: 8px 16px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
  display: none;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #2a2a2a;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #2a2a2a;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #2a2a2a;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #af2024;
}
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute;
}
.tooltipster-box {
    flex: 1 1 auto;
}
.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}
.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}
.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
    opacity: 1;
}
.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}
.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}
@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.tooltipster-update-fade {
    animation: tooltipster-fading 0.4s;
}
@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0);
    }
}
.tooltipster-update-rotate {
    animation: tooltipster-rotating 0.6s;
}
@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.tooltipster-update-scale {
    animation: tooltipster-scaling 0.6s;
}
.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 19px;
    padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}
