/*
 *  =============================================================================
 *  CONTAINERS ==================================================================
 *  =============================================================================
*/

/*
 *
 *  Content Slots
 *
*/
section {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 100px;
  position: relative;
}
section:last-child{
  padding-bottom: 150px;
}
section.no-pad {
  padding-left: 0px;
  padding-right: 0px;
}
section.no-bottom-pad {
  padding-bottom: 80px;
}


.content-slot {
  position: relative;
  height: auto;
  overflow: hidden;
  *zoom: 1;
  background-size: cover;
  background-position: center center;
  box-sizing: border-box;
}
.content-slot.height-matches-window {
  min-height: auto;
}
.content-slot.fixed-height {
  min-height: 1200px;
}
.content-slot.video-slot {
  width: 100%;
  box-sizing: border-box;
}

.content-page .main-slot a.scroll-down {
    width: 24px;
    height: 10px;
    background: url('../images/icons/Down-White.svg?$staticlink$') 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 5.916666666666667vh;
    transform: translateX(-50%);
    display: inline-block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    outline: 0;
}

#wrapper,
.content-asset,
.content-page,
.content-slot,
.content-slot img {
  max-width: 100%;
}

hr {
  height: 1px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #E0E0E0;
}

.content-slot a.button.explore {
  width: 165px;
  display: block;
  margin: 50px auto 0;
  position: relative;
  left: auto;
  top: auto;
  font-family: "NHaasGroteskDSW01-65Md";
}


.content-slot a.button.view-all {
  display: table;
  padding: 0 25px;
  margin: 80px auto 0;
  position: relative;
  letter-spacing: 2px;
  font-family: 'NHaasGroteskDSW01-65Md';
}

.section-explore-more {
	padding-top: 100px;
}/*
.section-explore-more:before {
	content: ' ';
	background: #e0e0e0;
	display: block;
	height:1px;
  margin: 0 auto;
	max-width: 1440px;
	position: relative;
	top: -145px;
	width: 100%;
}*/

/*
 *  =============================================================================
 *  GRIDS =======================================================================
 *  =============================================================================
*/


