section[tabindex]:focus { outline: 0; }

.main,
aside {
	overflow:hidden;
}

.icon-ada {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url('/design/awards/images/ada-icon.svg');
	background-size: 64px 64px;
	margin-bottom: 3em;
}

.eyebrow {
	display:block;
	font-size: 28px;
line-height: 1.14286;
font-weight: 300;
letter-spacing: 0em;
margin-bottom: 10px;
}

h1 {
	margin-top: 0.6em;
	line-height: 1.0625;
}

* + h2 {
	margin-top:0.2em;
}

.main .row,
aside .row {
	padding-left: 13%;
}

.pull-quote {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	font-style: italic;
	color:#E43B75;
	padding: 1em !important;
	margin: 1.5em 0;
}

.menu-list {
	list-style:none;
	display:inline-block;
	margin:0;
}
.menu-list li {
	display:inline-block;
	padding-right:13px;
	padding-top:10px;
}


.winners {
	margin-right: 86px;
}

h2 {
	margin-bottom:0;
	padding-top: 6px;
}

h3 {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	margin-top:0;
}

.app-store-badge-us {
	display:block;
	margin-top: 2em;
	width: 135px;
	height: 40px;
	text-indent: -9999px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-image: url('/design/awards/images/Download_on_the_App_Store_Badge_US-UK_135x40.svg');
	background-size: 135px 40px;
}

.mac-app-store-badge-us {
	display:block;
	margin-top: 2em;
	width: 165px;
	height: 40px;
	text-indent: -9999px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-image: url('/design/awards/images/Download_on_the_Mac_App_Store_Badge_US-UK_165x40.svg');
	background-size: 165px 40px;
}


.bx-wrapper {
	margin-bottom: 48px !important;
	margin-left:0 !important;
	position:relative;
}


.bx-wrapper ul {
	margin-left:0;
	margin-right:0;
	margin-top:2em;
	margin-bottom:2em;
	position:relative;
}

.bx-wrapper li {
	width:auto !important;
}

.bx-viewport {
	overflow: hidden !important;
}

.bxslider {
	white-space: nowrap;
	left: 28%;
	width: 100%;
}

@media all and (min-width: 320px) and (max-width: 1023px) {
	.bxslider {
		left: 13%;
	}
}


.bx-clone,
.bxslider li {
	float: none !important;
	display: inline-block;
}

.bx-wrapper:hover .bx-next,
.bx-wrapper:hover .bx-prev {
	opacity:1;
}

