$yellow: #fd0;

body {
	
	font-size: 14px;

}

.contain {
	
	max-width: 1152px;

}

h3 {
	
	font-size: 24px;
	font-weight: 300;

}

h1, h2 {
	
	font-size: 48px;
	font-weight: 300;
	
}

header a.button[href] {
	
	background: $yellow;
	color: #404040;
	font-size: .75em;
	font-weight: bold;
	padding: .5em 2em;

}

.header-and-banner header.contain {
	
	max-width: 990px;
	padding-top: 1em;

}

header img[src*="logo"] {
	
	height: 68px;

}

header img[src*="d850-logo"] {
	
	height: 35px;

}

header form {
	
	padding: 0;
	font-size: .75em;
	margin: .75em 0;

}

header form input, header p {
	
	margin: 0;
	
}

header a[href] {
	
	text-decoration: none;
	
}

header a small {
	
	font-size: .7em;

}

header input[type=search] {
	
	padding-right: 5em;
	background: none;
	border: 1px solid #ddd;

}

header input[type=submit] {
	
	background: #eee url(search_12x12.png) center center no-repeat;
	padding: 0 1.5em;

}

header nav.drop {

	background: #e6e6e6;
	width: 100%;
	margin-bottom: 2em;
	z-index: 1;
	border-radius: 4px;
	max-width: none;
// 	overflow-x: scroll;

}

header nav.drop > ul {
	
	display: flex;
	flex-wrap: wrap;
	overflow: visible;
	border-bottom: 1px solid #ccc;
	border-radius: 4px;

}

nav.drop ul li {
	
	flex-grow: 1;
	text-align: center;
	padding: 0;
    background-color: lightgray;

}

