/* Local Nav */
#tools .link-tools,
#features .link-features,
#preview .link-preview,
#extensions .link-extensions,
#resources .link-resources {
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

#download .ac-ln-actions {
	display: none;
}

.router-wrapper {
	background-color: #fafafa;
}

.router h4 {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}

.router:hover h4 {
  color: #08c;
}

@media all and (max-width: 767px) {
  .router-wrapper .text-center {
    text-align: center;
  }
}

@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) {
	/* Blur Navigation Bar */
	#ac-localnav.ac-localnav-scrim .ac-ln-background {
		background-color: rgba(255, 255, 255, 0.65);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px)
	}
}

.header-hero-headline {
	margin-top: 0;
}

.title {
	font-weight: 500;
}


.push {
	left: 60%
}

.pull {
	right:40%;
}

@media all and (max-width: 1023px) {
	.push,
	.pull {
		right:auto;
		left: auto;
		width: 100%;
	}
}

p:not(.intro) {
	max-width: 650px;
}

@media all and (max-width: 767px) {
	.text-center {
		text-align: center;
	}
	.center {
		margin-left: auto;
		margin-right: auto;
	}
	p {
		max-width: none;
	}
}

#overview h2 {
	font-size:32px;
	font-weight:300;
}

#overview h3 {
	font-size:24px;
	font-weight:400;
}

.bg-light {
  background-color: #fafafa;
}

.nextrouter {
	position: relative;
	z-index: 1;
	background-color: #fafafa;
	padding: 4em 0;
  height: 475px;
}

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

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

.icon-apple-pay {
	display:block;
	width:64px;
	height:64px;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	background-image: url('/assets/elements/icons/apple-pay/apple-pay-64x64.png');
}

/* Heroes */

.hero-safari {
	display: block;
	background-repeat: no-repeat;
	background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_large.jpg');
	background-size:1100px 629px;
	background-position: center;
	width:100%;
	height:629px;
	margin-bottom: 200px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-safari {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_large_2x.jpg');
	}
}

