.vital-stats-info { position: relative; }

.spacing-t4 { padding-top: 4.5%; }
.spacing-t5 { padding-top: 5%; }
.spacing-t50 { padding-top: 50%; }
.spacing-t60 { padding-top: 60%; }
.spacing-t70 { padding-top: 70%; }
.spacing-t90 { padding-top: 95%; }
.spacing-t100 { padding-top: 102%; }
.spacing-t130 { padding-top: 130%; }
.spacing-t160 { padding-top: 160%; }

/* line height */
.lh100 { line-height: 100%; margin-bottom: 5%; }

/* color */
.canchor { color: #799dc3!important; }
.cdefault { color: #fff!important; }
.ccustom_1 { color: #c7491d!important; }

.vital-stats-info .region { position: absolute; }

/*Mercury */
.vital-stats-info.mercury-overview .region-1 {
  padding-left: 5.5%;
  top: 16.5%;
  width: 32%;
}

.vital-stats-info.mercury-overview .region-2 {
  padding-left: 41%;
  width: 80%;
  }

.vital-stats-info.mercury-overview .region-2 .title {
     padding-top: 3.6em; 
    width: 49%;
     float: left;
}

.vital-stats-info.mercury-overview .region-2 .text {
  float: left;
   width: 50%;
}

.vital-stats-info.mercury-overview .region-2 .narrowsubtext { 
   padding-right: 2.5em;
}

.vital-stats-info.mercury-overview .region-3 {
   top: 20%;
  padding-left: 37%;
  width: 87%;
  }

.vital-stats-info.mercury-overview .region-3 .text {
  padding-top: 1.5em; 
}

.vital-stats-info.mercury-overview .region-4 {
  padding-left: 61%;
  top: 33%;
  width: 85%;
}

.vital-stats-info.mercury-overview .region-5 {
  padding-left: 5.3%;
  top: 44.2%;
  width: 29%;
  }

.vital-stats-info.mercury-overview .region-5 .text {
  padding-top: 1.35em; 
  padding-left: .3em; 
}

.vital-stats-info.mercury-overview .region-6 {
  padding-left: 5.1%;
  top: 54.8%;
  width: 46%;
  }

.vital-stats-info.mercury-overview .region-6 .text {
  padding-top: .5em; 
  padding-right: 1em; 
   padding-left: .3em; 
  }
  
  .vital-stats-info.mercury-overview .region-7 {
  padding-left: 5.3%;
  top: 65.5%;
  width: 31%;
  }

.vital-stats-info.mercury-overview .region-7 .text {
  padding-top: .5em; 
   padding-right: 1em; 
   padding-left: .3em; 
}

.vital-stats-info.mercury-overview .region-8 {
  padding-left: 44%;
  top: 63.5%;
  width: 75%;
}

.vital-stats-info.mercury-overview .region-9 { right: 0; width: 27%; top: 57.5%;}
.vital-stats-info.mercury-overview .region-9 .f20 {  padding-right: 1.65em;}
.vital-stats-info.mercury-overview .region-9 .f34 { color: #fff; padding-right: 3.25em; }
.vital-stats-info.mercury-overview .region-9 .narrowtext { padding-left: 2em; padding-right: 2.7em;}

.vital-stats-info.mercury-overview .region-10 {
  width: 70%;
  left: 5.25%;
  top: 81%;
  text-align: center;
}

.vital-stats-info.mercury-overview .region-10 .text {
  width: 54%;
  margin-left: auto;
  margin-right: auto;
}

.vital-stats-info.mercury-overview .region-10 .f36 { color: #fff; }

/*Venus */

.vital-stats-info.venus-overview .region-55 { right: 0; width: 27%; top: 80%; border: 1px solid pink;}
.vital-stats-info.venus-overview .region-55 .f20 {  padding-right: 1.65em;}
.vital-stats-info.venus-overview .region-55 .f34 { color: #fff; padding-right: 3.25em; }
.vital-stats-info.venus-overview .region-55 .narrowtext { padding-left: 2em; padding-right: 2.7em;}


.vital-stats-info.venus-overview .region-1 {
  padding-left: 60.5%;
  top: 0.5%;
  width: 94%;
}

.vital-stats-info.venus-overview .region-2 {
  padding-left: 6%;
  top: 15.5%;
  width: 28%;
}

.vital-stats-info.venus-overview .region-2 .lineheightfix { 
   line-height: 30px;
}

.vital-stats-info.venus-overview .region-3 {
  padding-left: 45%;
  top: 15.5%;
  width: 73%;
}

.vital-stats-info.venus-overview .region-3 .lineheightfix { 
   line-height: 30px;
}


.vital-stats-info.venus-overview .region-4 {
  padding-left: 61%;
  top: 37%;
  width: 94%;
}

.vital-stats-info.venus-overview .region-4 .lineheightfix { 
   line-height: 30px;
}

.vital-stats-info.venus-overview .region-4 .narrowsubtext { 
   padding-right: 4em;
   padding-top: .6em;
}

.vital-stats-info.venus-overview .region-5 {
  padding-left: 4%;
  top: 40.5%;
  width: 37%;
  }
  
  .vital-stats-info.venus-overview .region-5 .text {
  padding-top: 1em; 
  padding-right: 3.5em; 
   padding-left: 1em; 
  }

.vital-stats-info.venus-overview .region-6 {
  padding-left: 7%;
  top: 49.5%;
  width: 35%;
  }

.vital-stats-info.venus-overview .region-6 .text {
  padding-top: .5em; 
  padding-right: 1em; 
   padding-left: .3em; 
  }
  
 .vital-stats-info.venus-overview .region-7 {
  padding-left: 7%;
  top: 59.5%;
  width: 35%;
  }

.vital-stats-info.venus-overview .region-7 .text {
  padding-top: .5em; 
   padding-right: 1em; 
   padding-left: .3em; 
}
  
.vital-stats-info.venus-overview .region-8 {
  padding-left: 50%;
  top: 55.5%;
  width: 80%;
}

.vital-stats-info.venus-overview .region-9 { right: 0; width: 27%; top: 64%;}
.vital-stats-info.venus-overview .region-9 .f20 {  padding-right: 1.65em;}
.vital-stats-info.venus-overview .region-9 .f34 { color: #fff; padding-right: 3.25em; }
.vital-stats-info.venus-overview .region-9 .narrowtext { padding-left: 4em; padding-right: 2.7em;}

.vital-stats-info.venus-overview .region-10 {
  padding-left: 22%;
  top: 70%;
  width: 55%;

}

.vital-stats-info.venus-overview .region-11 {
  width: 70%;
  left: 5.25%;
  top: 83.5%;
  text-align: center;
}

.vital-stats-info.venus-overview .region-11 .text {
  width: 54%;
  margin-left: auto;
  margin-right: auto;
}

.vital-stats-info.venus-overview .region-11 .f36 { color: #fff; }

  
  /* Earth */
  
.vital-stats-info.earth-overview .region-1 {
  padding-left: 36%;
  top: -1%;
  width: 60%;
}

.vital-stats-info.earth-overview .region-1 .narrowsubtext {
	width: 85%;
}

.vital-stats-info.earth-overview .region-2 {
  padding-left: 73%;
  top: -1%;
}

.vital-stats-info.earth-overview .region-3 {
  padding-left: 5%;
  top: 12.5%;
  width: 32%;
}

.vital-stats-info.earth-overview .region-4 {
  padding-left: 60%;
  top: 12.5%;
  width: 85%;
}

.vital-stats-info.earth-overview .region-5 {
  padding-left: 6%;
  top: 39.5%;
  width: 18%;
}

.vital-stats-info.earth-overview .region-6 {
  padding-left: 61%;
  top: 28%;
  width: 92%;
}

.vital-stats-info.earth-overview .region-7 {
  padding-left: 61%;
  top: 51%;
  width: 90%;
}

.vital-stats-info.earth-overview .region-8 {
  top: 60.25%;
  left: 5.25%;
  width: 64%;
}
.vital-stats-info.earth-overview .region-8 .wrapper { display: inline-block; position: relative; border:}
.vital-stats-info.earth-overview .region-8 .col-md-4 {
  padding-top: 1.6em;
  padding-left: 0.65em;
}
.vital-stats-info.earth-overview .region-8 .col-md-2 {
  padding-top: 1em;
  padding-left: .85em;
}

.vital-stats-info.earth-overview .region-9 { right: 0; width: 27%; top: 66.5%;}
/*.vital-stats-info.earth .region-9 .info { padding-right: 3.25em;} */
.vital-stats-info.earth-overview .region-9 .f20 {  padding-right: 1.65em;}
.vital-stats-info.earth-overview .region-9 .f34 { color: #fff; padding-right: 3.25em; }
.vital-stats-info.earth-overview .region-9 .narrowtext { padding-left: 3em; padding-right: 2.5em;}

.vital-stats-info.earth-overview .region-10 {
  padding-left: 5.25%;
  top: 71.3%;
  width: 72%;
}

.vital-stats-info.earth-overview .region-11 {
  width: 70%;
  left: 5.25%;
  top: 84%;
  text-align: center;
}
.vital-stats-info.earth-overview .region-11 .text {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.vital-stats-info.earth-overview .region-11 .f36 { color: #fff; }

 /* Earths Moon */
  
.vital-stats-info.earths-moon-overview .region-1 {
  padding-left: 67%;
  top: 1.5%;
  width: 91%;
}

.vital-stats-info.earths-moon-overview .region-1 .lineheightfix { 
   line-height: 30px;
}

 .vital-stats-info.earths-moon-overview .region-2 {
  padding-left: 5%;
  top: 18%;
  width: 55%;
  }
  
 .vital-stats-info.earths-moon-overview .region-2 .maninmoon { 
    text-align:  right;
    padding-right: 2em;
 }
 
  .vital-stats-info.earths-moon-overview .region-2 .lineheightfix { 
   line-height: 40px;
}

 .vital-stats-info.earths-moon-overview .region-2 .lineheightfix2 { 
   line-height: 70px;
}

 .vital-stats-info.earths-moon-overview .region-2 .lineheightfix3{ 
   line-height: 20px;
}

.vital-stats-info.earths-moon-overview .region-2 .text {
   padding-right: 1.5em; 
}

.vital-stats-info.earths-moon-overview .region-3 {
  top: 37.5%;
  padding-left: 8%;
  width: 32%;
}

.vital-stats-info.earths-moon-overview .region-3 .text { 
  padding-right: 0.8em;
}

.vital-stats-info.earths-moon-overview .region-3 .lineheightfix { 
   line-height: 20px;
}


.vital-stats-info.earths-moon-overview .region-4 {
  top: 36%;
  padding-left: 61.5%;
  width: 97%;
}

.vital-stats-info.earths-moon-overview .region-4 .lineheightfix { 
   line-height: 70px;
}

.vital-stats-info.earths-moon-overview .region-4 .text { 
  padding-top: 1.1em;
  padding-left: 0.9em;
}

.vital-stats-info.earths-moon-overview .region-5 {
  top: 48%;
  padding-left: 61.5%;
  width: 97%;
}

 .vital-stats-info.earths-moon-overview .region-5 .maninmoon2 { 
    text-align:  right;
    padding-right: 1.2em;
 }
 
.vital-stats-info.earths-moon-overview .region-5 .text { 
  padding-top: 1em;
  padding-left: 0.9em;
}

.vital-stats-info.earths-moon-overview .region-6 {
  top:68.25%;
  padding-left: 30.5%;
  width: 60%;
}

.vital-stats-info.earths-moon-overview .region-7 { right: 0; width: 27%; top: 65.5%;}
.vital-stats-info.earths-moon-overview .region-7 .skinnytitle {  padding-right: 1.6em;}
.vital-stats-info.earths-moon-overview .region-7 .fattitle  { color: #fff; padding-right: 1em; }
.vital-stats-info.earths-moon-overview .region-7 .narrowtext { 
     padding-top: 4.5em;
     padding-left: 1.7em;
     padding-right: 2.5em;
 } 
 
 .vital-stats-info.earths-moon-overview .region-8 {
  width: 78%;
  left: 1%;
  top: 82%;
  text-align: center;
}
.vital-stats-info.earths-moon-overview .region-8 .text {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.vital-stats-info.earths-moon-overview .region-8 .f34 { color: #fff; }

/* Jupiter */

.vital-stats-info.jupiter-overview .region-1 {
  padding-right: 60%;
  padding-left: 5%;
  top: 29%;
}

.vital-stats-info.jupiter-overview .region-1 .left { 
  text-align: right; padding-right: 7%; 
  line-height: 40px;
}

.vital-stats-info.jupiter-overview .region-2 {
  top: 8%;
  padding-left: 51%;
  padding-right: 25%;
}

.vital-stats-info.jupiter-overview .region-3 { 
  top: 49%;
  padding-left: 5%;
  padding-right: 27%;
}

.vital-stats-info.jupiter-overview .region-3 .end .wrapper {
  padding-left: 3%;
  padding-right: 40%;
}

.vital-stats-info.jupiter-overview .region-4 { 
  width: 22%;
  right: 0;
  padding-right: 5%;
  top: 13%;
}

.vital-stats-info.jupiter-overview .region-5 { 
  width: 68%;
  left: 5%;
  top: 70%;
  text-align: center;
}
.vital-stats-info.jupiter-overview .region-5 .text {
  padding-left: 16%;
  padding-right: 14%;
}

/* saturn */
.vital-stats-info.saturn-overview .region-1 {
  width: 36%;
  right: 0;
  padding-right: 2%;
}
.vital-stats-info.saturn-overview .region-1 .rbtb { padding-right: 5%; }

.vital-stats-info.saturn-overview .region-2 {
  width: 40%;
  top: 25%;
  left: 20%;
}

.vital-stats-info.saturn-overview .region-3 {
  top: 46%;
  left: 5%;
  width: 60%;
}
/*.vital-stats-info.saturn .region-3 .col-md-6:first-child { margin-right: 3em; }*/
.vital-stats-info.saturn-overview .region-3 .wrapper { display: inline-block; position: relative; }
.vital-stats-info.saturn-overview .region-3 .col-md-4 {
  padding-top: 10%;
  padding-left: 1%;
}

.vital-stats-info.saturn-overview .region-4 {
  width: 70%;
  bottom: 29%;
  left: 5%;
}
.vital-stats-info.saturn-overview .region-4 .wrapper { width: 60%; }

.vital-stats-info.saturn-overview .region-5 { right: 0; width: 25%; top: 30%; }
.vital-stats-info.saturn-overview .region-5 .info { padding-right: 2em; }
.vital-stats-info.saturn-overview .region-5 .f36 { color: #fff; }

.vital-stats-info.saturn-overview .region-6 {
  width: 70%;
  left: 5%;
  top: 76%;
  text-align: center;
}

.vital-stats-info.saturn-overview .region-6 .text {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}
.vital-stats-info.saturn-overview .region-6 .f36 { color: #fff; }


/* carousel */
.vital-stats-carousel .slide {
  padding-left: 10%;
  padding-right: 10%;
  text-align: center!important;
}

.vital-stats-carousel .slick-item { text-align: center; }
.vital-stats-carousel .slick-item-include { padding-right: 10%; padding-left: 10%; position: relative; }

.vital-stats-carousel .spacing-t5,
.vital-stats-carousel .spacing-t130,
.vital-stats-carousel .spacing-t4,
.vital-stats-carousel .spacing-t100,
.vital-stats-carousel .spacing-t160 { padding-top: 0; }
.vital-stats-carousel .slick-prev { left: 50px; }
.vital-stats-carousel .slick-next { right: 50px; }
.vital-stats .slick-prev { background: url(../images/prev-arrow.png) no-repeat; }
.vital-stats .slick-next { background: url(../images/next-arrow.png) no-repeat; }

.vital-stats .slick-next,
.vital-stats .slick-prev {  
  background-size: 100%;
  background-position: center center;
  width: 5%;
  height: 20%;
}

.vital-stats .slick-prev:before, .vital-stats .slick-next:before {color: transparent;}

/* slick */
.mission-slick .mission_info { text-align: center; padding-left: 0; }
.vital-stats .mission-slick .mission-sprite img { width: 500px; margin-left: -100%; }
.vital-stats .mission-slick .mission-sprite { max-width: 250px; }

@media (min-width : 990px) and (max-width : 1200px) {
  .txt-responsive { font-size: 14px; }
  .vital-stats-info .f12 { font-size: 14px !important; }
  .vital-stats-info .f15 { font-size: 16px !important; }
  .vital-stats-info .f20 { font-size: 19px !important; }
  .vital-stats-info .f30 { font-size: 28px !important; }
  .vital-stats-info .f32 { font-size: 36px !important; }
  .vital-stats-info .f36 { font-size: 34px !important; }
  .vital-stats-info .f50 { font-size: 50px !important; }
}

@media (min-width : 600px) and (max-width : 990px) {
  .vital-stats-info.saturn .region-1 { padding-left: 5%; }
  /*.txt-responsive { font-size: 14px; }
  .vital-stats-info .f12 { font-size: 14px !important; }
  .vital-stats-info .f15 { font-size: 16px !important; }
  .vital-stats-info .f20 { font-size: 19px !important; }
  .vital-stats-info .f30 { font-size: 28px !important; }
  .vital-stats-info .f32 { font-size: 36px !important; }
  .vital-stats-info .f36 { font-size: 34px !important; }
  .vital-stats-info .f50 { font-size: 50px !important; }*/

  /* saturn */
  /*.vital-stats-info.saturn .region-3 .col-md-4 { padding-top: 5%; padding-left: 0; }*/
}

/*@media (min-width: 415px) and (max-width : 600px) {
  .txt-responsive { font-size: 11px; }
  .vital-stats-info .f12 { font-size: 10px !important; }
  .vital-stats-info .f15 { font-size: 16px !important; }
  .vital-stats-info .f20 { font-size: 15px !important; }
  .vital-stats-info .f30 { font-size: 23px !important; }
  .vital-stats-info .f32 { font-size: 36px !important; }
  .vital-stats-info .f36 { font-size: 28px !important; }
  .vital-stats-info .f50 { font-size: 38px !important; }
}*/

@media only screen and (max-device-width: 414px) {
  .spacing-t4,
  .spacing-t5,
  .spacing-t100,
  .spacing-t130,
  .spacing-t160 { padding-top: 0; }
  .vital-stats-info { display: none; }
  .vital-stats-carousel { display: block!important; }
  .vital-stats-carousel .f12 { font-size: 25px!important; }
  .vital-stats-carousel .f20 { font-size: 40px!important; }
  .vital-stats-carousel .f28 { font-size: 55px!important; }
  .vital-stats-carousel .f29 { font-size: 58px!important; }
  .vital-stats-carousel .f34 { font-size: 68px!important; }
  .vital-stats-carousel .f50 { font-size: 100px!important; }
  .vital-stats-carousel .col-xs-12 { width: 100%; float: none; }
  .vital-stats-carousel .slide .info { min-height: 350px; display: table; }
  .vital-stats-carousel .slide .content-wrapper { display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto; }
  .vital-stats-carousel .cfar { text-align: center; }
  .vital-stats-carousel .content-wrapper { width: 100%; }
  .pfl { float: left; font-size: 50px!important; padding-left: 5%; }
  .vital-stats-carousel .carousel-control .glyphicon-chevron-right,
  .vital-stats-carousel .carousel-control .icon-next,
  .vital-stats-carousel .carousel-control .glyphicon-chevron-left,
  .vital-stats-carousel .carousel-control .icon-prev { height: 60%; }
  .visible-xs { display: block !important; }
  /*.vital-stats-carousel.saturn .info-5 .type { width: 40%; text-align: right; float: left; font-size: 50px!important; }*/
  /*.vital-stats-carousel.saturn .info-5 .type-name { width: 20%; float: left; }*/

  /* saturn */
  .vital-stats-carousel.saturn-overview .info-5 img { position: absolute; left: 30%; top: 10px; }
}