/* ---------------------------------------------------------
//
//  HTML / BODY
//
// -------------------------------------------------------*/

body {
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
body.loading {
	background-position: center 350px;
}

@media screen and (max-width: 600px) {
	body.loading {
		background-position: center 200px;
	}
}

/* ---------------------------------------------------------
//
//  FONTS
//
// -------------------------------------------------------*/

html, div, input, textarea, select, menu {
	font-family: Cassia, Georgia, Times, Serif;
	-moz-font-feature-settings: "liga" 1,"smcp" 0,"c2sc" 0,"onum" 1,"lnum" 0;
	-ms-font-feature-settings: "liga" 1,"smcp" 0,"c2sc" 0,"onum" 1,"lnum" 0;
	-o-font-feature-settings: "liga" 1,"smcp" 0,"c2sc" 0,"onum" 1,"lnum" 0;
	font-feature-settings: "liga" 1,"smcp" 0,"c2sc" 0,"onum" 1,"lnum" 0;
	-webkit-font-feature-settings: "liga" 1,"smcp" 0,"c2sc" 0,"onum" 1,"lnum" 0;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
	word-spacing: 1px;
	font-size: 18px;
	line-height: 28px;
}
.icon .text,
.button .text,
.text-small,
input {
	/*font-family: Jost, Arial, Helvetica, Sans-Serif;*/
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
}
.heavy,
.sml-text p.dropcap::first-letter,
h3 {
	/*font-family: JostBold, Jost, Arial, Helvetica, Sans-Serif;*/
}

.ui-text-small {
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
em, i{
	font-style: italic;
}
strong {
	font-weight: bold;
}

h1 {
	font-size: 25px;
	line-height: 35px;
}
h2 {
	font-size: 20px;
	line-height: 25px;
}
h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	line-height: 30px;

	font-size: 15px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0 0 20px 0;
}
h4 {
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
	line-height: 25px;
}
h5 {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}
h6 {
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	line-height: 22px;
}

/* Paragraphs */

p {
	margin: 0 0 25px 0;
	text-align: center;
}
p .line {
	display: block;
}

p.label {
	font-style: italic;
}
p.image-caption {
	font-style: italic;
	text-align: center;
	padding-top: 10px;
}

/* Special classes */

.not-bold {
	font-weight: normal !important;
}
.no-select {
 	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */
}
.signature,
.see-more {
	font-style: italic;
}

/* Quoted (hanging punctuation) */

/*p.quoted::before{
  content: "\201C";
  position: relative;
  margin-left: -10px;
  left: -10px;
}

p.quoted::after{
  content: "\201D";
}*/

/* ---------------------------------------------------------
//
//  LINKS
//
// -------------------------------------------------------*/

a:link,
a:visited,
a:link .text,
a:visited .text {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.not-bold a:link,
.not-bold a:visited,
a:link .not-bold,
a:visited .not-bold {
	font-weight: normal;
}
a:hover {
	border-bottom-style: solid;
	cursor: pointer;
}
a:hover img,
a:hover .image {
	vertical-align: top;
	border-width: 0;
	opacity: .85;
	opacity: .75;
	display: block;
}
a:link.external-link,
a:visited.external-link,
a:link.external-link .text,
a:visited.external-link .text {
	border-bottom-style: dashed !important;
}

a:link.subtle-external-link,
a:visited.subtle-external-link,
a:link.subtle-external-link .text,
a:visited.subtle-external-link .text {
	border-bottom-style: dashed !important;
}

/* Custom links */

a:link.custom-link,
a:visited.custom-link {
	font-weight: bold;
	border-bottom-width: 3px;
}
.subtle-links a:link.custom-link,
.subtle-links a:visited.custom-link {
	font-weight: normal;
	border-bottom-width: 1px;
}
em a:link.custom-link,
em a:visited.custom-link,
i a:link.custom-link,
i a:visited.custom-link {
	font-weight: normal;
}
.custom-links a:link,
.custom-links a:visited,
.custom-links a:link .text,
.custom-links a:visited .text,
a:link .custom-links .text,
a:visited .custom-links .text {
	font-weight: bold;
	font-style: normal;
	border-bottom-width: 2px;
	border-bottom-width: 3px;
}
.subtle-links .custom-links a:link,
.subtle-links .custom-links a:visited {
	border-bottom-width: 1px;
}

@media screen and (max-width: 850px) {

	/*a:link.custom-link,
	a:visited.custom-link {
		border-bottom-width: 2px;
	}*/

}

/* ---------------------------------------------------------
//
//  SML TEXT
//
// -------------------------------------------------------*/

.sml-text h1 {
	font-weight: bold;
}
.sml-text i,
.sml-text b i,
.sml-text i b {
	font-style: italic;
}
.sml-text p b {
	font-weight: bold;
}
.sml-text p {
	margin: 0 0 20px 0;
}
.sml-text ol,
.sml-text ul {
	margin: 20px 0 30px 40px;
}
.sml-text li {
	margin: 0 0 15px 0;
	padding-left: 5px;
}
.sml-text ol li {
	list-style: decimal;
}
.sml-text ul li {
	list-style: circle;
	margin: 0 0 20px 0;
}
.sml-text blockquote {
	display: block;
	margin: 20px 0 30px 40px;
	margin: 20px 0 20px 40px;
	font-style: italic;

	/*border-left-width: 4px;
	border-left-style: solid;
	padding: 0 0 0 40px;
	margin: 0;*/
}
.sml-text p.dropcap::first-letter {
	float: left;
	font-weight: bold;
	font-style: normal;
	font-size: 56px;
	line-height: 54px;
	padding: 2px 15px 0 0;
}

/* ---------------------------------------------------------
//
//  ARROWS
//
// -------------------------------------------------------*/

.arrow {
	display: inline-block;
	margin: 0px 0px 0 -3px;
	vertical-align: middle;
}

/* Animating arrow */

.arrow b {
	display: block;
	position: relative;
	width: .6em;
	height: .6em;
	transition: all 100ms;
	margin: 0;
	border: none;
	/*left: 0.25rem;
	transform: translateY(-50%);*/
	font-size: 12px;
}
.arrow b:before, 
.arrow b:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: .8em;
	height: .8em;
	width: .6em;
	height: .6em;
	transition: all 100ms;
	background-color: currentColor;
	border: 0 solid currentColor;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translate(-0.1em, 0) rotate(-135deg) scale(0.5, 0.15);
}
.arrow b:after {
	transform: translate(0.1em, 0) rotate(135deg) scale(0.5, 0.15);
}

.arrow.up b:before {
	transform: rotate(45deg) scale(0.5, 0.15) translate(0, -1em);
}
.arrow.up b:after {
	transform: rotate(-45deg) scale(0.5, 0.15) translate(0, -1em);
}

/* Large */

.arrow.large b {
	font-size: 18px;
	width: .7em;
	height: .7em;
}
.arrow.large b:before, 
.arrow.large b:after {
	width: .7em;
	height: .7em;
}

/* Static arrow */

.arrow .arrow-arrow {
	border-style: solid;
 	border-width: 0 2px 2px 0;
 	padding: 2px;
 	display: inline-block;
}
.arrow.right .arrow-arrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow.left .arrow-arrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.arrow.up .arrow-arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow.down .arrow-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* ---------------------------------------------------------
//
//  BUTTONS
//
// -------------------------------------------------------*/

/* Basic button (with a colored background) */

.button {
	display: inline-block;
}
.button a:link,
.button a:visited {
	display: block;
	overflow: hidden;
	text-decoration: none!important;
	border-width: 0;
	text-align: center;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	padding: 5px 20px;
}
.button.left-squared a:link,
.button.left-squared a:visited {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.button a:hover {
	border-width: 0;
}
.button .text {
	float: left;
	line-height: 40px;
	font-weight: bold;
	border-width: 0 !important;
}
.button.has-icon a:link,
.button.has-icon a:visited {
	padding: 10px 15px 10px 10px;
	padding: 10px 15px 10px 12px;
	padding: 10px 18px 10px 13px;
}
.button.has-icon.has-no-text a:link,
.button.has-icon.has-no-text a:visited {
	padding: 10px 12px;
}
.button.has-icon .sprite {
	float: left;
	width: 25px;
	height: 25px;
	margin: 3px 5px 2px 0;
	margin: 3px 8px 2px 0;

	width: 30px;
	height: 30px;
	margin: 0 7px 0 0;
}
.button.has-icon.has-no-text .sprite {
	margin-right: 0;
}
.button.has-icon .text {
	line-height: 30px;
}
/*.button.subtle-button-color .text {
	font-weight: normal;
}*/
.button.subtle-button-color.has-icon .sprite,
.button.subtle-button-color.has-icon.frozen a:hover .sprite {
	opacity: .3;
}
.button.subtle-button-color.has-icon a:hover .sprite {
	opacity: .8;
}
.button.subtle-button-color.has-icon a:active .sprite {
	opacity: 1;
}

/* Icon (with transparent background) */

.icon {

}
.icon a:link,
.icon a:visited {
	display: block;
	border-width: 0;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
}
.icon.has-text a:link,
.icon.has-text a:visited {
	/*padding: 12px 20px 12px 10px;*/
	/*padding-right: 20px;*/
}
.icon .sprite {
	display: inline-block;
	width: 25px;
	height: 25px;
	width: 30px;
	height: 30px;
}
.icon .sprite-holder {
	display: block;
	float: left;
}
.icon.large .sprite {
	width: 40px;
	height: 40px;
}
.icon.larger .sprite {
	width: 50px;
	height: 50px;
}
.icon.largest .sprite {
	width: 60px;
	height: 60px;
}
.icon.small .sprite {
	width: 25px;
	height: 25px;
}
.icon.has-text .sprite {
	float: left;
}
.icon.has-text .text {
	float: left;
	text-align: center;
	margin: 0 0 0 6px;
	margin: 4px 0 0 10px;
	line-height: 22px;
	font-weight: bold;
}
.icon.plain.has-text .text {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: normal;
}
.icon a:hover .sprite {
	opacity: .7;
	opacity: .5;
}
.icon a:active .sprite {
	opacity: .4;
}
.subtle-links .icon a:hover .sprite,
.subtle-custom-button-color.icon a:hover .sprite {
	opacity: 1;
}

/* ---------------------------------------------------------
//
//  HEADER
//
// -------------------------------------------------------*/

/* Basics */

#header {
	overflow: hidden;
}
#header.is-sticky {
	height: 150px;
}
#header .header-content {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

