#PartnersPageView {

	> div {

		div#page-title {

			@extend .absolute;
			top: 165px;
			z-index: 1;
			opacity: 0;

			header {
				
				@extend .absolute;
				@include play-bold;
				font-size: 28px;
				text-transform: uppercase;
				white-space: nowrap;
				color: #fff;
			}

			figure {

				@extend .absolute;
				top: 40px;
				width: 6px;
				height: 18px;

				svg * { fill: #fff; }
			}
		} // #page-title

		ul#partner-logos {

			@extend .absolute;
			top: 280px;
			width: 660px;
			text-align: center;
			margin: 0 auto;

			.logo {

				@extend .relative;
				width: 220px;
				min-height: 110px;
				height: auto;
				float: left;
				margin-bottom: 20px;

				button { 

					@extend .relative;

					width: inherit;
					height: inherit;

					figure.logo-image { 

						@extend .relative;
						width: 220px;
						height: 69px;
						background: transparent center center no-repeat;
					}

					figcaption.logo-caption {

						@extend .relative;
						@include roboto-condensed;

						font-size: 11px;
						text-align: center;
						letter-spacing: 0.05em;
						line-height: 13px;
						color: #fff;
						padding: 10px 15px 10px 15px;
						
						-webkit-text-stroke: 0.2px;
					}
				}
			} // .logo

		} // .logos

		img.bg {
			@extend .absolute;
			z-index: -1;
		}

	} // > div

}