.error-404 section h1,
.view1280 .error-404 section h1{
	font-family: 'UniversLTW01-59UltraCn','Arial Narrow',Arial,Helvetica,sans-serif;
}
  
.error-404 section h1 i,
.view1280 .error-404 section h1 i{
	font-family: 'UniversLTW01-59UltraCn','Arial Narrow',Arial,Helvetica,sans-serif;
	font-style: normal;
}
  
.error-404 section h2,
.error-404 section p,
.view1280 .error-404 section h2,
.view1280 .error-404 section p{
 	font-family: "UniversLTW01-47LightCn","Arial Narrow",Arial,Helvetica,sans-serif;
}
 
.error-404 section h2 i,
.error-404 section p i,
.view1280 .error-404 section h2 i,
.view1280 .error-404 section p i{
 	font-family: "UniversLTW01-47LightCnO","Arial Narrow",Arial,Helvetica,sans-serif;
 	font-style: normal;
}

.error-404 section ul li a,
.view1280 .error-404 section ul li a{
	font-family: 'UniversLTW01-67BoldCn','Arial Narrow',Arial,Helvetica,sans-serif;
}

.error-404 section ul li a i,
.view1280 .error-404 section ul li a i{
	font-family: 'UniversLTW01-67BoldCnOb','Arial Narrow',Arial,Helvetica,sans-serif;
	font-style: normal;
}
   
.desktop-hidden{
	display:none!important;
}

/* clearfix and desktop-only clearfix */
.clearfix:before, .clearfix:after,
.desktop-clearfix:before, .desktop-clearfix:after { 
  content: "";
  display: table;
}
.clearfix:after,
.desktop-clearfix:after { clear: both; }
.clearfix,
.desktop-clearfix { zoom: 1; }



/************************************************************************************
  
  Careers Promo
  
  We changed the markup for the .careersPromo container and for the elements within
  
*************************************************************************************/

/* need to relatively position the grid container */

.homepage-grid.careers {
  position: relative;
}

/* remove the float from the hero element */

.homepage-grid.careers #hero {
  float:none;
}

/* need to absolutely position the .careersPromo container */
.careersPromo {
  position: absolute;
  top: 0;
  right: 0;
}

/* The .careersPromo container is actually a SECTION element, so the css selector should be
   .homepage-grid .grid1x1 instead of .homepage-grid article.grid1x1
*/

.homepage-grid .grid1x1 {
  width: 320px;
  height: 320px;
}

@media screen and (min-width: 1230px) {
  .homepage-grid .grid1x1 {
    width: 400px;
    height: 400px;
  }
}
.view1280 .homepage-grid .grid1x1 {
  width: 400px;
  height: 400px;
}

/* changed .homepage-grid article .careersPromox1 h2  to .homepage-grid .careersPromox1 h2 */
.homepage-grid .careersPromox1 h2 {
font-size: 2em;
padding: 20px 0 0 20px;
margin:0;
}


/* changed .homepage-grid article .careersPromox1  to .homepage-grid .careersPromox1 */
.homepage-grid .careersPromox1 {
  height: 80px;
}

/* changed .homepage-grid article .careersPromox2  to .homepage-grid .careersPromox2 */
.homepage-grid .careersPromox2 {
height: 128px;
}

@media screen and (min-width: 1230px) {
  .homepage-grid .careersPromox2 {
    height: 158px;
  }
}

.view1280 .homepage-grid .careersPromox2 {
  height: 158px;
}

/* changed .homepage-grid article .careersPromox3 .homepage-grid .careersPromox3 */
.homepage-grid .careersPromox3 {
height: 112px;
}

@media screen and (min-width: 1230px) {
.homepage-grid .careersPromox3 {
height: 162px; /* changed from 182 to 162 */
}
}

.view1280 .homepage-grid .careersPromox3 {
height: 162px; /* changed from 182 to 162 */
}

/*
   need to change the selector from
   .homepage-grid .careersPromo h2 a span 
   to
   .homepage-grid .careersPromo h2 span 
   since was only an empty <A> element that didn't behave as a link or anchor so we removed the <A> element
*/

.homepage-grid .careersPromo h2 span {
  font-size: .8em;
  margin-top: 5px;
  display: block;
}


/*
.careersPromo, .careersPromo ul, .careersPromo li {
  font-size: 1em; 
  padding: 0;
  margin: 0;
}
*/

.homepage-grid .careersPromo .links li
{
  font:1.166666667em Arial,Helvetica,sans-serif;
  margin:6px 20px 0;
}