/* Progress */

#header .header-progress-container {
	border-top-width: 3px;
	border-top-style: solid;
	width: 100%;
	position: absolute;
	z-index: 9000;
	z-index: 100;
}
#header .header-progress {
	position: fixed;
	-webkit-transform: translateZ(0);
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	z-index: 300;
	width: 100%;
}

/* Logo */

#header .header-logos {

	/*float: left;*/
}
#header .header-logo {
	float: left;
}
#header .header-logo a:hover .sprite {
	opacity: 1;
}
/*#header .header-logo.name,
#header .header-logo.monogram {
	display: none;
}*/

/* Nav buttons */

#header .header-nav-buttons {
	/*float: right;
	border-left-width: 1px;
	border-left-style: solid;
	padding: 9px 0 9px 15px;
	margin: 10px -5px 0 15px;*/
}

/* Nav : Nav links container */

#header .header-nav-links-container {
	float: right;
	margin: 6px 0;
	overflow: hidden;

	float: none;
	margin: 0;
	padding: 6px 0 6px 20px;
}

/* Nav links */

#header .header-nav-links {
	overflow: hidden;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	padding: 5px 0 8px 0;
	margin: 6px 10px 0 0;

	border-right-width: 0;

	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 25px;
}
#header .header-nav-links .widget.dropdown {
	float: left;
	margin-right: 25px;
}
/*#header .header-nav-links .widget.dropdown.timeline-menu,*/
#header .header-nav-links .widget.dropdown.newsletter-menu,
#header .header-nav-links .widget.dropdown.images-menu {
	display: none;
}