/*
 *
 *  2x2 Grid
 *
*/
.content-slot ul.two-by-two {
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box;
  margin: 0 auto;
}
.content-slot ul.two-by-two {

}
  .content-slot ul.two-by-two > li {
    position: relative;
    float: left;
    width: 50%;
    max-width: 720px;
    height: 0px;
    padding-bottom: 50%;  /*sets height equal to width */
    *zoom: 1;
    background-size: 101% 101%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .content-slot ul.two-by-two > li.two-wide {
    width: 100%;
    max-width: 1440px;
  }
  .content-slot ul.two-by-two > li.tall {
    padding-bottom: 100%;  /*sets height equal to 2 x width */
  }
  .content-slot ul.two-by-two > li.tall.right {
    float: right;
  }
  .content-slot ul.two-by-two > li.tall.left {
    float: left;
  }
  .content-slot ul.two-by-two > li.wide {
    max-width: 100%;
    width: 100%;
  }
  .content-slot ul.two-by-two > li.wide a {
    padding-bottom: 50%;
  }
    .content-slot ul.two-by-two > li a {
      display: block;
      position: absolute; top: 0px; /* safari, chrome fix */
      width: 100%;
      padding-bottom: 100%;
    }
    .content-slot ul.two-by-two > li a:link {
      transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .content-slot ul.two-by-two > li a:hover {
      background-color: rgba(14, 14, 14, 0.5);
      transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .content-slot ul.two-by-two > li img {
      display: block;
      margin: 0 auto;
      position: absolute;
      top: 0px; /*safari fix */
    }


      .content-slot ul.two-by-two .grid-image {
        padding-left: 16%;
        padding-right: 16%;
        margin-bottom: 185px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
      }
        .content-slot ul.two-by-two .grid-image img {
          width: 100%;
          height: auto;
          display: inline-block;
          margin: 0 auto;
        }




/*
 *
 *  Item Grid
 *
*/
.content-slot ul.item-grid {
  width: 100%;
  max-width: 924px;
  box-sizing: border-box;
  margin: 0 auto;
  list-style: none;
  position: relative;
}
.content-slot ul.item-grid.wide {
  max-width: 1440px;
}
  .content-slot ul.item-grid li {
    position: relative;
  }
  .content-slot ul.item-grid li > .content {
    width: 100%;
    position: relative;
  }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* IE10+ fixes */
      .content-slot ul.item-grid li > .content {
        display: block;
      }
      .content-slot ul.item-grid li.left .content {
        height: 50%;
      }
    }
	  .content-slot ul.item-grid li.column .content {
			text-align: center;
		}

  .content-slot ul.item-grid li.tall {

  }
  .content-slot ul.item-grid li.two-wide {
    width: 100%;
    max-width: 100%;
    float: none;
  }

    .content-slot ul.item-grid li img {
      width: auto;
      max-width: 100%;
      height: auto;
      display: inline-block;
      margin: 0 auto;
    }
    .content-slot ul.item-grid li .item-info {
      width: 100%;
      max-width: 400px;
      text-align: center;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 1.4;
      position: absolute;
      bottom: 0px;
      left: 50%;
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
    }
    .content-slot ul.item-grid.wide li .item-info {
      position: relative;
      bottom: auto;
      left: auto;
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      margin: 25px auto 0;
    }

      .content-slot ul.item-grid li .item-info .item-title {
        color: #0E0E0E;
        text-transform: uppercase;
        font-family:'NHaasGroteskTXW01-65Md';
        font-weight: normal;
      }
      .content-slot ul.item-grid li .item-info .item-description {
        color: #6E6E6E;
        font-family:'NeueHaasGroteskDisp W01';
        margin: 10px auto 0px;
      }
      .content-slot ul.item-grid li .item-info .item-link {
        color: #0E0E0E;
        font-family:'NeueHaasGroteskDisp W01';
        text-decoration: underline;
        display: block;
        margin-top: 5px;
        letter-spacing: auto;
      }
			.content-slot .caption {
        margin: 0 auto 1em;
    		max-width: 640px;
				text-align: center;
    	}

/*
 *  =============================================================================
 *  MODULES =====================================================================
 *  =============================================================================
*/
#goose-people-slot2{
  margin: 0 auto 80px auto;
}
.content-slot .gallery {
	 margin: 0 auto;
   padding: 0 40px;
}
#
@media all and (max-width: 768px){
  .content-slot .gallery {
  }
}
@media all and (max-width: 480px){
  .content-slot .gallery {
    padding: 0px;
  }
}


/*
 *  =============================================================================
 *  TEXT ========================================================================
 *  =============================================================================
*/
.page-title,
.section-info {
  width: 800px;
  box-sizing: border-box;
}

.content-slot .page-title,
.content-slot .section-info {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

  .page-title h1 {
    font-size: 48px;
    text-align: center;
    font-family: "Chronicle Display A","Chronicle Display B";
    font-style: normal;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 200;
    text-transform: uppercase;
    padding-bottom: 0;
  }
  .page-title h1.black{
    color: black;
  }
  #wrapper.pt_content #main #primary .content-slot ul.two-by-two .section-info h2 {
    font-family: "Chronicle Display A","Chronicle Display B";
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0.25px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
  }
  .page-title .subtitle {
    font-size: 18px;
    line-height: 24px;
    font-family: "Chronicle Display A","Chronicle Display B";
    font-style: normal;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
  }

h3.section-name {
  width: 800px;
  font-size: 16px;
  color: #0E0E0E;
  font-family:'NHaasGroteskDSW01-65Md';
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 50px;
  letter-spacing: 1.5px;
  box-sizing: border-box;
}
.section-info h3.section-name {
  font-size: 14px;
  color: #fff;
  margin: 0 auto 30px;
}

h3.slot-title {
  width: 800px;
  box-sizing: border-box;
  color: #0E0E0E;
  font-size: 30px;
  letter-spacing: 0.5;
  text-transform: uppercase;
  line-height: 29px;
  font-family: "Chronicle Display A","Chronicle Display B";
  text-align: center;
  margin: 0px auto 65px;
}

p.collab-description {
  max-width: 1024px;
  box-sizing: border-box;
  color: #0E0E0E;
  font-family: "Chronicle Display A","Chronicle Display B";
  text-align: center;
  margin: 0px auto;
}

.content-slot ul.two-by-two .section-info {
  padding: 0 20%;
  width: 100%;
}
  .content-slot ul.two-by-two .section-info h2 {
    /*font-size: 36px;*/
    line-height: 47px;
    width: 100%;
  }

  .content-slot ul.two-by-two  .section-info h3.section-name {
    width: 100%;
    margin: 0 auto 15px;
  }

h2.section-title {
  width: 800px;
  margin: 0 auto 22px;
  font-size: 56px;
  line-height: 1;
  color: #0E0E0E;
  text-align: center;
  font-family: "Chronicle Display A", "Chronicle Display B";
  font-weight: lighter;
}

p.section-description {
  width: 800px;
  font-size: 16px;
  line-height: 28px;
  color: #0E0E0E;
  text-align: center;
  font-family: 'NeueHaasGroteskText W01';
  margin: 0px auto 50px;
}
/*added 160106: play out-there video*/
/*div.videoWrapper{
  max-width: 1240px;
  max-height: 810px;
  margin: 0 auto;
}
div.videoWrapper iframe{
  width: 100%;
  max-height: 810px;
  margin: 0 auto;
}*/
section.graybg{
  background-color: #fafafa;
  width: 100%;
  padding: 100px 0;
}
.top-padding{
  padding-top: 80px;
}
@media all and (max-width: 768px){
  section.graybg{
    padding: 0px 0;
  }
  .top-padding{
    padding-top: 40px;
  }
}

#video{
  max-width: 1024px;/*1440*/
  margin: 0 auto;
}
@media all and (max-width: 1024px){
  #video {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.title-top-margin{
  margin-top: 60px;
}
/*
 *  =============================================================================
 *  BREAKPOINTS =================================================================
 *  =============================================================================
*/



