/*start: GENERAL*/
body,
html,
form,
input {
    color: #222;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

html>body #contentBox_contentPage {
    margin: 0
}
html>body #contentBox {
    position: absolute !important;
    width: 100%;
}
.button {
    font-weight: 600;
    color: white !important;
    border-radius: 3px;
    padding: 5px 16px;
    margin-top: 8px;
    background-color: #3D75B3;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

.boxed .close {
	display:block;
	width:25px;
	height:25px;
	top:10px;
	right:10px;
    position:absolute;
    cursor: pointer;
}
.boxed .close:before,
.boxed .close:after {
	display:block;
	width:25px;
	height:25px;
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: calc(50% - 1px);
	left: 0;
	background: #aaa;
}
.boxed .close:before {
	transform: rotate(-45deg);
}
 .boxed .close:after {
	transform: rotate(45deg);
}
.maxWidthCenter {
    max-width: 1440px;
    margin: 0 auto;
    position: relative
}

.readMoreArrow {
    background: transparent;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
}

.readMoreArrow .down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: white transparent transparent transparent;
}

.section.pageIntro h1,
.pageContent {
    position:relative;
}
.pageContent h1 {
    color: #222;
    font-weight: 500
}

.section.pageIntro h1:first-child:after,
.pageContent h1:first-child:after {
    content: "";
    display: block;
    height: 1px;
    width: 56%;
    border-bottom: 5px solid;
    max-width: 200px;
    margin: 0.6em auto 1.3em;
    box-sizing: border-box;
}
.section.pageIntro h1.textAlignLeft:after, .pageContent h1.textAlignLeft:after { display:none; }
.pageContent .section .sectionInner.padded h1:first-child {
    padding: 0;
    margin:0.5em 0 1em;
}
.sectionInner.paddedContent{
    padding: 20px 20px 0 50px;
}
.pageContent .section h1.noLine:after {
    border-bottom: none;display:none;
}

h2 a.more,
h3 a.more {
    color: #222;
    font-weight: 600;
    background-image: none;
    background: none;
}

.pageContent h1 a,
.pageContent h2 a {
    color: #222;
    text-decoration: none;
}

.pageContent h1 a:hover,
.pageContent h2 a:hover {
    color: #222;
    text-decoration: underline;
}

.pageContent h3,
.pageContent h3 a {
    color: #222;
    font-weight: 600
}

.top-gradient {
    position: absolute;
    width: 100%;
    height: 25%;
    z-index: 0;
    top: 0px;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
}
.bottom-gradient {
    position: absolute;
    width: 100%;
    height: 25%;
    z-index: 0;
    bottom: 0px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
}
/**** ORIGINALLY FROM SECTIONS, UPDATING THIS GRID****/

/* .grid.flex */
.grid.flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
    align-items: stretch;
	width: 100%;
	position:relative;
  }
  .grid.flex .rowItem {
	  width: 50%;
	  margin: 0;
	  padding: 0;
	  display:table-cell;
	  position:relative;
	  vertical-align:top;
  }
  .grid.flex .rowItem.auto{
      width: auto !important;
  }
 /*!!!!! Grid Row/Columns !!!!!*/
.grid.flex .rowItem { display:inline-block; text-align:left; margin-top:20px; }
.grid.flex .rowItem img { width: 100%; }
/* 2 Columns */
 /*NOTE: this calculation needs to be balanced. if you make margin changes, make sure it adds up to 98-99%*/
.grid.flex .rowItem:nth-of-type(1):nth-last-of-type(2) {/*width:47%; margin-right:2%;*/ /*width:42%; margin-right:4%;*/ width:50%; margin:0; }
.grid.flex .rowItem:nth-of-type(2):nth-last-of-type(1) {/*width:47%; margin-left:2%;*/ /*width:42%; margin-left:4%;*/ width:50%; margin:0; }
.grid.flex .rowItem.top {
	align-self: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
		align-items: flex-start;
  }
  .grid.flex .rowItem.bottom {
	align-self: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
		align-items: flex-end;
  }
  .grid.flex .rowItem.center {
	align-self: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
		align-items: center;
  }
@media only screen and (max-width: 799px) {
    .grid .rowItem {
        display: inline-block !important
    }

    .grid .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid .rowItem:nth-of-type(2):nth-last-of-type(1) {
        width: 45% !important;
    }

    .grid.flex .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid.flex .rowItem:nth-of-type(2):nth-last-of-type(1) {
        width: 50% !important;
    }

    /* small / large is an exception */
    .grid .rowItem.small:nth-of-type(1):nth-last-of-type(2),
    .grid .rowItem.small:nth-of-type(2):nth-last-of-type(1) {
        width: 34% !important
    }

    .grid .rowItem.large:nth-of-type(2):nth-last-of-type(1),
    .grid .rowItem.large:nth-of-type(1):nth-last-of-type(2) {
        width: 62% !important
    }
}

/* Specifically for news */
@media only screen and (max-width: 799px) {
    .grid#Mission-Facts .rowItem {
        display: inline-block !important
    }

    .grid#Mission-Facts .rowItem:nth-of-type(1):nth-last-of-type(2) {
        width: 40% !important
    }

    .grid#Mission-Facts .rowItem:nth-of-type(2):nth-last-of-type(1) {
        width: 50% !important
    }
}

