@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300);
* {margin: 0; padding: 0;}
body {
  margin: 0;
  /* suppress horizonal scrollbar to avoid background image redraw on Investor section hover: */
  overflow-x: hidden;
  /* Clear past the sticky top menu: */
  padding-top: 92px;
  /* Global font declaration: */
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44444444; /* 26px @18px font-size */
  color: #000;
  background-color: #fff;
}
.anchor {
  /* Clears anchor links past the sticky top menu: */
  display: block;
  height: 92px; /*same height as header*/
  margin-top: -92px; /*same height as header*/
  visibility: hidden;
}
#job_openings,
#science {height:102px;}
.anchor_h4 {
  /* Clears anchor links past the sticky top menu, and then provides space above the H4 header: */
  display: block;
  height: 112px; /*same height as header*/
  margin-top: -112px; /*same height as header*/
  visibility: hidden;
}
@media (max-width: 768px) {
  .anchor {
  /* Clears anchor links past the sticky top menu: */
  display: block;
  height: 61px; /*same height as header*/
  margin-top: -61px; /*same height as header*/
  visibility: hidden;
  }
#job_openings,
#science {height:71px;}
.anchor_h4 {
  /* Clears anchor links past the sticky top menu, and then provides space above the H4 header: */
  display: block;
  height: 81px; /*same height as header*/
  margin-top: -81px; /*same height as header*/
  visibility: hidden;
  }
}
@media (max-width: 340px) {
  #job_openings,
  #science {height:61px;}
}

.jv-careersite {
  padding-bottom:40px;
}
a {
  color: #662d91;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #84329b;
  text-decoration: underline;
}
/* haven't used these yet */
.float-right {float:right;}
.float-left {float:left;}

/* CUSTOM FORM STYLES */
form {
  background-color:#ebebeb;
  padding:6px 20px 12px 20px;
  margin:20px 0 30px 0;
}
form label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 1px;
}
/* override default bootstrap values: */
.form-control {
  font-weight: 400;
  height: 27px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #e3e3e3;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #84329b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(134, 54, 148, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(134, 54, 148, .6);
}
.captcha {padding-bottom:8px;}
/* BEGIN STYLES FOR THE ATTACH BUTTON */
.btn-attach {
  display: block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height:18px;
  letter-spacing: .5px;
  text-transform:uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  width:183px;
  height:30px;
  color: #fff;
  background: #454545;
  background: -webkit-linear-gradient(rgba(137,137,137,1),rgba(69,69,69,1));
  background: -o-linear-gradient(rgba(137,137,137,1),rgba(69,69,69,1));
  background: -moz-linear-gradient(rgba(137,137,137,1),rgba(69,69,69,1));
  background: linear-gradient(rgba(137,137,137,1),rgba(69,69,69,1)); 
  border:0;
  border-top-right-radius:15px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
}
.btn-attach:hover {
  background: #313131;
  background: -webkit-linear-gradient(rgba(107,107,107,1),rgba(49,49,49,1));
  background: -o-linear-gradient(rgba(107,107,107,1),rgba(49,49,49,1));
  background: -moz-linear-gradient(rgba(107,107,107,1),rgba(49,49,49,1));
  background: linear-gradient(rgba(107,107,107,1),rgba(49,49,49,1));
}
.attach-background {
  height: 27px;
  padding:0;
  background-color: #e3e3e3;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-bottom-left-radius:15px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.attach-float {
  float:left;
  width:191px; /* 8px wider than button for space before indicator text */
}
#attach-indicator-display {  
  text-transform:uppercase;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 1.42857143;
  color: #555;
}
input[type="file"] {
  display:none;
}
.hide-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
/* END STYLES FOR THE ATTACH BUTTON */
.btn-submit {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  letter-spacing: .5px;
  text-transform:uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  width:257px;
  height:42px;
  color: #fff;
  background-color: #84329b; /* PSD was #662d91; */
  border:0;
  border-radius:42px;
}
.btn-submit:hover {
  background-color: #522474;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}
.submit-group {
  margin:0;
  text-align: center;
}
/* END FORM STYLES */


ul {
  padding-left:22px;
  margin-bottom:40px;
}

.smaller-bullet {list-style: none; padding-left:17px;}
.nested-list {margin-bottom:0 !important;}

.smaller-bullet li:before{
  content:"\2022";
  font-size:15pt;
  margin-left:-14px;
  margin-right:7px;
}

.job-description ul,
.company-values ul,
.less-bottom-margin ul {
  margin-bottom:20px;
}

.job-description ul ul {margin-bottom:0;}
.job-description ul ul li {list-style:none;}

.job-openings .smaller-bullet {margin-bottom:10px;}
.job-openings :last-child {margin-bottom:20px;}

.job-description h5 {font-style:italic; font-size: 20px; font-weight:normal !important;}

h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
}

