.half.offset { margin-left: 50%; }
.offset-one-eighth { margin-left: 12.5%; }
.offset-one-quarter { margin-left: 25%; }
.offset-one-third { margin-left: 33%; }
html,body { overflow-x: hidden; width: 100%; }
body { background: #fff; color: #000; padding-top: 0px; font-family: 'FigginsSans-Regular', Arial, sans-serif !important; font-size: 18px; line-height: 24px; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; padding-bottom: 0px; }

body.shop { background-image: url('../img/shop-bg.jpg'); background-size: auto 100%; background-attachment: fixed; background-position: 50% 50%; }

div.debug { background: #fff; z-index: 100000; position: relative; }

img.fadein { opacity: 0; }
img.fadein.in { opacity: 1; transition: .25s opacity ease-out; }

img.lazy { opacity: 0; transition: .25s opacity ease-out; }
img.lazy.loaded { opacity: 1; transition: .25s opacity ease-out; }

a { color: #000; text-decoration: none !important; }
a:hover { color: #ffff00; text-decoration: none !important; }
a.tapped { -webkit-tap-highlight-color: #ffff00; background: transparent; }

body a.btn,
body input[type='submit'],
body button { background: #ffff00; text-transform: uppercase; font-size: 18px; line-height: 18px; margin: 0 0 24px 0; padding: 15px 24px 12px 24px; color: #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0; }
a.btn:active,a.btn:hover { color: #000 !important; }
.price { margin: 0 0 24px 0; }
.cards-accepted { height: 60px; position: relative; top: -2px; left: -10px }

form.product-options {
	display: block;
	width: 100%;
}
form.product-options select {
	display: block;
	width: 100%;
	padding: .25em;
	margin: 1rem 0;
}

#header { z-index: 99999; position: fixed; top: 36px; left: 30px; width: 20%; background: none; }

.hellobar { padding: .5rem 1rem; margin: 1rem 0; background: #ffff00; text-align: left; }

#menu { cursor: pointer; color: #000; position: absolute; top: 39px; left: -3px; padding: 3px; }
#menu i { font-size: 18px; }
/* .reverse #menu { color: #fff !important; } */

#logo { width: 20%; position: fixed; top: 24px; height: 36px; margin: 0; left: 12px; z-index: 10000; }
#logo img { width: 100%; height: auto; max-width: 300px; }

#nav { display: block; margin: 0; width: 100%; position: absolute; top: 72px; left: 0; }
.hide-nav #nav { display: none; }
#nav.show { display: block; opacity: 1; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; transition: .5s all; }
#nav ul { list-style: none; margin: 0 0 0 0; padding: 0; color: #000; font-size: 18px; line-height: 24px; }
#nav li { text-transform: uppercase; display: block; }
#nav a { color: #000; padding-right: 20px; padding-bottom: 0; text-decoration: none; }
#nav a:hover span.link-title,#nav li.active span.link-title { color: #0f0; }

#nav ul.subnav { display: none; margin: 0 0 0 24px; background: none; }
#nav ul.subnav ul.subnav { margin: 0; }
#nav ul.subnav li { display: block; }
#nav ul.subnav li a { padding: 0; color: #000; }

#nav li.exhibitions.active ul.subnav li a,
#nav li.artists.active ul.subnav li a,
#nav li.news.active ul.subnav li a,
#nav li.shop.active ul.subnav li a,
#nav li.about.active ul.subnav li a,
#nav li.viewing-room.active ul.subnav li a { color: #000; }

#nav li.active .subnav { display: block; }

/* hover/active colors */

#nav li.exhibitions a:hover span.link-title,
#nav li.exhibitions.active span.link-title,
#nav li.exhibitions.active .subnav .active a,
#nav li.exhibitions.active .subnav a:hover { color: #03f; }

#nav li.artists a:hover span.link-title,
#nav li.artists.active span.link-title,
#nav li.artists.active .subnav .active a,
#nav li.artists.active .subnav a:hover { color: #ff3300; }

#nav li.artists.active .subnav li.active .subnav a { color: #000; }
#nav li.artists.active .subnav .subnav li.active a { color: #ff3300; }

#nav li.news a:hover span.link-title,
#nav li.news.active span.link-title,
#nav li.news.active .subnav .active a,
#nav li.news.active .subnav a:hover { color: #ff66cc; }

#nav li.projects a:hover span.link-title,
#nav li.projects.active span.link-title,
#nav li.projects.active .subnav .active a,
#nav li.projects.active .subnav a:hover { color: #66ffff; }

#nav li.shop a:hover span.link-title,
#nav li.shop.active span.link-title,
#nav li.shop.active .subnav .active a,
#nav li.shop.active .subnav a:hover { color: #fff200; }

#main { padding-bottom: 30px; min-height: 90vh; }

#main .message p { margin: 0; color: #000; }
#main .message { margin: 24px 0; padding: 12px 24px; border: 1px solid #fff200; }

#nav li.about a:hover span.link-title,
#nav li.about.active span.link-title,
#nav li.about.active .subnav .active a,
#nav li.about.active .subnav a:hover { color: #ffff00; }

#nav li.search i { display: none; font-size: 15px; font-weight: 100 }
#nav li.search a { display: block; float: left; width: 20px; height: 20px; background-image: url('../img/search.png'); background-size: 18px 18px; background-position: 0 2px; background-repeat: no-repeat; }
#nav li.search input[type='text'] { display: none; width: 175px; background: none; border: 0; outline: 0; float: left; border-bottom: 1px solid #222; } 
#nav li.search input[type='text'].show { display: block; }

#nav li.viewing-room a:hover span.link-title,
#nav li.viewing-room.active span.link-title,
#nav li.viewing-room.active .subnav .active a,
#nav li.viewing-room.active .subnav a:hover { color: #03f; }

#az { display: none; width: 75%; background-color: rgba(255,51,0,.95); z-index: 100000000000; position: fixed; top: 24px; left: 25%; }
#az .artists-az { padding: 0 24px; }
.artists-az ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; font-size: 18px; letter-spacing: .2em; font-weight: normal; line-height: 24px; }
#az .artists-az { margin: 24px 0; }
.artists-az ul li { margin: 0; }
.artists-az ul li a { color: #000; background: none; text-decoration: none; }
#az .artists-az ul li a:hover { color: #fff; text-decoration: none; }

#map { width: 100%; height: 500px; margin: 24px 0; }

#gmap_canvas_wrap { width: 100%; height: 500px; margin: 24px 0; }
#gmap_canvas { width: 100%; height: 500px; }
#gmap_canvas img { max-width: none !important; background: none !important }

#gmap_canvas_wrap2 { width: 100%; height: 500px; margin: 24px 0; }
#gmap_canvas2 { width: 100%; height: 500px; }
#gmap_canvas2 img { max-width: none !important; background: none !important }

.signin-form { margin-top: .5em; }
#footer { font-size: 14px; padding-top: 12px; padding-bottom: 12px; }

.featured-wrap { position: relative; top: -150px; left: 0; width: 100%; z-index: 1; }

.section { padding: 0; display: block; min-height: 400px; background: #fff; position: relative; }

.section.intro { padding: 0; }

#main h1.title { font-weight: normal; font-family: 'FigginsSans-Bold'; text-transform: uppercase; font-size: 42px; line-height: 48px; letter-spacing: .2em; margin: 24px 0 48px 0; position: relative; z-index: 10000000; }
#main span.no-letter-spacing { letter-spacing: 0; }
.reverse #main h1.title { color: #fff !important; }
body:not(.viewing-room) #main h1.title > span { display: block; margin-top: 27px; font-size: 30px; line-height: 36px; }
body:not(.viewing-room) #main h1.title > span.group { margin-top: 0; font-size: 42px; line-height: 48px; }
#main h2 { font-weight: normal; text-decoration: underline; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 48px 0 24px 0; }
#main h3 { font-weight: normal; text-decoration: underline; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 48px 0 24px 0; }
#main h2 .title { border-bottom: 0px solid #000; }
#main p { font-size: 18px; line-height: 24px; margin: 0 0 24px 0; hyphens: auto }
#main .detail p { margin-bottom: 0; }
#main p a { text-decoration: underline !important; }
#main ul { font-size: 18px; list-style: none; line-height: 24px; padding: 0; margin: 0 0 24px 0 }
#main hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin: 24px 40px 24px 0; }

#main ul.artists { font-family: 'FigginsSans-Bold'; }

#main strong { font-weight: normal; font-family: 'FigginsSans-Bold'; }
#main em { font-style: normal; font-family: 'FigginsSans-Italic'; }  

.artists-az ul a:hover { color: #ff3300; }

.shop-hint-wrap { margin-top: 420px; margin-left: 16px; }
.shop-hint { margin: 24px 0; }
.shop-hint-image img { max-height: 180px; }
.shop-hint-caption { margin: 9px 0 24px 0; }
.shop-hint:hover a { color: #ff3300; }

.section .bg-image { cursor: pointer; display: block; position: relative; z-index: 100; width: 100%; background: #fff; }
.section .bg-image img { display: block; width: 100%; height: auto; }

.share-buttons { background: #fff; position: relative; top: 0px; padding: 0 0 5px 1px; border-bottom: 0px solid #eee; }
.twitter-share-button { max-width: 95px; float: left; vertical-align: top; margin: 4px 0px 0 0 !important; }
.google-plusone-button { max-width: 65px; vertical-align: top; margin: 4px 15px 0 0; float: left; /* float: right; margin: 0 104px 0 0; */ position: relative; top: 0; }
.fb-like { margin: 0; }
.share-buttons iframe { margin: 0px 0 0 0; float: left; }


.exhibition { cursor: pointer; margin: 0; width: 100%; display: block; position: absolute; top: 0; left: -100%; z-index: 10; z-index: 1000; -webkit-transition: all .1s; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
.exhibition.indent { left: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.exhibition .info { background: rgba(255,255,255,.9); }
.exhibition .title { opacity: 0; -webkit-transition: .5s opacity; -moz-transition: .5s opacity; -o-transition: .5s opacity; transition: .5s opacity; font-weight: normal; font-family: 'FigginsSans-Bold'; text-transform: uppercase; font-size: 30px !important; line-height: 36px; letter-spacing: .2em; margin: 300px 0 0 40%; }
.exhibition .title.has-list-artists { margin-top: 180px; }
.exhibition .list-artists { margin: 0 0 0 40%; }
.exhibition .location { opacity: 0; -webkit-transition: .5s opacity; -moz-transition: .5s opacity; -o-transition: .5s opacity; transition: .5s opacity; font-size: 18px; line-height: 24px; margin: 0 0 0 40%; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; }
.exhibition .date { opacity: 0; -webkit-transition: .5s opacity; -moz-transition: .5s opacity; -o-transition: .5s opacity; transition: .5s opacity; font-size: 18px; line-height: 24px; margin: 30px 0 0 40%; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; }
.exhibition .info:hover,.exhibition .info:hover a { color: #ffff00; text-decoration: none; cursor: pointer; }
.exhibition.indent .title,.exhibition.indent .location,.exhibition.indent .date { opacity: 1; }
.exhibition .hint-wrap { position: relative; height: 40px; width: 40px; }
/*.exhibition .hint-wrap:hover,.exhibition .hint-wrap:hover a { color: #ffff00; text-decoration: none; cursor: pointer; }*/
.exhibition .hint { cursor: pointer; height: 40px; width: 40px; font-size: 24px; line-height: 24px; position: absolute; top: 640px; left: 32px; margin: 0 0 0 0; width: 30px; display: block; text-align: center; padding: 5px 10px 5px 5px; }

.exhibition .hint { background-image: url('../img/arrow-r-o.png'); background-repeat: no-repeat; background-size: 18px auto; background-position: 0 0; }
.exhibition .hint-wrap:hover .hint { background-image: url('../img/arrow-r-hover.png'); text-decoration: none; cursor: pointer; }
.exhibition .hint-wrap.left { width: 33%; }
.exhibition .hint-wrap.left .hint { background-image: url('../img/arrow-l-o.png'); }
.exhibition .hint-wrap.left:hover .hint { background-image: url('../img/arrow-l-hover.png'); }

.exhibition .hint i { display: none; }

.see-also-link { display: block; float: right; background-image: url('../img/arrow-r-o.png'); width: 24px; height: 24px; background-size: auto 24px; background-position: 50% 50%; background-repeat: no-repeat; }
.see-also-link:hover { background-image: url('../img/arrow-r-hover.png'); }

ul.staff { list-style: none; padding: 0; }
ul.staff li a { text-decoration: underline; }

#main .list-artists ul { font-family: 'FigginsSans-Bold'; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 24px; letter-spacing: .2em; list-style: none; margin: 36px 0 36px 0; padding: 0; }
/*#main .exhibition .list-artists ul { font-size: 30px; line-height: 36px; margin: 0 0 36px 0; }*/
#main .list-artists p { font-family: 'FigginsSans-Bold'; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 24px; letter-spacing: .2em; list-style: none; margin: 36px 0 36px 0; padding: 0; }


.exhibition-view a:hover { text-decoration: none; color: #ffff00; }
.exhibition-image { margin: 30px 0 30px 0; cursor: pointer; }
.exhibition-image img { width: 100%; height: auto; }
.exhibition-detail { font-size: 18px; line-height: 24px; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; }
.view-gallery { font-size: 18px; line-height: 24px; margin: 1em 0 1em 0; }
.view-gallery a { color: #ffff00; }

.item-view a:hover { text-decoration: none; color: #ffff00; }
.item-image { margin: 30px 0 30px 0; cursor: pointer; }
.item-image img { max-height: 300px; max-width: 100%; height: auto; width: auto; }

.shop-item-options { 
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 32rem;
}
.shop-item-option {
	flex: 0 0 100%;
	border: 1px solid #111;
	padding: .5rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.5rem;
}
.shop-item-option .option-image {
	flex: 0 0 100%;
	margin: auto;
}
.shop-item-option .option-image img {
	display: block;
	max-height: 3rem;
	aspect-ratio: 1;
	object-fit: contain;
}
.shop-item-option .option-name {
	flex: 0 0 100%;
	margin: auto 0;
}
.shop-item-option .buy-btn {
	flex: 0 0 auto;
	margin: auto 0;
}
@media (min-width:768px) {
	.shop-item-option .option-image {
		flex: 0 0 6rem;
		margin: auto;
	}
	.shop-item-option .option-image img {
		display: block;
		max-width: 6rem;
		max-height: 6rem;
		aspect-ratio: 1;
		object-fit: contain;
	}
	.shop-item-option .option-name {
		flex: 1 1 50%;
		margin: auto 0;
	}
	.shop-item-option a.btn {
		flex: 0 0 auto;
		margin: auto;
	}
}

.container-fluid { min-height: 132px; }
#footer .container-fluid { min-height: 0; }
.row.news { margin-bottom: 24px; }

.news-wrap { margin: 0 0 60px 0; }
.news-wrap h2 { margin-top: 36px !important; }
.news-image { margin: 30px 0 30px 0; cursor: pointer; }
.news-image img { width: 100%; height: auto; }

ul.social { list-style: none; margin: 36px 0; }
ul.social li { font-size: 24px; margin: 0 9px 0 0; display: inline-block; }
ul.social li a { color: #ccc; }
ul.social li a:hover { color: #0f0; }

/*
.artist-view h2,.artist-view h3 { color: #ff3300; }
*/

.artists .cv table td { border: 0; font-size: 18px; line-height: 24px; padding: 0 0 0px 0; }
.artists .cv table td a { text-decoration: underline; }

.ragged { float: left; }
.grid-item { position: relative; margin-bottom: 72px; cursor: pointer; }
.grid-item-image { height: 192px; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.grid-item .no-image { height: 192px; width: 100%; }
.ragged .grid-item { padding: 0 24px 24px 0; }
/* .grid-item-title { position: absolute; top: 0; left: 0; width: 100%; display: none; font-size: 21px; line-height: 1em; letter-spacing: .1em; } */
.grid-item-title { height: 220px; position: absolute; top: -21px; left: 0; display: none; width: 100%; font-size: 18px; line-height: 19px;  }
body.shop .grid-item-title { display: block; }
.grid-item-title a { display: block; padding: 3px 0 0 0; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.grid-item-title strong { text-transform: uppercase; font-weight: normal; font-family: 'FigginsSans-Bold'; letter-spacing: .2em; }
.grid-item:hover .grid-item-title { display: block; background: rgba(255,255,255,.9); }
.grid-exhibition .grid-item-title a:hover { color: #ffff00; text-decoration: none; }
.grid-exhibition .grid-item-title span.non-tmi-artists { text-transform: none; letter-spacing: 0; }
.grid-artist .grid-item-title a:hover { color: #ffff00; text-decoration: none; }
.grid-item img { width: auto; height: 192px; display: block; margin: 0 auto; }
.grid-item.grid-left img { margin: 0; }
body.artists .grid-item .artist-name { display: none; }

.products-grid { 
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.shop-item { 
	flex: 1 1 calc(50% - 2rem);
	position: relative; 
	margin-bottom: 24px; 
	cursor: pointer; 
}
@media (min-width:1024px) {
	.products-grid { 
		gap: 4rem;
	}
	.shop-item {
		flex: 0 1 calc(33.33% - 4rem);
	}
}
@media (min-width:1440px) {
	.shop-item {
		flex: 0 1 calc(25% - 4rem);
	}
}
.shop-item-image { height: px; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.shop-item .no-image { max-height: 192px; width: 100%; }
.shop-item-title { font-size: 18px; line-height: 19px; margin: 12px 0 0 0; }
.shop-item-title a { }
.shop-item-title strong { text-transform: uppercase; letter-spacing: .2em; }
.shop-item:hover .grid-item-title { display: block; background: rgba(255,255,255,.9); }
.shop-item img { width: auto; aspect-ratio: 1; object-fit: contain; object-position: left center; display: block; margin: 0 0 12px 0; }
.shop-item img.wide { width: 100%; height: auto; }

body.shop table.table th,body.shop table.table td { border-color: #333; }

.payment-errors { color: #ff3300; display: block; margin: 0 0 24px 0; }

.basket-thumb img { max-width: 90px; max-height: 90px; }

.thumbs { margin: 36px 0; }
.thumbs li { display: inline-block; padding: 0; }
.thumbs img { cursor: pointer; display: block; height: 96px; width: auto; margin: 0 0px 0 0; background: #fff; }
.thumbs iframe { max-height: 96px; max-width: 144px;}

.preload { display: none; }

.videos {  }
.video { margin: 0; position: relative; height: 96px; width: 144px; background: #333; overflow: hidden; }
.video .play { position: absolute; top: 33px; left: 0; z-index: 100; width: 100%; text-align: center; }
.video .play i { display: block; margin: 0 auto; color: #fff; font-size: 30px; line-height: 30px; opacity: .8; }
.video:hover .play i { opacity: 1;  }
.video img { display: none; width: 100%; height: auto; }
.video a { outline: none; }
.video iframe { width: 100%; }
.video .video-caption { font-size: 14px; line-height: 18px; margin: 12px 0 0 0; }

.job-title { margin: 24px 0 0 0; }
.person-name { font-weight: normal; font-family: 'FigginsSans-Bold'; }


/* ARTIST PUBLICATIONS GRID */
.artist-publications-wrap { display: flex; flex-wrap: wrap; }
.artist-publication { flex: 0 0 50%; margin: 0 0 30px 0; }
.artist-publication .artist-publication-image { margin: 0 0 12px 0; height: 30vw; line-height: 30vw; text-align: left; }
.artist-publication-image img { max-width: 91%; max-height: 100%; display: inline-block; vertical-align: middle; }
.artist-publication .btn { margin-top: 12px; }
.artist-publication-title { margin-right: 18px; }
@media (min-width:768px) {
	.artist-publication .artist-publication-image { height: 30vw; line-height: 30vw; }
	.artist-publication { flex: 0 0 33.33%; }
}
@media (min-width:1024px) {
	.artist-publication .artist-publication-image { height: 15vw; line-height: 15vw; }
	.artist-publication { flex: 0 0 33.33%; }
}
@media (min-width:1200px) {
	.artist-publication .artist-publication-image { height: 15vw; line-height: 15vw; }
	.artist-publication { flex: 0 0 25%; }
}



#modal-back { position: fixed; top:0; left: 0; height: 100%; width: 100%; background: #000; background: rgba(255,255,255,1); display: none; z-index: 99999999999999; }
#modal-close { position: fixed; width: 24px; height: 24px; top: 24px; right: 24px; color: #FFF; font-size: 18px; line-height: 24px; cursor: pointer;  }
#modal-close { background: url('../img/close.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px auto; }
#modal-close:hover { background-image: url('../img/close-hover.png'); }
#modal-content img { display: block; margin: 0 auto; }
#modal-close img { width: 21px; }
#modal-content .zoom-wrap { cursor: pointer; display: block; width: 100%; background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; }
#modal-content .zoom-wrap.wide { background-size: 100% auto; }
#modal-content .zoom-caption:not(:empty) { position: absolute; left: 0; display: block; bottom: 0; width: 100%; height: 60px; text-align: center; padding: 3px 0 12px 0; text-wrap: balanced; }
#modal-content .zoom-caption p { background: rgba(255,255,255,1); width: 100%; position: absolute; bottom: 0; font-size: 14px; line-height: 18px; margin: 0; padding: 6px 12px; display: block; text-align: center; text-wrap: balanced; } 
.modal-nav { display: block; text-decoration: none; color: #FFF; font-size: 18px; position: fixed; top: 48%; line-height: 24px; cursor: pointer; }
#modal-back * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-nav#modal-nav-prev { left: 24px; width: 30px; height: 30px; background: url('../img/arrow-l-o.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px auto; }
.modal-nav#modal-nav-prev:hover { background-image: url('../img/arrow-l-hover.png'); } 
.modal-nav#modal-nav-next { right: 24px; width: 30px; height: 30px; background: url('../img/arrow-r-o.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px auto;  }
.modal-nav#modal-nav-next:hover { background-image: url('../img/arrow-r-hover.png'); }


.works-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 10000000; display: none; }

.works-overlay .slideshow { width: 100%; }
.works-overlay .slideshow .slide { display: none; height: 50vh; max-height: 100vh; text-align: center; }
.works-overlay .slideshow .slide .image-container { flex: 1; max-height: inherit; position: relative; }
.works-overlay .slideshow .slide .image-container .ic-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.works-overlay .slideshow .slide .image-container img { opacity: 0; transition: .3s ease-in-out; max-height: 100%; width: auto; max-width: 100%; }
.works-overlay .slideshow .slide.active { display: flex; flex-direction: column; }
.works-overlay .slideshow .slide.active .image-container img { animation: SHW .5s; animation-fill-mode: both; }
.works-overlay .slideshow .slide .caption { font-size: 14px; line-height: 18px; padding: 6px 12px; }

.works-overlay .controls { z-index: 10000; }
.works-overlay .close-ctrl { position: fixed; width: 24px; height: 24px; top: 24px; right: 24px; cursor: pointer; background: url('../img/close.png') no-repeat center; background-size: 24px auto; }
.works-overlay .close-ctrl:hover { background-image: url('../img/close-hover.png'); }
.works-overlay .controls .enquire { position: absolute; top: 24px; right: 75px; }
.works-overlay .controls .left { cursor: pointer; left: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(25% - 60px); background-image: url('../img/arrow-l-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.works-overlay .controls .left:hover { background-image: url('../img/arrow-l.png'); }
.works-overlay .controls .right { cursor: pointer; right: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(25% - 60px); background-image: url('../img/arrow-r-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.works-overlay .controls .right:hover { background-image: url('../img/arrow-r.png'); }

@media screen and (max-width:767px) { 
	.works-overlay .slideshow .left,
	.works-overlay .slideshow .right { opacity: 0; transition: .3s opacity ease; }
	.works-overlay .slideshow:hover .left,
	.works-overlay .slideshow:hover .right { opacity: 1; }
}

@keyframes SHW {
	from {
		opacity:0
	}
	to {
		opacity:1
	}
}

body.viewing-room,
body.outdoor-works { background: #f7f7f7; }

@media screen and (min-width: 1024px) {
	body.viewing-room,
	body.outdoor-works { background: #f7f7f7; }
	.works-overlay .slideshow .slide { height: 100vh; }
	.works-overlay .slideshow { width: 66.67%; }
	/* .works-overlay .controls .right { right: calc(33.33% - 24px); } */
	.works-overlay .controls .left,
	.works-overlay .controls .right {
		top: calc(50% - 60px);
	}
	.works-overlay .controls .left { background-image: url('../img/arrow-l-o.png'); }
	.works-overlay .controls .right { background-image: url('../img/arrow-r-o.png'); }
	.works-overlay .controls .left:hover { background-image: url('../img/arrow-l-hover.png'); }
	.works-overlay .controls .right:hover { background-image: url('../img/arrow-r-hover.png'); }
}

.room-block-images-wrap .slideshow { width: 100%; /*min-height: 450px;*/ padding-top: 67%; position: relative; background: none; margin-bottom: 30px; }
.room-block-images-wrap .slideshow .slide { display: none; text-align: center; }

.room-block-images-wrap .slideshow .slide .room-block-image-inner { padding-top: 67%; background-color: none; background-size: contain; background-repeat: no-repeat; background-position: center; }


.room-block-images-wrap .slideshow .slide .image-container { flex: 1; max-height: inherit; position: relative; }
.room-block-images-wrap .slideshow .slide .image-container .ic-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.room-block-images-wrap .slideshow .slide .image-container img { opacity: 0; transition: .3s ease-in-out; max-height: 50vh; width: auto; max-width: 100%; }
.room-block-images-wrap .slideshow .slide.active { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; }
.room-block-images-wrap .slideshow .slide.active .image-container img { animation: SHW .5s; animation-fill-mode: both; }
.room-block-images-wrap .slideshow .slide.active .room-block-image-inner { animation: SHW .5s; animation-fill-mode: both; }
.room-block-images-wrap .slideshow .slide .caption { font-size: 14px; line-height: 18px; padding: 6px 12px; }

.room-block-images-wrap .controls { z-index: 10000; }
.room-block-images-wrap .close-ctrl { position: fixed; width: 24px; height: 24px; top: 24px; right: 24px; cursor: pointer; background: url('../img/close.png') no-repeat center; background-size: 24px auto; }
.room-block-images-wrap .close-ctrl:hover { background-image: url('../img/close-hover.png'); }
.room-block-images-wrap .controls .enquire { position: absolute; top: 24px; right: 75px; }
.room-block-images-wrap .controls .left { cursor: pointer; left: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(50% - 60px); background-image: url('../img/arrow-l-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.room-block-images-wrap .controls .left:hover { background-image: url('../img/arrow-l.png'); }
.room-block-images-wrap .controls .right { cursor: pointer; right: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(50% - 60px); background-image: url('../img/arrow-r-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.room-block-images-wrap .controls .right:hover { background-image: url('../img/arrow-r.png'); }

@media screen and (max-width:767px) { 
	.room-block-images-wrap .slideshow .left,
	.room-block-images-wrap .slideshow .right { opacity: 0; transition: .3s opacity ease; }
	.room-block-images-wrap .slideshow:hover .left,
	.room-block-images-wrap .slideshow:hover .right { opacity: 1; }
}

@media screen and (min-width: 1024px) {
	/*
	.room-block-images-wrap .slideshow { min-height: 100vh; }
	.room-block-images-wrap .slideshow .slide { height: 100vh; }
	*/
	.room-block-images-wrap .controls .left,
	.room-block-images-wrap .controls .right { top: calc(50% - 60px); }
	.room-block-images-wrap .controls .left { background-image: url('../img/arrow-l-o.png'); }
	.room-block-images-wrap .controls .right { background-image: url('../img/arrow-r-o.png'); }
	.room-block-images-wrap .controls .left:hover { background-image: url('../img/arrow-l-hover.png'); }
	.room-block-images-wrap .controls .right:hover { background-image: url('../img/arrow-r-hover.png'); }
}


.room-wrap { margin-top: 30px; }

.room-image { margin: 30px 0 30px 0; }
.room-image img { width: 100%; height: auto; }

.room-work-wrap { margin: 0 0 30px 0; background: #fff; position: relative; }
.viewing-room.work-style-transparent .room-work-wrap { background: transparent; }

@media screen and (min-width: 768px) {
	.room-work-wrap { margin: 0 0 30px 0; background: #fff; position: relative; }
}

.room-block-wrap { margin: 0 0 45px 0; background: #fff; }
.room-block-inner { width: 100%; }

.room-block-image-wrap { width: 100%; }
/*
.slideshow .room-block-image-wrap { line-height: 450px; }
@media (min-width:768px) { 
	.slideshow .room-block-image-wrap { line-height: 720px; }
}
.room-block-image-inner { display: flex; align-items: center; justify-content: center; }
.room-block-image-inner img { object-fit: contain; }
*/
.room-block-image-wrap img { display: inline-block; vertical-align: middle; max-width: 100%; }
.room-block-image-wrap img { display: block; width: 100%; }
.slide img { max-height: 45vh; }
@media (min-width:1024px) {
	.slide img { max-height: 90vh; }
}
.room-block-content-wrap { width: 100%; padding: 30px; }

@media screen and (min-width: 768px) {
	.room-block-wrap { flex: 0 0 100%; }
	.room-block-wrap.half { flex: 0 0 calc(50% - 15px); }
	.room-block-content-wrap { width: 100%; padding: 30px; }
}
.room-block-title { font-family: 'FigginsSans-Bold'; margin: 0 0 12px 0; }
.room-block-description { margin: 0; }
.room-block-description a.btn { white-space: normal; }
.room-block-video-wrap .caption,
.room-block-image-wrap .caption { font-size: 14px; line-height: 18px; padding: 6px 12px; font-style: italic; text-align: center; }

#main .room-block-description h3 { margin: 0; }

@media screen and (min-width: 768px) {
	.room-block-video-wrap .caption,
	.room-block-image-wrap .caption { text-align: center; }

	body.viewing-room.film-screening .room-block-description { font-size: 14px; line-height: 20px; }
	body.viewing-room.film-screening #main .room-block-description h3 { font-size: 14px; line-height: 20px; }
}

.room-block-video-wrap { width: 100%; }
.room-block-video-inner { display: block; width: 100%; }
.room-block-video-inner .fluid-width-video-wrapper { padding-top: 56.25% !important }

.room-block-image-wrap .caption { font-size: 14px; line-height: 18px; padding: 6px 12px; font-style: italic; }

@media screen and (min-width: 768px) {
	.room-block-image-wrap .caption { text-align: center; }
}

.room-work-wrap { margin: 0 0 45px 0; }
@media screen and (min-width: 768px) {
	.room-inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.room-work-wrap { flex: 0 0 calc(50% - 15px); }
}

.room-work-image { height: 80vw; line-height: 80vw; cursor: pointer; margin: 0 15px 0 15px; text-align: center; }
.room-work-image img { max-width: 90%; max-height: 90%; display: inline-block; vertical-align: middle; }

.room-work-inner { padding: 30px 0 75px 0; }

@media screen and (min-width: 768px) {
	.room-work-inner { padding: 30px 0 75px 0; }
	.viewing-room.work-style-transparent .room-work-inner { padding-top: 0; }
	.room-work-image { height: 30vw; line-height: 30vw; margin: 0 15px 24px 15px; text-align: center; }
	#main .room-work-image > img { max-width: 90%; max-height: 90%; display: inline-block; vertical-align: middle; }
}

.viewing-room.work-style-transparent .room-work-image { height: auto; line-height: inherit; margin-left: 0; margin-right: 0; }
.viewing-room.work-style-transparent #main .room-work-image > img { max-width: 100%; max-height: 100%; display: block; }

.room-work-info { padding: 15px 30px 0 30px; }
@media screen and (min-width: 768px) {
	.room-work-info { padding: 15px 30px 0 30px; }
}
.viewing-room.work-style-transparent .room-work-info { padding: 15px 0 0 0; }

#main .room-work-spec p { color: #757575; font-size: 16px; line-height: 20px; }
.room-work-enquire { padding: 0 30px 15px 30px; }

.enquire .btn,
.room-work-enquire .btn { background-color: #ddd; }

@media screen and (min-width: 768px) {
	.room-work-enquire { padding: 0 30px 0 30px; position: absolute; bottom: 30px; }
	.room-work-enquire .btn { margin: 0; }
}
.viewing-room.work-style-transparent .room-work-enquire { padding: 0; }

#main .room-work-info h3 { margin: 6px 0; }
#main .room-work-info h2 { margin: 6px 0; font-family: 'FigginsSans-Bold'; text-decoration: none; }
.room-work-info p { }
#main ul.rooms { margin: 48px 0 0 0; font-family: 'FigginsSans-Bold'; text-transform: uppercase; }
#main ul.rooms li.active a { color: #ffff00; }

.room-work-names { font-family: 'FigginsSans-Bold'; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 0; }
.room-work-title { font-family: 'FigginsSans-Bold'; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 0 0 12px 0; }

/* .overlay-info-wrap { display: none; } */
.overlay-info-wrap { display: block; position: absolute; top: 50%; right: 0; width: 100%; height: 50vh; background: #f7f7f7; overflow: auto; }
.overlay-info-inner { padding: 30px 30px 30px 30px; text-align: left; }

/* force black fg for viewing room works overlay in case fg of viewing room is set to #ffffff */

#main .overlay-info-inner .room-work-names,
#main .overlay-info-inner .room-work-title,
#main .overlay-info-inner .room-work-spec p,
#main .overlay-info-inner .room-work-info p { color: #000 }	

/*
@media screen and (max-width: 768px) { 
	#main .overlay-info-inner p { font-size: 14px; line-height: 18px; margin: 0 0 18px 0; }
}
*/

@media screen and (min-width: 1024px) {
	body.viewing-room .works-overlay .slideshow,
	body.outdoor-works .works-overlay .slideshow { width: 66.67%; height: 100vh; float: left; }
	body.viewing-room .works-overlay .controls,
	body.outdoor-works .works-overlay .controls { width: 66.67%; height: 100vh; position: absolute; z-index: 1000; top: 0; } 
	.overlay-info-wrap { display: block; position: absolute; top: 0; right: 0; width: 33.33%; height: 100vh; background: #f7f7f7; }
	.overlay-info-inner { padding: 75px 30px 30px 30px; text-align: left; }	

	#main ul.rooms { margin: 48px 0 0 15px; }
}

/* VIEWING ROOMS OVERVIEW */

.grid-room-wrap { margin: 0 0 45px 0; background: #fff; }
.grid-room-inner { width: 100%; }

.grid-room-image { height: 80vw; line-height: 80vw; cursor: pointer; margin: 0 15px 0 15px; text-align: center; }
.grid-room-image img { max-width: 90%; max-height: 90%; display: inline-block; vertical-align: middle; }
.grid-room-wrap .no-image { background: #ddd; }

.grid-room-content-wrap { width: 100%; padding: 30px; }
.grid-room-title { text-transform: uppercase; }

@media screen and (min-width: 768px) {
	.grid-room-content-wrap { width: 100%; padding: 30px; }

	.grid-room-image { height: 30vw; line-height: 30vw; margin: 0 15px 0 15px; text-align: center; }
	#main .grid-room-image > img { max-width: 90%; max-height: 90%; display: inline-block; vertical-align: middle; }

	.rooms-grid-inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.grid-room-wrap { flex: 0 0 calc(50% - 15px); }
}


/* -- phones -- */
@media only screen   
and (max-width : 1023px) {  

	body.shop { background-image: none; /* background-size: auto 960px; background-repeat: repeat-y; background-position: 50% 50%; */ }

	#header { height: auto !important; position: absolute; top: 0; left: 0; margin: 0 0 0 0; padding: 0; width: 100%; }
	#logo { right: 15px; left: auto; display: block; width: 240px; position: absolute; top: 24px; z-index: 100000; }
		#logo img { width: 240px; display: block; }
	
	#menu { cursor: pointer; display: block; position: relative; top: 30px; left: 15px; z-index: 10000; }
	#nav { display: none; width: 100%; height: 600px; background: rgba(255,255,255,1); position: absolute; top: 0px; padding: 72px 0 24px 0; left: 0; z-index: 10;  }
	#nav ul { margin: 0 6px 0 15px; }
	#nav li { margin: 9px 0; }
	.shop-hint-wrap { display: none; }
	
	.row.news .img-responsive { margin-bottom: 12px; }

	#main h1.title { padding-top: 72px; font-size: 30px; line-height: 36px; z-index: 10; }
	.reverse #main h1.title { color: #000 !important; }
	.artists .cv table td { font-size: 16px; line-height: 24px; padding: 0 24px 0 0; }
	.artists .cv table tr td:last-child { padding-right: 0; }
	.section .bg-image img { display: block; width: 100%; height: auto; }

	.exhibition { left: 0; position: static; }
	.exhibition .title.has-list-artists { margin-top: 24px; }
	.exhibition.indent { left: 0; }
	.exhibition .info { background: rgba(255,255,255,.9); }
	.exhibition .title { opacity: 1; font-weight: normal; text-transform: uppercase; font-size: 30px !important; line-height: 36px; letter-spacing: .2em; margin: 24px 0; }
	.exhibition .list-artists { margin: 0 0 0 0; }
	.exhibition .location { opacity: 1; font-size: 18px; line-height: 24px; margin: 0 0 0 0; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; }
	.exhibition .date { opacity: 1; font-size: 18px; line-height: 24px; margin: 30px 0 0 0; -webkit-font-feature-settings: 'onum'; -moz-font-feature-settings: 'onum'; -ms-font-feature-settings: 'onum'; }
	.exhibition .info:hover,.exhibition .info:hover a { color: #ffff00; text-decoration: none; cursor: pointer; }

	.exhibition .hint { display: none; }
	
	.featured-wrap { top: 0; }

	#modal-back { position: fixed; top:0; left: 0; height: 100%; width: 100%; background: #000; background: rgba(255,255,255,1); display: none; z-index: 99999999999999; }
	#modal-close { position: fixed; width: 24px; height: 24px; top: 24px; right: 24px; color: #FFF; font-size: 18px; line-height: 24px; cursor: pointer;  }
	#modal-close { background: url('../img/close.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px auto; }
	#modal-close:hover { background-image: url('../img/close-hover.png'); }
	#modal-content img { display: block; margin: 0 auto; }
	#modal-close img { width: 21px; }
	#modal-content .zoom-wrap { cursor: pointer; display: block; width: 100%; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }
	#modal-content .zoom-wrap.wide { background-size: 100% auto; }
	#modal-content .zoom-caption { background: rgba(255,255,255,1); position: absolute; left: 0; display: block; bottom: 0; width: 100%; height: 54px; text-align: center; padding: 3px 0 12px 0; text-wrap: balanced; }
	#modal-content .zoom-caption p { font-size: 14px; line-height: 18px; margin: 0; display: block; text-align: center; text-wrap: balanced; } 
	.modal-nav { display: block; text-decoration: none; color: #FFF; font-size: 18px; position: fixed; top: 42%; line-height: 24px; cursor: pointer; }
	#modal-back * {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.modal-nav#modal-nav-prev { left: 24px; width: 30px; height: 30px; background: url('../img/arrow-l-o.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px auto; }
	.modal-nav#modal-nav-prev:hover { background-image: url('../img/arrow-l-hover.png'); } 
	.modal-nav#modal-nav-next { right: 24px; width: 30px; height: 30px; background: url('../img/arrow-r-o.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px auto;  }
	.modal-nav#modal-nav-next:hover { background-image: url('../img/arrow-r-hover.png'); } 


}  


/* HOME */

body.home .section .bg-image > .slideshow { 
	width: 100%; 
	aspect-ratio: 3/2; 
	position: relative;
}
body.home .section .bg-image > .slideshow .slide-image-inner { 
	aspect-ratio: 3/2;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

body.home .section .bg-image > .slideshow .slide {
	display: none;
} 

body.home .section .bg-image > .slideshow .slide.active { display: block; position: absolute; top: 0; left: 0; width: 100%; }
body.home .section .bg-image > .slideshow .slide.active .slide-image-inner { animation: SHW .5s; animation-fill-mode: both; }


.back-to-top { margin: 0 0 90px 15px; }
.room-inner .back-to-top { margin-left: 0; }
.back-to-top a,
.back-to-top a:visited { color: #000; }
.back-to-top a:hover { color: #f00; }
@media (min-width:768px) {
	.back-to-top { background: transparent; display: block; opacity: 0; margin: 0; padding: 3px 12px; position: fixed; z-index: 1000000; right: 18px; bottom: -30px; transition: all .3s ease-out; border-radius: 24px; }
	.back-to-top.show { opacity: 1; transition: all .3s ease-out; bottom: 18px; }
}

@media only print {

#menu { display: none; }
#logo { position: static; width: 240px; height: 24px; margin: 0 0 24px 0; }
#nav { display: none; }
#artist-blurb { display: none; } /* hide artist blurb on print CV */
a[href]:after {
	content: none;
}
a { text-decoration: none !important; }
td.col-md-1 { width: 10%; }
.shop-hint-wrap { display: none; }
#main h1.title { font-size: 36px; margin-bottom: 0; }
.artists .cv table { page-break-before: avoid !important; }
.artists .cv table td { border: 0; font-size: 12px; line-height: 18px; padding: 0 0 0 0; }
.artists .cv table td a { text-decoration: underline; }
h3 { page-break-after: avoid !important; }

.page-break { page-break-before: always; margin-top: 0 !important; }

}

/* Hide content depending on screen size */

@media only screen and (max-width: 1023px) {
	.hide-on-mobile { display: none !important; }
}

@media only screen and (min-width: 1024px) {
	.hide-on-desktop { display: none !important; }
}

.hidden { display: none !important; }


/* PRIVACY PAGE */

body.privacy table { margin: 30px 0; margin: 0 0 30px 0; border-collapse: collapse; }
body.privacy th { font-weight: normal; vertical-align: top; padding: 12px 18px; border: 1px solid #ddd; }
body.privacy td { vertical-align: top; padding: 18px; border: 1px solid #ddd; }



/* SHOP CAROUSEL */

.carousel-slides-wrap.slideshow,
.carousel-slide-wrap.active,
.carousel-slide-inner .carousel-slide-image img{
	aspect-ratio: 3/2;
}
.carousel-slides-wrap.slideshow {
	margin: 0 0 6rem 0;
	position: relative;
	width: 100%;
	aspect-ratio: 3/2;
	background: #fff;
}
.carousel-slide-wrap {
	display: none;
}
.carousel-slide-wrap.active {
	background: #fff;
	display: flex;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	aspect-ratio: 3/2;
}
.carousel-slide-inner {
	flex: 0 0 100%;
	display: flex;
	justify-content: space-between;
	align-items: center; 
	flex-wrap: wrap;
	gap: 1.5rem;
	padding: 0;
} 
.carousel-slide-image {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* opacity: 0; */
	/* transition: 1s opacity ease; */
}
.carousel-slide-wrap.active .carousel-slide-image {
	animation: SHW .5s; animation-fill-mode: both;
}
.carousel-slide-image img {
	width: 100%;
	flex: 0 0 auto;
	object-fit: cover;
	object-position: center;
	display: block;
}
.carousel-slide-text {
	flex: 0 0 100%;
	padding: 1.5rem 1.5rem;
    position: absolute;
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.carousel-slide-text a {
	color: inherit;
	display: block; 
}
.carousel-slide-title {
	text-transform: uppercase;
    font-family: 'FigginsSans-Bold';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .2em;
}
.carousel-slide-inner .carousel-slide-text div {
	flex: 0 0 100%;
	text-align: center;
}

.carousel-slides-wrap .controls { z-index: 10000; opacity: 1; }
.carousel-slides-wrap .close-ctrl { position: fixed; width: 24px; height: 24px; top: 24px; right: 24px; cursor: pointer; background: url('../img/close.png') no-repeat center; background-size: 24px auto; }
.carousel-slides-wrap .close-ctrl:hover { background-image: url('../img/close-hover.png'); }
.carousel-slides-wrap .controls .left { cursor: pointer; left: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(50% - 60px); background-image: url('../img/arrow-l-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.carousel-slides-wrap .controls .left:hover { background-image: url('../img/arrow-l.png'); }
.carousel-slides-wrap .controls .right { cursor: pointer; right: -24px; width: 30px; height: 30px; padding: 60px; position: absolute; top: calc(50% - 60px); background-image: url('../img/arrow-r-hover.png'); background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.carousel-slides-wrap .controls .right:hover { background-image: url('../img/arrow-r.png'); }

@media screen and (max-width:767px) { 
	.carousel-slides-wrap .slideshow .left,
	.carousel-slides-wrap .slideshow .right { opacity: 0; transition: .3s opacity ease; }
	.carousel-slides-wrap .slideshow:hover .left,
	.carousel-slides-wrap .slideshow:hover .right { opacity: 1; }
}

@media screen and (min-width:768px) {
	.carousel-slides-wrap .controls .left,
	.carousel-slides-wrap .controls .right { top: calc(50% - 60px); }
	.carousel-slides-wrap .controls .left { background-image: url('../img/arrow-l-o.png'); }
	.carousel-slides-wrap .controls .right { background-image: url('../img/arrow-r-o.png'); }
	.carousel-slides-wrap .controls .left:hover { background-image: url('../img/arrow-l-hover.png'); }
	.carousel-slides-wrap .controls .right:hover { background-image: url('../img/arrow-r-hover.png'); }
}

@media (min-width:768px) {
	.carousel-slide-title {
		font-size: 30px;
		line-height: 36px;
	}
	.carousel-slides-wrap .controls { z-index: -1; opacity: 0; transition: .3s opacity ease; }
	.carousel-slides-wrap:hover .controls { z-index: 10000; opacity: 1; }
}

@media (min-width: 1440px) {
	.carousel-slides-wrap.slideshow,
	.carousel-slide-wrap.active,
	.carousel-slide-inner .carousel-slide-image img{
		aspect-ratio: 16/9;
	}
}