@media only screen and (max-width:600px) {
.sectionInner.paddedContent { padding: 20px 20px 0 20px }
    .grid .rowItem,
    .grid#Mission-Facts .rowItem {
        display: block !important
    }

    .grid .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid .rowItem:nth-of-type(2):nth-last-of-type(1),
    .grid .rowItem.small:nth-of-type(1):nth-last-of-type(2),
    .grid#Mission-Facts .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid .rowItem.large:nth-of-type(2):nth-last-of-type(1),
    .grid#Mission-Facts .rowItem:nth-of-type(2):nth-last-of-type(1),
    .grid .rowItem.small:nth-of-type(1):nth-last-of-type(2),
    .grid .rowItem.small:nth-of-type(2):nth-last-of-type(1),
    .grid .rowItem.large:nth-of-type(2):nth-last-of-type(1),
    .grid .rowItem.large:nth-of-type(1):nth-last-of-type(2) {
        width: 96% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .grid .rowItem.imgButton,
    #Mission-Timeline-Intro .grid .rowItem {
        display: inline-block !important;
    }
    .grid.flex {
        display:block;
    }
    .grid.flex .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid.flex .rowItem:nth-of-type(2):nth-last-of-type(1) {
        display:inline-block;
        width: 100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(3),
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(4),
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(5),
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(6),
.grid .rowItem.imgButton.height100:nth-of-type(1):nth-last-of-type(7),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(1),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(3),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(4),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(5),
.grid .rowItem.imgButton.height100:nth-of-type(2):nth-last-of-type(6),
.grid .rowItem.imgButton.height100:nth-of-type(3):nth-last-of-type(1),
.grid .rowItem.imgButton.height100:nth-of-type(3):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(3):nth-last-of-type(3),
.grid .rowItem.imgButton.height100:nth-of-type(3):nth-last-of-type(4),
.grid .rowItem.imgButton.height100:nth-of-type(3):nth-last-of-type(5),
.grid .rowItem.imgButton.height100:nth-of-type(4):nth-last-of-type(1),
.grid .rowItem.imgButton.height100:nth-of-type(4):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(4):nth-last-of-type(3),
.grid .rowItem.imgButton.height100:nth-of-type(4):nth-last-of-type(4),
.grid .rowItem.imgButton.height100:nth-of-type(5):nth-last-of-type(1),
.grid .rowItem.imgButton.height100:nth-of-type(5):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(5):nth-last-of-type(3),
.grid .rowItem.imgButton.height100:nth-of-type(6):nth-last-of-type(1),
.grid .rowItem.imgButton.height100:nth-of-type(6):nth-last-of-type(2),
.grid .rowItem.imgButton.height100:nth-of-type(7):nth-last-of-type(1) {
    width: 150px !important;
    height: 150px
}

/*end:   GENERAL*/

/*Custom*/
body,
html {
    /* background-image: url('/layout/mer/images/background_noBlue.jpg'); */
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: white;
}

.btnBlue {
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    line-height: 40px;
    margin: 0px;
    padding: 4px 40px;
    font-size: 25px;
    background-image: none;
    text-align: center;
    background-color: #01396e;
    width: auto;
    color: white !important;
    float: right;
    margin: 0 0 20px;
    text-decoration: none !important;
}

.btnDownload {
    font-weight: 600;
    color: white !important;
    border-radius: 3px;
    padding: 5px 16px;
    margin-top: 8px;
    background-color: #3D75B3;
    display: inline-block;
    text-transform: uppercase;
}

.pageContent .btnRed, .btnRed {
    font-weight: 600;
    color: white !important;
    border-radius: 3px;
    padding:5px 10px;
    margin-top: 8px;
    background-color: #f45c48;
    /* border: solid 1px #595959; */
    border:none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 75%;
    line-height: normal;
    transition: background-color 0.5s ease;
}
.pageContent .btnRed:hover, .btnRed:hover {
    text-decoration: none;
    background-color: #f45c48;
    background-color: rgba(244, 92, 72, 0.77);
}
.pageContent a.btnRed {color:white;}
/* red2 */
.pageContent .btnRed2, .btnRed2 {
    font-weight: 600;
    color: white !important;
    border-radius: 3px;
    padding:5px 10px;
    margin-top: 8px;
    background-color: #e82228;
    /* border: solid 1px #595959; */
    border:none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    /* font-size: 75%; */
    font-size: 14px;
    line-height: normal;
    transition: background-color 0.5s ease;
}
.pageContent .btnRed2:hover, .btnRed2:hover {
    text-decoration: none;
    background-color: #e82228;
    background-color: rgba(232, 34, 40, 0.77);
}
.pageContent a.btnRed2 {color:white;}
.pageContent .btnGray, .btnGray, .pageContent button.btnGray, button.btnGray {
    font-weight: 600;
    color: white !important;
    border-radius: 3px;
    padding:5px 10px;
    margin-top: 8px;
    background-color: #9e9fa2;
    border:none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 75%;
    line-height: normal;
    transition: background-color 0.5s ease;
}
.pageContent .btnGray:hover, .btnGray:hover, .pageContent button.btnGray:hover, button.btnGray:hover {
    text-decoration: none;
    background-color: #79797B;
}
.pageContent a.btnGray {color:white;}
.pageContent .btnBlue2, .btnBlue2 {
    font-weight: 600;
    color: white !important;
    margin-top: 2em;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    background-color: #3D75B3;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
    font-size: 75%;
    line-height: 14px;
    transition: background-color 0.5s ease;
    border-radius: 4px;
    border: 0;
    cursor: pointer;  
    padding: 12px 24px;
    padding: 7px 16px 6px;
    white-space: nowrap;
}

.pageContent a.btnBlue2 {color:white;}
.pageContent .btnBlue2:hover, .btnBlue2:hover {
    text-decoration: none;
    background-color: #3D75B3c4;
}
.boxed {
    border: 1px solid #C1C1C1;
    padding: 0 6% 5%;
    margin-bottom: 20px;
}

.boxed {
    font-size: 0.8em;
    line-height:1.3em;
    word-break:break-word;
}
.boxed ul.noBullets, ul.noBullets li {
    padding-left:0;
}
.boxed .sidebar_title {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
}

/*s:resource buttons*/
.lineHeightNormal li {
    line-height: normal !important;
    margin-top: 15px;
}

.hzCircles li {
    display: table;
}

.hzCircles ul,
.hzCircles ul li {
    list-style: none;
}

.hzCircles ul li {
    margin: 30px 0;
    padding: 0;
}

.hzCircles .image {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.hzCircles .imageLink,
.hzCircles .text {
    display: table-cell;
    vertical-align: middle;
}

.hzCircles .text span {
    display: block;
}

.hzCircles .text .title {
    font-weight: bold;
    margin-left: 40px;
}

.hzCircles .text .description {
    margin-top: 10px;
    margin-left: 40px;
}

@media only screen and (max-width:580px) {
    .hzCircles .image {
        width: 100px;
        height: 100px;
        margin: 15px 10px 10px;
        float: right;
    }

    .hzCircles .imageLink,
    .hzCircles .text,
    .hzCircles ul,
    .hzCircles ul li,
    .hzCircles .text .description,
    .hzCircles .text .title {
        margin: 0;
        padding: 0;
    }

    .hzCircles .imageLink,
    .hzCircles .text {
        display: block;
    }

    .hzCircles ul li {
        margin-top: 30px;
    }
}

#toggleContainer .content {
    display: none;
    margin-left: 25px
}

.pageContent .section #toggleContainer #item strong {
    cursor: pointer;
    margin: 0;
}

#toggleContainer .content[style="display: block;"] {
    padding-bottom: 20px
}

.pageContent .relatedResources,
.pageContent .relatedResources div,
.pageContent .relatedResources span,
.pageContent .relatedResources li,
.relatedResources ul.horizontalImages.buttonCircle li .buttonText .labelTitle,
.relatedResources.small ul.horizontalImages.buttonCircle li .buttonText .labelTitle {
    color: maroon;
    text-shadow: none;
    font-weight: normal;
}

.relatedResources {
    background: none !important;
}

.relatedResources ul.horizontalImages.buttonCircle li.active,
.relatedResources ul.horizontalImages.buttonCircle li:hover {
    background: none;
}

.pageContent .relatedResources a {
    color: #2372cc;
}

.relatedResources ul.horizontalImages.buttonCircle li:hover a div,
.pageContent .relatedResources li:hover span,
.relatedResources ul.horizontalImages.buttonCircle li.active a div,
.pageContent .relatedResources li.active span {
    color: #e04514 !important;
}