.homepage-grid .careersPromo .links li a
{
  color:#fff;
  padding:0 15px 0 0;
  background:transparent url(https://www.goldmansachs.com/a/pgs/images/cheron-careersPromo.png) right 50% no-repeat;
  margin-right:1.5em;
}

.view1280 .homepage-grid .careersPromo .links li
{
  font-size: 1.166666667em;
  margin: 10px 20px 0;
}




/************************************************************************************
  
  Quick Links

  We need to have the quicklinks at the bottom of the screen for mobile so we
  resorted to move them at the end of the .sidebar and position them absolutely
  on the desktop version.

  The quicklinks height is different when the resolution is over 1230px so we need
  to handle that too.

  Because we position them absolutely they are taken out of the flow and we need to
  add padding to the next elements to take up that space. This is done by adding 
  .quickLinksPadded class to the following element. Usually is .featuredItems element.

  TODO: Test this approach on IE and see if it breaks something. Hope not.
  
*************************************************************************************/
.quickLinks{
  position:absolute;
  top:0;
  right:0;
}
.featuredItems {
	margin-top: 160px;
}

.stockquote .featuredItems {
  margin-top: 326px;
}

.stockquote .stockPrice {
  position: absolute;
  margin-top: 160px;
}

.nonTraditional .quickLinks {
	position: relative;
}

.nonTraditional .featuredItems {
	margin-top: 0px;
}
.quickLinksPadded{
  margin-top:160px;
}
/*.sidebar.grid1{
  min-height:160px;
} This wasn't a good idea */

@media screen and (min-width:1230px) {
  .quickLinksPadded{
    margin-top:200px;
  }
  /*.sidebar.grid1{
    min-height:200px;
  } This wasn't a good idea */
  .featuredItems {
	margin-top: 200px;
  }
  
  .stockquote .featuredItems {
    margin-top: 366px;
  }
  
  .stockquote .stockPrice {
    position: absolute;
    margin-top: 200px;
  }
  
  .nonTraditional .featuredItems {
	margin-top: 0px;
  }
}


.view1280 .quickLinksPadded{
  margin-top:200px;
}

.view1280 .featuredItems {
	margin-top: 200px;
}

.view1280.stockquote .featuredItems {
  margin-top: 366px;
}

.view1280.stockquote .stockPrice {
  position: absolute;
  margin-top: 200px;
}
.view1280 .nonTraditional .featuredItems {
	margin-top: 0px;
}
/*.view1280 .sidebar.grid1{
  min-height:200px;
} This wasn't a good idea */


/************************************************************************************
  Yet another blockquote style.

  On the page below we have a blockquote but it needs lo look different than the
  usual so we added .blockquote-style-1.

  /who-we-are/diversity-and-inclusion/index.html
*************************************************************************************/
/*.blockquote-style-1{
  border-left:none;
  padding:0;
}
.blockquote-style-1 p{
  width: 470px;
  font: 1.84em/1.05 "UniversLTW01-47LightCn","Arial Narrow",Arial,Helvetica,sans-serif;
  clear: both;
  margin: .5em 0 1em;
}
.blockquote-style-1 p:before{
  content: "\201C";
}
.blockquote-style-1 p:after{
  content: "\201D";
}
.blockquote-style-1 cite{
  width: 470px;
  line-height: 1.5;
  font-size: 1.17em;
}
.blockquote-style-1 .author{
  display:block;
}
@media screen and (min-width:1230px) {
  .blockquote-style-1 p{
    width: 580px;
    font-size: 2.24em;
  }
  .blockquote-style-1 cite{
    width: 580px;
    font-size: 1.33em;
  }
}
.view1280 .blockquote-style-1 p{
  width: 580px;
  font-size: 2.24em;
}
.view1280 .blockquote-style-1 cite{
  width: 580px;
  font-size: 1.33em;
}*/

/************************************************************************************
  We'vd found an inline style on the page below.
  We had to remove it and create a class for that.

  /what-we-do/investment-banking/services/m-and-a.html
*************************************************************************************/
.products-title{
  color: rgb(115, 153, 198);
  padding-top:1em;
}



/* ignore the declarations below - we added them because we didn't have them in our css files */

.homepage-grid .grid1-grad7 {
  background: url("https://www.goldmansachs.com/a/pgs/images/grid1-grad7.jpg") repeat-y scroll right top transparent;
}




/***********************************************************************************
  404 Error Page
  
  We needed this CSS because we didn't have it in the original CSS file
  No need to copy it to production since it's already there
************************************************************************************/

/******* ERROR PAGES - START *******/

.error-404 {
    background: transparent url('https://www.goldmansachs.com/a/pgs/images/error-404-bg.png') -120px top no-repeat;
    padding-bottom: 0!important
}

.error-404 section {
    width: 640px;
    padding: 170px 160px 20px;
    text-align: center;
    color: #fff;
    line-height: 1;
    min-height: 545px
}

.error-404 section h1 {
    font-size: 7.5em;
    line-height: 1;
    padding-top: 0;
    margin-bottom: .33em
}

.error-404 section h2 {
    font-size: 2.1667em;
    line-height: 1.5;
    text-transform: none
}

.error-404 section p {
    font-size: 2.1667em;
    line-height: 1.5;
}

.error-404 section p strong {
    font-size: 1.5em;
    font-weight: normal
}

.error-404 section a {
    color: #7397c5
}

.error-404 section ul {
    position: relative;
    width: auto;
    margin: 0 auto 2em
}

.error-404 section ul li {
    display: inline;
    padding: 0 18px
}

.error-404 section ul li a {
    font-size: 1.25em;
    line-height: 1;
    text-transform: uppercase
}

@media screen and (min-width:1230px) {

  .error-404 {
      background: transparent url('https://www.goldmansachs.com/a/pgs/images/error-404-bg.png') left top no-repeat
  }

  .error-404 section {
      width: 800px;
      padding: 170px 200px 20px
  }

  .error-404 section h1 {
    font-size: 7.6667em;
    line-height: 1;
  }

  .error-404 section h2 {
    font-size: 2.333em;
    line-height: 1.5;
  }

  .error-404 section p {
    font-size: 2.333em;
    line-height: 1.5;
  }

  .error-404 section ul li a {
    font-size: 1.33em;
    line-height: 1;
  }
}

.view1280 .error-404 {
	background: transparent url('https://www.goldmansachs.com/a/pgs/images/error-404-bg.png') left top no-repeat;
}
.view1280 .error-404 section {
  width: 800px;
  padding: 170px 200px 20px;
}

.view1280 .error-404 section h1 {
  font-size: 7.6667em;
  line-height: 1;
}
.view1280 .error-404 section h2 {
  font-size: 2.333em;
  line-height: 1.5;
}
.view1280 .error-404 section p {
  font-size: 2.333em; 
  line-height: 1.5;
}
.view1280 .error-404 section ul li a {
  font-size: 1.33em;
  line-height: 1;
}
/******* ERROR PAGES - END *******/


/*********************************************************************************
  Meet the women
  
  We needed some production css - no need to copy this css since it's already in production
*********************************************************************************/

.meet-the-women ul.eventsListNew {
  margin-top: 0;
  padding-top: 0;
  background: 0;
}


/***********************************************************************************
  in-page-nav li override
  
  We replaced a bunch of articles with nav>li and we need
  to use .in-page-nav to override some inherited li styles.

  For example in this page:
  /careers/students-and-graduates/our-programs/emea-programs/index.html
************************************************************************************/
/*.in-page-nav li{
  font-size: 1em;
}
.in-page-nav li p{
  font-size: 1.17em;
  margin-bottom:0;
  padding-bottom:1em;
}
@media screen and (min-width:1230px) {
  .in-page-nav li p{
    font-size: 1.33em;
  }
}
.view1280 .in-page-nav li p{
  font-size: 1.33em;
}
*/
/**********************************************************************************
  10KSB .eventsList images need 186px height for desktop only
  
  We removed the height="186" attribute and assigned the height from the desktop CSS
  Otherwise, we would need conditionals to remove the height attribute
**********************************************************************************/
.ten-thousand .eventsList img {
  height: 186px;
}


/**********************************************************************************
  A view from
  
  We changed some tags from <strong> to <time> so we needed to override the default
  css properties for the time attribute but only for this page
  
  Added bottom margin to the h2 element inside .grix1x1 containers
  We did this because we removed an empty paragraph that was used for styling
**********************************************************************************/
.view-from time {
  margin: 0;
  padding: 0;
  font-weight: bold;
  position: static;
  font-size: 1em;
  font: 14px/1em Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.focus article.grid1x1 figcaption h2 {
  margin: .8em 0 0.8em 0;
}

.video-container .video-detail-box.mobile-padded {
    padding-top: 2.8125%;
}

.playlist-container li.mobile-image-list-item img {
    max-height: 100%;
}