h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('../company_fpos/anchor_company_fpo.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}

h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:24px;
  line-height: 30px;
  /* padding-bottom:20px; */
  margin-top:0px;
}
h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size:22px;
  line-height: 26px;
  padding-bottom:8px;
  margin:0px;
}
h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:18px;
  line-height: 26px;
  padding-top:0;
  padding-bottom:8px;
  margin:0px;
}
p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:18px;
  line-height: 26px;
  padding-bottom:10px;
}

.job-openings {
  list-style:none;
}

/* used sometimes on a .container after a wide masthead */
.bottom-space {margin-bottom:60px;}
.bottom-half-space {margin-bottom:30px;}
.top-space {margin-top:60px;}
.top-half-space {margin-top:30px;}

.btn-learn-more-learn,
.btn-learn-more-read {
  display:block;
  margin-bottom:40px;
}
.btn-learn-more-learn:hover,
.btn-learn-more-read:hover {
  cursor:pointer;
}

.hero-content {
  padding-top:280px;
  padding-left:200px;
  padding-right:150px;
  color:#fff;
  background-image: url('../images/hero_shape.png');
  background-repeat: no-repeat;
  background-position: 20px 55px;
  height:529px;
}
.hero-content-home {
  padding-top:280px;
  padding-left:200px;
  padding-right:150px;
  color:#fff;
  background-image: url('../images/hero_shape.png');
  background-repeat: no-repeat;
  background-position: 20px 55px;
  height:529px;
}
.hero-content-investors {
  color:#575095;
  height:490px;
}
.investors-header-section {
  height:95px;
}

#investors-hero-inner .investors-header-section h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  line-height:38px;
  height:auto;
  color:#575095;
  text-transform:uppercase;
  letter-spacing:2px;
  margin:30px 0 0 26px;
  padding:0;
}

@media (max-width: 768px) {

.hero-content-investors {
  height:371px; /* 381px */
}

.investors-header-section {
  height:95px;
}

#investors-hero-inner .investors-header-section h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  line-height:38px;
  height:auto;
  color:#575095;
  text-transform:uppercase;
  letter-spacing:2px;
  margin:30px 0 0 26px;
  padding:0;
}

}

#investors-hero-inner .hero-content-investors h1 {color:#000;}
#home-hero-inner .hero-content-home h1 {margin:66px 0 0 64px;}
#home-hero-inner .hero-content-home h1 {margin:66px 0 0 64px;}

.modal-body h5 {font-size:16px !important;}
.modal-body p {font-size:14px !important; line-height:18px !important;}

.btn-primary {background-color:#84329b; border-color: #522474;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {background-color:#522474; border-color: #431E60;}
.btn-primary:active:hover {background-color:#431E60; border-color: #000;}


#privacy_and_terms {margin-top:30px; padding-left:0;}


.hero-content-aesthetics {
  padding-top:20px;
  padding-left:120px;
  padding-right:112px;
  color:#fff;
}

#aesthetics-hero-inner .hero-content-aesthetics h1 {margin:4px 0 44px 0;}
#aesthetics-hero-inner .hero-content-aesthetics p {line-height:22px;}

.pipeline-container {
  margin:53px 0 0 120px;
}

.jump-down {
  padding-left:467px;
  height:54px;
}

.btn-jump-down {
  display: inline-block;
  width:34px;
  height:34px;
  border:0;
  background-image: url('../images/jump_down_btn.png');
  background-repeat: no-repeat;
  background-position: -1px -1px;
}
.btn-jump-down:hover {
  /* hover states are tricky when over black... might need second version built into the graphic */
  background-position: -1px -37px;
}

#carousel-top-space {height:179px;}
#outer-header-wrapper-aesthetics {
  width: 100%;
  height:92px;
  background-color: rgba(255,105,0,0.73);
}
#outer-header-wrapper-therapeutics {
  width: 100%;
  height:118px;
  background-color: rgba(80,163,224,0.68);
}

.lowercase {text-transform:lowercase;}

.extra-top-space {padding-top:20px;}

.no_jobs_available {display:block; padding-bottom:10px;}

.learn-more {
  display:none;
}


