body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-left: auto;
    margin-right: auto;
}

.btnp{
    text-align: right;
}

h2 {
	color:#0A6826;
}

.rtsTxt{
	color:black;
	text-align: center;
	font-size: 14px;
}

.RadTabStrip {
	display: inline-block;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsLink {
background-color:green !important;
border:green !important;
text-align: center;

}

.RadTabStrip_MetroTouch.rtsLeft .rtsLevel1 .rtsLink {
	font-size:14px;
	text-align: right;
}

.RadTabStrip_MetroTouch.rtsLeft .rtsLevel1 {
	border-right-width: 0px !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 {
	border-bottom: 3px solid green !important;
	border-color: green !important;
}

.RadTabStrip_MetroTouch.rtsTop .rtsLevel1 .rtsLink {
	font-size: 14px;
	text-align: center;
}

.TabStrip .rtsSelected{
	background-color:green !important;
	border:green !important;
}

.TabStrip .rtsLevel1 {
	border-bottom: 3px solid green !important;
}

.tariffContainer {
    width: 100%;
    padding: 10px 0 0 0;
}

.tariffContainer .outerMultiPage {
    margin-top: 15px;
}

.tariffContainer .innerMultiPage {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    margin-bottom: -3px;
	margin-left:15px;
}

.btn-custom {
    background-color: #696057;
    border-radius: 0 0 0 10px;
    width:50px;
    color: white;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 20px;
    padding-right: 20px;
}
.jumbotronCarosel{
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	display: inline;
}
.carousel-caption{
    background-color: #0A6826;
    opacity: .8;
	left: 70%;
	right: 0%;
	border-radius: 0 0 0 25px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	top:0px;
	bottom:auto;
}

.btn-login {
    background-color: #ffffff;
    border-radius: 0 0 0 25px;
    width:180px;
    color: black;
    padding-top:6px;
    padding-bottom:6px;
    padding-left: 15px;
    padding-right: 10px;
    float:right;
    display:inline;
    font-size: 5pt;
	text-align: center;
}

.btn-custom2 {
    color: #696057;
    background-color: white;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size:19px;
	float:left;
}

.mainContentPanel{
	width: 85%; 
	float: left; 
	padding-right: 20px; 
	border-right: 1px solid
}

.containerCareer {
            position: relative;
            text-align: left;
            color: white;
			width:100%;
			padding-left: 0px
        }

.jumbotron {
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}

.heroBanner {
	position:relative;
	width: 100%;
	color: white;
}


.careersHeading {
	position: absolute;
    top: 4%;
    left: 8%;
	font-family: Helvetica;
	font-size: calc(10px + .8vw);
	font-weight: bold;
	color: #B0AC8A;
	letter-spacing: 1px;
	line-height: 29px;
	
}

.careersTitle {
	position: absolute;
    top: 9%;
    left: 8%;
	font-family: Helvetica;
	font-size: calc(20px + 1.8vw);
	letter-spacing: -1.2px;
	color: white;
}
.cultureTitle{
	position: absolute;
    top: 22%;
    left: 8%;
	font-family: Helvetica;
	font-size: calc(20px + 1.8vw);
	letter-spacing: -1.2px;
	color: white;
}

.careersTextHome {
	font-family: Helvetica;
	font-size: calc(14px + .5vw);
	position: absolute;
    top: 23%;
    left: 8%;
	width: 70vw;
	color: white;
}
.careersText {
	font-family: Helvetica;
	font-size: calc(14px + .5vw);
	position: absolute;
    top: 38%;
    left: 8%;
	width: 70vw;
	color: white;
}

.careersTextCulture {
	font-family: Helvetica;
	font-size: calc(14px + .5vw);
	position: absolute;
    top: 38%;
    left: 8%;
	width: 70vw;
	color: white;
}


.smBoxIcon {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 40px;
	height: 40px;
}

.smBoxTitle {
	position: absolute;
	top: 140px;
	left: 40px;
	width: 320px;
	height: 40px;
	font-size: calc(23px + .5vw);
	color: black;
	letter-spacing: -0.72px;
	line-height: 45px;
}

.smBoxText {
	position: absolute;
	top: 190px;
	left: 40px;
	width: 320px;
	height: 40px;
	font-size: calc(15px + .3vw);
	color: black;
	line-height: 30px;
}

.smBoxLink {
	position: absolute;
	top: 350px;
	left: 40px;
	height: 24px;
	width: 262px;
	font-size: calc(19px + .6vw);
	font-weight: bold;
	letter-spacing: 0.83px;
	line-height: 24px;
}

.careersDefaultImg{
	width:100vw;
	height:40vw
}

.careersImg{
	width:100vw;
	height:22vw
}

.cultureImg{
	width:100vw;
	height:31.5vw;
	
}
.cultureBodyImg{
	width:40.7vw;
	height:35.3vw;
	float:left;
}

.smBoxLink a {
	color:white !important;
}

.benefitsBox {
	position: absolute;
	top: 78%;
	left:8.4%;
	width: 20.85vw;
	height: 21.5vw;
	background-color: #B0AC8A;
}

.cultureBox {
	position: absolute;
	top: 78%;
	left:29.5%;
	width: 20.85vw;
	height: 21.5vw;
	background-color: #B0AC8A;
	border-left: 3px solid white;
}

.recruitingBox {
	position: absolute;
	top: 78%;
	left:50.4%;
	width: 20.85vw;
	height: 21.5vw;
	background-color: #B0AC8A;
	border-left: 3px solid white;
}
.logoBox {
	position: absolute;
	top: 78%;
	left: 71.4%;
	width: 20.85vw;
	height: 18vw;
	background-color: #0A6826;
	border-left: 3px solid white;
}

.logoBox img {
	padding-top: 7.58%;
	padding-left: 0px
}

.sidebar {
	display: inline;
	width: 15%; 
	float: left; 
	padding-left: 20px;
}

.logoTag {
	position: absolute;
	top: 48px;
	width: 288px;
	color: white;
	font-size: 36px;
	letter-spacing: -0.72px;
	line-height: 45px;
	left: 40px;	
}

.logoText {
	position: absolute;
	top: 153px;
	width: 288px;
	color: white;
	font-size: 20px;
	line-height: 30px;
	left: 40px;
}

.logoLink {
	position: absolute;
	top: 251px;
	width: 288px;
	color: white !important;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	left: 40px;
}

.bodySpacer {
	height: 15vw;
}

.footerAcc {
	height: 510px;
	background-color: #B0AC8A;
}

.footerTextBox {
	padding: 100px 0px 0px 144px;
	width: 910px;
	float: left;
}

.footerHeader {
	
  color: #0A6826;
  font-size: calc(25px + 1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.footerText {
	padding-top: 22px;
	height: 206px;
  color: #333333;
  font-size: calc(14px + .5vw);
  letter-spacing: 0;
  line-height: 30px;
}

.footerBoxTextBox {
	padding: 38px 53px 26px 64px;
	font-size: calc(14px + .5vw);
	height: 167px;
	width: 652px;
	line-height: 45px;
}

.footerBox {
	float: left;
	margin-top: 100px;
	margin-left: 94px;
	height: 254px;
	width: 769px;
	background-color: #FFFFFF;
	box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
}

.readyToJoin {
  height: 10vw;
  background-color: #0A6826;
}

.readyToJoin p {
	padding-left: 141px;
  height: 30px;
  width: 1034px;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(15px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
  padding-top: 60px;
}

.readyToJoinTitle{
	height: 54px;
	padding-left: 141px;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(20px + 1.1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
  padding-top:60px;
}

.greenBox {
	background-color: #0A6826;
	height: 23px;
}

.brownbox {
	height:23vw;
	text-align:center;
	background-color: #B0AC8A;
	color: #FFFFFF;
	padding-top:6.3vw;
}

.brownbox h1 {
	margin-top:0px;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(18px + 1.5vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.brownbox p {
	  height: 9.4vw;
	  padding-top:.02vw;
	  padding-left:24.6vw;
	  padding-right:24.6vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}


.graybox {
	height:28.8vw;
	text-align:center;
	background-color: #333333;
	color: #FFFFFF;
}

.graybox h1 {
	padding-top:7.7vw;
	  height: 2.8vw;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(18px + 1.5vw);
  letter-spacing: -0.9px;
  line-height: 54px;
text-align:center;
}

.graybox p {
	  height: 9.4vw;
	  padding-top:3.1vw;
	  padding-left:24.6vw;
	  padding-right:24.6vw;
  color: #F0EFE8;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
text-align:center;
}



.benefitsBody {
	height: auto;
	min-height: 60vw;
}

.jobOpenings {
	position: relative;
	height: 4vw;
  width: 18vw;
  background-color: #333333;
  float: left;
  margin-left: 75.1vw;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(15px + .3vw);
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 24px;
  text-align: center;
  padding-top: 1.5vw;
margin-top:-3.3vw
}

.jobOpenings a {
	color: #FFFFFF;	
}

.benefitsMenu {
	float:left;
	margin-top:4vw;
	margin-left:4vw;
}

.healthText {
	float:left;
	margin-top: 3vw;
	margin-left: 2vw;
	width: 55vw;
	display:none;
	font-size: calc(14px + .2vw)
}
.healthText h2{
	margin-left: 0vw;

}
.healthText p{
	margin-left: 0vw;

}
.compText {
	float:left;
	margin-top: 3vw;
	margin-left: 2vw;
	width: 55vw;
	font-size: calc(14px + .2vw)
}
.compText h2{
	margin-left: 0vw;

}
.compText p{
	margin-left: 0vw;

}
.profGrowthText {
	float:left;
	margin-top: 3vw;
	margin-left: 2vw;
	width: 55vw;
	display:none;
	font-size: calc(14px + .2vw)
}
.profGrowthText h2{
	margin-left: 0vw;

}
.profGrowthText p{
	margin-left: 0vw;

}

.benefitsText h1 {
	color: #0A6826;
  font-family: Helvetica;
  font-size: 45px;
  letter-spacing: -0.9px;
  line-height: 54px;
}

.benefitsText p {
height: 87px;
  width: 1049px;
  color: #333333;
  font-family: Helvetica;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 36px;
}

.benefitsSq {
	float: left;
	height: 16.6vw;
	width: 24.2vw;
	margin-right:2.6vw;
	box-shadow: 0 .2vw .4vw 0 rgba(140,161,162,0.34);
	margin-bottom:5.3vw;
}

.benefitsSq h1 {
	padding-left:2.75vw;
  width: 20vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(20px + .2vw);
  font-weight: bold;
  letter-spacing: -0.4px;
}

.benefitsSq ul {
  margin-left:1.5vw;
}

.benefitsSq li {
  width: 18vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(16px + .3vw);
  letter-spacing: 0;
  line-height: 1.4vw;
}

.divInAction {
	height: 40.3vw;
	padding-left: 8.4vw;
	padding-top: 4.8vw;
}

.divInAction h1 {
	height: 54px;
  width: 26.2vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(26px + 1.1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.divInAction p {
	height: 9.4vw;
  width: 51.6vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(16px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.diversitySq {
	float: left;
	height: 19vw;
	width: 26.2vw;
	background-color: #ffffff;
	margin-right:2.6vw;
	box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
	margin-bottom:2.6vw;
}

.diversitySq h1 {
	padding-left:2.6vw;
	height: 2.3vw;
  width: 20.9vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(20px + .1vw);
  font-weight: bold;
  letter-spacing: -0.4px;
  line-height: 45px;
}

.diversitySq p {
	padding-left:2.6vw;
	height: 2.3vw;
  width: 23.6vw;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.mosaic {
	padding-left: 4.4vw;
	padding-top: 1.4vw;
	padding-bottom: 4.4vw;
	background-color: #333333;
	height: 22.1vw;
}

.mosaic h1 {
	height: 2.4vw;
	padding-left: 2.6vw;
  width: 61.9vw;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(26px + 1.1vw);
  letter-spacing: -0.72px;
  line-height: 45px;
}

.mosaic p {
	height: 8.5vw;
  width: 78.8vw;
  padding-left: 2.6vw;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.mosaicImg{
	height:18.4vw;
	width:23.1vw;
	float:left;
	padding-right:2.6vw;
}
.pdpLeft {
	padding-top: 5.7vw;
	padding-left: 8.4vw;
	height: 40.3vw;
}

.pdpLeft h1 {
  height: 2.8vw;
  width: 42vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(18px + 1.5vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.pdpLeft p {
  height: 15.7vw;
  width: 40.4vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}


.cultureLeft {
	padding-top: 5.7vw;
	padding-left: 8.4vw;
	height: 44.7vw;
}

.cultureLeft h1 {
		height: 54px;
  width: 42vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(26px + 1.1vw);
  letter-spacing: -0.9px;
  line-height: 2.8vw;
}

.cultureLeft p {
		height: 31.5vw;
  width: 40.4vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.cultureRight {
	padding-top: 5.7vw;
	padding-left: 8.4vw;
	height: 44.7vw;
}

.cultureRight h1 {
		height: 2.8vw;
    width: 42vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(26px + 1.1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
  padding-left: 2.4vw;
}

.cultureRight p {
	height: 31.5vw;
  width: 40.4vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
  padding-left: 2.4vw;
}

.ceoLetter {
	height: 27.5vw;
	padding-left: 8.4vw;
	padding-top: 4.8vw;
}

.ceoLetter h1{
  height: 54px;
  width: 26.2vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(26px + 1.1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.ceoLetter p{
	height: 9.4vw;
  width: 26.2vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.white-card {
	float:left;
  height: 17.2vw;
  width: 55.1vw;
  margin-left:2.6vw;
  background-color: #FFFFFF;
  box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
}

.pdpPhotoDiv {
	background-image: url("../Careers/assets/OnCampusInterviews.jpg");
	height: 867px;
}

.pdpPhotoDiv2 {
	background-image: url("../Careers/assets/InternshipOpportunities.jpg");
	height: 755px;
}

.white-card2 {
  float:left;
  height: 23.3vw;
  width: 40.6vw;
  margin-left:2.6vw;
  background-color: #FFFFFF;
  box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
}

.white-card2 h1 {
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(16px + .5vw);
  font-weight: bold;
  letter-spacing: -0.48px;
  line-height: 36px;
  padding-left: 2.6vw;
  padding-right: 2.6vw;
}

.white-card2 ul {
  margin-left:30px;
}

.white-card2 li {
  width: 34.6vw;
  padding-top:1.5vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 1.5vw;
}

.white-card3 {
	margin-top: 5.2vw;
	float:left;
	height: 33.4vw;
  width: 40.4vw;
  margin-left:8.1vw;
  background-color: #FFFFFF;
  box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
}

.white-card3 h1 {
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(16px + 1.5vw);
  letter-spacing: -0.9px;
  line-height: 54px;
  padding-left: 76px;
  padding-top: 20px;
}

.white-card3 p {
  width: 34.6vw;
  padding-top:1.5vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
  padding-left:3.8vw;
}

.white-card4 {
	margin-top: 5.2vw;
	float:left;
  height: 28.9vw;
  width: 40.4vw;
  margin-left:52.4vw;
  background-color: #FFFFFF;
  box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
}

.white-card4 h1 {
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(16px + 1.4vw);
  letter-spacing: -0.9px;
  line-height: 54px;
  padding-left: 76px;
  padding-top: 20px;
}

.white-card4 p {
  width: 34.6vw;
  padding-top:1.5vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
  padding-left:3.8vw;
}

.white-card5 {
	margin-top: 5.2vw;
  height: 29.5vw;
  margin-left:8.4vw;
  background-color: #FFFFFF;
}

.pdpLeftText {
	float:left;
  height: 28.9vw;
  width: 40.4vw;
  background-color: #FFFFFF;
}

.pdpLeftText h1 {
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(25px + 1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.pdpLeftText p {
  width: 40.4vw;
  padding-top:2.8vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.pdpRightText {
	float:left;
  height: 28.9vw;
  width: 40.4vw;
  margin-left:2.6vw;
  background-color: #FFFFFF;
}

.pdpRightText h1 {
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(25px + 1vw);
  letter-spacing: -0.9px;
  line-height: 54px;
}

.pdpRightText p {
  width: 40.4vw;
  padding-top:2.8vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(14px + .3vw);
  letter-spacing: 0;
  line-height: 30px;
}

.quoteText {
  height: 8.9vw;
  width: 47vw;
  color: #333333;
  font-family: Helvetica;
  font-size: calc(15px + .3vw);
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  padding-left: 3.7vw;
  padding-top: 2.6vw;
}

.signature {
  height: 2.2vw;
  width: 25.7vw;
  color: #0A6826;
  font-family: Helvetica;
  font-size: calc(11px + .6vw);
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 24px;
  padding-top: 1vw;
}

.dandiAction {
	height: 41.6;
  background-color: #B0AC8A; 
}

.charcoal-background {
  height: 549px;
  background-color: #333333;
  text-align: center;
  vertical-align: middle;
  }
  
  .charcoal-background h1{
  height: 54px;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 45px;
  letter-spacing: -0.9px;
  line-height: 54px;
  }

  .charcoal-background p{
  height: 180px;
  width: 982px;
  color: #F0EFE8;
  font-family: Helvetica;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  }

.tab-deselected {
  display:block;
  height: 5vw;
  width: 26vw;
  margin-top:.25vw;
  background-color: #B0AC8A;
  color: #333333;
  padding-left: 0vw;
  font-family: Helvetica;
  font-size: calc(18px + 1vw);
  letter-spacing: -0.72px;
  line-height: 1vw;
  border:none;
}

.tab-selected {
  height: 5vw;
  display:block;
  width: 26vw;
  margin-top:.25vw;
  background-color: #0A6826;
  color: #ffffff;
  padding-left: 0vw;
  font-family: Helvetica;
  font-size: calc(18px + 1vw);
  letter-spacing: -0.72px;
  line-height: 1vw;
  border:none;
}



@media (min-width: 200px) {
	.jumbotron #bg {
	    height: 100%;
	    width: 100%;
        margin-right:32px;
	}
}

.foot1 {
    color: #ffffff;
    height: 325px;
    background-color: #6e7062;
    padding-top: 15px;
    width: 107.9%;
    margin-left:-46px;
}

.foot1 p{
    text-align: right;
}

.foot1 .col-md-2 p{
    text-align: left;
}

.logodiv{
    background-image:url(../images/logo2.gif);
	background-size: auto;
    background-repeat: no-repeat;
    height: auto;
    margin-top: 5px;
	margin-bottom: 5px;
    float:left;
    width: 100%;
    display:inline;
}

.logo{
    
}

.divlink{
      position:absolute; 
      width:25%;
      height:85%;
      top:0;
      left: 0;

      z-index: 1;

      /* fixes overlap error in IE7/8, 
         make sure you have an empty gif */
      background-image: url('empty.gif');
}

.foot1 a {
    color: #ffffff;
}

.foot1 .col-md-3 {
    background-color: #6e7062;
}

.jumbotron #stockgreen {
    top:10px;
    z-index: 999;
    background-color: #086628;
    border-radius: 0 0 0 25px;
    padding-left:30px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.8;
    float: right;
    width: 20%;
}

.jumbotron .stock {
    color: #ffffff;
    font-size:15px;
}

.jumbotron .disclaimer {
    font-size:12px;
    color:#ffffff;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.col-md-3 img {
    background-color: white;
    border-radius: 0 0 0 25px;
    max-width: 100%;
}

.navbarn-inner {
    background-color: #6e7062;
    width: 100%;
}

.navbarn-inner a {
    color: white;
}


.navbarn-inner a:hover {
    background-color: #6e7062;
}

.navbarn li a:hover {
    background-color: #6e7062;
}

.navbarn li a.dropdown-toggle{
    border-bottom: 1px solid white;
    width:85%;
}

.navbarn-inner ul {
    list-style-type: none;
    list-style: none;
    padding-left: 1.2em;
}

.navbarn ul {
        width: 100%;
}

.navbarn li.dropdown {
    width: 20%;
}

.news {
    background-color: #696057;
    border-radius: 0 0 0 25px;
    max-width: 100%;
    color: white;
    padding-left: 0px;
}

.news p {
    padding-left: 15px;
}

.news td {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 10px;
}

.news a {
    color: white;
}

.news table {
    border-spacing: 5px;
}

.movingleft{
	font-style: italic;
	font-size: 14px;
	color: #086628;
	text-align: left;
}
.movingright{
	font-style: italic;
	font-size: 28px;
	color: #086628;
	text-align: right;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

@media (max-width: 479px) {
	.logo{
		height: 44px;
	}

	.btn-login {
		display: none;
	}
}

/*Mobile for Default*/
@media (max-width: 900px){
	.benefitsBox {
		position: absolute;
		top: 145vw;
		left: 0vw;
		width: 100vw;
		height: 75vw;
	}
	.cultureBox {
		position: absolute;
		top: 221vw;
		left: 0vw;
		width: 100vw;
		height: 75vw;
		border-left: 0px solid white;
	}

	.recruitingBox {
		position: absolute;
		top: 297vw;
		left: 0vw;
		width: 100vw;
		height: 75vw;
		border-left: 0px solid white;
	}
	.logoBox {
		position: absolute;
		top: 373vw;
		left: 0vw;
		width: 100vw;
		height: 77vw;
		border-left: 0px solid white;
	}
	.careersDefaultImg{
		width:100vw;
		height:auto;
		min-height: 150vw;
		text-align: left;
		content: url("../Careers/assets/green.png");
		overflow: hidden;
		
	}
	.containerCareer {
		
		width:100vw;
		height: fit-content;
		
    }
	.careersTextHome {
		width: 92vw;
		top: 17%;
		left: 2%;
		height: auto;
	}
	.careersHeading {
		left: 2%;
		top: 1%;
		height: auto;
	}

	.careersTitle {
		left: 2%;
		top: 6%;
		height: auto;
	}	
	.footerBoxTextBox {
		padding: 2px 2px 2px 2px;
		padding-left: 2.5vw;
		height: auto;
		width: 95vw;

	}
	.footerBoxTextBox strong{
		padding-left: 3vw;

	}
	.footerBox {
		float: left;
		margin-top: 1vw;
		margin-left: 0px;
		width: 100vw;
		height: auto;
		background-color: #FFFFFF;
		box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
	}

	.footerHeader {
		padding-left: 2.5vw;
	  height: auto;
	}

	.footerText {
		padding-top: 1.5vw;
		height: auto;
		padding-left: 2.5vw
	}
	.footerTextBox {
		padding: 3vw 1vw 1vw 1vw;
		width: 100vw;
		float: left;
		background-color: #FFFFFF;
		
	}
	.footerAcc {
		height: auto;
		background-color: #FFFFFF;
	}

	.bodySpacer {
		height: 302vw;
	}
	.smBoxIcon {
		position: absolute;
		top: 5vw;
		left: 5vw;
		width: 5vw;
		height: 5vw;
	}

	.smBoxTitle {
		position: absolute;
		top: 30vw;
		left: 5vw;
		width: 85vw;
		height: 40px;
	}

	.smBoxText {
		position: absolute;
		top: 40vw;
		left: 5vw;
		width: 85vw;
		color: black;
		line-height: 30px;
	}

	.smBoxLink {
		position: absolute;
		top: 65vw;
		left: 5vw;
		width: 85vw;
	}
}

/*Mobile for Benefits*/
@media (max-width: 900px){
	.benefitsSq {
		height: auto;
		width: 100vw;
		margin-left: 0px;
		padding-left: 0px
	}
	.careersImg{
		width:100vw;
		height:auto;
		min-height: 50vw;
		text-align: left;
		content: url("../Careers/assets/tan.png");
		overflow: hidden;
	}
	.careersText {
		width: 92vw;
		top: 22%;
		left: 2%;
		height: auto;
	}
	.benefitsSq h1 {
		height: auto;
	  width: 85vw;
	  line-height: 45px;
	}

	.benefitsSq li {
	  width: 80vw;
	  
	  line-height: 30px;
	}
	.iconImg{
		width: 15vw;
		height:15vw;
	}
	.tab-deselected {
	  height: 16vw;
	  width: 92vw;
	  margin-top:.25vw;
	  padding-left: 0vw;
	}

	.tab-selected {
	  height: 16vw;
	
	  width: 92vw;
	  margin-top:.25vw;
	  
	  padding-left: 0vw;
	 
	}
	.benefitsBody {
		height: auto;
	}
	.compText {
		width: 90vw;
		margin-left: 0vw;
	}
	.compText h2{
		margin-left: 2vw;
	}
	.compText p{
		margin-left: 2vw;
	}
	.profGrowthText {
		width: 90vw;
		margin-left: 0vw;
	}
	.profGrowthText h2{
		margin-left: 2vw;
	}
	.profGrowthText p{
		margin-left: 2vw;
	}
	.healthText {
		margin-left: 0vw;
		width: 90vw;
	}
	.healthText h2{
		margin-left: 2vw;
	}
	.healthText p{
		margin-left: 2vw;
	}
	
	.footerBoxTextBox {
		padding: 2px 2px 2px 2px;

		height: auto;
		width: 95vw;

	}
	.footerBox {
		float: left;
		margin-top: 1vw;
		margin-left: 0px;
		width: 100vw;
		height: auto;
		background-color: #FFFFFF;
		box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
	}

	.footerHeader {
		
	  height: auto;
	}

	.footerText {
		padding-top: 1.5vw;
		height: auto;
	}
	.footerTextBox {
		padding: 3vw 1vw 1vw 1vw;
		width: 100vw;
		float: left;
		background-color: #FFFFFF;
	}
	.footerAcc {
		height: auto;
		background-color: #FFFFFF;
	}
	.readyToJoin {
	  height: auto;
	  float: left;
	  width:100vw;
	  padding-bottom: 2vw;
	}
	.readyToJoin p {
	  padding-left: 2vw;
	  float: left;
	  padding-top: 1vw;
	width: 100vw
	}

	.readyToJoinTitle{
		padding-left: 2vw;
	  padding-top:2vw;
	}
	.jobOpenings {
		height: 15vw;
	  width: 90vw;
	  margin-left: 5vw;
		margin-top:3.5vw;
	  padding-top: 4vw;
	}
}
/*Mobile for Recruting*/
@media (max-width: 900px){
	.brownbox {
		height:auto;
		text-align:left;
		background-color: #FFFFFF;
		color: #FFFFFF;
		padding-top:6.3vw;
		padding-bottom:4vw;
		
	}
	.brownbox h1 {
		line-height: 9vw;
		padding-left:2.5vw;
		line-height: 6.5vw;
	}
	.brownbox p {
		
		  height: auto;
		  padding-top:2vw;
		  padding-left:2.5vw;
		  padding-right:2.5vw;
		  line-height: 5vw;
	}
	.pdpLeft {
		padding-top: 2vw;
		padding-left: 0vw;
		height: auto;
		min-height:75vw
	}

	.pdpLeft h1 {
	  height: auto;
	  width: 94vw;
	  line-height: 6.5vw;
	  padding-left: 3vw;
	}

	.pdpLeft p {
	  height: auto;
	  width: 94vw;
	  line-height: 5.5vw;
	padding-bottom:4vw;
	padding-top:4vw;
	padding-left: 3vw;
	}
	.white-card2 {
	  float:left;
	  height: auto;
	  width: 100vw;
	  margin-left:0px;
	  padding-left: 0px;
	}

	.white-card2 h1 {
	  color: #0A6826;
	  font-weight: bold;
	  line-height: 6vw;
	  padding-left: 2.6vw;
	  padding-right: 2.6vw;
	}

	.white-card2 ul {
	  margin-left:1.5vw;
	}

	.white-card2 li {
	  width: 78vw;
	  padding-top:5.5vw;
	  line-height: 4.5vw;
	}
	.white-card3 {
	  float:left;
	  height: auto;
	  width: 100vw;
	  margin-left:0vw;
	  padding-left: 0px;
	}

	.white-card3 h1 {
	  color: #0A6826;
	  font-weight: bold;
	  line-height: 6vw;
	  padding-left: 6vw;
	  padding-right: 2.6vw;
	}

	.white-card3 p {
	  width: 89vw;
	  padding-top:5.5vw;
	  line-height: 4.5vw;
	  padding-left: 6vw;
	}
	.white-card4 {
	  float:left;
	  height: auto;
	  width: 100vw;
	  margin-left:0vw;
	  padding-left: 0px;
	}

	.white-card4 h1 {
	  color: #0A6826;
	  font-weight: bold;
	  line-height: 6vw;
	  padding-left: 6vw;
	  padding-right: 2.6vw;
	}

	.white-card4 p {
	  width: 89vw;
	  padding-top:5.5vw;
	  line-height: 4.5vw;
	  padding-left: 6vw;
	}
	.white-card5 {
		float:left;
	  height: auto;
	  width: 95vw;
	  margin-left:2.5vw;
	  padding-left: 0px;
	}

	.pdpLeftText {
		float:left;
	  height: auto;
	  width: 95vw;
		margin-left:0vw;
	}

	.pdpLeftText h1 {
	  line-height: 6.5vw;
	}

	.pdpLeftText p {
	  width: 89vw;
	  padding-top:2.8vw;
	  line-height: 5.5vw;
	}

	.pdpRightText {
		float:left;
	  height: auto;
	  width: 95vw;
		margin-left:0vw;
	}

	.pdpRightText h1 {
	  line-height: 8.5vw;
	}

	.pdpRightText p {
	  width: 89vw;
	  padding-top:2.8vw;
	  line-height: 5.5vw;
	}
	.pdpPhotoDiv {
		background-image:none;
		height: 110vw;
		width:100vw
	}

	.pdpPhotoDiv2 {
		background-image: none;
		height: 120vw;
		width:100vw;
		
	}

}
/*Mobile for OurCulture*/
@media (max-width: 900px){
	.cultureImg{
		width:100vw;
		height:auto;
		min-height: 175vw;
		text-align: left;
		content: url("../Careers/assets/tan.png");
		overflow: hidden;
	}
	.careersTextCulture {
		width: 92vw;
		top: 14%;
		left: 2%;
	}
	.cultureTitle{
		position: absolute;
		top: 2.5%;
		top: 2.5%;
		left: 2%;
		font-family: Helvetica;
		font-size: calc(20px + 1.8vw);
		letter-spacing: -1.2px;
		color: white;
	}
	.ceoLetter {
		height: auto;
		padding-left: 0vw;
		padding-top: 0vw;
		min-height: 69vw
	}

	.ceoLetter h1{
				padding-left: 2.5vw;
	  height: auto;
	  width: 90vw;
	  line-height: 5vw;
	}

	.ceoLetter p{
	  padding-left: 2.5vw;
	  height: auto;
	  width: 90vw;
	  line-height: 6vw;
	}
	.white-card {
	  height: auto;
	  width: 100vw;
	  margin-left:0vw;
	  padding-left: 0px;
	  padding-bottom: 3vw;
	}
	.quoteText {
	  height: auto;
	  width: 90vw;
	  line-height: 5vw;
	  padding-left: 3vw;
	  padding-top: 1vw;
	}

	.signature {
	  height: auto;
	  width: 90vw;
	  line-height: 24px;
	  padding-top: 1vw;
	}
	.dandiAction {
		padding-top: 40vw;
		height: auto;
	  background-color: #B0AC8A; 
	  padding-bottom: 5vw;
	}
	.divInAction {
		height: auto;
		padding-left: 0vw;
		padding-top: 0vw;
	}

	.divInAction h1 {
		padding-top: 1vw;
		height: auto;
	  width: 90vw;
	  line-height: 10vw;
	}

	.divInAction p {
		height: auto;
	  width: 90vw;
	  line-height: 5.5vw;
	}
	.diversitySq {
		float: left;
		height: auto;
		width: 100vw;
		background-color: #ffffff;
		margin-left:0vw;
		box-shadow: 0 6px 24px 0 rgba(140,161,162,0.34);
		margin-bottom:2.0vw;
	}

	.diversitySq h1 {
		padding-left:1.5vw;
		height: auto;
	  width: 86vw;
	  line-height: 5vw;
	}

	.diversitySq p {
		padding-left:1.5vw;
		height: auto;
	  width: 86vw;
	  line-height: 5.5vw;
	}
	
	.mosaic {
		padding-left: 5vw;
		padding-top: 4.4vw;
		padding-bottom: 4.4vw;
		height: auto;
	}

	.mosaic h1 {
		height: auto;
		padding-left: 0vw;
	  width: 89vw;
	  line-height: 45px;
	}

	.mosaic p {
		height: auto;
		padding-left: 0vw;
	  width: 89vw;
	  line-height: 5.5vw;
	}

	.mosaicImg{
		height:50vw;
		width:80vw;
		float:left;
		padding-left:10vw;
		padding-bottom: 3vw
	}
	
	.cultureBodyImg{
		width:90vw;
		height:78vw;
		float:left;
		padding-bottom: 5vw
	}
	
	.cultureLeft {
		padding-top: 5.7vw;
		padding-left: 5vw;
		height: auto;
		min-height:235vw
	}

	.cultureLeft h1 {
		height: auto;
	  width: 90vw;
	  line-height: 4vw;
	}

	.cultureLeft p {
		height: auto;
	  width: 90vw;
	  line-height: 5.5vw;
	  padding-top: 2vw;
	}

	.cultureRight {
		padding-top: 5.7vw;
		padding-left: 5vw;
		height: auto;
		min-height:315vw
	}

	.cultureRight h1 {
		height: auto;
		width: 90vw;
	  line-height: 4vw;
	}

	.cultureRight p {
		height: auto;
	  width: 90vw;
	  line-height: 5.5vw;
	  padding-top: 2vw;
	}
	.graybox {
		height:auto;
		padding-bottom: 4vw
	}

	.graybox h1 {
		padding-top:7.7vw;
		height: auto;
	  line-height: 7vw;
	}

	.graybox p {
		  height: auto;
		  padding-top:3.1vw;
		  padding-left:5vw;
		  padding-right:5vw;
	  line-height: 5.5vw;
	}
}
@media (max-width: 800px) {
	.container .jumbotron, .container-fluid .jumbotron {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		display: none;
	}
	.jumbotron{
		display: none !important;
	}
	
	.jumbotron #bg {
		display: none !important;

	}

	.sidebar{
		display: none;
	}
	.mainContentPanel{
		width: 100%; 
		float: left; 
		padding-right: 0px; 
		border-right: 0px
	}
	.loginbtn{
		float:left;
	}
.jumbotronCarosel{
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}
}