/* Nav : Social */

#header .header-nav-social {
	float: left;
	margin: 10px 0 0 0;

	float: right;
}
#header .header-nav-social .widget.social .social-icon {
	margin: 0 0 0 8px;
}


/* Scrolled (only for large screens) */

@media screen and (min-width: 1020px) {

	body.scrolled #header.is-sticky .header-content {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		overflow: visible;
		padding: 0;
		height: auto;
		width: 100%;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		z-index: 90;
	}
	body.scrolled #header.is-sticky .header-content-inner {
		display: block;
		margin: 0 auto;
		height: 50px;
		width: 1000px;
	}
	body.scrolled #header.is-sticky .header-logo .sprite {
		margin: 10px 0 0 0;
		margin: 12px 20px 10px 0;
	}
	body.scrolled #header.is-sticky .header-nav-links-container {
		padding: 10px 0;
	}

}

@media screen and (min-width: 850px) {
	#header .header-nav-container .header-logo {
		display: none;
	}
}

/* Small screens... */

@media screen and (max-width: 1100px) {

	/* Header content */

	#header .header-content {
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
	}

	/* Scrolled */

	body.scrolled #header.is-sticky .header-content-inner {
		width: 100%;
		margin: 0;
		padding: 0 20px;
	}

}

@media screen and (max-width: 1020px) {
	
	#header .header-content {
		/*padding-right: 10px;*/
	}
	#header .header-nav-links {
		border-right-width: 0;
		/*padding-right: 0;*/
	}

}