nav.drop > ul > li {
	
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

nav.drop > ul > li:first-child {
	
	border-radius: 4px 0 0 4px;
	border-left: none;

}

nav.drop ul li:last-child {
	
	border-radius: 0 4px 4px 0;

}

html:not(.can-touch) nav.drop ul li:hover {
	
	background: $yellow;
	color: #000;
	
}

html:not(.can-touch) nav.drop ul li li:hover a {
	
	background: inherit;
	
}

nav .active a[href] {
	
	opacity: initial;

}

nav.drop ul li.active {
	
	background: #666;
	color: #fff;

}

nav.drop ul li b.sub {
	
	display: none;

}

.banner {
	
	background: #000 url(hero-bg-xl.jpg) center center no-repeat;
	background-size: 100%;
	color: #fff;
	padding: 9em 0 0;
	margin-top: 1em;

}

.banner .band {

    background: linear-gradient(to bottom,rgba(0,0,0,0.1), rgba(0,0,0,0.4) 75%);
    background-color: rgba(255,255,255,0.1);
    padding: 1.25em 0 2em 0;
    margin-top: 20em;
   
}

.banner .band ul.inline {
	
	padding: 0 5px;

}

.banner img {
	
	height: 8em;

}

.banner li {

	text-align: center;
	font-weight: 200;

}

.banner ul b {
	
	display: block;
	font-size: 36px;
	font-weight: 200;
	
}

.panel-discussion {
	
	background: url(livestream-bg-xl.jpg) center center no-repeat;
	color: #fff;

}

.lenses {
	
	padding: 1em 0;
	background: url(nikkor-bg-xl.jpg) center center no-repeat;
	color: #fff;

}

.dark {
	
	color: #fff;

}

footer {
	
	background: #e6e6e6;
	border-top: 1px solid #d8d8d8;
	font-size: 12px;
	color: #666;

}

footer ul.social li {
	
	margin: 0 1em;
	font-size: .83333em;
	
}

footer .corporate-links {
	
	font-size: .83333em;
	
}

footer .corporate-links a[href] {
	
	padding-left: 1.5em;
	background: url(icon_link_black.gif) no-repeat center left;	
	
}

footer a[href]:not(:hover) {
	
	text-decoration: none;
	
}

footer ul.third-level {

	border-top: 1px solid #ccc;
	padding-top: 1em;
	
}

footer ul.third-level a[href] {
	
	padding: .25em 0;

}

footer ul.social li a {
	
	padding-left: 30px;
	min-height: 24px;
	
}

footer ul.social li a span {
	
	line-height: 2.25;

}

footer li:before {
	
	display: none;

}

footer h4 {
	
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 0;

}

footer li li {
	
	margin: 0;
	
	
}

footer ul.row > li {
	
	--width: 1/6;
	
}

footer .contain > div {
	
	max-width: 912px;
	margin: 0 auto;

}

footer ul.row > li > span {
	
	font-weight: bold;

}

.picture-control {
	
	background: #f2f2f2;
 
}

.picture-control .slider div {
	
	background-size: cover;
	background-position: center center;
	
}

.picture-control .slider .row > * {

	min-height: 20em;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;

}

.picture-control .pad {

	padding: 4em 3em;
	display: flex;
	flex-direction: column;
	height: 100%;

}

.picture-control .pad p {

	flex-grow: 1;

}

.picture-control > :first-child {
	
	min-height: 20em;
	
}

.picture-control > :first-child > div {
	
	height: 100%;	

}

.round-images img {
	
	border-radius: 50%;
	max-width: 75%;
	display: inline-block;
	margin: 0 auto;
	
}

.headlines {
	
	padding: 5em 0;
	
}

.fold {
	
	border-bottom: 1px solid #ddd;
	
}

.fold .label {
	
	font-size: 30px;
	font-weight: 300;
	padding: .25em .5em;
	
}

.n-sldr.tabs > .slider-nav.row {
	
	text-transform: uppercase;
	font-weight: bold;
	font-size: .75em;
	z-index: 2;

}

.n-sldr.tabs > .slider {
	
	z-index: -1;

}

.n-sldr.tabs .row .align-middle {
	
	padding-top: 3em;

}

.n-sldr.tabs > .slider-nav a, .n-sldr.tabs > .slider-nav a.active {
	
	background: none;
	color: #000;
	border-bottom: 9px solid #ddd;
	text-align: center;
	margin: 0 1em;
	padding-bottom: .5em;

}

.n-sldr.tabs > .slider-nav a.active {
	
	border-bottom-color: $yellow;
	
}

.n-sldr:not(.vertical) .slider-nav a:first-child {
	
	margin-left: 1em;

}

.slider-nav a {
	
	text-indent: -9em;
	overflow: hidden;
	background: #d8d8d8;

}

.slider-nav a.active {
	
	background: $yellow;

}

.slider-arrow.left {
	
	display: none;
	
}

.zoom {
	
	position: relative;
	overflow: hidden;
	
}

.zoom img {
	
	display: block;

}

.zoom .loupe {
	
	position: absolute;
	top: 20%;
	left: 25%;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	border: 3px solid #fff;
	background: url(zoom.jpg) center center no-repeat;
	background-position: -580px -300px;

}

@media (min-width: 600px) {

	.photographer .n-sldr.tabs > .slider-nav.row {
	
		margin-left: 50%;
	
	}

	.n-sldr.tabs > .slider-nav.row {
		
		width: calc(50% - 2em);
		margin: 0 1em -5em 0;
	
	}

	ul.two-column {
		
		column-count: 2;
		
	}

	nav.drop ul li input ~ a[href] {
		
		width: auto;
		
	}

}

@media (max-width: 599.9px) {

	header > .row:first-child div {
		
		text-align: center;
		
	}
	
	header nav.drop ul li a, nav.drop ul li input ~ a[href] {
		
		width: 100%;
		
	}

	.n-sldr.tabs > .slider-nav a, .n-sldr.tabs > .slider-nav a.active, .n-sldr:not(.vertical) .slider-nav a:first-child {
		
		margin: 0;

	}

}