.relatedResources ul.horizontalImages.buttonCircle.height200 li,
.relatedResources ul.horizontalImages.height200.buttonCircle li {
    clear: none;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.buttonText {
    font-weight: normal;
}

.relatedResources ul.horizontalImages.buttonCircle li .buttonText .labelTitle,
.relatedResources.small ul.horizontalImages.buttonCircle li .buttonText .labelTitle {
    padding-bottom: 5px;
    font-size: 1.2em;
    font-weight: bold;
}

.relatedResources ul.horizontalImages.buttonCircle li .buttonText .labelTitle,
.relatedResources.small ul.horizontalImages.buttonCircle li .buttonText .labelTitle sup {
    line-height: normal;
}

.pageContent .relatedResources p {
    color: #222
}

.pageContent .relatedResources h1,
.pageContent .relatedResources h2,
.pageContent .relatedResources h3,
.pageContent .relatedResources h4,
.pageContent .relatedResources h5 {
    color: #222;
}

.relatedResources ul.horizontalImages.buttonCircle li .buttonText .goalNumber {
    text-shadow: none;
    font-weight: bold;
}

/*e:resource buttons*/
/*start: TOP BANNER + NAVIGATION*/
#navMarsTabs .submenu li.submenu-line{
 height: 1px; background-color: rgba(124,113,110,0.2); width: 80%; padding: 0 !important; margin: 10px auto 10px 15px;}
.bannerHome .nasalogo {
    width: 65px;
    float: left;
    margin-left: 0.6rem;
}

.bannerHome .mission {
    float: left;
    color: white;
    margin-left: 1rem;
    line-height: 2;
}

.bannerHome .site_title {
    text-transform: uppercase;
    font-size: 1.6rem;
    vertical-align: middle;
    display: inline-block;
    font-weight: 100;
}

.bannerHome .subsite_title {
    font-size: 1.4rem;
    font-weight: 300;
    color: white;
    margin-left: 0;
    vertical-align: middle;
    display: inline-block;
}

#top_jplBanner {
    z-index: 10;
    padding-top: 0;
    height: auto
}

#top_marsBanner {
    z-index: 10;
    width: 100%;
    position: relative;
    background-color: #5a2017;
    transition: background 1s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
    min-height: 75px;
}

/*sticky bar nav*/
#top_marsBanner-sticky-wrapper {
    /* height: auto !important; */
    z-index: 100;
    position: relative;
}
body.mission-home #top_marsBanner-sticky-wrapper {
    height: auto !important;
}
body.mission-home .topSubNavInnerInner{display:none;}
.homepage #top_marsBanner,
#top_marsBanner.page-Homepage {
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}
.is-sticky #top_marsBanner {
    background: #5a2017;
    transition: background 1s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}

#top_marsBanner {
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
    padding-top: 8px;
}

.is-sticky #top_marsBanner .missionBanner {
    height: 50px;
    transition: height 1s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
}

.is-sticky #navMarsTabs {
    transition: background 1s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}

.is-sticky #navMarsSearch {
    opacity: 0;
    visibility: hidden;
}

@media print {
    body, html {
        background-color:white;
    }
    .pageContent {
        line-height: 1.7em;
    }
    #pageContent {
        position:relative;
        margin-top: 100px
    }
    div#top_marsBanner {
        position:relative;
        height: 100px
    }
    #top_marsBanner-sticky-wrapper {
        height: 0 !important;
    }
    .is-sticky #top_marsBanner {
       position: absolute !important;
    }
    .homepage #top_marsBanner, #top_marsBanner.page-Homepage {
        background-color: #5a2017;
    }
    #top_jplBanner, #nasabanner, #top_marsBanner, #breadcrumbs {
        display: block;
    }
    #navMarsTabs{display:none;}
    span[class^="PIN"] {
        display: none;
    }
    #footer {
        display:none;
    }
}
@media only screen 
  and (max-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
    div#top_marsBanner {
        position:absolute !important;
    }
}
/*sticky bar nav end*/

/* s:topSubNav TOP SUB NAVIGATION: CONTENT PAGES */
#topSubNav {
    position: relative;
    background-color: #eee;
}

#topSubNav #thisPageTitle,
#topSubNav #thisPageSubNavContent {
    display: inline-block;
}

#topSubNav #thisPageTitle,
#topSubNav #thisPageTitle a {
    color: #222;
    list-style: none;
    padding-left: 0;
    font-weight: 600;
    margin: 5px 0 0
}

#topSubNav #thisPageSubNavContent,
#topSubNav #thisPageSubNavContent a {
    color: #777;
    list-style: none;
    padding-left: 0;
    margin: 5px 0 10px;
}

.topSubNavInnerInner ul:only-child {
    padding: 5px 0 10px
}

.topSubNavInnerInner .subNavItem a {
    text-transform: none;
}

#topSubNav #thisPageSubNavContent .subNavItem.navSelected a {
    color: #222;
    font-weight: 600
}

#topSubNavInner {
    max-width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    background-color: #eee;
}

.topSubNavInnerInner {
    margin-top: 0
}

div#topSubNav a {
    text-decoration: none !important
}

#navMarsTabs a.toplevel {
    text-transform: capitalize;
}
#navMarsTabs a {
    color: white;
    font-size: 14px;
    padding: 0 5px;
    font-weight: 400;
    z-index: 1
}

#navMarsTabs ul {
    list-style: none;
    padding-left: 0
}

#navMarsTabs #lnk_search.active form,
#navMarsTabs #lnk_search.active form input {
    color: white;
}

#navMarsTabs #lnk_search.active ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1;
    /* Firefox */
    font-weight: 200;
}

#navMarsTabs #lnk_search.active :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
    font-weight: 200;
}

#navMarsTabs #lnk_search.active ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
    font-weight: 200;
}

.navMarsTabs_sub .submenu {
    visibility: hidden
}

.is-sticky #topSubNav {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    z-index: 1;
}


@media print {
    #topSubNav #topSubNavInner {
        text-align:left;
        padding: 5px 10px;
    }
    .homepage #topSubNav #topSubNavInner {
        padding: 0;
    }
    .topSubNavInnerInner {
        display:flex;
        line-height: normal;
    }
    #topSubNav #thisPageSubNavContent, #topSubNav #thisPageSubNavContent a {
        font-size: inherit !important;
        line-height: normal;
        margin: 2px 0;
    }
    .topSubNavInnerInner .subNavItem {
        font-size: inherit !important;
        padding: 0 5px;
    }
}
/* e:topSubNav TOP SUB NAVIGATION: CONTENT PAGES */
/*end:  TOP BANNER + NAVIGATION*/

/*start: PAGE CONTENT: GENERAL*/
.nomargintop, .margintop10 {
    margin-top: 0 !important
}
.contentImageInner .imageDescription {display:none;}
.contentImageInner .infoLink {display:none;}
#contentBox_contentPage table {
    width: 100%
}
.search-div {position:relative;}
#pageTitleText {
    top: 0;
    z-index: 2
}