@media screen and (max-width: 850px) {

	#header.is-sticky {
		height: auto;
	}

	/* Header content */

	#header .header-content {
		/*width: 100%;*/
		padding: 30px 30px 25px 30px;
		overflow: hidden;
	}
	#header .header-content-inner {
		/*padding: 0 !important;*/
		/*padding: ;*/
	}

	/* Header logos */

	#header .header-logos {
		text-align: center;
	}
	#header .header-logo.logotype {
		display: none;
	}
	#header .header-logo.name,
	#header .header-logo.monogram {
		display: block;
		float: none;
	}

	/* Nav : Menu Buttons */

	#header .header-nav-menu-buttons {
		display: block;
		position: fixed;
		overflow: hidden;
		height: 35px;
		top: 42px;
		right: 40px;
		z-index: 200;
	}
	#header .header-nav-menu-button {
		float: left;
		overflow: hidden;
		display: block;
		border-width: 0;
		padding: 10px;
	}
	#header a:hover.header-nav-menu-button {
		opacity: .7;
	}
	#header a:active.header-nav-menu-button {
		opacity: .5;
	}
	#header .header-nav-menu-button-icon {
		width: 16px;
		height: 16px;
	}
	#header .header-nav-menu-button-icon:before,
	#header .header-nav-menu-button-icon:after {
	    content: '';
	    width: 16px;
	    height: 4px;
	    display: block;
	    position: absolute;
	    transition: all .2s ease-in-out;
	}
	#header .header-nav-menu-button-icon:before {
		top: 5px;
		top: 12px;
	}
	#header .header-nav-menu-button-icon:after {
		top: 12px;
		top: 19px;
	}
	.nav-menu-open .header-nav-menu-button-icon:before {
	    transform: rotate(45deg) translate(2px,3px) !important;
	}
	.nav-menu-open .header-nav-menu-button-icon:after {
	    transform: rotate(-45deg) translate(2px,-3px) !important;
	}

	/* Nav open */

	#header .header-nav-container {
		display: none;
	}
	#header .header-nav-container.nav-open {
		display: block;
		position: fixed;
		overflow: hidden;
		overflow-y: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: left .3s;
		transition: left .3s;
		z-index: 101;
		text-align: center;
		padding: 30px;
	}
	#header .header-nav-container.nav-open .header-logo {
		/*float: left;*/
		display: inline-block;
		float: none;
		margin: 0;
	}
	#header .header-nav-container.nav-open .header-nav-social {
		display: block;
		float: none;
		clear: both;
	}
	
	/* Dropdown menus */

	#header .header-nav-links-container {
		float: none;
		clear: both;
		padding: 20px 0 0 0;
	}
	#header .header-nav-container.nav-open .header-nav-links {
		text-align: center;
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		float: none;
		padding: 30px 0 20px 0;
		margin: 0 0 30px 0;

		border-left-width: 0;
	}
	#header .header-nav-container.nav-open .widget.dropdown {
		float: none;
		display: block;
		overflow: hidden;
		
		border-bottom-width: 0;
		margin: 0;
		padding: 0;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-button {
		margin: 0 0 10px 0;
		margin: 0 0 15px 0;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-button-link {
		border-width: 0;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-button .text {
		display: block;
		float: left;
		font-weight: bold;
		font-size: 20px;
		line-height: 30px;
		float: none;
		display: inline-block;
		border-bottom-width: 2px;
	}
	#header .header-nav-container.nav-open .widget.dropdown .arrow {
		display: none !important;
	}

	#header .header-nav-container.nav-open .widget.dropdown .menu {
		display: none !important;
	}

	/*#header .header-nav-container.nav-open .widget.dropdown .menu {
		float: none;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-contents {
		display: block !important;
		display: none !important;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-menu {
		position: static;
		margin: 0 0 0 0;
		width: auto;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-menu-ul {
		padding: 0 20px;
		margin: 0;
		overflow: hidden;
		text-align: center;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-menu-ul li {
		display: inline-block;
		float: none;
		margin: 0 5px;
		margin: 0 8px 5px 8px;
		margin: 0 8px 2px 8px;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-link {
		display: block;
		padding: 4px 0;
		border-width: 0;
		padding: 0;
	}
	#header .header-nav-container.nav-open .widget.dropdown .menu-link .text {
		display: block;
		font-size: 15px;
		line-height: 20px;
	}*/

}

