/*
Theme Name: Mariano Vivanco
Version: 1.0
Author: Rabbit Hole
Author URI: http://rabbithole.agency
*/

/* @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 0px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 0px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#000}
html{font-family: "nimbus-sans-extended", sans-serif; text-transform: uppercase; margin: 0; padding: 0; font-size:1em;line-height:1.2;-webkit-font-smoothing:antialiased}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #e0e0e0;margin:19px 0;padding:0}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
h1,h2,h3,h4,h5,h6{font-weight:400}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
html { width: 100vw; }
body {overflow-x:hidden;}

html.blurScreen { -webkit-filter: blur(8px); -moz-filter: blur(8px);-ms-filter: blur(8px); -o-filter: blur(8px); filter: blur(8px); }

/* Fade in fade out page transition // Class added to body */
.animate-in { -webkit-animation: fadeIn .45s ease-in; animation: fadeIn .45s ease-in; }
.animate-out { -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; opacity: 0; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ==========================================================================
   Reusables
   ========================================================================== */

.transition { -o-transition:all .1s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition:all .1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition:all .1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition:all .1s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all .1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.transitionEaseSlow { -o-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.transitionSuperSlow { -o-transition:all .6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition:all .6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition:all .6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition:all .6s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all .8s cubic-bezier(0.645, 0.045, 0.355, 1); }
.transitionBurger { -o-transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1); transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1);  }

.transitionSlideUp { -o-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1); transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1); }

.cover { background-repeat:no-repeat; background-position:center center;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; }
.removeBox {  -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }

.spacerXs { position: relative; display: block; margin: 0; padding-bottom: 30px; }
.spacerSm { position: relative; display: block; margin: 0; padding-bottom: 70px; }
.spacerMd { position: relative; display: block; margin: 0; padding-bottom: 130px; }