h1.ContentTitle,
#MidNavContainer,
#navMarsMenu {
    display: none
}

h2 {
    font-weight: 600;
}

hr{display:block;height:1px;border:0;border-top:1px solid #eee;margin:1em 0;padding:0}

.pageContent .subtitle, .subtitle {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 2.3em;
    font-weight: 200;
    text-align: center;
}
@media screen and (max-width : 1310px) {
    .pageContent .subtitle, .subtitle {
        font-size: 2.1em;
    }
}
@media screen and (max-width : 1080px) {
    .pageContent .subtitle, .subtitle {
        font-size: 2em;
    }
}

.pageContent {
    background-color: #FFFDFC;
    background-color: white;
    font-weight: 300;
}
.pageContent strong, .pageContent b{
    font-weight: 600;
}

/*.section.pageIntro, .tall{height:auto; min-height:75vh}*/
.section.pageIntro,
.tall {
    height: auto;
}

/* .tall{height:auto; min-height:75vh} */
/*Accordion Containers*/
/*Do not extend width of [[image]]; this helps fit it in the .ac-container*/
.ac-container.faq .rowItem .contentImage,
.ac-container.faq .rowItem #contentImage .contentImageInner,
.ac-container.faq .rowItem .contentImage .contentImageInner {
    width: 100%;
}

.sidebar .socialIcons {
    text-align: center;
    margin: 0 auto;
}

.sidebar .socialIcons a img {
    width: 50px;
    height: 50px;
}

.sidebar .socialIcons a {
    display: inline-block;
    margin: 5px;
}

.sidebar,
.sidebar a {
    line-height: normal;
}

.sidebar {
    display: inline-block;
    float: right;
    width: 300px;
    padding: 15px;
    border: solid thin #C1C1C1
}

.main_withsidebar {
    display: inline-block;
    width: calc(100% - 350px)
}
.hidden {
    visibility: hidden;
    height:0px;
    width:0px;
    display:none;
}
ul.general li,
ol.general li {
    margin-top: 10px;
}

ul.general li:first-child,
ol.general li:first-child {
    margin-top: 0;
}

/*form override colors*/
.pageContent input,
.pageContent select,
.pageContent textarea,
.view_selectors,
#searchForm .searchBox {
    border-color: #c1c1c1 !important;
}

/*end:   PAGE CONTENT: GENERAL*/

/*start: PAGE SPECIFIC*/
/*s:home*/

html.-ms- #contentBox.homepage .flowplayer {
    display: none;
}
#pageContent{position:relative;z-index:0;}
#pageContent.homepage {
    position: relative;
}

.mission_name {
    position: absolute;
    color: white;
    font-size: 1.5em;
    bottom: 20px;
    right: 20px;
}

@media screen and (max-width: 600px) {
    .mission_name {
        padding-left: 20px;
    }
}

section#features {
    background-color: black !important
}

section#features .featuredCaptions .featuredCaptionText {
    /* bottom: 0; */
}

.cruise-icon {
    background-image: url(/imgs/icons/outline/cruise.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 60px;
    margin-top: -10px;
    display: inline-block;
    float: left;
}

.cruise-icon:hover,
.info_item:hover a .cruise-icon,
.info_item a:hover .cruise-icon {
    background-image: url(/imgs/icons/outline/cruise_o.png);
}

.homepage section#features .featuredCaptions .featuredCaptionText .featureContent {
    font-weight: 300 !important;
}

.homepage section#features .featuredCaptions .featuredCaptionText .featureContent a {
    font-weight: 500 !important;
}

.homepage #featureSlider.bgBlack {
    background-color: #262626;
}

.homepage #featureSlider {
    background-color: #262626;
    /*top:-65px;  height: calc(100vh - 40px);*/
}

.homepage #featureSlider section#features .slick-track {
    /* height: -moz-calc(100vh - 115px);
    height: -webkit-calc(100vh - 115px);
    height: -o-calc(100vh - 115px);
    height: calc(100vh - 115px); */

    height: -moz-calc(100vh - 20px);
    height: -webkit-calc(100vh - 20px);
    height: -o-calc(100vh - 20px);
    height: calc(100vh - 20px);
}

.homepage section#features .slick-dots {
    bottom: 110px;
    z-index: 10;
}

.homepage section#features .featuredCaptions .featuredCaptionText {
    margin-bottom: 160px;
}

.dashboard_bottom {
    width: 100%;
    bottom: 0;
    position: relative;
    margin-top: -110px;
    text-align: center;
    max-height: 110px;
    overflow: hidden;
}

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

    /*more space for the countdown to launch*/
    .dashboard_bottom {
        margin-top: -130px;
    }

}

.sliderContainer {
    width: 700px;
    margin: 0 auto;
    display: inline-block;
}

#spacecraftInfo {
    height: 100%;
    width: 100%;
}

#spacecraftInfo.slick-slider {
    margin-bottom: 0
}

#spacecraftInfo .slick-prev.slick-disabled:before,
#spacecraftInfo .slick-next.slick-disabled:before,
#spacecraftInfo .slick-prev:before,
#spacecraftInfo .slick-next:before {
    visibility: hidden
}

#spacecraftInfo .slick-prev.slick-disabled,
#spacecraftInfo .slick-next.slick-disabled {
    opacity: 0.2
}

#spacecraftInfo .slick-prev {
    left: -3%;
    background-image: url("/imgs/general/arrow_left_slim.png");
}

#spacecraftInfo .slick-next {
    right: -3%;
    background-image: url("/imgs/general/arrow_right_slim.png");
}

/* s:special icons */
#spacecraftInfo .spacecraft-icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    background-image: url(/imgs/icons/outline/mars.png)
}

#spacecraftInfo .font-icon {
    padding: 15px 10px 15px 0
}

/* e:special icons */
/* s:countdown clock */

#spacecraftInfo .countdown_clock .countdown_time, .countdown_clock .countdown_time {
    padding: 5px;
    color: #F1F1F1;
    font-weight: 200;
    vertical-align: top;
}

#spacecraftInfo .countdown_clock .countdown_title, .countdown_clock .countdown_title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1em;
    margin: 5px 0 3px;
    vertical-align: top;
    color: #DCC5AA;
}

.dateoflaunch {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    margin: 5px 0 3px;
}

/*option 2 - inc month day */
.dateoflaunch span.month,
.dateoflaunch span.date,
.dateoflaunch span.year {
    display: block;
    font-size: 0.8em;
    color: #DCC5AA;
}

.dateoflaunch span.date {
    font-size: 1.9em;
    font-weight: normal;
    display: none;
}

.dateoflaunch span.year {
    font-size: 1.1em;
}

.dateoflaunch .launchDescription {
    display: none;
}

.countdown_time {
    display: inline-block;
}