@media screen and (max-width: 550px) {
	
	#header .header-content {
		/*padding: 30px 20px 20px 20px;*/
	}
	#header .header-nav-menu-buttons {
		top: 22px;
		right: 20px;
	}

}

/* ---------------------------------------------------------
//
//  FOOTER
//
// -------------------------------------------------------*/

/* Body : margin-bottom = footer height */

html {
	position: relative; /* for sticky footer */
    min-height: 100%; /* for sticky footer */
}
body {
	margin-bottom: 100px;
}

/* Footer */

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
}
#footer .footer-content {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#footer .footer-content-inner {
	padding: 35px 0;
}

/* Info */

#footer .footer-info {
	float: left;
	padding-top: 2px;
}

/* Social */

#footer .footer-social {
	float: right;
	padding-top: 2px;
	overflow: hidden;
	font-size: 16px;
}

/* Monogram */

#footer .footer-monogram {
	float: left;
	margin: 0 20px 0 0;
	border-right-width: 2px;
	border-right-style: solid;
	padding-right: 18px;
}

/* Small screens */

@media screen and (max-width: 1100px) {
	#footer .footer-content {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 850px) {
	html {
		position: static;
	  min-height: initial;
	}
	body {
		margin-bottom: 0;
	}
	#footer {
		position: static;
		height: auto;
	}
	#footer .footer-content {
		padding: 0 30px;
	}
	#footer .footer-content-inner {
		padding: 40px 0;
		text-align: center;
	}
	#footer .footer-info {
		float: none;
		margin: 20px 0;
		margin: 0px 0 20px 0;
	}
	#footer .footer-copyright,
	#footer .footer-contact {
		display: block;
		margin: 0 0 5px 0;
	}
	#footer .footer-dash {
		display: none;
	}
	#footer .footer-social {
		float: none;
	}
	#footer .footer-monogram {
		float: none;
		border-width: 0;
		margin: 0 0 15px 0;
		padding: 0;
	}
}

@media screen and (max-width: 550px) {
	#footer .footer-copyright-date,
	#footer .footer-copyright-name {
		display: block;
	}
}

/* ---------------------------------------------------------
//
//  LIGHTBOX
//
// -------------------------------------------------------*/

#lightbox.popup {
	background-image: none;
}
#lightbox.popup .popup-container {
	left: 40px;
	right: 40px;
	top: 40px;
	bottom: 40px;
	margin: 0;
}
#lightbox.popup .popup-content {
	background-color: transparent;
}

#lightbox .nav {
	position: fixed;
	padding: 5px;
	z-index: 100;
}
#lightbox .nav .icon {
	float: left;
	margin: 0 0px;
	-webkit-transform: translateZ(0);
}
#lightbox .nav .sprite {
	margin: 5px;
}
#lightbox .nav .icon.faint .sprite {
	opacity: .3;
}
#lightbox .nav .icon a:hover .sprite {
	opacity: .7;
}
#lightbox .nav .icon a:active .sprite {
	opacity: .5;
}
#lightbox ul {
	display: block;
}
#lightbox ul li {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	margin: -330px 0 0 -500px;
	-webkit-transform: translateZ(0);
}
#lightbox ul li img {
	background-size: cover;
	background-position: center center;
	vertical-align: top;
}
#lightbox ul li .caption {
	padding: 20px 20px 0px 20px;
	display: block;
}
#lightbox ul li .position {
	font-size: 1em;
	display: none;
}
#lightbox .caption {
	position: fixed;
	padding: 25px;
	left: 0;
	right: 0;
	text-align: center;
	font-style: italic;
}
@media screen and (max-width: 900px) {
	#lightbox.popup .popup-container {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: 0;
	}
	#lightbox.popup .popup-content {
		padding: 0;
	}
	#lightbox .nav {
		padding: 5px;
	}
	#lightbox .image {
		left: 10px;
		top: 10px;
		right: 10px;
		bottom: 10px;
	}
	#lightbox .caption {
		padding: 10px 20px;
	}
}

/* ---------------------------------------------------------
//
//  PAGE CONTAINER
//
// -------------------------------------------------------*/

.page-container {
	clear: both;
	margin: 0 auto;
	width: 1000px;
}

@media screen and (max-width: 1100px) {
	.page-container {
		width: auto;
		margin: 0;
	}
}

/* ---------------------------------------------------------
//
//  PAGE
//
// -------------------------------------------------------*/

/* Content */

