.main {
	overflow:hidden;
	margin-top: 130px;
}

figure {
	background-repeat: no-repeat;
}

.os-x-copy {
	z-index:0;
}

.os-x-hero {
	z-index:1;
}

.tvos-hero {
	background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/platforms-tvos.jpg');
	background-size:600px 361px;
	width:600px;
	height:361px;
	margin-left:-186px;
	margin-top:27px;
}


.watchos-hero {
	background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/watchos-hero.jpg');
	background-size: 300px 358px;
	width: 300px;
	height:358px;
	margin: 60px auto 0;
}

.ios-hero {
	background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/ios-hero.jpg');
	background-size:830px 509px;
	width:830px;
	height:509px;
	margin-left:-400px;
	margin-top:0px;
}

.osx-hero {
	background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/osx-hero.png');
	background-size:982px 562px;
	width:982px;
	height:562px;
	margin-left:-90px;
	margin-top:-70px;
	margin-bottom:60px;
}


.ac-browser, .ac-familybrowser {
position: relative;
overflow: hidden;
text-align: center
}

.ac-browser-wrapper, .ac-familybrowser-wrapper {
margin-left: auto;
margin-right: auto;
position: relative
}

.ac-browser-items, .ac-familybrowser-items {
padding-bottom: 50px;
list-style: none;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}

html.oldie .ac-browser-items, html.oldie .ac-familybrowser-items {
display: inline;
zoom: 1
}

@media only screen and (orientation: landscape) {
.ac-browser-items, .ac-familybrowser-items {
padding-bottom: 49px
}
}

html.touch .ac-browser-items, html.touch .ac-familybrowser-items {
margin: 0;
padding-left: 34px;
padding-right: 34px
}

html.no-touch .ac-browser-items:before, html.no-touch .ac-familybrowser-items:before,
html.no-touch .ac-browser-items:after, html.no-touch .ac-familybrowser-items:after {
content: ' ';
display: table
}

html.no-touch .ac-browser-items:after, html.no-touch .ac-familybrowser-items:after {
clear: both
}

html.no-touch.oldie .ac-browser-items, html.no-touch.oldie .ac-familybrowser-items {
zoom: 1
}

.ac-browser-item, .ac-familybrowser-item {
display: inline-block;
padding: 0
}

html.oldie .ac-browser-item, html.oldie .ac-familybrowser-item {
display: inline;
zoom: 1
}

.ac-browser-item:first-child, .ac-familybrowser-item:first-child {
padding-left: 0 !important
}

.ac-browser-item:last-child, .ac-familybrowser-item:last-child {
padding-right: 0 !important
}


.ac-familybrowser {
position: absolute;
width: 100%;
top: 44px;
z-index: 100;
background: rgba(242, 242, 242, 0.6)
}



@media only screen and (max-width: 767px) {
.ac-familybrowser {
top: 48px
}
.ac-browser-items, .ac-familybrowser-items {
margin: 0 !important;
}
}

.ac-familybrowser-wrapper {
height: 110px;
max-width: 100%
}

@media only screen and (max-width: 767px) {
.ac-familybrowser-wrapper {
height: 113px
}
}

.ac-familybrowser-items {
/*margin: 0 34px*/
}

.ac-familybrowser-item {
padding: 0 20px
}

.ac-familybrowser-icon {
margin-left: auto;
margin-right: auto;
display: block;
height: 52px;
background-position: center bottom;
background-repeat: no-repeat
}

html.oldie .ac-familybrowser-icon {
display: inline;
zoom: 1
}

.ac-familybrowser-label {
font-size: 12px;
line-height: 1;
font-weight: 400;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 8px;
white-space: normal;
color: #333
}

@media only screen and (max-width: 735px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400
}
}

html.oldie .ac-familybrowser-label {
margin: 0
}

@media only screen and (max-width: 767px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400
}
}

.ac-familybrowser-label-violator {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
position: absolute;
z-index: 1;
left: 0;
width: 100%;
color: #08c
}

@media only screen and (max-width: 735px) {
.ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400
}
}

@media only screen and (max-width: 767px) {
.ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400
}
}

.ac-familybrowser-link {
position: relative;
z-index: 1;
display: inline-block;
margin-top: 13px;
margin-bottom: 26px;
vertical-align: top;
color: inherit
}

html.oldie .ac-familybrowser-link {
display: inline;
zoom: 1;
color: expression(this.parentNode.currentStyle['color'])
}

html.no-js .ac-familybrowser-link:hover {
text-decoration: none
}

html.no-touch .ac-familybrowser-link:hover {
text-decoration: none
}

.ac-familybrowser-theme-dark .ac-familybrowser-label-violator {
color: #5cc3f6
}


.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left:hover,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-right:hover {
color: rgba(255, 255, 255, 0.6)
}

@-webkit-keyframes fb-slidein-animation {
0% {
opacity: 0
}

1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}

@keyframes fb-slidein-animation {
0% {
opacity: 0
}

1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}

.ac-familybrowser-item {
-webkit-animation-name: fb-slidein-animation;
animation-name: fb-slidein-animation;
-webkit-animation-duration: 350ms;
animation-duration: 350ms;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}

.ac-familybrowser-item.ios .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("https://web-archive.nli.org.il/National_Library/20160930123623oe_/https://devimages.apple.com.edgekey.net/platforms/images/platform-iphone.svg");
background-size: 48px 40px;
height: 54px;
width: 48px
}

.ac-familybrowser-item.osx .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("https://web-archive.nli.org.il/National_Library/20160930123623oe_/https://devimages.apple.com.edgekey.net/platforms/images/platform-mac.svg");
background-size: 48px 40px;
height: 54px;
width: 48px
}

.ac-familybrowser-item.watchos .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("https://web-archive.nli.org.il/National_Library/20160930123623oe_/https://devimages.apple.com.edgekey.net/platforms/images/platform-watch.svg");
background-size: 48px 40px;
height: 54px;
width: 48px
}

.ac-familybrowser-item.tvos .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/platform-tvos.svg");
background-size: 48px 40px;
height: 54px;
width: 48px
}




@media all and (min-width:768px) and (max-width:1023px) {
	.ios-hero {
		margin-left:-500px;
	}
	.tvos-hero {
		margin-left:-307px;
	}
}

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

	.watchos-hero {
		background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/watchos-hero-small.jpg');
		background-size: 200px 239px;
		width: 200px;
		height:239px;
		margin-top:20px;
	}

	.ios-hero {
		background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/ios-hero-small.jpg');
		background-size:300px 184px;
		width:300px;
		height:184px;
		margin:20px auto 0;
	}

	.osx-hero {
		background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/osx-hero-small.png');
		background-size:300px 172px;
		width:300px;
		height:172px;
		margin: 0 auto;
	}

	.enterprise-education-section .col-50 {
		padding-left:1em !important;
		padding-right:1em !important;
		border-left:none;
	}

	.tvos-hero {
		background-image:url('/National_Library/20160930123623oe_/https://developer.apple.com/platforms/images/platforms-tvos-small.jpg');
		background-size:300px 181px;
		width:300px;
		height:181px;
		margin: 0 auto;
	}

}