#spacecraftInfo .countdown_clock .countdown_time .unit, .countdown_clock .countdown_time .unit {
    font-size: 1.2em;
    text-transform: lowercase;
    color: #F1F1F1;
    font-weight: 300;
    display: inline-block;
    position: relative;
    padding: 0 5px 0;
    vertical-align: middle;
    text-align: center;
}

#spacecraftInfo .countdown_clock .countdown_time .unit+.unit:before, .countdown_clock .countdown_time .unit+.unit:before {
    content: " : ";
    position: absolute;
    left: 0;
}

#spacecraftInfo .countdown_clock .countdown_time .unit .time_label, .countdown_clock .countdown_time .unit .time_label {
    font-weight: 400;
    font-family: Montserrat;
    font-size: .5em;
    margin-left: -3px;
}

#spacecraftInfo .countdown_clock .countdown_time .unit span, .countdown_clock .countdown_time .unit span {
    font-size: 0.5em;
    color: #DCC5AA;
    font-weight: 600;
    padding: 0 0.5em;
    clear: both;
    display: block;
    text-transform: uppercase;
    text-align: center
}

/* e:countdown clock */
/* s:items in dashboard */
#spacecraftInfo .info_item a {
    color: #F1F1F1;
    text-decoration: none;
}

#spacecraftInfo .info_item a span {
    display: inline-block;
    vertical-align: middle
}

#spacecraftInfo .info_item .dash_title {
    text-align: left;
    color: #DCC5AA;
    text-transform: uppercase;
    font-size: 0.7em;
    margin: 5px 0 3px;
    display: block;
}

#spacecraftInfo .info_item .dash_title.link {
    margin: 5px auto 3px -50px;
}
#spacecraftInfo .info_item .info_text {
    font-size: 0.8em;
    display: inline-block;
}

#spacecraftInfo .info_item .fa {
    display: inline-block;
    height: 30px;
    color: rgba(245, 245, 245, 0.8);
    font-size: 2em;
    padding: 10px;
}

#spacecraftInfo .info_item:hover a,
#spacecraftInfo .info_item a:hover {
    color: #F1F1F1;
    text-decoration: none;
}

#spacecraftInfo .info_item a .goLink {
    content: "";
    display: inline-block;
    background: url(/imgs/general/dashboard_sprite.png) no-repeat;
    background-size: 200px;
    background-position: -10px -10px;
    width: 33px;
    height: 33px;
    margin-left: .8rem;
    vertical-align: middle;
    transform: translateY(-5%);
}

#spacecraftInfo .info_item a:hover .goLink {
    background-position: -10px -60px;
}

#spacecraftInfo .info_item:last-child {
    border-right: none;
}

@media screen and (min-width : 1px) {
    #spacecraftInfo {
        font-size: 17px;
    }

    .sliderContainer {
        width: calc(100% - 40px);
    }

    #spacecraftInfo .info_item .dash_title {
        text-align: center;
    }

    #spacecraftInfo .countdown_clock {
        text-align: center;
    }

    #spacecraftInfo .info_item,
    #spacecraftInfo .countdown_clock {
        padding: 0
    }

    #spacecraftInfo .countdown_clock .countdown_title .larger {
        display: inline-block;
        font-size: 1em;
        letter-spacing: normal;
    }
}


@media screen and (min-width : 501px) {
    #spacecraftInfo .countdown_clock .countdown_title .larger {
        font-size: 1.1em;
        letter-spacing: 1px;
        display: block;
    }
}

@media screen and (min-width : 625px) {
    .sliderContainer {
        width: 60%;
        padding: 0 40px;
    }

    #spacecraftInfo .countdown_clock {
        padding: 10px;
        text-align: left;
    }

    #spacecraftInfo .info_item {
        padding: 10px 20px;
    }

}

@media screen and (min-width : 1024px) {
    #spacecraftInfo {
        font-size: 18px;
    }

    .sliderContainer {
        width: 550px;
        padding: 0 40px;
    }
}

@media screen and (min-width : 1224px) {
    #spacecraftInfo {
        font-size: 20px;
    }

    .sliderContainer {
        width: 600px;
    }
}

/* e:items in dashboard */

#spacecraftInfo .slick-prev,
#spacecraftInfo .slick-next {
    width: 30px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 27px 70px;
    top: 0;
}

.homeMore {
    display: block;
    text-align: center;
    font-size: 0.8em;
    opacity: 1;
    background-color: #5a2017;
    color: #f18b81;
    padding: 5px 0;
    position: relative;
}
/* 
#Status-Report img {
    width: 120%;
}

#Status-Report.grid .rowItem:nth-of-type(1):nth-last-of-type(2) {
    width: 30% !important;
    margin: 0 4% !important;
    display: inline-block !important;
} */

.more_bar {
    text-align: center;
    background-color: #4d91a6;
    color: black;
    height: 36px;
    cursor: pointer;
    position: relative;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    line-height: 1.4;
}

.more_bar .title,
.more_bar .arrow_down {
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
}

.more_bar .arrow_down {
    padding: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url(/layout/mer/images/ui_sprite@2x.png) -50px -125px;
    background-size: 300px;
}

.gradient_container_bottom {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+76 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 76%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 76%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 76%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
    bottom: 0;
}

.scrollbar {
    margin-left: 0px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.homepage .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #F5F5F5;
}

.homepage .scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.homepage .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #cccccc;
}

section#features .featuredStories .featuredCaptions a:link,
section#features .featuredStories .featuredCaptions a:visited,
.featuredStories .featuredCaptions .featureContent a {
    display: inline;
}

section#features .featuredStories .featuredCaptions .moreLinkGroup a:link,
section#features .featuredStories .featuredCaptions .moreLinkGroup a:visited,
.featuredStories .featuredCaptions .featureContent .moreLinkGroup a {
    display: block;
}

section#features .featuredStories .featuredCaptions .featureContent a {
    color: #69B9FF
}

section#features .featuredStories .featuredCaptions .featureContent a.moreLink:after {
    content: ' '
}

section#features .featuredStories .featuredCaptions .featureContent .moreLinkGroup a:link:first-child {
    margin-top: 10px;
}

section#features .featuredStories .featuredCaptions .featureContent .moreLinkGroup {
    display: block;
}

section#features .featuredStories .featuredCaptions .featureContent .moreLinkGroup a:only-child {
    font-weight: 300;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    padding: 9px 16px;
    background-color: #3D75B3;
    display: inline-block;
}

section#features .featuredStories .featuredCaptions a:link {
    margin-top: 0;
}

.homepage .feedItem .itemInfo span a {
    font-weight: 400;
    text-decoration: none;
}

#Status-Updates .sectionInner {
    max-width: 1400px;
}
/* 
#Status-Report.grid .rowItem:nth-of-type(2):nth-last-of-type(1) {
    width: 52% !important;
    margin: 0 4% !important;
    display: inline-block !important;
} */