.page .page-content {
	overflow: hidden;
	padding: 0 2px 40px 3px; /* Side padding for overhanging letters */
}

/* Page header */

.page .page-header {
	padding-bottom: 30px;
	padding-bottom: 35px;
}
.page .page-header-chunk {
	font-size: 25px;
	line-height: 35px;
}
.page .page-header.dotted-border {
	border-top-width: 9px;
	border-top-style: solid;
	padding-top: 27px;
	overflow: hidden;
}
.page .page-header .icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.page .page-header .icon {

}
.page .page-header .page-header-title {
	font-weight: bold;
}
.page .page-header .page-header-title .text,
.page .page-header .page-header-title.selected .text {
	border-bottom-width: 2px;
	/*border-width: 0;*/
}

/* Page header : visibility */

#page-about .page .page-header,
#page-timeline .page .page-header,
body.items .page .page-header,
body.static .page .page-header  {
	display: none;
}
/*body.items .page .page-header,
body.static .page .page-header {
	display: none;
}*/
#page-home .page .page-header {
	display: block;
}

/* Page header : title and links */

.page .page-header .page-header-title {
	float: left;
	margin-right: 3px;
}
#page-item .page .page-header .page-header-title {
	float: none;
}
.page .page-header .widget.links {
	padding: 5px 0 5px 0;
	margin-left: 25%;
}

/* Page header : nav */

.page .page-header-nav {
	float: right;
	border-left-width: 0px;
	border-left-style: solid;
	margin: 5px -10px 0 20px;
}

/* Page header : dropdown */

.page .page-header .widget.dropdown .menu-button .text {
	font-size: 25px;
	line-height: 35px;
	font-style: italic;
}
.page .page-header .widget.dropdown .menu-link .text {
	font-style: italic;
}

/* Page : filters */

.page .widget.filters ul {
	/*padding-left: 25%;*/
}

/* Page cover */

.page .page-cover {
	margin: 0 0 40px 0;
}

/* Page Video */

.page .page-video {
	text-align: center;
	margin: 0 0 40px 0;
}

/* Page Image */

.page .page-image {
	display: block;
	margin: 0 0 40px 0;
}
.page .page-image-img {
	background-position: center center;
	background-size: cover;
	height: 250px;
	display: block;
	margin: 0 0 40px 0;
}
.page .page-image-img img {
	display: block;
	width: 100%;
	height: auto;
}

/* Page Section */

.page .page-section {
	padding-bottom: 40px;
	padding-bottom: 25px;
	text-align: left;
	overflow: hidden;
	/*clear: both;*/
}
.page .page-section.dotted-border {
	border-top-width: 9px;
	border-top-style: solid;
	padding-top: 50px;
	padding-bottom: 25px;
}
.page .page-section .page-section-solo-title {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 30px 0;
	margin: 0 0 20px 0;
}
.page .page-section-intro {
	margin: 0 0 40px 0;
	font-style: italic;
}
.page .page-section-intro.centered {
	text-align: center;
}
.page .page-section-sidebar {
	float: left;
	/*width: 230px;*/
	width: 25%;
}
.page .page-section-main {
	width: auto;
	/*margin-left: 230px;*/
	margin-left: 25%;
}
.page .page-section.section-synopsis .page-section-main-content {
	padding-left: 40px;
	border-left-width: 2px;
	border-left-style: solid;
}
.page .page-section-title {
	font-weight: bold;
}
.page .page-section-subtitle {
	font-size: 16px;
}
.page .page-section-website {
	font-size: 16px;
}
.page .page-section-flash {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	padding: 15px 20px 0 0;
	/*border-top-width: 1px;
	border-top-style: solid;*/
}
.page .page-section-list {
	/*margin: 20px 0 20px 0;*/
	padding: 20px 0 0 0;
}
.page .page-section-list ul {
	overflow: hidden;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	display: inline-block;
}
.page .page-section-list li {
	font-style: italic;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 5px 0;
}
.page .page-section-list li.indented {
	padding-left: 5px;
}
.page .page-section-list li.selected {
	font-weight: bold;
	font-style: normal;
}
.page .page-section-more {
	display: none;
}
.page .page-section.section-coda {
	padding: 35px 0 40px 0;
	text-align: center;
	font-style: italic;
}
.page .page-section-top {
	display: none;
}

/* Page highlights */

.page .page-section.section-highlights {
	padding-bottom: 0;
}
.page .page-section.section-highlights .widget.cover {
	margin-bottom: 50px;
}
.page .page-section.section-highlights .widget.cover .cover-titles-date {
	display: block;
}

