@font-face {
    font-family: 'HelveticaNeue';
    src: url('/theme/management-artists/css/HelveticaNeue.eot');
    src: url('/theme/management-artists/css/HelveticaNeue?#iefix') format('embedded-opentype'),
         url('/theme/management-artists/css/HelveticaNeue.woff') format('woff'),
         url('/theme/management-artists/css/HelveticaNeue.ttf') format('truetype'),
         url('/theme/management-artists/css/HelveticaNeue.svg#HelveticaNeue') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/theme/management-artists/css/HelveticaNeue-Bold.eot');
    src: url('/theme/management-artists/css/HelveticaNeue-Bold?#iefix') format('embedded-opentype'),
         url('/theme/management-artists/css/HelveticaNeue-Bold.woff') format('woff'),
         url('/theme/management-artists/css/HelveticaNeue-Bold.ttf') format('truetype'),
         url('/theme/management-artists/css/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
	font-weight: bold; font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('/theme/management-artists/css/HelveticaNeue-Medium.eot');
    src: url('/theme/management-artists/css/HelveticaNeue-Medium?#iefix') format('embedded-opentype'),
         url('/theme/management-artists/css/HelveticaNeue-Medium.woff') format('woff'),
         url('/theme/management-artists/css/HelveticaNeue-Medium.ttf') format('truetype'),
         url('/theme/management-artists/css/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
	font-weight: normal; font-style: normal;
}

/* general */
* {outline: none; box-sizing: border-box;}

body,html {color: #000; font-family: 'HelveticaNeue', Helvetica, Arial; font-size: 14px; line-height: 1.3em; background: #fff; -webkit-overflow-scrolling: auto;}
html, body, #wrapper {height: auto; width: auto;}
body, #wrapper {overflow: visible;}
html {overflow: auto;}
.noscroll {overflow: hidden;}
html.noscroll, html.noscroll body {overflow: hidden;}
a {color: #000; text-decoration: underline;}
a:hover, a.sel, a.active {color: #000; text-decoration: underline;}
p {padding-bottom: 1em;}

video.landscape {height: 100%; width: auto;}
video.portrait {width: 100%; height: auto;}

.video-icon:before {content: ''; display: none; position: absolute; top: 50%; left: 50%; height: 32px; width: 32px; margin: -16px 0 0 -16px; background: url(/theme/management-artists/imgs/play-icon.png) no-repeat center center; background-size: contain;}

.divider {display: block; height: 2px; margin: 40px 0; background: #000; padding: 0px;}

.title, .section-title {font-size: 36px; line-height: 43px; color: #000; font-weight: bold;}
.section-title {padding: 37px 0 22px 0;}
.section-title a {text-decoration: none;}
.subtitle, .section-subtitle {font-size: 20px; line-height: 24px; color: #000; text-transform: uppercase; font-weight: bold;}
.view-more {margin-top: 20px; display: inline-block; font-size: 20px; line-height: 1.1em; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-decoration: none;}
.view-more i {display: inline-block; position: relative; top: 0.1em; height: 1em; width: 1em; background-image: url(/theme/management-artists/imgs/view-more-arrow.svg); background-repeat: no-repeat; background-position: left center; background-size: 70%;}
.link-title {font-size: 20px; line-height: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; color: #000;}

.nowrap {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

input[type=text], input[type=email], button, select {position: relative; border-radius: 0px; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 0px; -webkit-appearance: none;}
::-webkit-input-placeholder {color: #000; padding-top: 3px;}
::-moz-input-placeholder {color: #000; padding-top: 3px;}
::-ms-input-placeholder {color: #000; padding-top: 3px;}
::-moz-placeholder {color: #000; padding-top: 3px;}

.masonry:after {clear: both; display: block; content: '';}

/* Bootstrap alignment and overrides */
.desktop-text {display: inline;}
.mobile-text {display: none;}

[class^="col-"] {padding-left: 0px; padding-right: 0px;}
.row {margin-left: 0px; margin-right: 0px;}

.vertical-align {display: flex; flex-direction: row;}
.vertical-align > [class^="col-"], .vertical-align > [class*=" col-"] {display: flex; flex-direction: column; justify-content: center;}
.vertical-align > [class^="col-"] > div, .vertical-align > [class*=" col-"] > div {width: 100%;} /* this is needed to fix an full width issue */

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


.newsletter-label {padding-right: 16px; width: auto;}
.newsletter-label .subtitle {line-height: 1em;}

.visibility-hidden {visibility: hidden; font-size: 1px;}


#wrapper {position: relative;}
/* #header, .content {max-width: 1800px; margin: 0 auto;} */
#header, .content {margin: 0 auto;}
.content {padding: 0 40px;}

/* header */
#header {padding: 0 15px; color: #fff; background-color: #000;}
#header .content {padding: 0; display: flex; align-items: center;}
#logo {display: flex; flex-grow: 1; padding: 15px 0;}
#logo h1 {margin: 0px;}
#logo svg {display: block; height: 15px; width: auto;}

.top_menu {display: flex; align-items: center; justify-content: flex-end; font-size: 19px; line-height: 27px; letter-spacing: 1px; text-align: right; font-family: 'HelveticaNeue-Medium';}
.top_menu a {color: #888; text-decoration: none;}
.top_menu .sel a, .top_menu .active a {color: #fff;}
.top_menu ul {display: flex;}
.top_menu ul li {display: inline-block; padding-right: 15px;}
.top_menu ul li:last-child {padding-right: 0;}
.top_menu #n_search a {display: block; line-height: 27px; font-size: 14px; border-radius: 1em; padding: 0 15px; color: #fff; background: rgba(255,255,255,0.3);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.top_menu #n_search.sel a {color: #000; background: rgba(255,255,255,1)}

.menu {letter-spacing: 1.5px;}

/* subnav */
#nav {margin: 0; font-size: 20px; padding: 0 40px; line-height: 1.1em;}
#nav .menu ul, .subnav ul {
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(4, 1fr);
	text-align: left;
}
#nav .menu ul.col-3, .subnav ul.col-3 {
	grid-template-columns: repeat(3, 1fr);
}
#nav a {text-decoration: none;}
#nav .menu .menu-inner {padding: 15px 0; border-bottom: 2px #000 solid; font-weight: bold;}
#nav .menu ul li {padding: 0 20px 20px 0; margin: 0;}
#nav .menu ul.contents_list {display: none;}
ul.contents_list.closed {display: none;}

#nav .menu, #nav #contact, .artist-search {max-height: 0px; overflow: hidden; opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#nav .menu.active, #nav #contact.active, .show-search .artist-search {max-height: 300px; opacity: 1;}

body:not(.home) #nav a {color: #999;}
body:not(.home) #nav a.active, body:not(.home) #nav a:hover {color: #000;}

#nav .f-instagram {padding-bottom: 0px;}
#nav .aboutlink a {color: #fff; text-transform: uppercase; font-weight: bold;}
#nav .aboutlink, #nav .newsletter-social-icon {padding: 15px 10px 15px 10px; display: block; line-height: 1em; border-bottom: 1px solid #fff;}
#nav .newsletter-social-icon {border-top: 1px solid #fff;}
#nav form {padding: 15px;}

#nav.nav-illustration {display: none;}


/* filters and filter lists */
.nav-filter {padding-bottom: 10px;}
.filter-label, .filter-list a {text-decoration: none;}

.filter-label {position: relative; display: block; font-size: 20px; line-height: 1.5em; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;}
.filter-label i, .back-to-division i {position: relative; display: inline-block; height: 0.8em; width: 1em; left: 0.5em; background: url(/theme/management-artists/imgs/chevron.png) no-repeat center center; background-size: 70%; transform: rotate(0deg);
	-webkit-transition: transform 0.02s linear;
	-moz-transition: transform 0.02s linear;
	-o-transition: transform 0.02s linear;
	-ms-transition: transform 0.02s linear;
	transition: transform 0.02s linear;
}
.filter-label.active i {transform: rotate(-180deg);}
.filter-label.inactive {color: #999;}
.filter-label.inactive .icon {opacity: 0.5;}
.beauty .filter-label {font-weight: 700;}
.filter-list {display: block; max-height: 0px; opacity: 0; overflow: hidden; text-transform: uppercase; font-size: 20px; line-height: 1.1em; font-weight: bold;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.filter-list.active {opacity: 1; max-height: 500px;}
.filter-list ul {padding: 20px 0; display: block; column-count: 4; column-fill: balance;}
.filter-list li {padding-right: 1em;}
.filter-list li a {display: inline-block; margin-bottom: 20px;}
.filter-list .label_artist_type {display: block; font-size: 13px; text-transform: uppercase;}

@media screen and (min-width: 993px) {
	.filter-list.has-new-wave {display: flex; direction: row;}
	.filter-list.has-new-wave ul {column-count: 3; width: 75%;}
	.filter-list.has-new-wave .new-wave-artists {column-count: 1; width: 25%;}
}
.division-title a {color: #999;}

.back-to-division, .overview-link {display: inline-block;}
.back-to-division i {transform: rotate(180deg); vertical-align: top; background-size: 70%;}
.overview-link i {display: inline-block; height: 1em; width: 1em; background: url(/theme/management-artists/imgs/overview.svg) no-repeat center center; background-size: 80% 80%; vertical-align: top;}

/* contact */
#contact {font-size: 12px; line-height: 17px; text-transform: uppercase;}
#contact h3 {padding: 0 0 28px 0; font-size: 20px; line-height: 24px; font-weight: bold;}
#contact a {display: block; text-overflow: ellipsis; overflow: hidden; text-decoration: none;}
#contact .menu-inner {padding: 37px 0 22px 0; border-bottom: 2px #000 solid;}
#contact .menu-inner div {display: inline-block; width: calc(20% - 4px); vertical-align: top; padding-right: 1em;}
#contact a {font-family: 'HelveticaNeue-Medium';}

/* footer */
#footer {padding: 80px 0; background: #f5f5f5; font-weight: bold; font-size: 20px; line-height: 1.1em; letter-spacing: 1px;}
#footer input[type="text"] {height: 75px; width: calc(100% - 20px); padding: 0 30px; font-weight: bold; font-size: 20px; line-height: 1.1em; letter-spacing: 1px; border: 0px; text-transform: uppercase;}
#footer button {display: block; width: 100%; height: 75px; border: 0px; padding-top: 6px; background: #000; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.1em; letter-spacing: 1px;}
#footer a.fa {display: inline-block; text-decoration: none;}
#footer a.fa:hover {text-decoration: none;}
#footer .aboutlink {text-transform: uppercase;}
#footer .aboutlink a {text-decoration: none;}
#footer .privacy-message {position: absolute; top: 85px; font-size: 0.8em;}

/* instagram feed */
.instagram-list img {width: 100%;}
.instagram-image {display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.instagram-item {position: relative; width: 66.6666%; float: left;}
.instagram-overlay {position: absolute; bottom: 15px; left: 20px; right: 20px; color: #fff; text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.75), 0px 0px 2px rgba(0,0,0,0.4);}
.instagram-small {width: 33.3333%; float: left; font-size: 10px;}
.instagram-small .instagram-item {float: none; width: 100%;}
.instagram-overlay .likes {float: left;}
.instagram-small svg {height: 10px; width: auto;}
.instagram-overlay .username {float: right; text-align: right;}
.instagram-hidden {display: none;}


/* 	card
	These are used to display the grid items with image and text
	ratio is 1.5 (width/height)
*/
.card-list {}
.card-list .card {position: relative;}
.card-list .card-image {display: block; overflow: hidden; width: 100%; padding-top: 57%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.card-list .card-image-wrapper {padding-top: 57%; width: 100%; height: 0; overflow: hidden;}
.card-image-wrapper {position: relative; height: 100%;}
.card-list .card-image-wrapper .card-image {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 0px; background: none; overflow: hidden;}
.card-image-wrapper .card-image img, .card-image-wrapper .card-image video {display: block; width: 100%; height: auto;}
.card-description {position: absolute; opacity: 0; z-index: 1; bottom: 0px; left: 0px; right: 0px; font-size: 14px; font-weight: bold; padding: 13px 13px 10px 13px; background: #fff; border-bottom: 2px solid #000;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.card-image-wrapper.landscape .card-image img, .card-image-wrapper.landscape .card-image video {width: auto; height: 100% !important; position: absolute; top: 0px; left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (min-width: 993px) {
	.card:hover .card-description {opacity: 1;}
}
.card-description-toggle {display: none; position: absolute; bottom: 0px; right: 0px; z-index: 2; height: 3em; width: 3em; line-height: 3em; text-align: center; background: #fff; border-bottom: 2px solid #000; cursor: pointer;}
.card-description-toggle svg {position: relative; top: -2px; width: 50%; height: auto; display: inline-block; vertical-align: middle; margin: 0 auto;
	-webkit-transition: transform 0.05s linear;
	-moz-transition: transform 0.05s linear;
	-o-transition: transform 0.05s linear;
	-ms-transition: transform 0.05s linear;
	transition: transform 0.05s linear;
}
.card-description-toggle.active svg {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.card-description.active {opacity: 1;}
.card-description p {padding: 0px; margin: 0px;}
.card-text {padding: 13px 13px 33px 0;}
.card-text p {margin: 0px; padding: 0px;}
.card-title {max-height: 2.2em; overflow: hidden; font-size: 18px; line-height: 1.2em; padding: 0; margin: 0 0 7px 0; text-transform: uppercase; font-weight: bold;}
.card-title a {text-decoration: none}
.card-subtitle {display: inline-block; margin-left: 0.7em; font-family: 'HelveticaNeue-Medium'; font-weight: normal; color: #999; text-transform: none;}
.card-news-title {text-transform: none;}
.card-date {margin: 0; padding: 0 0 13px 0; font-size: 20px; line-height: 1em; font-weight: normal; text-transform: uppercase;}
.card-body {font-size: 14px; line-height: 1.5em; font-weight: bold;}
.card-associations {font-weight: bold;}
.card-associations a {text-decoration: none;}
.card-association-item {display: block; padding-bottom: 0.1em;}
.card-associations.portrait-image .card-association-item {display: block; width: 100%;}
.card-source {display: block; padding: 21px 0 0 0; font-size: 11px; line-height: 13px; font-weight: bold; text-transform: uppercase;}
.card-source a {text-decoration: underline;}

/* new wave style overrides */
.new-wave.masonry .section-title {font-size: 23px; line-height: 1em; text-transform: uppercase;}
.new-wave.masonry .card {float: none; position: relative; text-align: center; padding: 0 40px;}
.new-wave.masonry .card-image-wrapper {margin: 0 auto; display: block;}
.new-wave.masonry .card-image-wrapper a {display: block;}
.new-wave.masonry .card-image-wrapper img, .new-wave.masonry .card-image-wrapper video {width: 100%; height: auto; margin: 0 auto; max-width: none;}
.new-wave.masonry .card-image-wrapper .section-title {text-align: left;}
.new-wave .artist-subnav-links {font-size: 14px; line-height: 12px;}

.artist_list,
.home.projects .masonry {position: relative; overflow: hidden;}
.masonry .card {margin-bottom: 20px;}
.home.projects .card, #static.archive .card {box-sizing: content-box; padding-bottom: 116px;}
.division_list .card,
.artist_list .card {box-sizing: content-box; padding-bottom: 70px;}
.artist_list.new-wave .card {padding-bottom: 0;}
.special {padding-bottom: 2em;}
.special-project-image {padding: 0px;}
.special-project-image .card {padding-bottom: 8px;}
.special-project-text {padding-left: 40px;}
.special-project-text .card-text {padding: 0px;}


/* masonry overrides */
.padding {padding-top: 40px;}
#masonry .m_item .m_item_image, .masonry .m_item .m_item_image {margin: 0px;}
.expand .masonry {height: auto !important;}
.view-all .view-more {display: none;}
.focus.view-all .view-more {display: block;}


/* splash */
#splash {position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 900; background: #fff;}
.splash_logo {position: absolute; top: 50%; right: 40px; left: 40px; margin: -75px 0 0 0; opacity: 0;}
.splash_logo svg {width: 100%;}
#splash img {max-width: 100%;}
.no_splash #splash {display: none;}

/* home */
.section {border-top: 2px solid #000; padding-bottom: 40px;}
.section:first-child {border-top: 0px;}
.home.artist .content_description {height: 18px;}

.f-instagram {display: block; width: 100%; text-decoration: none; text-transform: uppercase;}
.f-instagram:hover {text-decoration: none;}
.f-instagram-icon {float: left; font-size: 42px; padding-right: 0.25em;}

.hidden-work {max-height: 0px; overflow: hidden;}
.hidden-work.active {max-height: 9000px;}

/* About Page */
.about #static.page {font-size: 1.5em; line-height: 1.5em; padding: 3em 0;}


/* division */
.masonry {padding: 0;}
.masonry .card {float: left;}

/* Artist Page */
.section.featured {padding-top: 40px;}
.artist-subnav-links {padding: 0 0 10px 0; font-size: 20px; line-height: 20px; text-transform: uppercase;}
.artist-subnav-links a,
.section.artist a {text-decoration: none;}
.section.artist img {max-width: 100%;}
.artist-bio-container {padding: 56px 0 40px 0;}
.artist-bio {padding-left: 0px; font-size: 22px; line-height: 29px; letter-spacing: 0.3px; font-weight: bold; vertical-align: top;}
.artist-clients, .special-project-text {padding-right: 0px; font-size: 22px; line-height: 29px; letter-spacing: 0.3px;}
.artist-links {font-size: 20px; line-height: 1.1em;}
.artist-links a {text-decoration: underline !important; font-weight: bold; text-overflow: ellipsis; overflow: hidden; display: block;}
.artist-image img, .artist-image video {width: 100%; max-width: 100%;}

/* Portfolio */
.overlay {position: fixed; z-index: 1000; display: block; top: 0; right: 0; left: 0; height: 100%;
	-webkit-transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.4s;
	-moz-transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.4s;
	-o-transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.4s;
	-ms-transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.4s;
	transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.4s;
}
.overlay-bg {position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(226,225,225); background: rgba(226,225,225,0.45);}
.overlay-outer {position: fixed; top: 100%; left: 0px; height: 100%; width: calc(100% - 160px); margin: 0 80px; -webkit-overflow-scrolling: touch; overflow: auto; background: #fff;
	-webkit-transform: cubic-bezier(0.075, 0.820, 0.165, 1.000) 0.3s;
	-moz-transform: cubic-bezier(0.075, 0.820, 0.165, 1.000) 0.3s;
	-ms-transform: cubic-bezier(0.075, 0.820, 0.165, 1.000) 0.3s;
	-o-transform: cubic-bezier(0.075, 0.820, 0.165, 1.000) 0.3s;
	transform: cubic-bezier(0.075, 0.820, 0.165, 1.000) 1.3s;
	-webkit-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
	-o-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
	-ms-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
}
.overlay.show .overlay-outer {top: 0px;
	-webkit-transition: top 0.3s ease-in-out 0.5s;
	-moz-transition: top 0.3s ease-in-out 0.5s;
	-o-transition: top 0.3s ease-in-out 0.5s;
	-ms-transition: top 0.3s ease-in-out 0.5s;
	transition: top 0.3s ease-in-out 0.5s;
}
.overlay_content {position: relative; width: 100%; padding: 0px; background: #fff;}
.overlay .overlay-close {position: absolute; z-index: 1; top: 46px; right: 40px; font-weight: bold; font-size: 20px; line-height: 24px; letter-spacing: 0.075em; cursor: pointer;}
.overlay .overlay-close svg {height: 0.8em; width: auto;}
.overlay .title {margin-top: 0px; margin-right: 4em;}

/* Portfolio detail */
#slideshow_overlay .artist_description, .overlay-album-title {font-size: 22px; line-height: 29px; letter-spacing: 0.013em;}
#slideshow_overlay .slideshow_image,
slideshow_content .slideshow_image {text-align: center;}
#slideshow_overlay img,
#slideshow_content img {max-width: 100%; margin: 0 auto;}
#slideshow_text {position: fixed; top: 0px; left: 80px; right: 80px; z-index: 1; padding: 40px; margin-bottom: 0px; background: #fff;}
#slideshow_text h1 {margin: 0px;}
#slideshow_content, #about_overlay .artist_description {position: relative; padding: 120px 40px 40px 40px; background: #fff;}

#about_overlay .title {text-transform: uppercase;}
#about_overlay .artist_description {font-size: 1.4em; line-height: 1.5em; font-weight: bold;}

/* video player css markup */
.video-js {
	font-size: 10px;
	color: #000;
	width: auto;
	height: auto;
	padding-top: 0 !important;
	background: #fff;
}
.video-js, .vjs-tech {left: auto !important; top: auto !important; position: relative !important;}
.vjs-default-skin .vjs-big-play-button {
	font-size: 3em;
	line-height: 1.5em;
	height: 1.5em;
	width: 3em;
	border: 1px solid #fff;
	border-radius: 0em;
	left: 50%;
	top: 50%;
	margin: -0.75em 0 0 -1.5em;
}
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-control-bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}
.video-js .vjs-big-play-button:focus {background-color: #ffffff; background-color: rgba(255,255,255,0.5);}
.video-js .vjs-big-play-button {color: #fff; background-color: #000; background-color: rgba(0,0,0,0.1);}
.video-js:hover .vjs-big-play-button {background-color: #000; background-color: rgba(0,0,0,0.3);}

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
	background: #000;
}
/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
	background: ligthen(#000000, 20%);
	background: rgba(0, 0, 0, 0.2);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
	background: ligthen(#000000, 50%);
	background: rgba(0, 0, 0, 0.75);
}
.vjs-menu li:focus, .vjs-menu li:hover {color: #fff; background: #000;}
.vjs-fullscreen {background: #000;}
.vjs-menu li:focus, .vjs-menu li:hover {color: #fff; background: #000;}

.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {height: auto;}

/* Video Portfolio Detail */
#slideshow li .slideshow_video {margin: 0 auto;}
#slideshow li .slideshow_video img {display: none;}

/* mobile */
.mobile-menu {display: none; position: fixed; z-index: 891; top: 0; right: 0; height: 45px; width: 45px; cursor: pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.mobile-menu:before, .mobile-menu:after {content: ''; display: block; position: absolute; height: 2px; width: 15px; background: #fff; border-radius: 2px; opacity: 1; left: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.mobile-menu:before {top: 18px;}
.mobile-menu:after {top: 25px;}
.mobile-menu.sel:before, .mobile-menu.sel:after {top: 22px; left: 15px;}
.mobile-menu.sel:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-menu.sel:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
html.mobile_menu_open, html.mobile_menu_open body {overflow: hidden;}


/* CUrator feed hack */
.crt-feed-window {height: auto !important; overflow: visible !important;}
.crt-feed {display: block; width: 100%;}


/* Campaign markup for detail view */
.campaign {text-align: center;}
.campaign .overlay-album-title {padding-bottom: 2em;}

/* artist search list */
.artist-search {position: relative; margin: 0 40px; padding: 5px 0 15px 0; font-weight: bold; text-transform: uppercase; overflow: hidden;}
.artist-search-field {border-bottom: 2px solid #000;}
.artist-search input {display: block; width: 100%; padding: 0; height: 40px; line-height: 40px; text-transform: uppercase;}
.artist-search-list {display: block; position: relative;}
.artist-search-list ul {list-style: none; display: none; position: absolute; z-index: 1; top: -2px; left: 0; right: 0; border: 1px solid #000; background: #fff; max-height: 300px; overflow: auto;}
.artist-search-list li {display: block;}
.artist-search-list a {display: block; text-decoration: none; padding: 0.5em 1em;}
.artist-search-list a:hover {background: #f6f6f6;}
.show-search .artist-search {overflow: visible;}

@media screen and (max-width: 992px) {
	.mobile-menu {display: block;}

	.desktop-text {display: none !important;}
	.mobile-text {display: inline !important;}

    #wrapper {padding-top: 46px;}

	#nav {position: fixed; z-index: 850; left: -260px; width: 260px; margin: 0px; padding: 0; top: 46px; bottom: 0px; background: #000; overflow: auto; -webkit-overflow-scrolling: touch;
		-webkit-transition: left 200ms ease-in-out, right 200ms ease-in-out;
		-moz-transition: left 200ms ease-in-out, right 200ms ease-in-out;
		-o-transition: left 200ms ease-in-out, right 200ms ease-in-out;
		-ms-transition: left 200ms ease-in-out, right 200ms ease-in-out;
		transition: left 200ms ease-in-out, right 200ms ease-in-out;
	}
	#header {top: 0; left: 0; height: 46px; position: fixed; z-index: 2; width: 100%;}
	html.mobile_menu_open #nav {left: 0;}
	.top_menu {display: none;}
	#nav .menu, #nav #contact {opacity: 1; padding: 0px; max-height: none; overflow: visible;}
	#nav .menu .menu-inner, #nav #contact .menu-inner {padding: 0px;}
	#nav .menu ul li {padding: 20px 10px 15px 10px; display: block; line-height: 1em; border-bottom: 1px solid #fff;}
	#nav, #nav .menu a, #nav #contact a {color: #fff;}
	#nav #contact h3 {font-size: 15px;}
	#nav #contact {font-size: 10px;}
	#nav .menu ul, .subnav ul {grid-gap: 0; grid-template-columns: repeat(1, 1fr);}
	#nav .menu {letter-spacing: 0.5px;}
	.filter-list {font-size: 14px;}
	.filter-list ul {column-count: 2;}
	.division-title {column-span: all;}
	#nav .menu.active, #nav #contact.active, .filter-list.active {max-height: 900px;}
    #nav.nav-illustration {display: block;}
	.macreative-mobile {display: block;}
	.artist-search {margin: 0; max-height: none; opacity: 1; overflow: visible;}

	body:not(.home) #nav a {color: #fff;}
	body:not(.home) #nav a.active, body:not(.home) #nav a:hover {color: #fff;}

	.f-instagram-icon {font-size: 30px; position: absolute; right: 0px; top: 8px;}
	.f-instagram {padding-bottom: 15px;}
	.f-instagram, .f-instagram:hover {color: #fff;}
	.f-instagram-label {font-weight: bold;}

	.vertical-align {display: block;}
	#nav form .label {text-align: center; font-weight: bold; text-transform: uppercase; display: block;}
	#navNewsletter .subtitle {color: #fff; text-align: center; font-size: 15px;}
	#navNewsletter .subtitle br {display: none;}
	#navNewsletter input, #navNewsletter button {display: block; width: 100%; padding: 0.5em 0; text-align: center; font-weight: bold; text-transform: uppercase;}
	#navNewsletter button {border: 1px solid #fff; background: #000;}

	#footer {display: none;}
	#contact .menu-inner div {display: block; width: 100%; padding: 10px;}
	#contact h3 {position: relative; padding: 0px; cursor: pointer;}
	#contact h3:before {position: absolute; right: 0; top: 0; content: ''; display: block; height: 1em; width: 1em; text-align: center;
		background-image: url(/theme/management-artists/imgs/white-cross.png), url(/theme/management-artists/imgs/white-cross.svg); background-size: 90%; background-position: center center; background-repeat: no-repeat;
		transform: rotate(0);
	}
	#contact h3.show:before {
		transform: rotate(45deg);
	}
	#contact h3 + p {display: none;}
	.subnav.division .title {font-size: 18px;}
	.artist-subnav-links a,
	.filter-label {text-align: center; border: 1px solid #000; line-height: 50px; font-weight: bold;}
	.artist-subnav-links a {padding: 0.3em 0 0 0; display: block; font-size: 14px;}
	.filter-label {white-space: nowrap; letter-spacing: 0;}
	.filter-label i {display: none;}
	.filter-label:nth-child(2n) {border-left: 0px;}
	.filter-label:nth-child(3), .filter-label:nth-child(4), .filter-label:nth-child(5), .filter-label:nth-child(6) {border-top: 0px;}
	.artist-subnav-links a.active,
	.artist-subnav-links a:hover,
	.filter-label.active {background: #000; color: #fff;}

	.artist-search {padding-top: 0; padding-left: 15px; padding-right: 15px;}

	.overview-link i {display: none;}

	.section:first-child {border-top: 0px;}
	.section {padding-bottom: 15px;}
	.section.featured {padding-top: 15px;}
	.section.artist.featured {border-top: 0px;}

	.title {font-size: 25px; line-height: 1.1em;}
	.card-description-toggle {display: block;}
	.card-description {padding-left: 15px; padding-right: 45px; font-size: 12px;}

	.overlay-outer {margin: 0px; margin: 0px 15px; width: calc(100% - 30px);}
	#about_overlay .overlay_content {padding: 0 20px;}
	#slideshow_text {left: 15px; right: 15px; padding: 20px;}
	#slideshow_overlay .artist_description {font-size: 14px;}

	.vertical-align {display: block;}
	.vertical-align > [class^="col-"], .vertical-align > [class*=" col-"] {display: block; align-items: none;}
	.vertical-align > [class^="col-"] > div, .vertical-align > [class*=" col-"] > div {width: 100%;} /* this is needed to fix an full width issue */

	.overlay .overlay-close {position: fixed; top: 10px; right: 30px; z-index: 99; transform: translate3d(0,0,0);}
	.overlay .overlay-close .close {top: 0px; right: 0px; height: 30px; width: 30px; font-size: 30px;}
	.overlay .overlay-close .close-label {display: none;}
}

@media screen and (max-width: 768px) {
	#footer input {width: 100%;}
	.artist-clients {padding-left: 0px;}
	.artist-links > div {margin-bottom: 2em;}
	.video-icon:before {display: block;}
}

@media screen and (max-width: 640px) {
	.content {padding: 0px;}
	#footer .content {padding: 0 10px;}
	#nav .menu ul, .subnav ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#slideshow_content, #about_overlay .artist_description {padding-left: 0px; padding-right: 0px;}
	#slideshow_overlay .artist_description {padding: 0 20px;}
	.subnav.division {padding: 0 12px;}
	.filter-label {font-size: 12px; line-height: 36px;}
	#nav .menu.active, #nav #contact.active, .filter-list.active {max-height: 1000px;}
	.subnav.artist, .artist-bio, .artist-clients, .artist-links {padding: 0 15px;}
	.artist-bio-container {padding: 20px 0;}
	.artist-bio, .artist-clients, .special-project-text {font-size: 14px; line-height: 1.5em;}
	.view-more {margin-left: 15px;}
	.special-project-text {padding-left: 20px;}
	.artist-links, .artist-links h3 {font-weight: normal; font-size: 12px; line-height: 1.5em;}
	.artist-links a {text-decoration: underline !important;}
	.section-title {padding-top: 15px; padding-bottom: 15px; font-size: 18px;}
	.section-title, .card-text {padding-left: 15px; padding-right: 15px;}
	.card-date, .card-text {font-size: 12px;}
	.card-title {font-size: 14px;}
	.card-body {font-size: 12px; line-height: 1.5em; font-weight: normal;}
	#footer {padding: 40px 0;}
}