#More-Info .grid {
    max-width: 1400px;
    margin: 0 auto;
    text-align:center;
}

/* s:Featured */
#FeaturedSection .sectionInner {
    padding-top: 50px;
    padding-bottom: 100px;
}

#featuredSlider a {
    color: #222
}

#featuredSlider .slide {
    width: 320px;
    height: 240px;
    margin: 5px
}

#featuredSlider .slide .content_image {
    width: 320px;
    height: 200px;
    background-size: cover;
    background-position: top center;
}
#featuredSlider .slide .content_image * {
    width: 100%;
    height: 100%;
    background: #000;
}
#featuredSlider .slide .content_title {
    color: #222;
    position: relative;
    bottom: 0;
    z-index: 1;
    padding-top: 5px;
    font-weight: 400
}

#featuredSlider .slick-prev,
#featuredSlider .slick-next {
    width: 30px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 27px 70px;
    top: calc(50% - 40px);
}

#featuredSlider .slick-prev.slick-disabled:before,
#featuredSlider .slick-next.slick-disabled:before,
#featuredSlider .slick-prev:before,
#featuredSlider .slick-next:before {
    visibility: hidden
}

#featuredSlider .slick-prev {
    left: -5%;
    background-image: url(/imgs/general/arrow_left_slim_black.png);
}

#featuredSlider .slick-next {
    right: -5%;
    background-image: url(/imgs/general/arrow_right_slim_black.png);
}

@media only screen and (max-width: 715px) {
    #featuredSlider .slick-prev {
        left: -10%;
    }

    #featuredSlider .slick-next {
        right: -10%;
    }
}

#featuredSlider .slick-slide img {
    border: none;
    width: 100%;
    margin: 0 auto;
}

/* e:Featured */
#missionCarousel .spacecraft {
    text-align: center;
}

#missionCarousel .spacecraft img {
    width: 100%
}

#missionCarousel .slick-prev,
#missionCarousel .slick-next {
    width: 30px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 27px 70px;
    top: 10px;
}

#MoreMarsMissions {
    background-color: rgba(0, 0, 0, 0.65);
    background: url(https://mars.nasa.gov/assets/red_planet_bg.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    background: white;
}

#MoreMarsMissions a {
    font-size: 1.2em;
    font-weight: 300;
    color: #222;
    text-decoration: none;
}

#MoreMarsMissions a:hover {
    text-decoration: underline;
}

#MoreMarsMissions .subtitle {}

#missionCarousel .slick-prev.slick-disabled:before,
#missionCarousel .slick-next.slick-disabled:before,
#missionCarousel .slick-prev:before,
#missionCarousel .slick-next:before {
    visibility: hidden
}

#missionCarousel .slick-prev,
#missionCarousel .slick-next {
    width: 13px;
    height: 29px;
    top: calc(50% - 27px)
}

#missionCarousel .slick-prev {
    left: -5%;
    background: url(https://mars.nasa.gov/assets/ui_sprite@2x.png) -37px -296px !important;
    background-size: 300px !important;
    background: url(https://mars.nasa.gov/assets/ui_sprite@2x.png) -31px -99px !important;
    background-size: 300px !important;
}

#missionCarousel .slick-next {
    right: -5%;
    background: url(https://mars.nasa.gov/assets/ui_sprite@2x.png) -25px -296px !important;
    background-size: 300px !important;
    background: url(https://mars.nasa.gov/assets/ui_sprite@2x.png) -31px -146px !important;
    background-size: 300px !important;
}

#missionCarousel .slick-slide img {
    border: none;
    width: 80%;
    margin: 0 auto;
    transition: transform .2s;
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 1px 3px #ccc);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

#missionCarousel .slick-slide a:hover img {
    border: none;
    transform: scale(1.2);
}

#Mission-Facts .sectionInner {
    padding: 50px 20px;
}

#Mission-Facts .sectionInner .grid {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#Mission-Facts .text .title {
    margin: 0;
    padding: 10% 0 10px;
    font-weight: 400;
    display: block;
}

#Mission-Facts .text strong {
    font-weight: bold;
    color: #777;
    display: block;
    line-height: 1.8em;
    margin-top: 10px;
}

#Mission-Facts .image,
#Mission-Facts .image img {
    text-align: center;
    vertical-align: bottom;
}

@media only screen and (max-width: 980px) {
    #Mission-Facts #More-Facts {
        font-size: 1em;
    }
}

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

    #Mission-Facts #More-Facts .split.grid .rowItem,
    .grid#Mission-Facts #More-Facts .split.grid .rowItem:nth-of-type(1):nth-last-of-type(2),
    .grid#Mission-Facts #More-Facts .split.grid .rowItem:nth-of-type(2):nth-last-of-type(1) {
        width: calc(100% - 50px) !important;
        margin: 0
    }

    #Mission-Facts #More-Facts {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 600px) {
    #Mission-Facts #More-Facts {
        font-size: 1.1em;
    }

    #Mission-Facts #More-Facts .split.grid .rowItem {
        padding: 0 25px
    }

    #Mission-Facts .image img {
        width: 80%;
        margin: 0 auto;
        max-width: 500px;
    }

    #Mission-Facts .text {
        width: 80%;
        margin: 0 auto;
    }

    #Mission-Facts,
    #About-Mission {
        font-size: 1.5em
    }

    #latest-news{
        padding-bottom: 25px;
    }
/*CHECK ON MAVEN
    #More-Facts,
    #Twitter-Feed {
        padding-top: 25px;
        border-top: 1px #ccc solid;
    }
    */
}

/*e:home*/
/*s:pagecontent*/
.introImage {
    text-align: center;
}

.introImage img {
    max-width: 900px;
    margin: 0 auto;
}

.section.pageIntro li,
.section.pageIntro p {
    font-size: inherit;
}

/*e:pagecontent*/
/*s:search*/
.pageContent .cse .gsc-tabHeader.gsc-tabhInactive,
.pageContent .gsc-tabHeader.gsc-tabhInactive,
.pageContent .cse .gsc-tabHeader.gsc-tabhActive,
.pageContent .gsc-tabHeader.gsc-tabhActive {
    padding: 0 8px 1px 8px !important;
    overflow: hidden;
}

/*e:search*/
/*s:instruments*/
#Instrument-Intro {
    height: 100vh !important;
    /*height:calc(100vh - 225px)*/
}

#Fast-Facts {
    min-height: 100vh;
    min-height: calc(100vh - 225px)
}

#Quote,
#Did-You-Know,
#Fun-Facts,
#Instrument-Name-Story {
    height: 100vh
}

/*e:instruments*/
/*s: configurations */
div#Spacecraft-Configurations {
    background: whitesmoke;
    color: #222 !important;
}

div#Spacecraft-Configurations.textWhite,
div#Spacecraft-Configurations .textWhite {
    color: #222 !important;
}

div#Spacecraft-Configurations .grid .rowItem.imgButton:hover {
    color: #222 !important
}

