html, body { height: 100%; width: 100%; }

body { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

hr { border-color: #777777; border-width: 3px; max-width: 50px; }

hr.light { border-color: white; }

a { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; color: #000; }
a:hover, a:focus { color: white; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; color: #000; }

p { font-size: 14px; line-height: 1.5; margin-bottom: 0; font-weight: 300; }

.bg-primary { background-color: #fff !important; }

.bg-light { background-color: #eeeeee !important; }

.bg-dark { background-color: #222222 !important; color: white; }

.text-faded { color: rgba(0, 0, 0, 0.9); }

section { padding: 100px 0; }

.section-heading { margin-top: 0; /*font-size: 14px;
font-weight: normal;*/ }

.no-padding { padding: 0; }

::-moz-selection { color: white; text-shadow: none; background: #222222; }

::selection { color: white; text-shadow: none; background: #222222; }

img::selection { color: white; background: transparent; }

img::-moz-selection { color: white; background: transparent; }

.add-letterspacing { letter-spacing: 0px; }

body { -webkit-tap-highlight-color: #222222; }

#mainNav { background-color: white; border-color: rgba(34, 34, 34, 0.05); font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#mainNav .navbar-brand { color: #000; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: 300; text-transform: uppercase; }
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus { color: black; }
#mainNav .navbar-toggler { border: 0; }
#mainNav .navbar-toggle { font-weight: 700; font-size: 12px; color: #222222; text-transform: uppercase; }
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { text-transform: uppercase; font-weight: 300; font-size: 14px; color: #686868; letter-spacing: 0.07em; }
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #0d8abc; }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active { color: #0d8abc !important; background-color: transparent; /*font-weight: 600 !important;*/ /*border-bottom: 1px solid $theme-text;
border-top: 1px solid $theme-text;*/ }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover { background-color: transparent; }
@media (min-width: 992px) { #mainNav { background-color: transparent; border-color: rgba(255, 255, 255, 0.3); }
  #mainNav #socialfollow { text-align: right; }
  #mainNav .navbar-brand { color: #686868; }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus { color: #0d8abc; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { color: #686868; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #0d8abc; }
  #mainNav.navbar-shrink { background-color: white; border-color: rgba(34, 34, 34, 0.05); }
  #mainNav.navbar-shrink .navbar-brand { color: #686868; font-size: 16px; }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus { color: white; }
  #mainNav.navbar-shrink a.navbar-brand.facebook:hover, #mainNav.navbar-shrink a.navbar-brand.facebook:focus { color: #3B5998; }
  #mainNav.navbar-shrink a.navbar-brand.twitter:hover, #mainNav.navbar-shrink a.navbar-brand.twitter:focus { color: #55ACEE; }
  #mainNav.navbar-shrink a.navbar-brand.instagram:hover, #mainNav.navbar-shrink a.navbar-brand.instagram:focus { color: #c13584; }
  #mainNav.navbar-shrink a.navbar-brand.tumblr:hover, #mainNav.navbar-shrink a.navbar-brand.tumblr:focus { color: #35465C; }
  #mainNav.navbar-shrink a.navbar-brand.youtube:hover, #mainNav.navbar-shrink a.navbar-brand.youtube:focus { color: #E52D27; }
  #mainNav.navbar-shrink a.navbar-brand.vimeo:hover, #mainNav.navbar-shrink a.navbar-brand.vimeo:focus { color: #21b2ff; }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { color: #222222; }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #0d8abc; } }

header.masthead { position: relative; width: 100%; height: 60%; min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("/img/production_shots/fullsize/2017_WesternFlag_Gerrard_001.jpg"); text-align: center; color: #333333; }
header.masthead .header-content { position: relative; text-align: center; width: 100%; position: absolute; top: 70%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); padding: 0px; }
header.masthead .header-content .header-content-inner h1 { font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: 35px; color: black; }
header.masthead .header-content .header-content-inner h2 { color: black; font-size: 23px; }
header.masthead .header-content .header-content-inner hr { margin: 30px auto; }
header.masthead .header-content .header-content-inner p { font-weight: 300; color: rgba(0, 0, 0, 0.9); font-size: 16px; margin-bottom: 50px; }
@media (min-width: 768px) { header.masthead { height: 100%; min-height: 600px; }
  header.masthead .header-content { position: absolute; top: 70%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); padding: 0 50px; }
  header.masthead .header-content .header-content-inner { max-width: 1000px; margin-left: auto; margin-right: auto; }
  header.masthead .header-content .header-content-inner h1 { font-size: 35px; }
  header.masthead .header-content .header-content-inner p { font-size: 18px; max-width: 80%; margin-left: auto; margin-right: auto; } }

header.artist { margin-top: 54px; position: relative; width: 100%; min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: top; background-image: url("/z/images/Western_Flag/John-Gerrard-Portrait-Somerset-House.jpg?u=1"); text-align: center; color: #333333; }
header.artist .header-content { position: relative; text-align: center; padding: 100px 15px 100px; width: 100%; }
header.artist .header-content .header-content-inner h1 { font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: 30px; text-shadow: 1px 1px #ffffff; }
header.artist .header-content .header-content-inner h2 { text-shadow: 1px 1px #ffffff; }
header.artist .header-content .header-content-inner hr { margin: 30px auto; }
header.artist .header-content .header-content-inner p { font-weight: 300; color: rgba(0, 0, 0, 0.9); font-size: 16px; margin-bottom: 50px; text-shadow: 1px 1px #ffffff; }
@media (min-width: 768px) { header.artist { height: 100%; height: 50%; min-height: 400px; }
  header.artist .header-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 50px; }
  header.artist .header-content .header-content-inner { max-width: 1000px; margin-left: auto; margin-right: auto; }
  header.artist .header-content .header-content-inner h1 { font-size: 50px; }
  header.artist .header-content .header-content-inner p { font-size: 18px; max-width: 80%; margin-left: auto; margin-right: auto; } }

.service-box { max-width: 400px; margin: 25px auto 0; /*& + .service-box { margin-top: 96px;
}*/ }
@media (min-width: 992px) { .service-box { margin: 20px auto 0; } }
.service-box p { margin-bottom: 0; }

.portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto; }
.portfolio-box .portfolio-box-caption { color: white; opacity: 0; display: block; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding: 0 15px; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-weight: 500; font-size: 16px; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 16px; font-weight: 300; }
.portfolio-box:hover .portfolio-box-caption { opacity: 1; }
.portfolio-box:focus { outline: none; }
@media (min-width: 768px) { .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { font-size: 16px; }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 16px; font-weight: 300; } }

.call-to-action { padding: 42px 15px 42px 15px; }
.call-to-action h2 { margin: 0 auto 20px; }
.call-to-action p:last-child { margin-bottom: 0px; }

.text-primary { color: #000 !important; }

.no-gutter > [class*='col-'] { padding: 8px; }
@media (max-width: 575px) { .no-gutter > [class*='col-'] { padding: 4px; } }

.btn-default { color: #fff; background-color: #555555; border-color: #555555; }
.btn-default:focus, .btn-default.focus { color: #fff; background-color: #3c3c3c; border-color: #161616; }
.btn-default:hover { color: #fff; background-color: #3c3c3c; border-color: #373737; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #fff; background-color: #3c3c3c; border-color: #373737; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #fff; background-color: #2a2a2a; border-color: #161616; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #555555; border-color: #555555; }
.btn-default .badge { color: #555555; background-color: #fff; }

.btn { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; border: none; border-radius: 300px; font-weight: 500; text-transform: uppercase; cursor: pointer; }

.btn-primary { color: #555555; background-color: #ececec; border-color: #ececec; text-transform: none; }
.btn-primary:focus, .btn-primary.focus { color: #555555; background-color: lightgray; border-color: #acacac; }
.btn-primary:hover { color: #555555; background-color: lightgray; border-color: #cdcdcd; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #555555; background-color: lightgray; border-color: #cdcdcd; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #555555; background-color: #c1c1c1; border-color: #acacac; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #ececec; border-color: #ececec; }
.btn-primary .badge { color: #ececec; background-color: #555555; }

.btn-default:focus, .btn-primary:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.btn-xl { padding: 15px 30px; }

p { font-weight: 300; }

#bio p a, #news p a, #works p a { text-decoration: underline; font-weight: 400; }
#bio p a:hover, #news p a:hover, #works p a:hover { color: #0d8abc; }

#bio h5 { margin-top: 42px; margin-bottom: 21px; text-align: center; }

p.txt a { text-decoration: underline; }
p.txt a:hover { color: #0d8abc; }

p.text-muted { color: #fff !important; }

p.text-muted a { color: black; text-decoration: underline; }
p.text-muted a:hover { color: #0d8abc; }

p.text-faded a { color: white; text-decoration: underline; }
p.text-faded a:hover { color: #0d8abc; }

section { padding: 42px 0 42px 0; }

h2 { font-size: 25px; font-weight: 300; /*text-transform: uppercase;*/ /*letter-spacing: 0.07em;*/ }

h3 { font-size: 16px; font-weight: 600; color: black; }

h2.addspace, h6.addspace { margin-bottom: 25px; }

p.addspace { margin-top: 42px; margin-bottom: 0px; }

#google-map { width: 100%; height: 50%; min-height: 300px; }

.btn-social { cursor: pointer; border: none; width: 40px; height: 40px; line-height: 40px; outline: 0; overflow: hidden; position: relative; padding: 0; margin: 10px 1px; font-size: 16px; font-weight: 400; text-transform: uppercase; background-color: transparent; }
.btn-social i { color: #777777; cursor: pointer; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
.btn-social:hover i { color: #0d8abc; }

section.no-bottom-padding { padding-bottom: 0; }
section.no-top-padding { padding-top: 0; }
section.credit { padding: 0; }
section.credit div.credit { text-align: right; position: relative; top: -16px; font-size: 11px; font-weight: 300; color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.5); height: 16px; line-height: 16px; }
section .row.news-entry { margin-top: 2em; }
section .row.news-entry:first-of-type { margin-top: 1em; }
section .row.news-entry p a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
section .row.news-entry h5 { margin-bottom: 8px; font-size: 14px; font-weight: normal; }
section .row.news-entry h6 { margin-bottom: 14px; font-size: 14px; font-weight: 600; }

/*#social > div > div > div:last-child { p { margin-bottom: 0; }
}*/
/*#pressarticles > div > div > div:last-child { p { margin-bottom: 0; }
}*/
#seealso p a { text-decoration: underline; }
#seealso p a:hover, #seealso p a:focus { color: #0d8abc; }

body { font-size: 14px; }
@media (max-width: 576px) { body { font-size: 13px; } }

.form-control { font-size: 14px; }

.navbar-toggler { z-index: 2; }

@media (max-width: 576px) { nav > .container { width: 100%; } }
a.nav-link { white-space: nowrap; }

.text-faded a:not(.btn) { color: inherit; text-decoration: underline; }

@media (min-width: 992px) { #mainNav.navbar-dark:not(.navbar-shrink) { background-color: #fff; border-color: rgba(255, 255, 255, 0.3); } }
.text-white a, .text-white h2, .text-white h3, .text-white h5, .text-white h6 { color: #fff; }
.text-white a { font-weight: 400; }

hr.primary { border-color: #fff; }

hr.dark { border-color: #222222; }

.formError { color: #a94442; }
.formError p { font-weight: 400; }

.card { margin-top: 21px; }
.card + .card { margin-top: 6px; }
.card .card-header { padding: 0; }
.card .card-header a { display: block; padding: .75rem 1.25rem; color: #000; font-weight: 400; text-decoration: none; }
.card .card-header a[aria-expanded="true"], .card .card-header a:hover { color: #0d8abc; }

.portfolio-box { display: inline-block; }

.img-fill .portfolio-box { display: block; max-width: none; }
.img-fill .portfolio-box .img-fluid { width: 100%; }

.portfolio-box .portfolio-box-caption { background-color: rgba(255, 255, 255, 0.82); color: #000; }

#resource-list { padding-top: 22px; }
#resource-list .fade.collapsing { -moz-transition: opacity 0.15s linear, height 0.35s ease; -o-transition: opacity 0.15s linear, height 0.35s ease; -webkit-transition: opacity 0.15s linear, height 0.35s ease; transition: opacity 0.15s linear, height 0.35s ease; }
#resource-list a.resource-toggle { display: block; width: 100%; padding: .5rem 0 .5rem 0; color: #000; font-weight: 400; text-decoration: none; }
#resource-list a.resource-toggle[aria-expanded="true"], #resource-list a.resource-toggle:hover { color: #0d8abc; }
#resource-list .row { margin-top: 0.25rem; }
#resource-list .text-center { width: 100%; margin-top: 0.75rem; }
#resource-list .text-center a { max-width: 90%; overflow: hidden; text-overflow: ellipsis; }
#resource-list .collapse.show + .row { margin-top: 1.5rem; }
#resource-list .container-fluid, #resource-list .img-fluid { width: 100%; }
@media (max-width: 575px) { #resource-list .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 14px; line-height: 120%; } }

section#resources h6 a { font-weight: 600; text-decoration: underline; }
section#resources h6 a:hover { color: #0d8abc; }

p a:not(.btn) { font-weight: 400; text-decoration: underline; }
p a:not(.btn):hover { color: #0d8abc; }

.card a:focus, #resource-list a:focus { outline: none; }
.card .btn.btn-primary:focus, #resource-list .btn.btn-primary:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

section:not(.no-padding)#resources, section:not(.no-padding)#works { padding-top: 64px; }
section:last-of-type { padding-bottom: 22px; }

.video-poster { position: absolute; background: #fff none no-repeat 0 0; left: 0; right: 0; top: 0; bottom: 0; z-index: 1020; background-size: cover; }
.video-poster .video-play { position: absolute; background: transparent url("p/play.png") no-repeat 50% 50%; background-size: 64px 44px; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-filter: grayscale(100%) brightness(120%); filter: grayscale(100%) brightness(120%); }
.video-poster .video-play:hover { -webkit-filter: none; filter: none; }
@media screen and (max-width: 480px) { .video-poster .video-play { background-size: 38px 26px; } }

/*.container-fluid + .container { margin-top: 25px;
}*/
.text-center a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

#works.masthead .header-content { top: 30%; }
@media (max-width: 991px) { #works.masthead .header-content { top: 70%; }
  #works.masthead .header-content h1 { font-size: 23px; }
  #works.masthead .header-content h2 { font-size: 18px; } }

.row-research { padding-top: 18px; padding-bottom: 18px; }
.row-research > div { padding-top: 6px; padding-bottom: 6px; }
.row-research > div p { margin-bottom: 0; }

.row.no-gutter.popup-gallery { padding: 0 8px 8px 8px; }
@media (max-width: 575px) { .row.no-gutter.popup-gallery { padding: 0 4px 4px 4px; } }
.row.no-gutter.popup-gallery > div { margin-top: -0.5px; }

.rsBullets { position: absolute; display: inline-block; line-height: inherit; width: auto; background-color: transparent; text-align: right; overflow: hidden; left: auto; right: 15px; bottom: -34px; padding-right: 2px; }
@media (max-width: 576px) { .rsBullets { text-align: center; right: 0; } }
.rsBullets .rsBullet { width: 12px; height: 100%; padding: 6px; }
.rsBullets .rsBullet span { background-color: #fff; border: 1px solid #333333; cursor: pointer; position: relative; }
.rsBullets .rsBullet span::after { clear: both; content: ""; display: block; background-color: transparent; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; -moz-transition: background-color 0.33s ease; -o-transition: background-color 0.33s ease; -webkit-transition: background-color 0.33s ease; transition: background-color 0.33s ease; }
.rsBullets .rsBullet.rsNavSelected span::after { background-color: #333333; }

@media (max-width: 576px) { section#about { padding-top: 5px; } }
#work-title { margin-top: 8px; margin-bottom: 6px; }
#work-title .rsBullets { background-color: transparent; top: -4px; width: 100%; height: 19px; }
#work-title .rsBullets .rsBullet { display: inline-block; }
#work-title .rsBullets .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; border: 1px solid #333333; cursor: pointer; position: relative; }
#work-title .rsBullets .rsBullet span::after { clear: both; content: ""; display: block; background-color: transparent; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; -moz-transition: background-color 0.33s ease; -o-transition: background-color 0.33s ease; -webkit-transition: background-color 0.33s ease; transition: background-color 0.33s ease; }
#work-title .rsBullets .rsBullet.rsNavSelected span::after { background-color: #333333; }
@media (max-width: 576px) { #work-title .col-24.col-sm-4.col-lg-3.text-right.push-sm-8.push-lg-8 { overflow: hidden; height: 19px; }
  #work-title h2.section-heading { margin-top: 5px; } }

.mfp-content .rsDefault .rsBullets { background-color: transparent; bottom: -10px; height: 20px; padding-right: 9px; }
.mfp-content .rsDefault .rsBullets .rsBullet { padding: 6px; }

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide { background-color: transparent; cursor: grab; }

.rsDefault .rsArrow { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; }
.rsDefault .rsArrow .rsArrowIcn { margin-top: -22px; margin-left: -22px; width: 44px; height: 44px; }
.rsDefault .rsArrow:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=750); opacity: 7.5; }
.rsDefault .rsArrow.rsArrowRight .rsArrowIcn { background: transparent url("p/arrow-right.png") no-repeat 4px 0; }
.rsDefault .rsArrow.rsArrowRight:hover .rsArrowIcn { background: transparent url("p/arrow-right.png") no-repeat 4px 0; }
.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn { background: transparent url("p/arrow-left.png") no-repeat -4px 0; }
.rsDefault .rsArrow.rsArrowLeft:hover .rsArrowIcn { background: transparent url("p/arrow-left.png") no-repeat -4px 0; }

.magnific-popup-slideshow { position: relative; padding: 20px 0 60px 0; width: auto; height: auto; max-height: 100%; max-width: 100%; }
.magnific-popup-slideshow .royalSlider { width: auto; height: auto; }
.magnific-popup-slideshow .rsDefault .rsGCaption { text-align: center; padding: 6px; color: #000; line-height: 120%; background-color: transparent; bottom: -58px; left: 0; width: 100%; font-weight: 300; height: 51px; overflow: hidden; }

.topSlider { position: relative; /*width: 100%;*/ margin-top: 51px; margin: 51px auto 0 auto; }

/*.topSlider, .topSlider .rsOverflow { max-width: 100%; max-height: 70%;
}*/
.top-slider + section { padding-top: 11px; }

.mfp-container { padding: 0; }

.mfp-content { background-color: #fff; }

.rsDefault .rsBtnCenterer { width: 100%; height: 100%; top: 0; left: 0; }

.rsDefault .rsPlayBtn { width: 100%; height: 100%; margin: 0; }
.rsDefault .rsPlayBtn:hover { background-color: transparent; }

.rsDefault .rsPlayBtnIcon { width: 100%; height: 100%; background: transparent url("p/play.png") no-repeat center center; background-color: transparent !important; background-size: 68px 48px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-filter: grayscale(100%) brightness(120%); filter: grayscale(100%) brightness(120%); }
.rsDefault .rsPlayBtnIcon:hover { -webkit-filter: none; filter: none; }
@media screen and (max-width: 480px) { .rsDefault .rsPlayBtnIcon { background-size: 42px 30px; } }

.img-video-overlay { position: absolute; width: 100%; height: 100%; background: transparent url("p/play.png") no-repeat center center; background-size: 16% 15%; -webkit-filter: grayscale(100%) brightness(120%); filter: grayscale(100%) brightness(120%); }

#mainNav { min-height: 51px; background-color: #fff; }
#mainNav .container { background-color: #fff; }
@media (max-width: 991px) { #mainNav button.navbar-toggler.collapsed + button + #nav_1 + #socialfollow { display: none; } }
#mainNav .navbar-brand { color: #686868; }
@media (min-width: 992px) { #mainNav .navbar-brand { padding: 0.25rem 0 0.25rem 1rem; margin-right: 0; margin-left: 1rem; } }
#mainNav .navbar-brand:hover { color: #0d8abc; }

.navbar-toggleable-md #toggler-1 { /*right: 3px;*/ right: 0; }
.navbar-toggleable-md #toggler-2 { margin-top: -2px; display: inline-block; font-size: 28px; font-weight: 300; color: #686868; cursor: pointer; padding: 0 12px 0 12px; left: 3px; }
.navbar-toggleable-md #toggler-2 span { -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; display: block; line-height: 35px; height: 35px; }
.navbar-toggleable-md #toggler-2:focus { outline: none; }
.navbar-toggleable-md #toggler-2:hover { color: #0d8abc; }
@media (min-width: 992px) { .navbar-toggleable-md #toggler-2 { /*margin-left: 10px;*/ }
  .navbar-toggleable-md #toggler-2 + .container { /*margin-left: 36px;*/ }
  .navbar-toggleable-md #toggler-2 + #nav_1 { margin-left: 36px; } }
.navbar-toggleable-md #toggler-2:not(.collapsed) span { transform: rotate(45deg); }

#toggler-1:not(.collapsed) + #toggler-2.navbar-toggler { display: none; z-index: -1; }

#subNav { /*top: 48px;*/ /*top: 51px;*/ top: 45px; background-color: #fff; padding: 0; z-index: 1029; -moz-transition: padding 0.2s linear; -o-transition: padding 0.2s linear; -webkit-transition: padding 0.2s linear; transition: padding 0.2s linear; }
#subNav ul { /*padding: 0 36px 0 24px;*/ padding: 0; font-size: 14px; text-align: center; margin-bottom: 0.2rem; line-height: 19px; font-weight: 300; }
@media (max-width: 767px) { #subNav ul { padding: 0; } }
@media (max-width: 576px) { #subNav ul { font-size: 13px; } }
@media (min-width: 992px) { #subNav ul { text-align: left; } }
#subNav ul .nav-item { display: inline-block; }
#subNav ul .nav-item a { display: inline-block; padding: 0.2em 0.5em 0.2em 0.5em; color: #686868; }
@media (min-width: 577px) { #subNav ul .nav-item a { padding: 0.3em 1.0em 0.3em 1.0em; } }
#subNav ul .nav-item a.active, #subNav ul .nav-item a:hover { color: #0d8abc; }
#subNav ul .nav-item a i { /*font-size: 14px;
position: relative;
top: 1px;*/ }
#subNav ul .nav-item a.subnav-link-left { padding-right: 3em; }
@media (max-width: 576px) { #subNav ul .nav-item a.subnav-link-left { padding-right: 1em; } }
#subNav ul .nav-item a.subnav-link-right { padding-left: 3em; }
@media (max-width: 576px) { #subNav ul .nav-item a.subnav-link-right { padding-left: 1em; } }
#subNav ul.no-spy { padding-left: 4px; }
@media (max-width: 576px) { #subNav ul.no-spy { padding-left: 2px; } }
#mainNav.navbar-shrink + #subNav { /*top: 51px;*/ padding-top: 3px; }

.btn { font-size: 14px; }
.btn.btn-default.text-primary { background-color: #333333; }
.btn.btn-default.text-primary i, .btn.btn-default.text-primary a { color: #fff; }
.btn.btn-default.text-primary:hover { background-color: #000; }
.btn.btn-default.text-primary:hover i, .btn.btn-default.text-primary:hover a { color: #fff; }
.btn.btn-primary.text-primary { background-color: #fff; }
.btn.btn-primary.text-primary i, .btn.btn-primary.text-primary a { color: #333333; }
.btn.btn-primary.text-primary:hover { background-color: #fff; }
.btn.btn-primary.text-primary:hover i, .btn.btn-primary.text-primary:hover a { color: #000; }

h2 { font-size: 14px; font-weight: 400; text-transform: uppercase; }

h3 { font-size: 14px; }

h6 { font-size: 14px; font-weight: 300; }

h2 + h3, h2 + h6 { /*margin-bottom: 1.5em;*/ }

h2 + h6 + p { margin-top: 2em; }

section { padding: 22px 0 11px 0; }

.exhibited-anchor { position: relative; top: -48px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content { max-height: 100%; overflow: hidden; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 14px; }
@media (max-width: 767px) { .popup-gallery.list-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .popup-gallery.list-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 10px; line-height: 100%; } }
@media (max-width: 767px) { .popup-gallery.detail-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .popup-gallery.detail-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 13px; line-height: 110%; } }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category p, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name p { margin-bottom: 0; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category p + p, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name p + p { margin-top: 1rem; }

.popup-gallery.detail-gallery a { cursor: zoom-in; }

@media (max-width: 576px) { p, .btn, h2, h3, h6, .form-control { font-size: 13px; } }
a:focus { color: inherit; }

p + p { margin-top: 1em; }

p a.toggle-readmore, a.toggle-readmore { text-decoration: none; font-size: 12px; }
@media (max-width: 576px) { p a.toggle-readmore, a.toggle-readmore { font-size: 10px; } }

#works-list, #exhibitions-list { display: none; }
#works-list a, #exhibitions-list a { padding: 4px 0 4px 0; color: #686868; font-weight: 300; }
#works-list a:hover, #exhibitions-list a:hover { text-decoration: none; }
#works-list a strong, #exhibitions-list a strong { color: #000; font-weight: 400; }
#works-list a:hover, #works-list a:hover strong, #exhibitions-list a:hover, #exhibitions-list a:hover strong { color: #0d8abc; }

.btn-social { margin: 0 1px 0 1px; }

#nav-container { /*position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;*/ background-color: #fff; padding: 0; }

#mainNav { margin: 0 auto 0 auto; }
#mainNav #nav_1 { width: auto; }
@media (min-width: 992px) { #mainNav #nav_1 { margin-left: -12px; } }

header.artist { margin-bottom: 54px; margin-top: 0; top: 54px; }

section#contact { padding-top: 64px; text-align: center; }

a:hover, a:focus { color: #0d8abc; }

img.response-image { max-width: 100%; display: block; }

.rsDefault .rsCloseVideoIcn { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/*.navbar { ul.navbar-nav { position: relative; .hr { position: absolute; bottom: 0; left: 0; margin: 0 0 0 -2px; padding: 0; max-width: none; width: 68px; @include transition(all 0.2s ease); // nav widths: 68 65 58 102 84 } }
}*/
/*#nav_2 { position: fixed; top: 48px; background: red; z-index: 1030;
}*/
/* COOKIE CONSENT */
/* --------------------------------------------------------- */
body .cc-window { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

body .cc-window .cc-message { font-size: 13px; line-height: 21px; letter-spacing: 0.6px; }

body .cc-window .cc-banner { /*padding-top: 0.75em;
padding-bottom: 0.75em;*/ }

body .cc-window a.cc-link { color: #ff0000; padding: 0; text-decoration: none; opacity: 1; filter: alpha(opacity=100); border-bottom: 1px dotted #ff0000; margin-bottom: -1px; }

body .cc-window a.cc-link:visited, body .cc-window a.cc-link:hover, body .cc-window a.cc-link:active { color: #ff0000; }

body .cc-window .cc-btn { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 19px; letter-spacing: 0.085rem; }

body .cc-window .cc-btn:hover { opacity: 0.75; filter: alpha(opacity=75); }

/* --- END COOKIE CONSENT */