.outer { display:table; position:absolute; height:100%; width:100%; }
.middle { display:table-cell; vertical-align:middle; }
.inner { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
.overflow {  }
.siteWrapper {  }
.stop-scrolling { height:100%; overflow:hidden; }

.contentWrapper { max-width: 100%; margin: 0 auto; width: 100%; }
.singleContentWrapper { max-width: 100%; margin: 0 auto; width: 100%; height: auto; }
.contentWrapperSubject { max-width: 100%; margin: 0 auto; width: 100%; margin-top: 72px; overflow-x: hidden; }

/* Preloader */
.preloaderContainer { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align:  center;  -webkit-align-items: center; align-items: center; top: 0; left: 0; right: 0; bottom:0; background: #fff; z-index: 9000; }
.preloaderImage { position:relative; display: block; width: 450px; height: 25px; background-image: url('images/mv-logo.svg'); background-repeat: no-repeat; background-size: contain; text-indent: -9999px; }
.animatedLine { position: absolute; left: 0; bottom: 0; height: 2px; background: #000; width: 0; -webkit-animation: increase 4s; -moz-animation: increase 4s; -o-animation: increase 4s; animation: increase 4s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
@-webkit-keyframes increase { from {width: 0;} to {width: 100%;} }
@keyframes increase { from {width: 0;} to {width: 100%;} }

/* ==========================================================================
   Typography
   ========================================================================== */

html, body, h1, h2, h3, h4, h5, h6, p, a, li, span { margin: 0; padding: 0; }
body { font-size: 10px; }
h1 { font-size: 30px; }
h2 { font-size: 22px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
p, li { font-size: 12px; }
a { color: inherit!important; text-decoration: none!important; cursor: pointer; }
a:focus { outline: none; }
.altFont { font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif }

.menuItem, .menuButton, .itemInfoButton, .itemInfoList, .socialList, .itemInfoList li, .socialList li, .catList li, .socials a, .toggleWrapper .toggleTheme, .relatedContentButtonWrapper,.imageWrapper .zoom,
.imageWrapper p, .zoomInfo, .subjectCardFa .subjectCardInfo, .subjectCardB .subjectCardInfo, .projectsContainer .item  { font-family: "nimbus-sans-extended", sans-serif; }

/* ==========================================================================
   Art Galleria
   ========================================================================== */

.aGalleria { padding: 50px 5%; min-height: 100vh; }

/* ==========================================================================
   Header
   ========================================================================== */

.headerWrapper {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 48px;
	background-color: #fff;
	z-index: 1040;
}

.single .headerWrapper.scroll {
	top: -48px;
}

.logoContainer {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 25%;
	min-width: 137px;
	height: auto;
	background-color: transparent;
	z-index: 1045;
    z-index: 1600;
}

.single .logoContainer.scroll {
	top: -48px;
}

.logo {
	position: relative;
	display: block;
    width: 117px;
	height: 48px;
	padding: 0;
	margin-left: 20px;
	text-indent: -9999px;
	background: url('images/mv-logo.svg') no-repeat center center;
	background-size: 117px 48px;
}

.menuButtonContainer {
	position: fixed;
	top: 0;
	right: 0;
	width: 30.333333%;
	min-width: 70px;
	height: auto;
	z-index: 1045;
    z-index: 1600;
}

.single .menuButtonContainer.scroll {
	top: -48px;
}

.menuButton {
	position: relative;
	display: block;
	padding: 0 20px 0 0;
	width: auto;
	height: auto;
	font-size: 10px;
	line-height: 48px;
	text-align: right;
	margin: auto;
	margin-right: 0;
	float:right;
}

.menuButton .default {
	display: block;
}

.menuButton.active .default {
	display: none;
}

.menuButton::after {
	content: 'CLOSE';
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 20px;
	width: auto;
	height: auto;
	font-size: 10px;
	line-height: 48px;
}

.menuButton.active::after {
	display: block;
}

.burger .initial {
	display: none;
}

/* Page header */

.pageHeaderInfo {
	position: fixed;
	display: block;
	top: 0;
	left: 25%;
	right: 8.666666%;
	width: 66.666666%;
	height: 48px;
	background-color: transparent;
}

.single .pageHeaderInfo.scroll {
	top: -48px;
}

.pageTitleContainer {
	position: relative;
	display: inline-block;
    width: 54.57943925233645%;
    height: 48px;
	margin: 0;
    padding-right: 10%;
    float: left;
    overflow: hidden;
}

.pageTitle {
    font-size: 10px;
    line-height: 48px;
}

.pageTitle span {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 0;
	background: transparent;
}

.itemInfoButtonContainer {
	position: relative;
	display: block;
	width: auto;
	height: 48px;
	float: left;
}

.itemInfoButton {
	width: 100%;
	display: block;
	padding: 0 0 0 0;
    font-size: 10px;
    line-height: 48px;
	float: left;
}

.itemInfoClosed span {
	position: relative;
	display: inline;
	margin-right: 10px;
	height: 0;
	background: transparent;
}

.itemInfoButton .itemInfoClosed {
	display: block;
	opacity: 1;
}

.itemInfoButton.active .itemInfoClosed {
	display: none;
	opacity: 0;
}

.itemInfoButton::after {
	content: '';
    position: absolute;
    display: none;
    top: 0;
    left: -3px;
    width: 14px;
    height: 48px;
    padding: 0 4px;
    background: url('images/icons/closemenu.svg') no-repeat center center;
    background-size: 8px 8px;
}

.itemInfoButton.active::after {
	display: block;
	opacity: 1;
}

.itemInfo {
	position: fixed;
	display: none;
	height: auto;
	top: 48px;
	left: 0;
	right: 0;
	width: 100vw;
	background-color: #fff;
	z-index: 1300;
    overflow-y: scroll;
    padding-bottom: 28px;
     -webkit-overflow-scrolling:touch;
    -ms-overflow-style: none;
}

.subjectPhotography .itemInfo  {
	overflow: inherit;
}

.itemInfo::-webkit-scrollbar {
	display: none;
}

.itemInfoInner {
	padding: 80px 0;
	width: 66.666666%;
	margin-left: 25%;
}

.itemInfo h1 {
	font-size: 10px;
	line-height: 1.4;
	margin-bottom: 15px;
}

.itemInfoList {
	position: relative;
	display: inline-block;
	width: 54.57943925233645%;
	margin: 0;
	list-style: none;
	float: left;
	padding-right: 10%;
}

.itemInfoList, .socialList {
	font-size: 12px;
}

.itemInfoList p.fineArtDescription {
	font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-transform: none;
    margin-bottom: 30px;
}

.fineArtDescription:last-child,
.fineArtDescription p:last-child {
	margin-bottom: 0;
}

.socialList {
	position: relative;
	display: inline-block;
	width: 45.4205607477%;
	margin: 0;
	list-style: none;
	float: left;
}

.itemInfoList li,
.socialList li,
.catList li {
	font-size: 12px;
	margin-bottom: 15px;
}

.headerClear {
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footerWrapper {
	position: fixed;
	bottom: 0;
	display: block;
	width: 100%;
	height: 48px;
	background-color: #fff;
	z-index: 1500;
}

.footerWrapper.active {
	position: fixed;
}

.single .footerWrapper.scroll {
	bottom: -48px;
}

.socialWrapper {
	position: relative;
	display: block;
	width: 25%;
	height: 48px;
	padding: 0 20px;
	text-align: left;
	float:left;
}

.menuFooter {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: auto;
}

.socialWrapper.menu {
	position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%;
    background-color: #fff;
}

.toggleWrapper {
	position: relative;
	display: block;
	width: 160px;
	min-width: 94px;
	height: auto;
	font-size: 10px;
	line-height: 48px;
	text-align: right;
	padding: 0 20px;
	float: right;
}

.toggleWrapper.menu {
	width: 50%;
	-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;
}


.socials {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	font-size: 10px;
	line-height: 48px;
}

.socials a,
.toggleWrapper .toggleTheme {
	display: inline-block;
}

/* Class for single pages footer at bottom */

.footerBottom .footerWrapper {
	position: relative;
}

.footerBottom .footerWrapper.active {
	position: fixed;
}

.footerWrapper.active {
	position: fixed;
}

/* Related content */

.relatedContentButtonWrapper {
	position: relative;
	display: none;
	width: 25%;
	height: auto;
	float: left;
}

.single .relatedContentButtonWrapper {
	display: inline-block;
}

.relatedContentButton {
	position: relative;
	display: block;
	width: 120px;
	height: auto;
	font-size: 10px;
    line-height: 48px;
}

.relatedContentButton .relatedContentClosed {
	display: block;
}

.relatedContentButton.active .relatedContentClosed {
	display: none;
}

.relatedContentButton::after {
	content: '';
	position: absolute;
	display: none;
	left: -7px;
	top: 13px;
	width: 14px;
	height: 14px;
	padding: 4px;
	background: url('images/icons/closemenu.svg') no-repeat center center;
	background-size: 8px 8px;
}

.relatedContentButton.active::after {
	display: block;
}

/* ==========================================================================
   Menu
   ========================================================================== */

.menuWrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	right: 0;
	width: auto;
	height: auto;
	z-index: 1550;
	overflow-y: auto;
	background-color: #fff;
	display: none;
	opacity: 0;
	-webkit-overflow-scrolling:touch;
	  -ms-overflow-style: none;
}

.menuWrapper::-webkit-scrollbar {
	display: none;
}

.menuItem {
	position: relative;
	display: inline-block;
	width: 25%;
	height: 50%;
	padding: 25px;
	text-align: center;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-webkit-box-align: center;
	 -webkit-align-items: center;
	-ms-flex-align: center;
	    align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 0 1 auto;
		flex: 0 1 auto;
}

.menuItemImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1045;
}

.menuItemMobile .menuItemImage {
	display: block;
}

.menuItem:hover .menuItemImage {
	display: block;
}

.menuItemTitle {
	font-size: 18px;
	z-index: 1610;
	display: none;
	opacity: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 0 1 auto;
		flex: 0 1 auto;
}

.menuItem:hover .menuItemTitle {
	color: #fff;
}

.menuItemMobile .menuItemTitle {
	z-index: 1610;
	color: #fff;
}

.menuWrapper .socialWrapper {
	position: relative;
	display: block;
	background-color: #fff;
}

/* ==========================================================================
  Homepage
  ========================================================================== */

.homePage .pageHeaderInfo {
	display: none!important;
}

.homePageContainer {
	position: fixed;
	top: 48px;
	left: 48px;
	right: 48px;
	bottom: 48px;
	background-color: #fff;
}

.galleryContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 99;
}

.galleryContainer.open {
	display: block;
}

.galleryImages {
	position: relative;
	width: 100%;
	height: 100%;
}

.galleryImages .image {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
	opacity: 0;
}

.galleryImages .image.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.galleryImages .image img {
	opacity: 0;
	max-width: 100%;
	max-height: 100%;
}

.galleryImages .video iframe {
	height: 100%;
	border: none;
}

.galleryImages .image .slideShowSpinner {
	display: none;
}

.galleryImages .image .slideShowSpinner.visible {
	display: block;
}

.galleryControls a {
	z-index: 100;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	height: 100%;
	width: 48px;
	text-indent: -9999px;
	opacity: 1;
	overflow: hidden;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.galleryControls .galleryNext {
	right: -48px;
	background-image: url('images/icons/rightArrowBlack.svg');
}

.galleryControls .galleryPrev {
	left: -48px;
	background-image: url('images/icons/leftArrowBlack.svg');
}

@-webkit-keyframes slideShowSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes slideShowSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.slideShowSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	   box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation: slideShowSpinner  .6s linear infinite;
	animation: slideShowSpinner .6s linear infinite;
}

/* ==========================================================================
  Project / single
  ========================================================================== */

.singleContentWrapper {
/* 	padding-bottom: 10px; */
}

.singleContentWrapper.active {
	padding-bottom: 48px;
}

.imageWrapper {
    position: relative;
    display: block;
    width: 50%;
    height: 0;
    background-color: #fafafa;
}

.imageWrapper.portrait {
	margin: 0 0 10% 50%;
}

.imageWrapper.landscape {
	width: 75%;
	margin: 0 0 10% 25%;
}

.galleryImage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	opacity: 0;
	z-index: 200;
	color: transparent;
}

.imageWrapper .zoom,
.imageWrapper p {
	position: relative;
	display: inline-block;
	padding-top: 10px;
	text-align: left;
	text-transform: uppercase;
	margin-right: 20px;
}

.imageWrapper.landscape .zoom,
.imageWrapper.landscape p {
	margin: 0 20px;
}

/* Related content */

.relatedContentWrapper {
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 440px;
	z-index: 0;
	background-color: #fff;
	z-index: 1000;
}

.relatedContentTitle {
	position: relative;
	display: none;
	margin-left: 20px;
	padding-bottom: 30px;
	font-size: 10px;
}

.relatedContentInner {
	height: auto;
	padding: 60px 0;
	opacity: 0;
}

.relatedContentCard {
	position: relative;
	display: block;
	padding: 0 24px;
	width: auto;
	height: auto;
}

.contentTopOuter {
	position:relative;
	display: block;
	width: auto;
	height: 244px;
}

.contentImage {
	position: relative;
	display: block;
	width: auto;
	height: 100%;
}

.contentTitle {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	padding: 18px 18px;
}

@-webkit-keyframes singleSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes singleSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.singleSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	    box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation:singleSpinner  .6s linear infinite;
	animation: singleSpinner .6s linear infinite;
	opacity: 0.1;
}