div#Spacecraft-Configurations .grid .rowItem.imgButton.active .buttonCircle,
.grid .rowItem.imgButton:hover .buttonCircle {
    background: none;
}
/*s:news*/
#newsArchivePage h1.mainNewsTitle {
    display: none;
}

#newstypeArchiveForm select#news_type {
    width: 140px
}

.pageContent #newsList .list_view.grid_gallery li .objectContainer .featureImgLarge {
    background-position: top center !important;
}

.pageContent #newsList .list_view.grid_gallery li .objectContainer {
    min-height: 250px;
}

.pageContent #newsList .list_view.grid_gallery li .objectContainer .featureImgLarge {
    min-height: 250px;
}

.pageContent #newsList .grid_gallery li .objectContainer {
    min-height: 300px;
}

@media only screen and (max-width: 715px) {
    #searchForm .foundText {
        top: -25px
    }
}

/*e:news*/
/*s:images*/
/* #videoArchivePage {
    padding: 1em 2% 4.3em;
} */

#videoArchivePage h1.mainVideosTitle {
    color: #222;
    float: none;
    padding: 0;
    margin: 0;
}

#videoArchivePage #videoList .byCategory .videoItem.morebox {
    background-color: #F1F1F1;
    border: 1px solid #DDD;
    padding: 0;
    margin: 0
}

#videoArchivePage #videoList .byCategory .videoItem.morebox * {
    color: #222;
    font-weight: 600
}
/* 
#imagesList .imagesListOptions {
    padding-left: 10px;
}

.pageContent #imagesList .list_view.grid_gallery li .objectContainer .featureImgLarge {
    background-position: top center !important;
}

.pageContent #imagesList .list_view.grid_gallery li .objectContainer {
    min-height: 250px;
}

.pageContent #imagesList .list_view.grid_gallery li .objectContainer .featureImgLarge {
    min-height: 250px;
    height: auto;
}

.pageContent #imagesList .grid_gallery li .objectContainer {
    min-height: 250px;
}

#imagesList .view_selectors {
    right: 15px;
}

.pageContent .section #newsList .listTextLabel h2.alt01,
.pageContent .section #imagesList .listTextLabel h3.alt01 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.gecko .pageContent #imagesList .grid_gallery li .objectContainer .featureImgLarge,
.gecko .pageContent #imagesList .list_view.grid_gallery li .objectContainer .featureImgLarge {
    height: 250px;
}

#imagesList #autocompleterSearchTerm ul,
#imagesList #autocompleterSearchTerm ul li:hover,
#imagesList #autocompleterSearchTerm ul li {
    width: 100% !important
}

#imagesList #autocompleterSearchTerm ul li.selected {
    width: 90% !important;
} */

/*e:images*/
/*s:video*/
.video-wrap{
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
    text-align:center;
}
.video-wrap iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
/* #videoArchivePage.sectionInner {
    padding: 20px 45px;
}
@media only screen and (max-width:768px) {
#videoArchivePage.sectionInner {
    padding: 20px 15px;
}  
} */
/*e:video*/
/*end:   PAGE SPECIFIC*/


/*start: FOOTER*/

#footer {
    position: relative;
    z-index: 1;
    background: #000 url(https://mars.nasa.gov/assets/footer_bg.png) center bottom no-repeat;
    background-size: cover;
    line-height:normal;

}

#footer::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#5e000000', GradientType=0);
}

.navBackSplashLine {
    margin-left: auto;
    margin-right: auto;
    content: " ";
    width: 100%;
    height: 1px;
    clear: both;
    background: #a7abd2;
    background: -moz-linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    background: -webkit-linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    background: linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    width: 60%;
}

#footer .navMarsTabs_sub_footer {
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.navMarsTabs_sub_footer ul.submenu_footer {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.navMarsTabs_sub_footer .submenu_footer li {
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

.navMarsTabs_sub_footer a {
    color: white;
    font-size: 1.4em;
    text-transform: none;
    padding: 0 0px;
    font-weight: bold;
    z-index: 1;
}

.navMarsTabs_sub_footer .submenu_footer li a {
    font-size: 1em;
    color: #d2dbe7;
    text-transform: none;
}

#footer #bottomnav a {
    color: whitesmoke;
    padding: 0 1%;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#footer .toplevel {
    padding-bottom: 20px !important;
}

#footer .navMarsTabs_sub_footer {
    padding-top: 40px;
}

#footer {
    box-sizing: border-box;
}

#footer .grid .rowItem {
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#footer .grid .rowItem:nth-of-type(1):nth-last-of-type(2) {
    /*width:47%; margin-right:2%;*/
    /*width:42%; margin-right:4%;*/
    width: 45%;
    margin: 0 2% !important;
}

#footer .grid .rowItem:nth-of-type(2):nth-last-of-type(1) {
    /*width:47%; margin-left:2%;*/
    /*width:42%; margin-left:4%;*/
    width: 45%;
    margin: 0 2% !important;
}

.gridOuter {
    width: 100%;
    display: table;
}

.rowItemOuter {
    width: 50%;
    display: table-cell;
}

@media only screen and (max-width:667px) {
    .gridOuter {
        width: 100%;
        display: block;
    }

    .rowItemOuter {
        width: 100%;
        display: block;
    }

    #footer {
        font-size: 1.1em;
    }

    #footer .grid .rowItem {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        text-align: center;
    }

    #footer .grid .rowItem:nth-of-type(1):nth-last-of-type(2) {
        margin: 0 0% !important;
    }

    #footer .grid .rowItem:nth-of-type(2):nth-last-of-type(1) {
        margin: 0 0% !important;
    }

    #footer .grid .rowItem:nth-of-type(5):nth-last-of-type(3),
    #footer .grid .rowItem:nth-of-type(6):nth-last-of-type(2),
    #footer .grid .rowItem:nth-of-type(7):nth-last-of-type(1) {
        margin-top: 0;
    }
}

#footer #usagov {
    display: none;
}

.navMarsTabs_sub_footer a {
    font-size: 1em;
}

#footer a.toplevel {
    font-weight: 600;
    color: white;
}

#footer .navMarsTabs_sub_footer .submenu_footer li a {
    font-weight: 400;
    color: #98c7fc;
    font-size: 1em;
}

#footer #bottomnav a {
    font-weight: 600;
    color: #98c7fc;
    font-size: .85em;
    text-decoration: none;
    line-height: 2em;
}

#footer .gradient_line {
    content: " ";
    height: 1px;
    margin: 50px auto;
    clear: both;
    background: #a7abd2;
    background: -moz-linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    background: -webkit-linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    background: linear-gradient(left, rgba(167, 171, 210, 0), #a7abd2, rgba(167, 171, 210, 0));
    width: 30%;
    min-width: 300px;
    max-width: 100%;
}