/* Page Article */

.page .page-article {
	padding: 30px 0 15px 0;
	margin: 0 0 30px 0;
}

/* Page Nav */

.page .page-nav {
	text-align: center;
}
.page .page-nav .nav-button-prev {
	float: left;
	margin-top: 5px;
}
.page .page-nav .nav-button-next {
	float: right;
	margin-top: 5px;
}
.page .page-nav .nav-button-prev .nav-link {
	position: absolute;
}
.page .page-nav .nav-button-next .nav-link {
	position: absolute;
	margin-left: -20px;
}

@media screen and (max-width: 1100px) {

	.page .page-content {
		padding: 0 0 40px 0;
	}

	/* Page header */

	.page .page-header {
		padding: 0 30px 30px 30px;
	}
	.page .page-header.dotted-border {
		padding: 27px 30px 30px 30px;
	}

	/* Line */

	.page .line {
		display: inline !important;
	}

	/* Video */

	.page .page-video {
		margin-bottom: 30px;
	}

	/* Page Section */

	.page .page-section {
		padding: 0 30px 30px 30px;
	}
	.page .page-section.dotted-border {
		padding-top: 40px;
	}

	/* Article */

	.page .widget.article.centered .sml-block.block-text {
		width: auto !important;
	}

}

@media screen and (max-width: 850px) {

	/* Header */

	.page .page-header {
		display: block !important;
		text-align: center;
	}
	.page .page-header .page-header-title {
		display: block;
		float: none;
		margin: 0 0 5px 0;
		font-size: 25px;
		line-height: 35px;
	}
	.page .page-header .widget.links {
		margin-left: 0;
		padding: 10px 0;
		padding: 15px 0 10px 0;
	}
	.page .page-header .page-header-menu {
		display: block;
		padding: 10px 0 5px 0;
	}
	.page .page-header .page-header-summary .page-header-slash,
	.page .page-header .page-header-location .page-header-slash,
	.page .page-header .page-header-menu .page-header-slash {
		display: none;
	}
	.page .page-header-chunk {
		display: inline;
	}
	.page .page-header-chunk,
	.page .page-header .widget.dropdown .menu-button .text {
		font-size: 20px;
		line-height: 30px;
	}
	.page .page-header-nav {
		float: none;
		display: block;
		margin: 0 0 20px 0;
		display: none;
	}

	/* Header : menu */

	.page .page-header .widget.dropdown .menu-button .text {
		display: none;
	}
	.page .page-header .widget.dropdown .menu {
		float: none;
	}
	.page .page-header .widget.dropdown .menu-contents {
		display: block !important;
	}
	.page .page-header .widget.dropdown .menu-menu {
		position: static;
		width: auto;
		margin: 0;
	}
	.page .page-header .widget.dropdown .menu-menu-ul {
		padding: 15px 0 0 0;
	}
	.page .page-header .widget.dropdown .menu-menu-ul li {
		display: inline-block;
		margin: 0 5px 0 5px;
	}
	.page .page-header .widget.dropdown .menu-menu-ul li .menu-link {
		padding: 0;
	}
	.page .page-header .widget.dropdown .menu-menu-ul li .menu-link .text {
		font-size: 14px;
		line-height: 20px;
	}

	/* Section */

	.page .page-section.dotted-border {
		padding-top: 30px;
	}
	.page .page-section-sidebar {
		float: none;
		width: auto;
		text-align: center;
	}
	.page .page-section-sidebar-content {
		padding-bottom: 30px;
	}
	.page .page-section-main {
		margin: 0;
	}
	.page .page-section.section-synopsis .page-section-main-content {
		padding: 40px 0 0 0;
		border-left-width: 0;
		border-top-style: solid;
		border-top-width: 2px;
	}
	.page .page-section-title {
		font-size: 20px;
		line-height: 30px;
	}
	.page .page-section-subtitle {
		/*display: none;*/
	}
	.page .page-section-list.list-years {
		padding: 0;
	}
	.page .page-section-list.list-more {
		display: none;
		margin: 0;
	}
	.page .page-section-list.list-more ul {
		border-width: 0 !important;
		padding: 0;
		margin: 0;
	}
	.page .page-section-flash {
		padding: 15px 0 0 0;
	}
	.page .page-section-intro {
		text-align: center;
		padding: 10px 0 0 0;
		margin: 0 0 40px 0;
		font-size: 16px;
		padding: 0;
	}
	.page .page-section.section-coda {
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}
	.page .page-section.section-synopsis .page-section-top,
	.page .page-section.section-intro .page-section-top,
	.page .page-section.section-essay .page-section-top,
	.page .page-section.section-gallery .page-section-top {
		display: none;
	}
	.page .page-section-top {
		text-align: center;
		font-style: italic;
		font-size: 16px;
		margin: 0 0 20px 0;
		display: block;
	}
	.page .page-section-more {
		display: block;
		text-align: center;
		font-style: italic;
		font-size: 16px;
		margin: 0 0 10px 0;
	}

	/* Article */

	.page .widget.article {
		overflow: visible;
	}
	.page .widget.article .article-text-content {
		margin: 0;
	}
	.page .widget.article .sml-block {
		margin: 0 auto;
		max-width: none !important;
		width: auto !important;
		float: none !important;
	}
	.page .widget.article .sml-block .sml-block-content {
		margin: 0 0 20px 0 !important;
	}
	.page .widget.article .sml-block.block-image .sml-block-content,
	.page .widget.article .sml-block.block-images .sml-block-content,
	.page .widget.article .sml-block.block-quote .sml-block-content,
	.page .widget.article .sml-block.block-video .sml-block-content {
		padding: 10px 0;
	}

	/* Article : Heading */

	.page .widget.article .sml-block.block-heading h1.inset {
		padding-top: 0 !important;
	}
	.page .widget.article .sml-block.block-heading h1.dotted-border {
		margin-top: 30px !important;
	}

	/* Article : Images */

	.page .widget.article .sml-block.block-image,
	.page .widget.article .sml-block.block-images {
		margin: 0 -20px !important;
		margin: 0 0 !important;
	}
	.page .widget.article .sml-block.block-image .sml-block-content,
	.page .widget.article .sml-block.block-images .sml-block-content {
		padding-bottom: 10px !important;
	}
	.page .widget.article .sml-block.block-image .widget.images .images-captions,
	.page .widget.article .sml-block.block-images .widget.images .images-row .images-captions {
		padding: 10px 20px 0 20px;
	}
	.page .widget.article .sml-block.block-images .widget.images .images-captions {
		padding: 0 20px 0 20px;
	}

	/* Article : Quote */

	.page .widget.article .sml-block.block-quote .widget.quote .quote-text {
		/*padding: 20px 30px;
		padding: 20px 0;*/
		font-size: 20px;
		line-height: 30px;
	}

	/* Article : Spacing */

	.page .widget.article .sml-block.block-spacing .dotted-border {
		margin: 30px 0 !important;
	}

	/* Article : Text */

	.page .widget.article .sml-block.block-text blockquote {
		margin-left: 20px;
	}
	.page .widget.article .sml-block.block-text ol,
	.page .widget.article .sml-block.block-text ul {
		margin-left: 30px;
	}

}