.videoWrapper {
    position: absolute;
    display: block;
    width: 83.333333%;
    height: auto;
    margin: 0 8.333336% 0 8.333336%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 0;
}

.videoWrapper iframe,
.videoWrapperMobile iframe {
	border: none;
}

.videoWrapperMobile {
	position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 14% 0;
    top: inherit;
    transform: inherit;
}

/* Zoom */

.zoomOverlayWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 7000;
	display: none;
}

.zoomInfo {
	position: absolute;
	top: 0;
	left: 15px;
	width: auto;
	height: auto;
	font-size: 10px;
	line-height: 48px;
	color: #fff;
	z-index: 5000;
}

.closeZoomOverlay {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 48px;
	height: 48px;
	background-image: url('images/icons/closemenuWhite.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 12px;
	text-indent: -9999px;
	z-index: 10000;
}

.zoomHeader {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 48px;
	background: #000;
	z-index: 4000;
}

.zoomContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	 -webkit-align-items: center;
	        align-items: center;
}

.zoomImage {
	opacity: 0;
	cursor: hand;
	max-height: 200%;
	max-width: 200%;
}

.zoomImage.maxWindowSize {
	max-width: 200%;
	max-height: 200%;
}

@-webkit-keyframes zoomSpinner {
  to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


@keyframes zoomSpinner {
  to {
	  	-webkit-transform: rotate(360deg);
	  	-ms-transform: rotate(360deg);
	  	transform: rotate(360deg);
	  }
}

.zoomSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	    box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation: zoomSpinner  .6s linear infinite;
	animation: zoomSpinner .6s linear infinite;
}