.job-description {
  display:none;
}

.close-job-link {
  display:block;
  padding-bottom:20px;
}


.left-image {
  float:left;
  padding:9px 23px 6px 0;
}
.right-image {
  float:right;
  padding:9px 10px 6px 23px;
}

@media (max-width: 480px) {
  .right-image,
  .left-image {
    float:none;
    padding:0 0 6px 0;
  }
}

@media (max-width: 340px) {
  .right-image,
  .left-image {
    float:none;
    width:100%;
    padding:0 0 6px 0;
  }
}


#home .homebox {
  width:100%;
  min-height:269px;
  border: 1px solid #c3c3c3;
  padding:111px 28px 20px 24px;
  margin-bottom:20px;
}

#home .homebox h4 {
  color:#5b447a;
  font-size:18px;
  font-weight:bold;
  margin-bottom:7px;
}
#home .homebox p {
  color:#565656;
  font-size:16px;
  line-height:22px;
  margin-bottom:7px;
}

#home .homebox p a {
  float:right;
}
.revance-stock-ticker {margin:0; padding:0; margin-top:12px;}
.revance-stock-ticker-line-two {margin-top:-8px; padding-bottom:24px; font-weight:300;}
.stock-quote-label {font-weight:600;}
.stock-quote-last {font-weight:600; font-size:30px;}
.stock-quote-change {color:#09c32c; font-size:22px;}

#home-aesthetics {
  background-image: url('../images/home/aesthetics_feature.jpg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 720px 90px;  
}
#home-therapeutics {
  background-image: url('../images/home/therapeutics_feature.jpg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 720px 90px;  
}
#home-stock-quote {
  background-image: url('../images/home/stock_quote_feature.jpg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 720px 90px;  
}
#home-rt001 {
  background-image: url('../images/home/rt001_feature.jpg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 720px 90px;  
}
#home-rt002 {
  background-image: url('../images/home/rt002_feature.jpg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 720px 90px;  
}

@media (max-width: 420px) {

  #home-aesthetics {background-position: -130px 10px;}
  #home-stock-quote {background-position: -15px 10px;}
  #home-rt001 {background-position: -120px 10px;}
  #home-rt002 {background-position: -120px 10px;}

}

.disclaimer p {font-size:13px; margin:0; padding:0 0 12px 0; line-height:15px;}

/* hide jump down button for larger sizes: */
.jump-down {display:none;}

#home-sup {vertical-align: 12px; margin-left:-8px;}
.copyright-space {margin:0; padding:0;}



/* this technique didn't work on many browsers: */
.block-ellipsis {
  display:block;
  display: -webkit-box;
  max-width:100%;
  /* our text is:
  font-size: 18px;
  line-height: 1.44444444; /* 26px @18px font-size */
  /*so (3 lines x 26) + 1 for descenders = height: 79px;
  */
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* These rule are used by "learn_more.js" */
/* a.morelink {
    text-decoration:none;
    outline: none;
} */

.testclass {color:#f0f !important;}

.hide {
  display: none;
}
.hide_visually {
  opacity: 0;
}
.read-more-content {
  transition: all 2s linear;
}

.morecontent span {
	display: none;
}

.peptide-figure {
  background-color:#ebebeb;
  padding:10px;
  margin-bottom:40px;
}
.peptide-figure h5,
#company .peptide-figure h5 {font-size:17px; line-height:20px;}
.peptide-figure img {width:100%; margin-bottom:10px;}
.peptide-figure p {font-size:15px; line-height:18px; font-style:italic; padding-bottom:8px; margin-bottom:8px;}
.peptide-figure :last-child {padding-bottom:0;}

/* HOMEPAGE HERO STUFF */

#video-viewport {
    position: absolute;
    top: 92px;
    overflow: hidden;
    z-index: -2;
}
#home-banner {
  position: absolute;
  top: 424px;
  height:113px;
  width:100%;
  z-index: -1;
  /* background-color: rgba(0,0,0,0.5); */
  /* Safari doesn't link the CSS banner, so: */
  background: url(../images/half_black.png) repeat;
}

#home-hero {
  width: 100%;
  height: 661px;
}
#home-hero-still-image {
  width: 100%;
  height: 661px;
  background: url(../images/bg/home_bg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#home-hero-inner {
  /* set content to same width as the nav  */
  width: 950px;
  margin: 0 auto;
  height:661px;
}

#home h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
  text-shadow: 2px 2px #000;
}

#home .jump-down {display:block;}