@media only screen and (max-width:1023px) {
	.hero-safari {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_medium.jpg');
		background-size:715px 409px;
		height:409px;
		margin-bottom: 80px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px),
only screen and (min-resolution: 1.5dppx) and (max-width: 1023px),
(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-safari {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_medium_2x.jpg');
	}
}

@media only screen and (max-width:767px) {
	.hero-safari {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_small.jpg');
		background-size:283px 162px;
		height:162px;
		margin-bottom: 48px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-safari {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-safari_small_2x.jpg');
	}
}


.hero-apple-pay-web {
	display: block;
	background-repeat: no-repeat;
	background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_large.png');
	background-size:881px 697px;
	width:881px;
	height:697px;
	-webkit-transform: translateX(-290px);
	transform: translateX(-290px);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-apple-pay-web {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_large_2x.png');
	}
}

@media only screen and (max-width:1023px) {
	.hero-apple-pay-web {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_medium.png');
		background-size:715px 565px;
		width:715px;
		height:565px;
		margin: 0 auto;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , only screen and (min-resolution: 1.5dppx) and (max-width: 1023px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-apple-pay-web {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_medium_2x.png');
	}
}

@media only screen and (max-width:767px) {
	.hero-apple-pay-web {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_small.png');
		background-size:285px 225px;
		width:285px;
		height:225px;
		margin: 0 auto;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-apple-pay-web {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/apple-pay-web_small_2x.png');
	}
}


.hero-pip {
	display: block;
	background-repeat: no-repeat;
	background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_large.jpg');
	background-size:1100px 512px;
	background-position: center;
	width:100%;
	height:512px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-pip {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_large_2x.jpg');
	}
}

@media only screen and (max-width:1023px) {
	.hero-pip {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_medium.jpg');
		background-size:715px 333px;
		height:333px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px),
only screen and (min-resolution: 1.5dppx) and (max-width: 1023px),
(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1023px) , (min-resolution: 144dpi) and (max-width: 1023px) {
	.hero-pip {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_medium_2x.jpg');
	}
}

@media only screen and (max-width:767px) {
	.hero-pip {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_small.jpg');
		background-size:283px 132px;
		height:132px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , only screen and (min-resolution: 1.5dppx) and (max-width: 767px) , (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) , (min-resolution: 144dpi) and (max-width: 767px) {
	.hero-pip {
		background-image:url('https://devimages.apple.com.edgekey.net/safari/images/hero-pip_small_2x.jpg');
	}
}





/*** ALL ***/

.nextrouter-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.nextrouter-copy {
	position: relative;
	min-height: 2px;
	margin: 0;
	padding: 93px 0 93px 0;
	z-index: 2;
	float: left;
	width: 50%;
}

.nextrouter-sentence {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.008em;
	margin-bottom: 0.22em;
	padding-right: 14px;
}

.nextrouter-label {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 300;
	letter-spacing: normal;
	color: #999999;
	display: block;
	margin-bottom: 0.4em;
}

.nextrouter-link {
	color: #0088cc;
	margin-bottom: 0;
	padding-right: 14px;
}

.nextrouter-content:hover .nextrouter-link {
	text-decoration: underline;
}

.nextrouter-image {
	position: relative;
	z-index: 1;
	min-height: 2px;
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}

.image-nextrouter {
	background-image: url('https://devimages.apple.com.edgekey.net/safari/images/next-router-tools.png');
	background-repeat: no-repeat;
	background-size: auto 348px;
	background-position:center center;
	height: 348px;
}

@media all and (min-device-width: 768px) and (max-width: 1023px) {
	.nextrouter-content {
		width: 692px;
	}

	.nextrouter-copy {
		padding: 75px 0 71px 0;
	}

	.nextrouter-sentence {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 300;
		letter-spacing: 0em;
	}

	.nextrouter-label {
		font-size: 20px;
		line-height: 1.2;
		font-weight: 300;
		letter-spacing: normal;
	}

	.image-nextrouter {
		background-size: auto 280px;
		height: 280px;
	}
}

@media all and (max-device-width: 767px) {
	.nextrouter-content {
		width: 90%;
	}

	.nextrouter-copy {
		padding: 34px 0 37px 0;
		width:100%;
	}

	.nextrouter-sentence {
		margin-bottom: 0.06em;
		font-size: 28px;
		line-height: 1.14286;
		font-weight: 300;
		letter-spacing: 0em;
	}

	.nextrouter-label {
		font-size: 20px;
		line-height: 1.2;
		font-weight: 300;
		letter-spacing: normal;
	}

 .nextrouter-image {
	 width: 100%;
 }

	.image-nextrouter {
		height: 258px;
		width: 288px;
		margin-left: auto;
		margin-right: auto;
		background-size: auto 258px;
	}
}


/* tab strips */
.tabstripWrapper {text-align:center;}
.tabstripWrapper .tabstrip {margin: 0;}
.tabstripWrapper .tabstrip .tab {list-style:none;display: inline-block; padding:1em 1em 0.25em; font-size: 16px; font-weight: 400;}
.tabstripWrapper .tabstrip .tab.active {font-weight: 600;}

/* Safari - Tools */
.web-inspector .tabContent { position:relative; height:630px; }
.web-inspector .tabContent .item { width:100%; position:absolute; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; }
.web-inspector .tabContent .item p { font-size: 1em; }
.web-inspector.one .tabContent .item.one,
.web-inspector.two .tabContent .item.two,
.web-inspector.three .tabContent .item.three,
.web-inspector.four .tabContent .item.four,
.web-inspector.five .tabContent .item.five,
.web-inspector.six .tabContent .item.six,
.web-inspector.seven .tabContent .item.seven    { opacity:1; }
.web-inspector .tabContent .item img {margin: 0 auto; display:block;}

/* overline tabs layout */
.tab-wrapper {display:block; position: relative; z-index: 9; white-space: nowrap;}
.tab-wrapper .divider {display:none;}
.tabs { max-width: 980px; margin: 0 auto; border-bottom: 1px solid #E6E6E6; text-align:center;}
.tabs .column {float:none; display:inline-block; margin: 0 28px; width: auto;}
.tabs .column a { display:inline-block; padding: 21px 2px 5px; color:#8c8f9b; border-bottom: 1px solid transparent; border-color: transparent; position: relative; top:1px;}
.tabs .column.active	a {color:#333; border-color: #333;}
.tabs .column a:hover {color: #08c; border-color: #333;}
.tabs .column a:visited, .tabs .column a:link, .tabs .column a:active {text-decoration: none;}

.jumpLinks { width:100%; margin:0 auto; text-align:center; }
.jumpLinks ul {margin:0;}
.jumpLinks li { display: inline-block; padding: 1em 0.7em;}
.jumpLinks img { display: block; margin: 0 auto;}
.jumpLinks a { font-size:14px; font-weight: 400; color:#333; text-decoration:none; text-align:center;}
.jumpLinks a span { display:block; }
.jumpLinks a:hover { color:#08c; }

@media all and (max-width: 767px) {
	.web-inspector .tabContent { height:330px; }
	.tabstripWrapper .tabstrip .tab {padding:1em 0.5em;}

	.text-right {
		text-align: left;
	}
}

span.smaller {font-size:14px; color: #999;}