@media screen and (max-width: 550px) {

	.page .page-header {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page .page-section {
		padding: 0 20px 30px 20px;
	}
	.page .widget.article .sml-block p,
	.page .widget.article .sml-block li,
	.page .widget.article .widget.article-caption .article-caption-line {
		font-size: 16px;
		line-height: 25px;
	}
	.sml-text p.dropcap::first-letter {
		font-size: 50px;
		line-height: 50px;
		padding: 0 15px 0 0;
		/*padding: 2px 15px 0 0;*/
	}

}

/* ---------------------------------------------------------
//
//  POPUP
//
// -------------------------------------------------------*/

body.popup-open {
	overflow: hidden;
}
.popup {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
	overflow: hidden;
}
.popup form {
	overflow: hidden;
}
.popup .popup-container {
	position: fixed;
	left: 50%;
	top: 50%;
}
.popup .popup-content {
	background: #fff;
	padding: 40px;
	text-align: center;
}
.popup .popup-content h1 {
	margin: 0 0 30px 0;
}
.popup .popup-content .buttons {
	text-align: center;
}
.popup .popup-content .button {
	float: none;
	display: inline-block;
	margin: 0 5px 10px 5px;
}

/* popup: confirm */

.popup.confirm .popup-container {
	width: 500px;
	margin: -120px 0 0 -250px;
}
.popup.confirm .error {
	padding: 15px 0 0 0;
	text-align: center;
	float: none;
	display: none;
}
.popup.confirm .outcome h2 {
	margin: 0 0 20px 0;
}

@media screen and (max-width: 500px) {
	.popup.confirm .popup-container {
		width: 300px;
		margin: -140px 0 0 -150px;
	}
}