.zoomIN { position: fixed; top: 20px; left: 20px; z-index: 9999; }

/* NEW PROJECTS PAGE */
.contentWrapper {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.projectSlideWrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 48px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
   		display: flex;
    -webkit-box-align: center;
     -webkit-align-items: center;
    -ms-flex-align: center;
    	align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    	flex-direction: column;
	height: auto;
}

.projectSlideWrapper.margin {
	margin-bottom: 150px;
}

.projectSlideWrapper.slideUp {
	margin-top: 210px;
}

.projectSlideImage {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: 200;
}

*:not(input):not(textarea) {
    -webkit-user-select: none; /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
    }

.projectSlideImage.imgLoad {
	opacity: 0;
}

.projectSlideWrapper .zoom,
.projectSlideWrapper .zoom span {
	opacity: 0;
}

.zoom span {
	margin-left: 15px;
}

.projectSlideWrapper .zoom {
	display: inline-block;
	margin-top: 15px;
}

.projectSlideWrapper .zoom span {
	display: inline-block;
	margin-left: 15px;
}

/* ==========================================================================
  Subject card ( Fine Art & Books )
  ========================================================================== */

.subjectContainer {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.subjectCardLink {
	display: block;
}

.subjectCardFa,
.subjectCardB {
	position: relative;
	width: 33.333333%;
	height: auto;
	margin: 0 8.333333% 160px 8.333333%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
		flex: 0 1 auto;
}

.subjectCardFa .subjectCardImage,
.subjectCardB .subjectCardImage {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 134%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
	background-coor: #fafafa;
    opacity: 0;
}

.subjectCardFa .subjectCardImageMobile,
.subjectCardB .subjectCardImageMobile {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	opacity: 0;
}

.subjectCardFa .subjectCardInfo,
.subjectCardB .subjectCardInfo {
	display: block;
    height: auto;
    padding: 25px;
    text-align: center;
}

.subjectCardFa .subjectDiv,
.subjectCardB .subjectDiv {
	width: 12px;
	border-color: #000;
	margin: 22px auto;
}

.subjectDivProjects {
	width: 12px;
	border-color: #000;
	margin: 12px auto;
}

/* Fine art */

.subjectCardFa .subjectCardInfo p:last-Child {
	margin-top: 16px;
}

/* Books */

.subjectCardB .subjectCardInfo p:nth-last-child(2) {
	margin-top: 16px;
}

.subjectCardB .subjectCardInfo p:nth-last-child(1),
.subjectCardB .subjectCardInfo p:nth-last-child(2) {
	font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif;
}

@-webkit-keyframes cardSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes cardSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.cardSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	    box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation: cardSpinner  .6s linear infinite;
	animation: cardSpinner .6s linear infinite;
	opacity: 0.1;
}