#footer .socialIcons .follow, #footer .newsletter .follow {
    text-align: center;
    font-size: 2em;
    font-family: Montserrat;
    color: white;
    display: block;
    padding: 2em 0 0;
        font-size: 1.8em;
    font-weight: 200;
    margin-bottom: 0.6em;
    color: #ccdeef;
    letter-spacing: -.035em;
    margin-top: 0;
}

#footer .socialIcons, #footer .newsletter {
    margin: 4em auto;
    text-align: center;
}

#footer .socialIcons a, #footer .newsletter a {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
    width: 44px;
    height: 44px;
}

#footer .socialIcons img, #footer .newsletter img {
    width: 100%;
}
#footer .newsletter form {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width:350px;
}
.homepage #footer .newsletter form {
    max-width:300px;
}
#footer .newsletter form input {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
#footer .newsletter input[type=submit] {
    padding: 0;
    cursor: pointer;
    width: 40px;
    height: 29px;
    background: url(https://mars.nasa.gov/assets/ui_sprite@2x.png) -94px -30px;
    background-size: 300px;
    position: absolute;
    right: 10px;
    top: 8px;
    border: none;
    opacity: 1;
    background: url(/imgs/general/envelope_white@2x.png) no-repeat 4px 10px transparent;
    background-size: 25px;
    opacity: .8;
}
#footer .newsletter ::placeholder {
  color: white;
  font-size: 1.5em;
  font-weight:200;
}
#footer .newsletter input[type=email] {
    background-color: rgba(59,67,81,0.75);
    color: white;
    width: calc(100% - 40px);
    padding: 20px;
    border: 0;
    border-radius: 5px;
    height: auto;
    min-width: 300px;
    font-size:0.8em;
}
@media only screen and (max-width: 667px) {
#footer .newsletter ::placeholder {
    font-size: 1em;
}
#footer .newsletter input[type=email] {
    width: calc(100% - 30px);
    padding: 15px 15px;
}
#footer .newsletter input[type=submit] {
    right: 20px;
    top: 4px;
    width: 30px;
}
}
@media print {
    #footer, #footer::after {
        background:none !important;
    }
    #footer a {
        color:#222 !important;
    }
    #footer .socialIcons {
        margin: 0;
    }
    #footer .gradient_line {
        margin: 20px auto;
    }
}
/*end:   FOOTER*/

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

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

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {}

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

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

.pageSubtitle {
    color: #003399;
    font-weight: bold;
}

div#statusUpdateList {
    border-bottom: 1px #6d808e solid;
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
}

div#statusUpdateList.nohr {
    border-bottom: 0px #6d808e solid;
}

#statusUpdateList td {
    text-align: left;
}

/*Don't display Mobile classes*/
.mobileOnly.sidebar,
.mobileOnly.minHeight50 {
    display: none;
}

/* Table design for tech specs */
.section ul.tech_specs {
    display:table;
    border-collapse: collapse;
    width: 100%
} 
table.tech_specs {
    border-collapse: collapse;
    width: 100%
}

.section ul.tech_specs li, table.tech_specs td {
    background-color: transparent
}

table.tech_specs th {
    background-color: white;
    color: black;
    font-size: .75em;
    font-weight: 500;
    text-align: left;
    padding: 13px
}

@media (min-width: 600px),
print {
    table.tech_specs th {
        font-size: .9em
    }
}
.section ul.tech_specs li {
    margin-top: 0;
    padding: 0;
    display: table-row;
}
table.tech_specs tbody td {
    font-size: .9em
}

@media (min-width: 600px),
print {
    table.tech_specs tbody td {
        font-size: 1.1em
    }
}

.section ul.tech_specs li:nth-child(even), table.tech_specs tr:nth-child(even) {
    background-color: #edf4fb
}

.section ul.tech_specs li:nth-child(odd), table.tech_specs tr:nth-child(odd) {
    background-color: #ffffff
}


.section ul.tech_specs li strong, .section ul.tech_specs li span {
    display: table-cell;
}
.section ul.tech_specs li strong, .section ul.tech_specs li span, table.tech_specs td {
    border: 1px solid #d2d2d2;
    padding: .8em
}

.section ul.tech_specs li strong, table.tech_specs td:first-child {
    border-left: transparent
}

.section ul.tech_specs li span, table.tech_specs td:last-child {
    border-right: transparent
}

.section ul.small_table,
.section ul.tech_specs.small_table,
table.small_table,
table.tech_specs.small_table {
    font-size: .75em;
    padding: .6em
}
.anchor{ display: block; position: relative; top: -150px; visibility: hidden;}
.homepage .anchor {top:-80px;}
.textBold,.fontBold {font-weight:600;}
/** Watch Live **/
.pulse {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {  
    50% { opacity: 0; }
}
/** Landing **/
.notify_message { 
    background-color:rgb(204, 0, 0);
    color:white; 
    padding: 10px 20px;
    font-size:14px;
    z-index: 2;
    position: relative;
}
.notify_text { 
    padding-right: 20px;
}
.notify_close {
    float:right;
    cursor: pointer;
    margin-top: -2px;
}
.notify_message a {
  color:white;
  text-decoration: underline !important;
}
.fa-external-link-alt{vertical-align:middle; margin-top:-3px;}
a.inline_image_enlarge, .image_enlarge {
    display: block;
    position: relative;
    height: 100%;
}
.inline_image_enlarge .enlarge_icon {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(200,200,200,0.8);
    left: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.5);
    background-image: url(https://mars.nasa.gov/assets/zoom_icon.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in;
}
.inline_image_enlarge:hover .enlarge_icon {
    opacity: 0.8;
}
@media screen and (max-width: 600px) {
    .inline_image_enlarge .enlarge_icon {
        cursor: none;
    }
    .inline_image_enlarge:hover .enlarge_icon {
        opacity: 0;
    }
}
figure {
    max-width: 100%;
    padding: 0;
    margin: 0;
    color: gray;
    font-size: smaller;
    line-height: normal;
}
figure figcaption {
    margin-top:5px;
}
figure.alignright, 
.grid .rowItem img.alignright  {
    float: right;
   margin: 10px 20px;
}
figure.alignleft, 
.grid .rowItem img.alignleft {
    float: left;
    margin: 10px 20px;
}
.width-100{width: 100%;}
.width-90{width: 90%;}
.width-80{width:80%;}
.width-70{width:70%;}
.width-60{width:60%;}
.width-50{width:50%;}
.width-40{width:40%;}
.width-30{width:30%;}
.width-25{width:25%;}
.width-20{width:20%;}
figure img {width:100%}

@media only screen and (max-width: 425px){
   figure.alignright.mobile-100, 
   .grid .rowItem img.alignright.mobile-100  {
       float: none;
       margin: 10px 0px;
       width: 100% !important;
   }
   figure.alignleft.mobile-100, 
   .grid .rowItem img.alignleft.mobile-100 {
       float: none;
       margin: 10px 0px;
       width: 100% !important;
   }
}