/*
 *
 *  extra-large
 *
*/
@media all and (min-width: 1441px) {

  p.collab-description {
    max-width: 1024px;
    font-size: 18px;
    line-height: 1.6;
  }

  .hide-extra-large {
    display:none !important;
  }
  .content-slot .caption {
		max-width: 800px;
	}

}
/*
 *
 *  large down to small
 *
*/
@media all and (max-width: 1440px) {
  section {
    padding-left: 40px;
    padding-right: 40px;
  }

  p.collab-description {
    font-size: 18px;
    line-height: 1.6;
  }
  .content-slot .caption {
		max-width: 800px;
	}
  #wrapper.pt_content #main #primary .content-slot ul.two-by-two .section-info h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

/*
 *
 *  medium down to infinity
 *
*/
@media all and (max-width: 1024px) {
  section {
    padding: 0 40px 120px;
  }

	.section-explore-more {
		padding-top: 80px;
	}/*
	.section-explore-more:before {
    top: -113px;
	}*/

  .page-title,
  .section-info,
  h3.section-name {
    width: 100%;
    max-width: 700px;
  }
    .page-title h1,
    .section-info h2 {
      font-size: 48px;
    }
    .page-title h1 {
      padding-bottom: 15px;
    }
    .page-title .subtitle {
      font-size: 18px;
      line-height: 24px;
    }
  h3.slot-title {
    width: 100%;
    max-width: 700px;
    margin: 0px auto 80px;
  }
  p.collab-description {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  h2.section-title {
    width: 100%;
    max-width: 700px;
    font-size: 48px;
    margin: 0 auto 34px;
  }
  p.section-description {
    width: 100%;
    max-width: 700px;
    margin: 0px auto 45px;
  }
    .content-slot ul.two-by-two .section-info h2 {
      font-size: 28px;
      line-height: 37px;
    }

    .content-slot ul.two-by-two  .section-info h3.section-name {
      margin: 0 auto 10px;
    }

  .content-slot a.button.view-all {
    margin: 60px auto 0;
  }
	
}

/*
 *
 *  medium down to infinity
 *
*/
@media all and (max-width: 768px) { 
  section {
    padding: 0 40px 100px;
  }

	.section-explore-more {
		padding-top: 130px;
	}/*
	.section-explore-more:before {
    max-width: 720px;
    top: -93px;
	}*/

  .page-title,
  .section-info,
  h3.section-name {
    width: 100%;
    max-width: 640px;
    padding: 0 24px;
  }
    .page-title h1 {
      font-size: 48px;
      padding-bottom: 7px;
    }
  .text-header .section-info h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .text-header .page-title .subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  /*h3.section-name {
    font-size: 14px;
  }*/
  h3.slot-title {
    width: 100%;
    max-width: 640px;
    margin: 0px auto 80px;
    line-height: 24px;
  }
  p.collab-description {
    width: 100%;
    max-width: 640px;
    font-size: 16px;
    line-height: 24px;
    margin: 0px auto;
  }
  h2.section-title {
    width: 100%;
    max-width: 640px;
  }
  p.section-description {
    width: 100%;
    max-width: 640px;
  }
  .content-slot ul.two-by-two {
    margin: 0 auto;
    width: auto;
    max-width: 720px;
    box-sizing: content-box;
  }
  .content-slot ul.two-by-two .section-info h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .content-slot ul.two-by-two > li {
    float: none;
    width: 100%;
    padding-bottom: 100%;
  }

  .content-slot ul.two-by-two > li.wide {
    background-position: left center;
    background-size: cover;
  }
  .content-slot ul.two-by-two > li.wide a {
    padding-bottom: 100%;
  }
    .content-slot ul.two-by-two > li.tall {
      padding-bottom: 200%;
    }
      .content-slot ul.two-by-two > li.two-wide div.collab-logos {
        top: 50%;
      }
      .content-slot ul.two-by-two .section-info {
        padding: 0 25px;
      }

  .content-slot a.button.view-all {
    margin: 50px auto 0;
  }
  #wrapper.pt_content #main #primary .content-slot ul.two-by-two .section-info h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

@media all and (max-width: 480px) {
  #wrapper.pt_content #main #primary .content-slot ul.two-by-two .section-info h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

/*
 *
 *  extra small
 *
*/
@media all and (max-width: 375px) { 
  section {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 80px;
  }
	.section-explore-more {
		padding-top: 80px;
	}/*
	.section-explore-more:before {
    top: -73px;
	}*/
  .page-title,
  .section-info,
  h3.section-name {
    width: 100%;
    max-width: 100%;
    padding: 0px 24px;
  }

  .page-title h1,
  .section-info h2 {
    font-size: 32px;
    line-height: 1.2;
  }
  .page-title h1 {
    padding-bottom: 7px;
  }
  .section-info h2 {
    line-height: 1.4;
  }
  .text-header .section-info h2 {
    font-size: 28px;
    line-height: 28px;
  }

  .page-title .subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .section-info h3.section-name {
    margin: 0 auto 20px;
  }

  .content-slot a.button.explore {
    margin: 30px auto 0;
  }

  h3.slot-title {
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    max-width: 100%;
    margin: 0px auto 60px;
  }
  p.collab-description {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
  }
  h2.section-title {
    width: 100%;
    max-width: 100%;
    font-size: 36px;
    margin: 0 auto 20px;
  }
  p.section-description {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    margin: 0 auto 35px;
  }
  .content-slot ul.two-by-two .section-info,
  .content-slot ul.two-by-two >li:not(.wide) .section-info {
    /*width: 100%;*/
    padding: 0 25px;
  }
    .content-slot ul.two-by-two .section-info h2 {
      font-size: 24px;
      line-height: 33px;
    }

    .content-slot ul.two-by-two  .section-info h3.section-name {
      margin: 0 auto 5px;
    }
    .content-slot ul.two-by-two > li {
      float: none;
      width: 100%;
      padding-bottom: 100%;
    }

    .content-slot ul.two-by-two > li.wide {
      background-position: left center;
      background-size: cover;
    }
    .content-slot ul.two-by-two > li.wide a {
      padding-bottom: 100%;
    }

  .content-slot ul.item-grid {
    display: block;
  }
  .content-slot ul.item-grid li,
  .content-slot ul.item-grid li.wider {
    display: block;
    width: 100%;
  }
  .content-slot ul.item-grid li > .content {
    position: relative !important;
    margin: 0 auto 120px;
    max-width: 210px;
    text-align: center;
  }
  .content-slot a.button.view-all {
    margin: 40px auto 0;
  }
    .title-top-margin{
    margin-top: 110px;
  }

}

@media all and (max-width: 420px) {
  .hide-small {
    display:none !important;
  }

  .content-slot ul.two-by-two > li {
    float: none;
    width: 100%;
    padding-bottom: 100%;
  }

  .content-slot ul.two-by-two > li.wide {
    background-position: left center;
    background-size: cover;
  }
  .content-slot ul.two-by-two > li.wide a {
    padding-bottom: 100%;
  }
  .content-slot ul.item-grid li > .content {
    position: relative !important;
    margin: 0 auto 120px;
    max-width: 210px;
    text-align: center;
  }
  .title-top-margin{
    margin-top: 100px;
  }
}

@media all and (min-width: 420px) {
  .show-small {
    display:none !important;
  }
}

#wrapper.pt_content #main #primary p, #wrapper.pt_customer-service #main #primary p{
  font-size: 18px;
}
#wrapper.pt_content #main #primary p.caption{
  font-size: 1.1em;
}
#wrapper.pt_content #main #primary a, #wrapper.pt_customer-service #main #primary a{
  color: #fff;
}
.content-slot a.button.view-all {
  line-height: 40px;
}
#wrapper.pt_content #main #primary .content-asset img{
  max-width: 100%;
}