/* ==========================================================================
  AJAX STUFF
  ========================================================================== */

.infoElements {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 48px 20px 96px 20px;
}

.noMore {
	font-size: 10px;
}

@-webkit-keyframes infiniteSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes infiniteSpinner {
    to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.infiniteSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	      box-sizing: border-box;
	position: absolute;
	bottom: 100px;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation: infiniteSpinner  .6s linear infinite;
	animation: infiniteSpinner .6s linear infinite;
}

/* ==========================================================================
  Photography
  ========================================================================== */

.searchOuter {
	width: 60%;
}

.search {
	position: relative;
	display: block;
	width: 100%;
}

.search input {
	position: relative;
	display: block;
	width: 100%;
	height: 25px;
	padding: 4px 22px 4px 0;
	font-family: "nimbus-sans-extended", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	border: none;
	border-bottom: 1px solid #000;
	color: #000;
	border-radius: 0;
	-webkit-appearance: none;
}

.search button {
	border: none;
}

.search input:focus {
	outline: none;
}

.search input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
}

.search input::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}

.search input:-ms-input-placeholder {
	color: #ccc;
	font-weight: normal;
}

.search input:-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}

.searchIcon {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 22px;
	background: url('images/icons/mv-search.svg') no-repeat right center;
	background-size: 12px 12px;
	text-indent: -9999px;
}

.catList {
	position: relative;
	display: inline-block;
	width: 45.4205607477%;
	margin: 0;
	margin-left: 0;
	list-style: none;
	float: left;
}

.mobOnly { display: none; }

.projectsContainer {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
    width: 50%;
    padding: 0 4.166666% 45vh 4.166666%;
}

.projectsContainer .item {
	position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 35px;
    text-transform: uppercase;
    opacity: 0.2;
}

.projectsContainer .item.active {
	opacity: 1;
	margin-bottom: 55px;
}

.projectsContainer .item .viewProject {
	position: relative;
	display: block;
	font-size: 10px;
	margin-top: 4px;
	opacity: 0;
}

.projectsContainer .item.active .viewProject {
	opacity: 1;
}

.backgroundImage {
	position: fixed;
	max-width: 45.833333%!important;
    top: 48px;
    left: 4.1666666%;
    bottom: 48px;
    width: 50%;
    height: auto;
}