/* THEY COULD BE HEROS */
#company-hero {
  width: 100%; 
  height: 661px;
  background: url(../images/bg/company_bg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#000;
}
#company-hero-inner {
  /* set content to same width as the nav  */
  width: 950px;
  margin: 0 auto;
  height:661px;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, .9) ;
}

#company-hero-inner p {
  line-height:30px !important;
}

#company-hero-inner h4 {
  text-transform:uppercase;
}

#aesthetics-hero-inner {
  /* set content to same width as the nav  */
  width: 950px;
  margin: 0 auto;
  height:661px;
}

.outer-header-wrapper-company {
  width: 100%;
  height:85px;
  margin: 0 auto;
  background-color:#84329b;
  margin-bottom:20px;
}


.outer-header-wrapper-aesthetics {
  width: 100%;
  height:85px;
  margin: 0 auto;
  background-color:#ff8200;
  margin-bottom:20px;
}

#therapeutics-hero-inner p {
  line-height:30px !important;
}

#therapeutics-hero-inner h4 {
  text-transform:uppercase;
}

.outer-header-wrapper-therapeutics {
  width: 100%;
  height:85px;
  margin: 0 auto;
  background-color:#69b3e7; /* was #69b3e7 */
  margin-bottom:20px;
}

#investors-hero {
  width: 100%; 
  height: 585px;
  background: url(../images/bg/investors_bg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #investors-hero {background-image:url('../images/bg/investors_bg@2x.jpg');}
    }

#investors-hero-inner {
  /* set content to same width as the nav  */
  width: 950px;
  margin: 0 auto;
  height:585px;
}

.outer-header-wrapper-investors {
  width: 100%;
  height:85px;
  margin: 0 auto;
  background-color:#807097;
  margin-bottom:20px;
}
#investors h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
}

#investors h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  margin-top:8px;
}

#company h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
}

#company h2,
#good_url_page h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('../images/masthead_anchor.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}

#error h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('images/masthead_anchor.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}

#aesthetics h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
}

#aesthetics h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('../images/masthead_anchor.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}


#therapeutics h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:38px;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 20px 0;
}


#therapeutics h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('../images/masthead_anchor.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}

#investors h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size:32px;
  color:#fff;
  margin-left:29px;
  padding-left:83px;
  height:70px;
  line-height:70px;
  background-image: url('../images/masthead_anchor.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top:8px;
}

 /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #company h2 {background-image: url('../images/masthead_anchor@2x.png'); background-size:71px 70px;}
    #aesthetics h2 {background-image: url('../images/masthead_anchor@2x.png'); background-size:71px 70px;}
    #therapeutics h2 {background-image: url('../images/masthead_anchor@2x.png'); background-size:71px 70px;}
    #good_url_page h2 {background-image: url('../images/masthead_anchor@2x.png'); background-size:71px 70px;}
    #error h2 {background-image: url('../images/masthead_anchor@2x.png'); background-size:71px 70px;}
    }
 /* @3x Images (Pixel Ratio of 2.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 9/4),
       only screen and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-device-pixel-ratio: 2.25),
       only screen and (min-resolution: 2.25dppx) {
    #company h2 {background-image: url('../images/masthead_anchor@3x.png'); background-size:71px 70px;}
    #aesthetics h2 {background-image: url('../images/masthead_anchor@3x.png'); background-size:71px 70px;}
    #therapeutics h2 {background-image: url('../images/masthead_anchor@3x.png'); background-size:71px 70px;}
    #good_url_page h2 {background-image: url('../images/masthead_anchor@3x.png'); background-size:71px 70px;}
    #error h2 {background-image: url('../images/masthead_anchor@3x.png'); background-size:71px 70px;}
    }











.inner-header-wrapper {
  /* set content to same width as the nav  */
  width: 950px;
  margin: 0 auto;
 }
 
#company h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:24px;
  line-height: 30px;
  /* padding-bottom:20px; */
  margin-top:0px;
}
#company h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size:22px;
  line-height: 26px;
  padding-bottom:8px;
  margin:0px;
}
#company h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:18px;
  line-height: 26px;
  padding-top:0;
  padding-bottom:8px;
  margin:0px;
}
#company p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:18px;
  line-height: 26px;
  padding-bottom:10px;
}
.c-suite-figure {
  float:left;
  padding:6px 39px 6px 9px;
  margin-bottom:0;
  background-color:#fff;
}
.c-suite-figure figcaption {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:18px;
  line-height: 26px;
  font-style:normal;
  text-align:left;
  padding-left:6px;
  margin:4px 0 0 0;
}
.c-suite-name {font-weight: 600;}