.bx-prev,
.bx-next {
	display:block;
	width: 84px;
	height: 162px;
	background:url('https://devimages.apple.com.edgekey.net/watch/human-interface-guidelines/images/paddles.png') no-repeat;
	background-size: 168px 162px;
	background-position: 0 0;
	text-indent:-9999px;
	position:absolute;
	top: 50%;
	margin-top: -81px;
	z-index:100;
	opacity:0;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.bx-next {
	background-position: -84px 0;
	right:1.5em;
}

.bx-prev {
	left:1.5em;
}

.bx-slider:hover .bx-prev,
.bx-slider:hover .bx-next {
	opacity:1 !important;
}

.bx-pager {
	padding-top: 1em;
	margin-top: 1em;
	text-align: center;
}

.bx-pager-item {
	display: inline-block;
	margin: 0 10px;
	width: 8px;
	height: 8px;
	position: relative;
}

.bx-pager-link {
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	outline: none;
	position: absolute;
	border-radius: 50%;
	background-color: #999999;
	box-sizing: content-box;
	padding: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.bx-pager-link.active {
	top: -1px;
	left: -1px;
	border-style: solid;
	border-width: 1px;
	border-color: #0088cc;
	background-color: transparent;
	cursor: default;
}

.disabled {
	display:none;
}

.complete-anatomy-pull-quote {color:#a33e2a;
background-position:top center;}
.streaks-pull-quote {color:#fe7153;}
.zova-pull-quote {color:#1eabf2;}
.frame-io-pull-quote {color:#7071f6;}
.ulysses-pull-quote {color:#fea128}
.blackbox-pull-quote {color:#c5347e;}
.chameleon-run-pull-quote {color:#fc3a9f;}
.lc-go-pull-quote {color:#4aa1c2;}
.inks-pull-quote {color:#e01c3b}
.auxy-pull-quote {color:#27e4b6;}
.djay-pro-pull-quote {color:#fca83c;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.main .row,
	aside .row {
		padding-left: 3%;
		padding-right: 3%;
	}

	.winners {
		margin-right: 0px;
	}
}

@media all and (max-width: 767px) {
	.main .row,
	aside .row {
		padding-left: 0;
	}

	.bxslider img {
		height:200px !important;
		width: auto !important;
	}

	.pull-quote {
		width: 100%;
	}

	.winners {
		margin-right:0;
	}

	img.scale {
		width:100% !important;
		height:auto !important;
	}

	.complete-anatomy-pull-quote,
	.streaks-pull-quote,
	.zova-pull-quote,
	.frame-io-pull-quote,
	.ulysses-pull-quote,
	.blackbox-pull-quote,
	.chameleon-run-pull-quote,
	.lc-go-pull-quote,
	.inks-pull-quote,
	.auxy-pull-quote,
	.djay-pro-pull-quote {position:relative;}

		.center {
			margin-left: auto;
			margin-right: auto;
		}

		.text-center {
			text-align: center;
		}
}

@media all and (max-device-width: 767px) {


	.bx-next,
	.bx-prev {
		display:none;
	}
}



.contentnav {
	text-align: center;
}

.contentnav-item:hover .contentnav-title {
	text-decoration:underline;
}

.contentnav-items {
	display: block;
	list-style: none;
	max-width: 980px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

@media all and (min-width: 1068px) {
	.contentnav-items {
		padding-left: 2em;
	}
}

.contentnav-item {
	display: inline-block;
	margin: 28px 0;
	width: 120px;
	vertical-align: top;
	float: none;
}

.contentnav-content {
	margin: 0 auto;
	width: 120px;
}

.contentnav-icon {
	display: block;
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	margin: 0;
}

.contentnav-items .contentnav-icon {
	margin: 0 auto;
}

.contentnav-title {
	font-size: 13px;
	line-height: 1.11115;
	font-weight: 400;
	letter-spacing: 0em;
	margin-top: 20px;
}

a.block {
	display: block;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

a.block:before,
a.block:after {
	content: ' ';
	display: table;
}

a.block:after {
	clear: both;
}

.image-complete-anatomy {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-3d4.png')}
.image-streaks {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-streaks.png')}
.image-zova {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-zova.png')}
.image-frame-io {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-frame-io.png')}
.image-ulysses {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-ulysses.png')}
.image-blackbox {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-blackbox.png')}
.image-chameleon-run {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-chameleon-run.png')}
.image-lc-go {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-lc-go.png')}
.image-inks {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-inks.png')}
.image-auxy {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-auxy.png')}
.image-djay-pro {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-djay-pro.png')}
.image-linum {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-linum.png')}
.image-dividr {background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/icons/wwdc2016-icon-dividr.png')}

.student-winner-label {
	font-size: 11px;
	color:#f46c0e;
}

.app-hero {
	display:block;
	position: relative;
	background-repeat: no-repeat;
	margin-top: 3em;
	text-indent: -9999px
}

.hero-complete-anatomy {
	width:658px;
	height:467px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-34d.png');
	background-size: 658px 467px;
}

.hero-streaks {
	width:452px;
	height:629px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-streaks.png');
	background-size: 452px 629px;
}

.hero-zova {
	width:658px;
	height:396px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-zova.png');
	background-size: 658px 396px;
}

.hero-frame-io {
	width:308px;
	height:629px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-frame-io.png');
	background-size: 308px 629px;
}

.hero-ulysses {
	width:984px;
	height:563px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-ulysses.png');
	background-size: 984px 563px;
	left: -140px;
}

.hero-chameleon-run {
	width:627px;
	height:311px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-chameleon-run.png');
	background-size: 627px 311px;
}

.hero-lc-go {
	width:627px;
	height:311px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-lcgo.png');
	background-size: 627px 311px;
}

.hero-inks {
	width:416px;
	height:629px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-inks.png');
	background-size: 416px 629px;
}

.hero-auxy {
	width:658px;
	height:467px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-auxy.png');
	background-size: 658px 467px;
}

.hero-djay-pro {
	width:658px;
	height:467px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-djay-pro.png');
	background-size: 658px 467px;
}

.hero-dividr {
	width:308px;
	height:629px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-dividr.png');
	background-size: 308px 629px;
}

.hero-linum {
	width:308px;
	height:629px;
	background-image: url('https://devimages.apple.com.edgekey.net/design/awards/images/screens/wwdc2016-screenshot-linum.png');
	background-size: 308px 629px;
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	h1 {
		font-size: 52px;
		line-height: 1.07724;
		font-weight: 200;
		letter-spacing: -0.016em;
	}

	.hero-ulysses {
		width:760px;
		height:435px;
		background-size: 760px 435px;
		left: -50px;
	}
}

@media all and (max-width: 767px) {
	h1 {
		font-size: 52px;
		line-height: 1.07724;
		font-weight: 200;
		letter-spacing: -0.016em;
	}

	h3 {
		font-size: 24px;
		line-height: 1.16667;
	}

	.eyebrow {
		font-size: 24px;
		line-height: 1.33349;
	}

	.row {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}


	.contentnav-content {
		width: 100px;
	}


	.hero-chameleon-run {
		width: 400px;
		height:198px;
		background-size: 400px 198px;
	}

	.hero-lc-go {
		width: 400px;
		height:198px;
		background-size: 400px 198px;
	}

	.hero-auxy,
	.hero-djay-pro,
	.hero-complete-anatomy {
		width: 400px;
		height:284px;
		background-size: 400px 284px;
	}

	.hero-ulysses {
		width:400px;
		height:229px;
		background-size: 400px 229px;
		left: 0px;
	}

	.hero-zova {
		width: 400px;
		height:241px;
		background-size: 400px 241px;
	}

	.hero-inks {
		width: 400px;
		height:605px;
		background-size: 400px 605px;
	}
}

@media all and (max-width: 414px) {
	.row {
		margin-left: -1em;
		margin-right: -1em;
	}

	.hero-frame-io,
	.hero-dividr,
	.hero-linum {
		width: 274px;
		height:560px;
		background-size: 274px 560px;
	}

	.hero-chameleon-run {
		width: 274px;
		height:136px;
		background-size: 274px 136px;
	}

	.hero-streaks {
		width: 274px;
		height:381px;
		background-size: 274px 381px;
	}

	.hero-lc-go {
		width: 274px;
		height:136px;
		background-size: 274px 136px;
	}

	.hero-auxy,
	.hero-djay-pro,
	.hero-complete-anatomy {
		width: 274px;
		height:194px;
		background-size: 274px 194px;
	}

	.hero-ulysses {
		width:274px;
		height:157px;
		background-size: 274px 157px;
		left: 0px;
	}

		.hero-zova {
			width: 274px;
			height:165px;
			background-size: 274px 165px;
		}

		.hero-inks {
			width: 274px;
			height:414px;
			background-size: 274px 414px;
		}



}