.backgroundImage .image {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.backgroundImage .image.active {
	opacity: 1;
}

.backgroundImage .imageInner {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: contain;
	background-position: left center;
}

.backgroundImage .projectSpinner {
	opacity: 0;
}

.backgroundImage .projectSpinner.active {
	opacity: 1;
}

.line {
	height: 1px;
	width: 100%;
	background: #0C0;
	position: fixed;
	top: 50%;
	display: none;
}

@-webkit-keyframes projectSpinner {
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes projectSpinner {
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.projectSpinner {
	content: '';
	-webkit-box-sizing: border-box;
	      box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 25%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	border-top: 2px solid #000;
	-webkit-animation: projectSpinner  .6s linear infinite;
	animation: projectSpinner .6s linear infinite;
}

/* Video */

.videoBG {
	position: fixed;
    max-width: 45.833333%!important;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    left: 4.1666666%;
    width: 50%;
    height: auto;
	opacity: 0;

}

.videoBG.active {
	opacity: 1;
}

.videoBG video {
	max-width: 100%;
	max-height: 100%;
}

/* ==========================================================================
  Exhibitions
  ========================================================================== */

.exhibitionWrapper {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 72px auto 150px auto;
}

.exhibitionRow {
	position: relative;
	display: block;
	margin-bottom: 8.2%;
}

.exhibitionInfo {
	position: relative;
	display: block;
	width: 33.333333%;
	height: auto;
	padding: 0 8.333333%;
	margin-bottom: 30px;
	float: left;
}

.exhibitionInfo h3 {
	margin-bottom: 15px;
}

.exhibitionInfo .altFont {
	font-size: 12px;
	text-transform: none;
	margin-top: 15px;
}

.exhibitionRight {
	position: relative;
	display: block;
	width: 66.666666%;
	height: auto;
	float: left;
}

.exhibitionImageWrap a {
	display: block;
}

.exhibitionImageWrap.portrait {
	width: 50%;
	height: auto;
	margin: 0 auto 0 0;
}

.exhibitionImageWrap.landscape {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.exhibitionImage {
	width: 100%;
	position: relative;
	display: block;
	opacity: 0;
}

/* Exhibition card mobile */

.exhibitionCardMobile {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 80px auto;
}

.exhibitionCardMobile a {
	display: block;
}

.exhibitionCardMobile.landscape {
	margin: 0 auto 80px auto;
}

.exhibitionCardMobile.portrait {
	width: 66.666666%;
	margin: 0 16.666666% 80px 16.666666%;
}

.exhibitionImageMobile {
	position: relative;
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
}

.exhibitionInfoMobile {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 8.333333%;
	margin: 30px auto;
	text-align: center;
}

.exhibitionInfoMobile h3 {
	margin-bottom: 15px;
}

.exhibitionInfoMobile .altFont {
	margin-top: 6px;
	text-transform: none;
}

/* ==========================================================================
  Biography page
  ========================================================================== */

.biography p {
	font-size: 16px;
	line-height: 1.4;
	text-transform: none;
	margin-bottom: 30px;
	font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif
}

.contentWrapperBio {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 150px auto;
	padding: 0 4.166666%;
}

.bioRow {
	position: relative;
	display: block;
	padding-top: 80px;
	margin: 0;
}

.bioDivider {
	width: 100%;
	background-color: #000;
}

.bioRow:last-of-type .bioDivider {
	display: none;
}

.bioLeftCol {
	position: relative;
	display: block;
	width: 22.727272%;
	height: auto;
	float: left;
}

.bioRightCol {
	position: relative;
	display: block;
	width: 77.2727273%;
	height: auto;
	float: left;
}

.bioContentCol {
	position: relative;
	display: block;
	width: 47.0588235%;
	height: auto;
	float: left;
}

.bioContentCol.first {
	margin-right: 5.88235%;
}

.bioContentCol.second img {
	position: relative;
	display: block;
	width: 75%;
	height: auto;
	opacity: 0;
}

.bioSmallImage {
	position: relative;
    width: 100%;
    height: auto;
}

.bioImageCaption {
	position: relative;
    display: block;
    padding-top: 10px;
    text-align: left;
    font-size: 12px;
}

.bioFeaturedImageWrapper {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.bioFeaturedImage {
	position: relative;
    width: 100%;
    height: auto;
    opacity: 0;
}

.bioImageCaption {
	position: relative;
    display: block;
    padding-top: 10px;
    text-align: left;
    font-size: 12px;
}

/* ==========================================================================
  Contact page
  ========================================================================== */

.contentWrapperContact {
	position: relative;
	display: block;
	margin: 72px 0 150px 0;
}

.contentWrapperContactInner {
	position: relative;
	width: 66.666666%;
	margin: 0 8.333333% 0 25%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	    flex-direction: row;
	-ms-flex-line-pack: stretch;
	-webkit-align-items: stretch;
	    align-content: stretch;
}

.contactInfoLeft {
	position: relative;
	width: auto;
	height: auto;
	margin-right: 5%;
	display: -webkit-box;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	    flex-direction: column;
	-webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
	-ms-flex: 1 1 45%;
		flex: 1 1 45%;
}

.contactInfoRight {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 5%;
	display: -webkit-box;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 45%;
	-ms-flex: 1 1 45%;
		flex: 1 1 45%;
}

.contactInfoBox {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
		flex: 0 1 auto;
}

.contactInfoBox.copyRight {
	-ms-flex-item-align: end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.contactPage p {
	font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	text-transform: none;
}

.contactInfoBox a {
	text-decoration: underline!important; color: #000;
}

.contactDiv {
	width: 12px;
	border-color: #000;
	margin: 14px 0;
	text-align: left;
}

/* ==========================================================================
  404
  ========================================================================== */

.four .pageHeaderInfo {
	display: none;
}

.fourFourContainer {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 25%;
}

.fourFourInnerTop {
	position: relative;
	display: block;
	padding: 70px 8.333333% 50px 0;
	width: 100%;
	height: 183px;
}


.fourPageTitle {
	position: absolute;
	top: 0;
	left: 25%;
	font-size: 10px;
	line-height: 48px;
	color: #000;
	z-index: 1501;
}

.fourFourInnerTop p {
	 font-family: "futura-pt", "Trebuchet MS", Arial, sans-serif;
	 font-size: 16px;
	 text-transform: none;
}

.fourInnerBottom {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
}


/* ==========================================================================
  Media Queries
  ========================================================================== */

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

	.menuItem { width:50%; height:25%; }

} /* === end media === */

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

	.projectsContainer .item { font-size: 16px; line-height: 16px; margin-bottom: 30px; }
	.projectsContainer .item.active { margin-bottom: 50px; }

	.projectsContactPage p { font-size: 12px; }

	.exhibitionInfo h3,
	.exhibitionInfo h4,
	.exhibitionInfo .altFont { font-size: 10px; }
	.exhibitionInfo h3 { margin-bottom: 10px; }
	.exhibitionInfo .altFont { margin-top: 10px; }

	.biography p { font-size: 14px; }

	.four p { font-size: 14px; }

} /* === end media === */

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

	.projectsContainer .item { font-size: 14px; line-height: 14px; margin-bottom: 26px; }
	.projectsContainer .item.active { margin-bottom: 46px; }

} /* === end media === */

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

	h1 { font-size: 30px; }
	h2 { font-size: 22px; }
	h3 { font-size: 10px; }
	h4 { font-size: 10px; }
	p, li { font-size: 10px; }

  	.menuWrapper { top: 48px; padding-bottom: 0; }
	.menuItemTitle { font-size: 12px; }
	.itemInfoButton .itemInfoClosed { position: absolute; display: block; top: 17px; left: -3px; width: 14px; height: 14px; padding: 4px; text-indent: -9999px; background: url('images/icons/closemenu.svg') no-repeat center center; background-size: 7px 7px; transform:  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.itemInfoInner { padding: 70px 0; }
	.searchOuter { width: 80%; }

	.single .relatedContentButtonWrapper { display: none; }
	.toggleWrapper { width: 50%; }

	.preloaderImage { width: 360px; height: 21px; }

	.exhibitionWrapper { position: relative; display: block; width: 100%; height: auto; padding: 0 20px; margin: 0 auto 50px auto; }

	.contentWrapperSubject { margin-top: 0; }
	.subjectContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;-webkit-justify-content: center;-ms-flex-pack: justify;justify-content: space-between;}
	.subjectCardFa,
	.subjectCardB { width: 41.666666%; height: auto; margin: 0 20px 160px 20px;	-webkit-box-flex: 1 1 41.666666%; -webkit-flex: 1 1 41.666666%; -ms-flex: 0 1 41.666666%; flex: 0 1 41.666666%;}

	.videoWrapper { position: relative; display: block; width: 100%!important; height: auto; margin: 0 0 12% 0; top: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; left: 0;}

	.relatedContentWrapper { position: relative; bottom: inherit; display: block!important; height: 420px; padding-top: 10px;  }
	.relatedContentInner { padding: 10px 0 60px 0; opacity: 1!important; }
	.relatedContentCard { padding: 0 22px; }
	.relatedContentTitle { display: block; }
	.fineArtDescription,
	.exhibDescription { font-size: 10px; }

	.contentWrapperBio { padding: 0 20px; margin: 22px auto 50px auto; }
    .bioRow { padding-top: 40px; }
	.bioContentCol { width: 100%; }
	.bioContentCol.first { margin-right: 0; }
	.biography p { font-size: 12px; margin-bottom: 15px; }
	.bioImageCaption { font-size: 12px; }

	.four p { font-size: 12px; }

	.contentWrapperContactInner { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; }
	.contactInfoLeft,
	.contactInfoRight { width: 100%; margin-left: 0; margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
	.contactPage p { line-height: 1.8; }

} /* === end media === */

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

  	.single .headerClear { height: 70px; }
	.logoContainer { left: 50%; width: 137px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); }
	.logo { width: 100%; margin-left: 0; height: auto; margin-top: 18px; }
	.menuButtonContainer { width: auto; }
	.pageHeaderInfo { display: none; }

	/* BURGER */
	.menuButton { display: none; }
	.burger .initial { display: block; width: 48px; height: 48px; cursor: pointer; position: fixed; top: 0; right: 0; z-index: 5000; margin-right: 0; background-image: url('images/icons/burger.svg'); background-size: 14px 12px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; opacity: 1; }
	.burger.active .initial { opacity: 0; }
	.burger::after { content: ''; position: absolute; display: block; width: 48px; height: 48px; top: 0; right: 0; z-index: 5000; margin-right: 0; cursor: pointer; background-image: url('images/icons/burgerClose.svg'); background-size: 14px 12px; background-repeat: no-repeat; background-position: center center; opacity: 0; }
	.burger.active::after { opacity: 1; }
	.burger:focus { outline: none; }
	.single .burger.scroll { top: -70px; }
	.single .burger .initial.scroll { top: -70px; }

	.single	.headerWrapper,
	.subjectPhotography .headerWrapper,
	.categoryPage .headerWrapper { height: 70px!important; }
	.single .pageHeaderInfo,
	.subjectPhotography .pageHeaderInfo,
	.categoryPage .pageHeaderInfo { display: block; }
	.single	.pageTitleContainer,
	.subjectPhotography .pageTitleContainer,
	.categoryPage .pageTitleContainer { display: none; }

	.itemInfoButtonContainer { height: 20px; width: 20px; padding: 4px; }

	.single	.pageHeaderInfo,
	.subjectPhotography .pageHeaderInfo,
	.categoryPage .pageHeaderInfo { top: 40px; height: 22px; }

	.single	.itemInfoButton .itemInfoClosed,
	.subjectPhotography .itemInfoButton .itemInfoClosed,
	.categoryPage .itemInfoButton .itemInfoClosed {  width: 20px; height: 20px; background-size: 7px 7px; background-position: center center; top: -2px; left: -6px; padding: 4px;}

	.itemInfoButton::after { content: ''; position: absolute; display: none; top: 0; left: -3px;  width: 14px; height: 14px; padding: 4px; background: url('images/icons/closemenu.svg') no-repeat center center; background-size: 8px 8px; }

	.itemInfoInner { padding: 40px 0 0 0; width: 50%; margin-left: 25%; margin-right: 25%;}

	.itemInfoList { width: 100%; padding-right: 0; }
	.socialList,
	.catList { width: 100%; margin-left: 0; }

	.itemInfoList li, .socialList li, .catList li { font-size: 10px; }
	.itemInfoList p { font-size: 10px; }

	.single .headerWrapper.scroll { top: -70px; }
	.single .logoContainer.scroll { top: -70px; }
	.single .menuButtonContainer.scroll { top: -70px; }
	.single .burger.scroll { top: -70px; }
	.single .pageHeaderInfo.scroll { top: -70px; }

	.searchOuter { width: 100%; margin-bottom: 30px!important; }
	.search { font-size: 10px; }

	.single .footerWrapper { display: none!important }
	.footerWrapper { z-index: 5000; }

	.socialWrapper { width: 100%; }
	.socials { text-align: center; }
	.toggleWrapper { display: none; }
	.single .relatedContentButtonWrapper { display: none; }

	.pageTitleContainer { display: none; }
	.menuWrapper { top: 48px; padding-bottom: 0; }
	.menuWrapper .socialWrapper { width: 100%; }

	.preloaderImage { width: 260px; height: 15px; }

	.relatedContentWrapper { height: auto; padding: 12% 0; bottom: 0;  }
	.relatedContentInner { padding: 0 }

	/* Related content card */
	.relatedContentCard { padding: 0 12px; }
	.contentTitle { display: none; }
	.contentTopOuter { height: 140px; }

	.imageWrapper { width: 75%; }
	.imageWrapper.portrait { margin: 0 0 14% 25%; }
	.imageWrapper.landscape { width: 100%; margin: 0 0 14% 0; }

	.videoWrapperMobile { margin: 0 0 0 0; }

	.searchOuter { width: 100%; margin-bottom: 30px!important; }

	.projectsContainer .item { font-size: 19px; line-height: 24px; padding-right: 8.333333%; margin-top: 10px; margin-bottom: 10px; }
	.projectsContainer .item.active { margin-top: 10px; margin-bottom: 20px; }
	.projectsContainer .item .viewProject { font-size: 10px; margin: 5px 0;}

	.exhibitionCardMobile,
	.exhibitionCardMobile.landscape { margin: 0 auto 40px auto;}
	.exhibitionCardMobile.portrait { margin: 0 16.666666% 40px 16.666666%; }

	.contentWrapperSubject { margin-top: 22px; margin-bottom: 60px; }
	.subjectContainer { -webkit-box-pack: inherit;-ms-flex-pack: inherit;justify-content: inherit; }
	.subjectCardFa,
	.subjectCardB {  width: 100%; margin: 0 20px 34px 20px; -webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto; }
	.subjectCardFa .subjectCardImage,
	.subjectCardB .subjectCardImage { display: none; }
	.subjectCardFa .subjectCardImageMobile,
	.subjectCardB .subjectCardImageMobile { display: block; }

  	.bioRow { padding-top: 10px; }
  	.bioRow:first-of-type { padding-top:0; }
	.bioLeftCol { width: 16.666666% }
	.biography p { font-size: 10px; }
	.bioImageCaption { font-size: 10px; }

	.spacerSm { padding-bottom: 10px; }
	.spacerXs { padding-bottom: 5px; }

	.fourPageTitle { display: none; }
	.four p { font-size: 12px; }

	.fourFourInnerTop  { height: 109px; padding: 22px 8.333333% 20px 0; }

	.contactInfoBox p { font-size: 10px; line-height: 1.8; }
	.contactInfoBox h3 { font-size: 10px; }
	.contentWrapperContact { margin: 22px 0 50px 0; }
	.contentWrapperContactInner { margin: 0 16.666666%; padding-bottom: 50px; }
	.contactInfoBox { margin-bottom: 20px; }
	.contactInfoBox h4 { font-size: 10px; }

} /* === end media === */


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

    .mobOnly { display: block; }

} /* end media */

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
}

/* ==========================================================================
   ag header menu styles.
   ========================================================================== */

.ag-header-menu {
  float: left;
}

.ag-header-menu ul {
  margin-top: 17px;		
}

.ag-header-menu ul li {
 list-style: none;
 display: inline;
 padding-right: 15px;
 font-size: 10px;
 color: #000000;

}