.management-team-photos img {
  float:left;
  margin:0 56px 12px 0;
}
.management-team-photos p {
  margin-bottom:40px;
}


.board-figure {
  /* background-color:#ebebeb; */
}
.board-figure figcaption {
  font-size:14px;
  line-height:18px;
  font-style:normal;
  text-align:left;
  margin:4px 0 4px 0;
  min-height:100px;
}
.board-name {font-weight: 600; font-size:18px;}

.board-images img {width:100%; height:auto; z-index:-1;
    position: relative;}

.learn-more-board01,
.learn-more-board02,
.learn-more-board03,
.learn-more-board04,
.learn-more-board05,
.learn-more-board06,
.learn-more-board07,
.learn-more-board08,
.learn-more-board09,
.learn-more-board10 {display:none;}

.img-hover:hover {
  cursor:pointer;
  box-shadow: inset 0px 0px 55px 5px rgba(0, 0, 0, .75);
  -webkit-box-shadow: inset 0px 0px 55px 5px rgba(0, 0, 0, .75);
  -moz-box-shadow: inset 0px 0px 55px 5px rgba(0, 0, 0, .75);
  -o-box-shadow: inset 0px 0px 55px 5px rgba(0, 0, 0, .75);
}

.btn-learn-more-board01:hover,
.btn-learn-more-board02:hover,
.btn-learn-more-board03:hover,
.btn-learn-more-board04:hover,
.btn-learn-more-board05:hover,
.btn-learn-more-board06:hover,
.btn-learn-more-board07:hover,
.btn-learn-more-board08:hover,
.btn-learn-more-board09:hover,
.btn-learn-more-board10:hover {cursor:pointer;}

#footer-nav {
    background-color: #565294; /* changed from: #575095 */
    color: #fff;
    margin-top: 20px;
    padding-top: 42px;
    padding-bottom: 20px;
}
#footer-nav .container p,
#footer-nav .container address {font-size:16px; line-height:24px; font-weight:300; margin-bottom:0;}
#footer-nav .container a {color:#fff;}
#footer-nav .container li {
  font-size:16px;
  line-height:22px;
  font-weight:300;
  list-style:none;
}

#footer-nav .container ul {margin-bottom:20px; margin-left:0; padding-left:0;}

  #footer-logo {padding-bottom:10px;}
  #footer-logo ul {
    list-style:none;
    margin:0;
    padding:0;
  }
  #footer-logo-link {
    display:block;
    width:215px;
    height:86px;
    background-image: url(../images/revance_footer.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    text-indent: -999em;
   }
   
  /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #footer-logo-link {background-image: url('../images/revance_footer@2x.png'); background-size:215px 86px;}
    }
 /* @3x Images (Pixel Ratio of 2.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 9/4),
       only screen and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-device-pixel-ratio: 2.25),
       only screen and (min-resolution: 2.25dppx) {
    #footer-logo-link {background-image: url('../images/revance_footer@3x.png'); background-size:215px 86px;}
    }

  #footer-nav-col1 {
    float:left;
    width:257px;
    margin-left: 8.33333333%;
    padding-left:42px;
    margin-right:60px;
  }
  #footer-nav-col2 {
    float:left;
    width:215px;
    padding-right:15px;
  }
  #footer-nav-col3 {
    float:left;
    width:215px;
    padding-right:15px;
  }
  #footer-nav-col4 {
    float:left;
    width:215px;
    padding-right:15px;
  }
  
  @media (max-width: 1200px) {
  
    #footer-nav-col1 {margin-left:0;}
  
    #footer-nav-col3 {
      clear:both;
      margin-left:45px;
    }
    #footer-nav-col4 {
      margin-left:57px;
    }
    
    #footer-nav .container {width:100%;}
    #footer-nav .container .row {width:532px; margin: 0 auto;}
  
  }

  @media (max-width: 540px) {
    
    #footer-nav-col1 {
      clear:both;
      margin-left:0;
      padding-left:49px;
    }
    #footer-logo {
      margin-left:-49px;
    }
    #footer-nav-col2 {
      clear:both;
      margin-left:49px;
    }
    #footer-nav-col3 {
      clear:both;
      margin-left:49px;
    }
    #footer-nav-col4 {
      clear:both;
      margin-left:49px;
    }
    #privacy_and_terms {
      padding-left:49px;
    }
    #footer-nav .container .row {width:auto;}


  }


#footer-copyright {
    background-color: #2a2730;
    color: #999;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
#footer-copyright .container p {font-size:14px; line-height:18px; font-weight:300; text-align:center; margin-bottom:0;}
#footer-copyright .container a {color:#ddd;}
#footer-copyright .container a:hover {color:#eee;}
#footer-logo {margin-top:-5px; margin-bottom:17px;}


/* not sure the I need any of the following: */

.center-stuff {
  margin: 0 auto;
  width: 100%;
  text-align:center !important;
}
.center-stuff2 {
  width: 950px;
  background-color:#cc0;
}

.bs-docs-header .container .center-stuff h1 {text-align:center; color:#f00 !important;}

.color-red {background-color:#c00;}
.color-green {background-color:#0c0;}
.color-blue {background-color:#66c;}

.center-block {  
      display: block;  
      margin-right: auto;  
      margin-left: auto;
      width: 83.33333333%;
    }

/* END: not sure the I need any of the following: */

/* override some of my custom styles for smaller screen sizes: */

/* Home Page box vertical spacing */
/* update these whenever there is a content change */


@media (max-width: 1199px) {
  .homebox01-br-spacer {display:none;}
  .homebox02-br-spacer {display:none;}
  .homebox03-br-spacer {display:none;}
  .homebox04-br-spacer {display:none;}
  .homebox05-br-spacer {display:none;}
}

@media (max-width: 991px) {
  .homebox04-br-spacer {display:none;}
  /* de facto turn off minimum height */
  #home .homebox {min-height:100px;}
}

/* sometimes the spacer breakpoints are max-width: 768px also */

@media (max-width: 768px) {
  /* hide the footer links for small devices */
  /*
  #footer-nav .container li {
  display:none;
  }
  */
  /* remove the .label-spacer (makes form input fields line up properly) for small devices */
  .label-spacer {
  display:none;
  }
  /* hide the extra space (for lining up boxes) */
  .wideview-spacer {display:none;}
  .ticker-bottom-spacer {display:none;}
  .therapeutics-bottom-spacer {display:none;}
  .copyright-space {padding-bottom:12px;}

}

@media (max-width: 767px) {
  /* display jump down button: */
  .jump-down {display:block;}
}

@media (max-width: 450px) {

 #investors-hero-inner .investors-header-section h2 {
  font-size:30px;
  }
}

@media (max-width: 504px) {
  #aesthetics .long-header,
  #therapeutics .long-header {
    font-size:26px;
    background-image:none;
    height:auto;
    margin-left:20px;
    padding-left:0;
    margin-top:0;
    line-height:85px;
  }
}

@media (max-width: 414px) {
  .outer-header-wrapper-company,
  .outer-header-wrapper-aesthetics,
  .outer-header-wrapper-therapeutics,
  .outer-header-wrapper-investors {
    height:65px;
  }
  #aesthetics .long-header,
  #therapeutics .long-header {
    line-height:65px;
  }
  #company h2,
  #aesthetics h2,
  #therapeutics h2,
  #investors h2,
  #good_url_page h2 {
    font-size:26px;
    background-image:none;
    height:auto;
    margin-left:20px;
    padding-left:0;
    margin-top:0;
    line-height:65px;
  }
  
  .hero-content-investors {
    height:180px;
  }
  
  #investors-hero-inner .investors-header-section h2 {
  font-size:26px;
  margin:30px 0 0 26px;
  padding:0;
}

  
  
 
}

@media (max-width: 370px) {
  .hero-content-investors {
    height:140px;
}

@media (max-width: 360px) {
  #company figure {
  padding-left:0;
  padding-top:0;
  }
  #company h4 {clear:left; padding-top:10px; padding-bottom:0;}
  .outer-header-wrapper-company {
  margin-bottom:20px;
  }
  #company figcaption {
    padding-left:0;
  }
  #aesthetics .long-header,
  #therapeutics .long-header {
    font-size:20px;
  }
}


/* REPONSIVE LINE BREAK */
/* wrap each line with <span class="rwd-line"> */
.rwd-line {display: block;}
@media screen and (min-width: 768px){.rwd-line {display: inline;}}
/* or add classed breaks: <br class="rwd-break" /> */
@media screen and (min-width: 768px){.rwd-break {display: none;}}

/* special case for breaking the copyright info at the bottom footer */
@media screen and (min-width: 500px){.copyright-break {display: none;}}