/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type='text'],
input[type='password'],
input[type='email'],
textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/*  ===============================================================================================================================
    Variables
    =============================================================================================================================== */
/*  ===============================================================================================================================
    Brand Colors
    =============================================================================================================================== */
/*  ===============================================================================================================================
    Scaffolding
    =============================================================================================================================== */
/*  ===============================================================================================================================
   	Typography
    =============================================================================================================================== */
a {
  text-decoration: none;
  color: #000000;
}
strong,
b {
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
small {
  font-size: 12px;
}
em {
  font-family: "Theinhardt-RegularIta", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-style: normal;
}
/*  ===============================================================================================================================
    Mixins: Vendor Prefixes
    =============================================================================================================================== */
.fade-in-out-hover {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
/*  ===============================================================================================================================
    Mixins Utilities
    =============================================================================================================================== */
.inline-block {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.inline-block-top {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.hidden-text {
  text-indent: -999px;
  overflow: hidden;
}
.bold {
  font-family: "Montserrat-SemiBold", "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.italic {
  font-family: "Montserrat-Regular", "Theinhardt-RegularIta", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-style: normal;
}
.regular {
  font-family: "Montserrat-Regular", "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
@font-face {
  font-family: 'warsaw';
  src: url('webfonts/warsaw_-_standard_-_pro-webfont.eot');
  src: url('webfonts/warsaw_-_standard_-_pro-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/warsaw_-_standard_-_pro-webfont.woff') format('woff'), url('webfonts/warsaw_-_standard_-_pro-webfont.ttf') format('truetype'), url('webfonts/warsaw_-_standard_-_pro-webfont.svg#warsawregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("webfonts/Montserrat-Regular.otf") format("opentype");
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url("webfonts/Montserrat-Regular.otf") format("opentype");
}
.heading-font {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.fixed-logo #logo,
#logo.simple {
  width: 232px;
  height: 109px;
  position: fixed;
  top: 0 !important;
  margin-left: -566px;
  overflow: hidden;
  background: #ffffff url("../images/muzeum-logo.svg") 70px 10px no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}
#logo {
  z-index: 12;
  position: absolute;
  width: 200px;
  height: 200px;
  background: url("../images/muzeum-circular-logo.svg");
  top: 254px;
  left: 50%;
  margin-left: -596px;
  display: block;
  text-indent: -999px;
  text-align: left;
}
.js #logo {
  opacity: 0;
  filter: alpha(opacity=0);
}
.js .fixed #logo,
.js #logo.shifted {
  opacity: 1;
  filter: alpha(opacity=100);
}
header {
  width: 1082px;
  height: 57px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
header nav {
  position: relative;
}
.fixed #content {
  padding-top: 115px;
}
.fixed header {
  z-index: 11;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -496px;
}
#content {
  padding-top: 58px;
}
.primary {
  height: 56px;
  font-size: 14px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  background: #fff;
}
.primary > li {
  padding-bottom: 18px;
  position: relative;
  margin: 0 16px;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.primary > li:first-child {
  margin-left: -102px;
}
.primary > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-top: 18px;
}
.primary .selected,
.primary > li:hover {
  border-bottom: 1px solid #000000;
}
.primary ul {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0 linear, visibility 0s linear 0;
  -moz-transition: opacity 0 linear, visibility 0s linear 0;
  -o-transition: opacity 0 linear, visibility 0s linear 0;
  transition: opacity 0 linear visibility 0s linear 0;
  line-height: 23px;
  z-index: 12;
  text-align: left;
  position: absolute;
  width: 201px;
  padding: 10px 16px 8px;
  border: 1px solid #000000;
  border-bottom-width: 4px;
  background: #fff;
  top: 56px;
  left: -17px;
}
.primary li:hover ul {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.primary ul li.selected {
  border: 0;
}
.primary ul li.selected a,
.primary ul li a:hover {
  color: #666666;
}
.primary ul li.hidden {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -999px;
}
.secondary {
  position: absolute;
  right: 28px;
  top: 0;
  text-align: right;
}
.secondary li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 56px;
  width: 43px;
  background: #000;
  position: relative;
}
.secondary li a {
  text-indent: -999px;
  overflow: hidden;
  text-align: left;
  height: 56px;
  width: 43px;
  color: #fff;
  background: #000;
  display: block;
}
.secondary .fbk,
.secondary .language {
  width: 34px;
  height: 34px;
}
.secondary .fbk a,
.secondary .language a {
  width: 34px;
  height: 34px;
}
.secondary .transparent a,
.secondary a:hover,
.secondary .selected a {
  opacity: 0.5;
}
.secondary .search a,
.secondary .profile a,
.secondary .favorites a,
.secondary .fbk a,
.secondary .logout a {
  text-indent: -999px;
  background-image: url("../images/sprite.svg");
  background-repeat: no-repeat;
}
.secondary .logout a {
  background-position: -193px -82px;
}
.secondary .search a {
  background-position: 14px 10px;
}
.secondary .profile a {
  background-position: -32px 10px;
}
.secondary .favorites a {
  background-position: -74px 10px;
}
.secondary .fbk a {
  background-position: -122px 11px;
}
.secondary .language a {
  text-transform: uppercase;
  line-height: 34px;
  text-indent: 0;
  text-align: center;
  font-size: 11px;
  text-indent: -3px;
}
.secondary .tooltip {
  right: auto;
  top: 100%;
  left: 50%;
  width: 160px;
  margin-left: -87px;
  text-align: center;
}
.secondary .tooltip:after,
.secondary .tooltip:before {
  top: -17px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  right: auto;
}
.secondary .tooltip:after {
  border-color: transparent transparent #fff;
  top: -16px;
}
.secondary .tooltip:before {
  border-color: transparent transparent #000;
}
/*  ===============================================================================================================================
   	SVG Fallback
    =============================================================================================================================== */
.no-svg .search a,
.no-svg .profile a,
.no-svg .favorites a,
.no-svg .fbk a,
.no-svg .logout a {
  background-image: url("../images/sprite.png");
}
.no-svg .fixed-logo #logo,
.no-svg #logo.simple {
  background-image: url("../images/muzeum-logo.png");
}
.no-svg #logo {
  background-image: url("../images/muzeum-circular-logo.png");
}
footer {
  margin: 24px auto 0;
  width: 992px;
  font-size: 11px;
  padding-bottom: 20px;
}
footer hr {
  width: 1115px;
  margin-left: -60px;
  height: 1px;
  background: #000000;
  border: 0;
}
footer > ul {
  width: 704px;
  position: relative;
  padding: 16px 0 38px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
footer > ul > li {
  width: 119px;
  font-size: 12px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  padding: 0 28px;
  height: 22px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
footer > ul > li > a,
footer > ul > li > span {
  text-transform: uppercase;
}
footer input::-webkit-input-placeholder {
  color: #000;
}
footer input:-moz-placeholder {
  color: #000;
}
footer input::-moz-placeholder {
  color: #000;
}
footer input:-ms-input-placeholder {
  color: #000;
}
footer .muzuem-logo {
  margin-top: 4px;
  margin-right: 20px;
  padding: 0;
  float: left;
  width: 102px;
  height: 80px;
  background: url("../images/muzeum-logo-full.svg") no-repeat;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
footer .muzuem-logo-en {
  margin-top: 4px;
  margin-right: 20px;
  padding: 0;
  float: left;
  width: 102px;
  height: 80px;
  background: url("../images/muzeum-logo-full-en.svg") no-repeat;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
footer .privacy {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 26px;
}
footer .privacy span {
  width: 0;
  height: 0;
  display: block;
  text-indent: -999px;
  overflow: hidden;
}
footer .privacy p {
  padding-left: 120px;
  line-height: 16px;
  padding-bottom: 0;
  font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: none;
}
footer .privacy a {
  text-decoration: underline;
}
footer .follow {
  margin-left: 72px;
  width: 211px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
}
footer .follow form {
  margin-top: 12px;
  width: 208px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
}
footer .follow form p {
  position: absolute;
  left: 0;
  top: 0;
}
footer .follow button {
  text-indent: -999px;
  overflow: hidden;
  width: 10px;
  height: 17px;
  border: 0;
  background: url("../images/sprite.svg") -249px -649px;
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
}
footer .follow input {
  text-transform: uppercase;
  border: 0;
  width: 208px;
  border-bottom: 1px solid #000000;
  height: 24px;
}
footer .follow ul {
  margin-top: 39px;
}
footer .follow ul a {
  width: 30px;
  display: block;
  height: 23px;
  background: url("../images/sprite.svg") -300px -650px no-repeat;
  text-indent: -999px;
  overflow: hidden;
}
footer .follow .fbk,
footer .follow .fbk a {
  width: 20px;
}
footer .follow .twt a {
  background-position: -332px -650px;
}
footer .follow .vimeo a {
  background-position: -372px -650px;
}
footer .follow .youtube a {
  margin-top: -2px;
  background-position: -300px -680px;
}
footer .follow li {
  margin-left: 3px;
  width: 30px;
  height: 23px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.bip a {
  margin-top: 5px;
  width: 32px;
  height: 0;
  padding-top: 38px;
  display: block;
  overflow: hidden;
  background: url('data:image/gif;base64,R0lGODdhIAAmAPQfAAAAANbW1pOTkxISEnx8fMPDwxsbG62trejo6GRkZAoKCrGxsVdXV2xsbDIyMiwsLKWlpfDw8J2dnXNzcyUlJSAgIJmZmbS0tPv7+7e3tzw8PAQEBAMDAzMzM////4yMjCH/C1hNUCBEYXRhWE1QAz94cAAsAAAAACAAJgAABf/gIIpKuXFAqq5sC0hwHFs0Ldy48O18/3nAoHBILBqPyKQSWEAIC4UlMgKACDsd6RGx+UAWQIsEiLFYtcDIQ8XwaDQehCGlwaAjCk3gAFgw4B0AAQUACXcAF0AGDIwehUAPCmgeBhUIC4gJFJQDg49oARspbRdVDCoddpMREolMARwaBweTSQANtUoIEbm1BL/AwQQTxMUNx8cJysvMIyMlCicu0y1Y1g4OD9oU3BUVBuDOA9AbJxzn1ljY2g/cFN7gBuLkJ+bpHevb3d/hzvTnHDbcy9duX7x5JuqhS0fQHbx+zxIGXHgtm753/OT5k3hOIEOLBTEe3BjNHEV1IB1fZkRYEiCHgSkNQiTB8SS+mCJnjqv58iM7lSMjtizHAZvRmA9nQitpkkM8pS2prWiaoarVqheyatW6oGvXWQcEpAh4ohcRPgDMmSUCIUXZtUPapoVLxEIKukTE4iXyIQQAOw==') no-repeat;
}
/*  ===============================================================================================================================
   	SVG Fallback
    =============================================================================================================================== */
.no-svg .follow ul a,
.no-svg .follow button {
  background-image: url("../images/sprite.png");
}
.no-svg .muzeum-logo {
  background-image: url("../images/muzeum-logo-full.png");
}
input:focus {
  outline: none;
}
button {
  cursor: pointer;
}
.crumbs {
  position: relative;
  z-index: 1;
  font-size: 11px;
  padding-bottom: 9px;
}
.crumbs li {
  display: inline;
}
.crumbs a {
  color: #000000;
}
.crumbs a:hover {
  color: #000000;
}
.crumbs li:before {
  content: "/";
  color: #000000;
  padding: 0 3px;
}
.crumbs li:first-child:before {
  content: "";
  display: none;
}
.heading {
  position: relative;
}
.heading h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 39px;
  line-height: 38px;
  max-width: 82%;
}
.heading time {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 19px;
  margin-top: 3px;
  display: block;
  font-size: 16px;
}
.share li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 10px;
}
.favorites-add {
  display: block;
  text-align: left;
  width: 22px;
  height: 22px;
  background: url("../images/sprite.svg") 0 -100px;
}
.favorites-add.in-favorites,
.in-favorites .favorites-add {
  background-position: -100px -100px;
}
.share li {
  border: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.share a {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999px;
  overflow: hidden;
  background: url("../images/sprite.svg") 0 -500px;
}
.share .pin a {
  background-position: -30px -500px;
}
.share .like {
  width: 110px;
  margin-left: 7px;
  margin-top: -3px;
}
.share .fb_event a
{
  margin-top:-3px;
  background: #fff;
  text-indent:0px;
  width:65px;

}
.button {
  min-width: 262px;
  height: 38px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  position: relative;
  line-height: 38px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  padding: 0 18px;
  text-transform: uppercase;
}
.fbk {
  min-width: 0;
  width: 213px;
}
.fbk span {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  right: -42px;
  top: 0;
  background: #3b5997 url("../images/sprite.svg") -285px -490px no-repeat;
}
.form.wide-form {
  width: 618px;
  margin: 0 -10px;
}
.form.wide-form > li {
  width: 289px;
  margin: 0 10px 16px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.form {
  width: 289px;
  margin-bottom: 42px;
}
.form label {
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
}
.form label:first-child {
  display: block;
  line-height: 20px;
}
.form input[type='text'],
.form input[type='password'],
.form input[type='email'],
.form textarea,
.form .selector {
  position: relative;
  margin-bottom: 6px;
  border: 1px solid #000;
  height: 38px;
  width: 267px;
  padding: 0 10px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.form textarea {
  height: 76px;
  resize: vertical;
}
.form li {
  margin-bottom: 16px;
  position: relative;
}
.form .checker {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.form button {
  text-transform: uppercase;
  font-size: 14px;
  background: #fff;
  height: 38px;
  line-height: 38px;
  border: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  padding: 0 20px;
}
.form .button-wrap {
  text-align: right;
  margin-top: -10px;
}
.form .forgot {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-size: 12px;
}
.form .long {
  font-size: 11px;
  display: block;
  margin-top: 8px;
}
.form .disclaimer {
  font-size: 11px;
  text-transform: none;
  line-height: 14px;
}
.form .form_required {
  color: red;
  text-transform: uppercase;
}
.form .selector {
  background: url("../images/sprite.svg") -120px -189px;
  position: relative;
  line-height: 38px;
}
.form select {
  width: 267px;
  height: 38px;
}
.form .selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 0;
  top: 10px;
}
.js select {
  opacity: 1;
  filter: alpha(opacity=100);
}
.enlarge-icon {
  position: absolute;
  width: 40px;
  height: 35px;
  right: 0;
  top: 0;
  background: url("../images/sprite.svg") 0 -850px;
}
.enlarge-info {
  position: relative;
  font-size: 12px;
  padding: 4px 0 4px 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  display: block;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  margin: -20px 0 40px;
}
.enlarge-info .enlarge-icon {
  right: 0;
  left: 0;
}
.checker {
  margin-right: 15px;
  width: 15px;
  height: 15px;
  position: relative;
  border: 1px solid #000000;
}
.checker .checked {
  width: 15px;
  height: 15px;
  display: block;
  background: url("../images/sprite.svg") -300px 0;
}
.checker input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.view-on-map {
  margin-top: 12px;
  position: relative;
  padding-left: 60px;
  height: 40px;
  display: block;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 40px;
}
.view-on-map span {
  display: block;
  width: 48px;
  height: 40px;
  background: url("../images/sprite.svg") 0px -550px;
  position: absolute;
  left: 0;
  top: 0;
}
.view-on-map.small {
  padding-left: 24px;
}
.view-on-map.small span {
  background-position: 0 -780px;
}
.more {
  position: relative;
  height: 0;
  overflow: hidden;
}
.more-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
a.more-read {
  display: block;
  text-decoration: none !important;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  height: 42px;
}
.generatedcontent a.more-read {
  padding-left: 78px;
  position: relative;
}
.generatedcontent a.more-read:before {
  width: 68px;
  height: 1px;
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  background: #000;
}
/* ==========================================================================
    Styled links
    ========================================================================== */
.file {
  background: url("../images/sprite.svg") -100 -250px no-repeat;
  padding-left: 24px;
  margin-right: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-decoration: none !important;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  height: 42px;
}
a.more-read.inline,
.more-read.inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 20px;
}
/* ==========================================================================
    Tooltips
    ========================================================================== */
.tooltip {
  min-width: 150px;
  text-transform: uppercase;
  padding: 0 8px;
  z-index: 100;
  font-weight: bold;
  position: absolute;
  top: -3px;
  right: 34px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 31px;
  height: 29px;
}
.tooltip:before,
.tooltip:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 6px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent transparent #111;
}
.tooltip:after {
  border-color: transparent transparent transparent #fff;
  right: -15px;
}
/* ==========================================================================
Zoom
========================================================================== */
#imgzoom {
  z-index: 2000;
  background: #000000 url("../images/art-loader.gif") center center no-repeat;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  cursor: url("../images/cursor_zoom_out.png"), s-resize;
  -moz-box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.15);
}
#imgzoom img {
  position: absolute;
  left: 5%;
  top: 0;
}
#imgzoom .imgover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#imgzoom .imgover img {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2001;
}
.close {
  z-index: 2002;
}
.table-of-contents {
  font-size: 13px;
  list-style: square;
  border: 0;
  padding-top: 20px;
  margin-left: 16px;
}
.table-of-contents li {
  border: 0;
  line-height: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
}
.table-of-contents a {
  text-decoration: none !important;
}
.table-of-contents a:hover,
.table-of-contents a:active {
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.cookie {
  min-height: 30px;
  padding-left: 69px;
  margin-left: -69px;
  position: relative;
  max-width: 1161px;
  margin-right: 28px;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  background: #fff;
  text-align: center;
  font-size: 11px;
}
.cookie .close {
  position: absolute;
  width: 30px;
  height: 26px;
  background: #000000 url("../images/sprite.svg") -153px -436px;
}
.cookie p {
  padding: 0;
  margin: 0;
  line-height: 15px;
}
/* ==========================================================================
Loading
========================================================================== */
.loading-info {
  visibility: hidden;
}
.hide .loading-info {
  visibility: visible;
  width: 56px;
  height: 88px;
  background: url("../images/loader.gif");
  display: block;
  position: fixed;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -496px;
  z-index: 15;
}
.hide #logo {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
/*  ===============================================================================================================================
   	Video Player
    =============================================================================================================================== */
.video-player {
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  background: #000;
  width: 630px;
  position: relative;
  margin-bottom: 60px;
}
.video-player img {
  opacity: 1 !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 auto;
}
.video-player .pause-wrap {
  height: 16px;
  margin: 11px 0;
}
.video-player .pause-wrap a {
  width: 6px;
  height: 16px;
  display: block;
  margin: 0 11px;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  background: #000;
}
.video-player .video-sizes span {
  background-position: -185px -845px;
}
.video-player .video-sizes {
  z-index: 10;
  position: relative;
}
.video-player .video-sizes ul {
  padding: 10px 0;
  line-height: 22px;
  display: none;
  position: absolute;
  bottom: 40px;
  width: 80px;
  left: 0;
  background: black;
}
.video-player .video-sizes li {
  display: block;
  padding: 0;
  font-size: 11px;
  text-transform: uppercase;
  text-align: left;
}
.video-player .video-sizes a {
  color: #fff;
  padding: 0 20px;
  text-decoration: none;
}
.video-player .video-sizes li.selected a,
.video-player .video-sizes a:hover {
  text-decoration: underline;
}
.video-player .video-sizes a:focus {
  outline: none;
}
.video-player .jp-video-play {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
}
.video-player .jp-video-play a {
  text-indent: -999px;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -13px 0 0 -16px;
  background: url("../images/sprite.svg") -300px -848px;
}
.video-player .video-sizes:hover ul {
  display: block;
}
.video-player .video-playlist {
  padding: 0;
  margin: 0;
  text-align: left;
}
.video-player .video-playlist li {
  padding: 0;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.video-player .video-playlist a {
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  display: block;
  text-decoration: none;
}
.video-player .video-playlist .jp-playlist-item-remove {
  display: none !important;
}
.video-player .video-playlist .selected a {
  color: #fff;
  background: #333;
}
.video-player .video-playlist a:focus {
  outline: none;
}
.video-player .video-playlist em {
  font-family: "Theinhardt-RegularIta", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-style: normal;
}
.video-player .volume {
  position: relative;
}
.video-player .volume .jp-mute {
  background-position: -335px -845px;
}
.video-player .volume .jp-unmute {
  background-position: -235px -845px;
}
.video-player .volume:hover .jp-volume-bar {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.video-player .jp-volume-bar {
  z-index: 10002;
  cursor: pointer;
  border-top: 10px solid #333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  -moz-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  -o-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease visibility 0s linear 0.2s;
  position: absolute;
  left: 10px;
  width: 20px;
  background: #333;
  bottom: 40px;
  height: 80px;
}
.video-player .jp-volume-bar-value {
  width: 10px;
  background: #fff;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
.video-player .jp-jplayer {
  background: #000000 url("../images/loader-video.gif") center center no-repeat;
}
.video-player.is-audio-player {
  height: 280px !important;
  overflow: hidden;
  padding-bottom: 40px;
}
.video-player.is-audio-player .jp-jplayer {
  height: 280px !important;
  background: #000000 url("../images/audio-wave.gif") top center no-repeat;
  background-size: contain;
}
.video-player.ended .jp-jplayer {
  background-image: none;
}
.jp-interface {
  height: 40px;
  background: #000;
  color: #fff;
}
.jp-interface div,
.jp-interface > li {
  padding-left: 0 !important;
  font-size: 11px;
  line-height: 40px;
  outline: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.jp-interface div > a,
.jp-interface > li > a,
.jp-interface div span,
.jp-interface > li span {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/sprite.svg") -95px -845px;
  text-indent: -999px;
  overflow: hidden;
}
.jp-interface div .jp-full-screen,
.jp-interface > li .jp-full-screen {
  background-position: 0 -845px;
}
.jp-interface div .jp-restore-screen,
.jp-interface > li .jp-restore-screen {
  background-position: -50px -845px;
}
.jp-interface div .progress-data,
.jp-interface > li .progress-data {
  width: 100px;
  text-align: center;
}
.video-player.jp-video-270p,
.video-player.jp-video-full {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jp-progress {
  text-align: left;
  width: 370px;
  margin: 0 10px;
  height: 40px;
}
.jp-seek-bar {
  margin-top: 17px;
  height: 5px;
  border-bottom: 1px solid #fff;
  position: relative;
}
.jp-play-bar {
  height: 5px;
  background: #fff;
  display: block;
}
.jp-video-full.video-player {
  width: 100% !important;
  height: 100% !important;
}
.jp-video-full.video-player video,
.jp-video-full.video-player #video-player {
  width: 100% !important;
  height: 100% !important;
}
.jp-video-full .jp-video-play {
  visibility: hidden;
}
.jp-video-full .jp-interface {
  position: absolute !important;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
/*  ===============================================================================================================================
   	SVG Fallback
    =============================================================================================================================== */
.no-svg .video-player .jp-video-play a,
.no-svg .jp-interface div,
.no-svg .jp-interface > li > a,
.no-svg .jp-interface > li span,
.no-svg .jp-interface div > a,
.no-svg .jp-interface div span,
.no-svg .favorites-add,
.no-svg .enlarge-icon,
.no-svg .share a,
.no-svg .fbk span,
.no-svg .cookie .close,
.no-svg .checker .checked,
.no-svg .view-on-map span {
  background-image: url("../images/sprite.png");
}
.no-svg .jp-interface .jp-volume-bar,
.no-svg .jp-interface .jp-progress div,
.no-svg .jp-interface .pause-wrap a,
.no-svg .jp-interface .pause-wrap,
.no-svg .jp-interface .progress-data div {
  background: none;
}
/*  ===============================================================================================================================
    Black    
   	Effects
    =============================================================================================================================== */
.black.fixed-logo #logo {
  background-color: #111111;
}
.black {
  background: #111111;
  color: #fff;
}
.black body {
  background-color: #111111;
  color: #fff;
}
.black .fixed-logo #logo,
.black #logo {
  background-color: #111111;
}
.black a {
  color: #fff;
}
.black .primary,
.black .box .category,
.black .primary ul,
.black article p,
.black article .lead,
.black article .lead,
.black article .lead:first-child,
.black .landing aside {
  background-color: #111111;
}
.black article aside li,
.black .landing aside li {
  border-color: #fff;
}
.black .secondary li a {
  background-color: #fff;
  color: #111111;
}
.black .event-list td,
.black .submenu,
.black .submenu .collection-search,
.black .submenu .pick-month,
.black .primary ul,
.black article .tabs .selected a,
.black .primary .selected,
.black .primary > li:hover,
.black article aside h3,
.black .landing aside h3 {
  border-color: #fff;
}
.black footer hr,
.black article aside hr {
  background: #fff;
}
.black .slide-controls span {
  background-color: #666;
}
.black .slide-controls .selected span {
  background-color: #fff;
}
.black .collection-search,
.black .pick-month {
  border-left: 20px solid #111111;
  background: #111111;
}
.black .submenu .pick-month,
.black .submenu ul {
  background: #111111;
  color: #fff;
  border-color: #fff;
}
.black .submenu .pick-month a,
.black .submenu ul a {
  color: #fff;
}
.black .search-box button {
  background-color: #fff;
}
.black .search-box .livesearch a {
  color: #111111;
}
.black .trigger,
.black footer .follow ul a,
.black footer .follow button,
.black .submenu .pick-month span,
.black .collection-search button,
.black .pick-month button,
.black .pick-month span,
.black .play,
.black .gallery-icon,
.black .audio-icon,
.black .download,
.black .gallery nav a,
.black .close a,
.black .gallery nav .close a,
.black .search-box button {
  background-image: url("../images/sprite_black.svg");
}
.black footer .muzuem-logo {
  background-image: url("../images/muzeum-logo-full-black.svg");
}
.black footer .muzuem-logo-en {
  background-image: url("../images/muzeum-logo-full-black-en.svg");
}
.black .search a,
.black .profile a,
.black .favorites a,
.black .fbk a,
.black .logout a {
  background-image: url("../images/sprite_black.svg");
}
.black .fixed-logo #logo,
.black #logo.simple {
  background-image: url("../images/muzeum-logo-black.svg");
}
.black #logo {
  background-image: url("../images/muzeum-circular-logo-black.svg");
}
.black .hide .loading-info {
  background-image: url("../images/loader-black.gif");
}
.no-svg.black footer .follow ul a,
.no-svg.black footer .follow button,
.no-svg.black .collection-search button,
.no-svg.black .pick-month button,
.no-svg.black .pick-month span,
.no-svg.black .play,
.no-svg.black .gallery-icon,
.no-svg.black .audio-icon,
.no-svg.black .download,
.no-svg.black .gallery nav a,
.no-svg.black .close a,
.no-svg.black .gallery nav .close a,
.no-svg.black .search-box button {
  background-image: url("../images/sprite_black.png");
}
.no-svg.black .search a,
.no-svg.black .profile a,
.no-svg.black .favorites a,
.no-svg.black .fbk a,
.no-svg.black .logout a {
  background-image: url("../images/sprite_black.png");
}
.no-svg.black .fixed-logo #logo,
.no-svg.black #logo.simple {
  background-image: url("../images/muzeum-logo-black.png");
}
.no-svg.black #logo {
  background-image: url("../images/muzeum-circular-logo-black.png");
}
.no-svg.black footer .muzeum-logo {
  background-image: url("../images/muzeum-logo-full-black.png");
}
body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
input,
button,
textarea {
  font-family: Theinhardt-Regular, "Helvetica Neue", Helvetica, Arial;
}
/*  ===============================================================================================================================
   	Typography
    =============================================================================================================================== */
html,
body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -224px;
  width: 992px;
}
.push {
  height: 221px;
}
#content {
  width: 1004px;
  margin: 0 auto 60px;
}
.hide #content,
.hide footer {
  opacity: 0;
  filter: alpha(opacity=0);
}
#content {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
h1,
h2 {
  font-size: 27px;
  line-height: 25px;
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  text-align: center;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
}
h2 {
  text-align: left;
  margin: 0 0 30px;
  text-transform: none;
}
h3 {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
h3.with-break {
  padding-bottom: 20px;
}
.submenu li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
}
.submenu > li.selected > a {
  border-bottom: 4px solid #000000;
}
.boxes {
  width: 1052px;
  margin-right: -70px;
  margin-top: 48px;
}
.boxes.stamped {
  position: relative;
}
.boxes.masonry.stamped {
  margin-top: 48px;
}
.boxes aside.stamp,
.landing .boxes aside.stamp {
  position: absolute;
  right: 0;
  top: 0;
  width: 417px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
}
.boxes aside.stamp > *,
.landing .boxes aside.stamp > * {
  margin-left: 47px;
}
.boxes.masonry {
  margin-top: 0;
}
.boxes.two-columns {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 708px;
}
.box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 286px;
  margin: 0 64px 64px 0;
}
.box.double {
  width: 636px;
}
.box h3 {
  font-size: 18px;
  text-transform: uppercase;
}
.box .content {
  position: relative;
  padding-top: 12px;
}
.box .category {
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  display: block;
  height: 39px;
  background: #fff;
  padding: 7px 14px 0;
  width: 117px;
  position: absolute;
  top: -47px;
  right: 0;
}
.box time {
  font-size: 15px;
  display: block;
  padding-top: 3px;
}
.box .intro {
  line-height: 16px;
  font-size: 14px;
  display: block;
  padding-top: 3px;
}
.box .lead-small {
  font-size: 16px;
  line-height: 22px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.box p {
  padding-bottom: 22px;
}
.box .favorites-add {
  right: 0;
  top: 50%;
  margin-top: -10px;
  position: absolute;
}
.box.text-box h3 {
  padding-bottom: 16px;
}
p {
  padding-bottom: 20px;
}
/*  ===============================================================================================================================
    Landing
    =============================================================================================================================== */
.landing {
  margin-top: 29px;
}
.landing .crumbs {
  text-transform: uppercase;
}
.landing .full-logo {
  position: absolute;
  right: 45px;
  top: -46px;
}
.full-logo {
  padding: 0;
  float: left;
  width: 102px;
  height: 80px;
  background: url("../images/muzeum-logo-full.svg") no-repeat;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
article figure,
.landing figure {
  margin-left: 162px;
}
article aside,
.landing aside {
  margin-top: 20px;
  margin-right: -72px;
  width: 350px;
  margin-left: 72px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
article aside time,
.landing aside time,
article aside .category,
.landing aside .category {
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 3px;
}
article aside > p,
.landing aside > p {
  padding-top: 13px;
}
article aside p,
.landing aside p {
  padding-bottom: 16px;
  line-height: 16px;
}
article aside ul,
.landing aside ul {
  padding-bottom: 20px;
}
article aside h3,
.landing aside h3 {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 3px solid #000000;
  padding-bottom: 8px;
  line-height: 12px;
}
article aside h4,
.landing aside h4 {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 3px;
  line-height: 15px;
  font-size: 15px;
}
article aside li,
.landing aside li {
  padding: 11px 0 0;
  border-top: 1px solid #000000;
  width: auto;
  padding-right: 52px;
}
article aside li:first-child,
.landing aside li:first-child {
  border-top: 0;
}
article aside .share li,
.landing aside .share li {
  padding-right: 0;
}
article aside figure,
.landing aside figure {
  margin: 20px 0 0;
  text-align: center;
}
article aside hr,
.landing aside hr {
  border: 0;
  height: 1px;
  background: #000;
}
article .logos img,
.landing .logos img {
  margin: 5px 20px 15px 0;
  vertical-align: middle;
  max-width: 85px;
  max-height: 45px;
}
article .logos img.wide-logotype,
.landing .logos img.wide-logotype {
  max-width: 120px;
  max-height: 45px;
}
.landing aside {
  position: relative;
  z-index: 1;
  float: right;
  width: 350px;
  margin-right: -2px;
  margin-left: -67px;
  padding: 46px 0 0 67px;
  margin-top: -114px;
  background: #fff;
}
.text-wrap {
  width: 630px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.text-wrap h2 {
  font-size: 23px;
  line-height: 29px;
}
.text-wrap h4 {
  font-size: 16px;
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  margin-bottom: 10px;
}
.text-wrap a {
  text-decoration: underline;
}
.text-wrap > ul,
.text-wrap .tab > ul {
  padding-bottom: 22px;
  margin-left: 18px;
  list-style: square;
}
.text-wrap > ol,
.text-wrap .tab > ol {
  margin-left: 18px;
  list-style: decimal;
}
.text-wrap > ol li,
.text-wrap .tab > ol li {
  padding-left: 0;
}
.text-wrap li {
  padding-left: 20px;
}
.text-wrap > :first-child {
  margin-top: 26px;
}
.text-wrap h2:first-child {
  margin-top: 0;
}
/*  ===============================================================================================================================
    Museum
    =============================================================================================================================== */
.museum.landing aside {
  margin-right: -50px;
}
.museum.landing .text-wrap {
  width: 590px;
}
/*  ===============================================================================================================================
    Article - Template used by Events
    =============================================================================================================================== */
.article {
  padding-top: 28px;
}
.article hgroup {
  padding-bottom: 40px;
}
.article h1 {
  text-align: left;
}
.article figure {
  margin-left: 162px;
  position: relative;
  width: 824px;
}
.article .favorites-add {
  position: absolute;
  right: 0;
  top: -84px;
}
.article .works-heading {
  margin-bottom: 30px;
}
.heading .favorites-add {
  top: 0;
  right: 20px;
}
.heading h2 {
  font-size: 26px;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 12px;
}
.heading .full-logo {
  padding-bottom: 0;
}
article p {
  padding-bottom: 20px;
  background: #fff;
}
article .tabs {
  margin-top: 0;
  padding-bottom: 0;
  margin-left: 0;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  margin-bottom: 10px;
  list-style: none;
  text-transform: uppercase;
  font-size: 12px;
}
article .tabs a {
  text-decoration: none;
}
article .tabs li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 45px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 20px;
}
article .tabs .selected a {
  border-bottom: 3px solid #000000;
  padding-bottom: 4px;
}
article .tabbed .tab {
  display: none;
}
article .tabbed .tab.target {
  display: block;
}
article .lead,
article .lead:first-child {
  position: relative;
  background: #fff;
  display: block;
  margin-top: -120px;
  padding: 32px 30px 80px 0;
  font-size: 23px;
  line-height: 29px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  min-height: 100px;
}
article .lead-small {
  font-size: 23px;
  line-height: 29px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
/*  ===============================================================================================================================
    Collection
    =============================================================================================================================== */
.submenu {
  z-index: 9;
  margin-bottom: 66px;
  position: relative;
  padding-top: 38px;
  font-size: 14px;
  width: 100%;
  padding-left: 68px;
  margin-left: -68px;
  border-bottom: 1px solid #000000;
}
.submenu > li {
  height: 32px;
  position: relative;
  margin-right: 42px;
}
.submenu a {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.submenu > li > a {
  padding-bottom: 13px;
}
.submenu ul {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease, visibility 0s linear 0s;
  -moz-transition: opacity 0s ease, visibility 0s linear 0s;
  -o-transition: opacity 0s ease, visibility 0s linear 0s;
  transition: opacity 0s ease visibility 0s linear 0s;
  line-height: 23px;
  position: absolute;
  padding: 10px 18px 8px;
  left: 0;
  width: 168px;
  border: 1px solid #000000;
  border-bottom-width: 4px;
  top: 32px;
  background: #fff;
}
.submenu ul li {
  display: block;
}
.submenu ul li.selected a,
.submenu ul li a:hover {
  color: #666666;
}
.submenu li:hover ul {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.submenu .collection-search,
.submenu .pick-month {
  border-left: 20px solid #fff;
  background: #fff;
  margin-right: 0;
  position: absolute;
  bottom: -1px;
  padding: 0;
  right: 0;
  width: 294px;
  height: 42px;
  line-height: 37px;
}
.submenu .collection-search > div,
.submenu .pick-month > div {
  height: 100%;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.submenu .collection-search input,
.submenu .pick-month input {
  text-transform: uppercase;
  -webkit-appearance: caret;
  -moz-appearance: caret;
  height: 20px;
  margin: 8px 0 12px 14px;
  width: 200px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 12px;
  border: 0;
}
.submenu .collection-search input::-webkit-input-placeholder,
.submenu .pick-month input::-webkit-input-placeholder {
  color: #000000;
}
.submenu .collection-search input:-moz-placeholder,
.submenu .pick-month input:-moz-placeholder {
  color: #000000;
}
.submenu .collection-search input::-moz-placeholder,
.submenu .pick-month input::-moz-placeholder {
  color: #000000;
}
.submenu .collection-search input:-ms-placeholder,
.submenu .pick-month input:-ms-placeholder {
  color: #000000;
}
.submenu .collection-search button,
.submenu .pick-month button {
  width: 30px;
  height: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  border: 0;
  margin-top: 2px;
  text-indent: -999px;
  overflow: hidden;
  background: url("../images/sprite.svg") -198px 0;
}
.submenu .collection-search ul,
.submenu .pick-month ul {
  top: 42px;
}
.submenu .pick-month span {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  padding-left: 18px;
  display: block;
  background: url("../images/sprite.svg") right -188px;
}
.submenu .pick-month select {
  width: 292px;
  position: absolute;
  left: 0;
  top: 10px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.submenu .pick-month li {
  display: block;
}
.collection .content {
  position: relative;
  padding-top: 14px;
  padding-right: 20px;
  line-height: 16px;
}
.collection .intro {
  font-size: 13px;
  display: block;
  padding-top: 3px;
}
.collection .favorites-add {
  background-position: 0 -750px;
  position: absolute;
  right: 0;
  top: 14px;
  width: 17px;
}
.collection .in-favorites.favorites-add {
  background-position: -50px -750px;
}
.collection article > h2 {
  margin-bottom: -30px;
  margin-top: -5px;
}
.play,
.gallery-icon,
.audio-icon {
  display: block;
  width: 31px;
  height: 34px;
  background: url("../images/sprite.svg") 0 -650px #ffffff;
  position: absolute;
  left: 0;
  top: -34px;
}
.audio-icon {
  background-position: -85px -650px;
}
.gallery-icon {
  background-position: -40px -650px;
}
.text-wrap .slides,
.slides {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 80px;
  list-style: none;
}
.text-wrap .slides li,
.slides li {
  padding: 0 ;
  margin: 0;
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.text-wrap .slides img,
.slides img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.text-wrap .slides li:first-child,
.slides li:first-child {
  position: relative;
  display: block;
}
.slides-wrap {
  position: relative;
}
.slide-cover {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide-cover img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
a .slide-cover:after {
  position: absolute;
  width: 40px;
  height: 35px;
  right: 0;
  top: 0;
  background: url("../images/sprite.svg") 0 -850px;
  content: "";
}
.slide-controls {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -50px;
  left: 0;
}
.slide-controls li {
  padding: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0 3px;
}
.slide-controls a {
  width: 20px;
  height: 20px;
  display: block;
}
.slide-controls span {
  background: #e6e6e6;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: block;
  text-align: left;
  overflow: hidden;
  text-indent: -999px;
}
.slide-controls .selected span,
.slide-controls a:hover span {
  background: #000000;
}
.collection-description {
  float: right;
  width: 217px;
  margin-left: 163px;
  position: relative;
}
.collection-description h2 {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 27px;
  line-height: 29px;
  text-transform: uppercase;
  padding-right: 25px;
}
.collection-description h4 {
  font-size: 19px;
  line-height: 22px;
  font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: none;
  padding-bottom: 34px;
}
.collection-description p {
  font-size: 12px;
  line-height: 22px;
  padding-bottom: 28px;
}
.collection-description b,
.collection-description strong {
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.collection-description hr {
  border: 0;
  height: 1px;
  background: #000000;
  width: 217px;
  margin: 0 0 16px;
}
.collection-description .favorites-add {
  position: absolute;
  right: 0;
  top: 4px;
}
.collection-description-data.is-mobile {
  display: none;
}
@media screen and (max-width: 1170px) {
  .collection-description-data {
    display: none;
  }
  .collection-description-data.is-mobile {
    display: block;
  }
}
.works {
  width: 1057px;
  margin-right: -49px;
  margin-top: 48px;
}
.work {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 215px;
  margin: 0 42px 62px 0;
}
.work h3 {
  text-transform: uppercase;
}
.works-heading {
  margin: 30px 0 -30px;
  text-transform: uppercase;
  font-size: 14px;
}
.mid-heading {
  margin: 30px 0 -30px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
}
/*  ===============================================================================================================================
    Archive
    =============================================================================================================================== */
.archive .collection-description {
  width: 247px;
  margin-left: 133px;
  float: none;
}
.archive .collection-description hr {
  width: 247px;
}
.archive .collection-description h2 {
  padding-right: 0;
  font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
}
.archive .collection-description nav {
  height: 80px;
  position: relative;
  width: 298px;
}
.archive .collection-description nav li {
  border-top: 0;
  margin: 0;
  padding: 0;
}
.archive .collection-description nav a {
  width: 52px;
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #000000;
  display: block;
  background-image: url("../images/sprite.svg");
  background-position: 15px -433px;
  overflow: hidden;
  text-indent: -999px;
}
.archive .collection-description .next,
.archive .collection-description .prev {
  width: 52px;
  height: 40px;
  display: block;
}
.archive .collection-description .next,
.archive .collection-description .prev {
  position: absolute;
  top: 0;
}
.archive .collection-description nav .prev {
  left: 0;
}
.archive .collection-description nav .next {
  right: 0;
}
.archive .collection-description nav .next a {
  background-position: -42px -433px;
}
.archive .collection-description nav .no {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 23px;
  text-align: center;
  width: 100px;
  margin: 0 auto;
  line-height: 40px;
  height: 50px;
}
.archive .collection-description .favorites-add {
  bottom: 20px;
  right: 37px;
  top: auto;
}
.archive .box.text-box .favorites-add,
.archive .favorites-add {
  top: -30px;
}
.archive-wrap {
  width: 100%;
}
.archive-wrap .box.text-box .favorites-add,
.archive-wrap .favorites-add {
  top: -30px;
}
.archive-wrap > .boxes {
  margin-top: 0;
}
.boxes.with-archive-nav {
  width: 700px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.archive-nav {
  font-size: 12px;
  line-height: 14px;
  width: 310px;
  padding-right: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-transform: uppercase;
}
.archive-nav a,
.archive-nav span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-bottom: 6px;
}
.archive-nav span {
  cursor: pointer;
}
.archive-nav li li {
  margin-left: 15px;
  position: relative;
}
.archive-nav li li:before {
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 1px;
  position: absolute;
  left: -10px;
  top: 7px;
  content: "";
}
.archive-nav li ul {
  display: none;
}
.archive-nav li ul.open {
  display: block;
}
.archive-nav li.open ul {
  display: block;
}
.archive-nav .selected > a,
.archive-nav .selected > span {
  font-family: "Theinhardt-Medium", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.box.text-box .favorites-add {
  top: 0;
  margin-top: -5px;
}
/*  ===============================================================================================================================
    Events
    =============================================================================================================================== */
.event-list {
  width: 988px;
  margin-right: -10px;
  border-top: 1px solid #000000;
}
.event-list td {
  padding: 10px 0 10px 20px;
  border-top: 1px solid #000000;
  font-size: 16px;
}
.event-list tr:first-child td {
  border-top: 0;
}
.event-list td:first-child {
  padding-left: 0;
}
.event-list time {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
}
.event-list time span {
  font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  display: block;
}
.event-list .place,
.event-list .event-name {
  font-size: 12px;
}
.event-list .event-name strong {
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.event-list .favorites-parent {
  width: 22px;
}
.event-list .category {
  text-transform: uppercase;
}
.event-list .favorites-add {
  position: relative;
  top: 8px;
}
.download {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  line-height: 31px;
  padding-left: 37px;
  background: url("../images/sprite.svg") 0 -250px no-repeat;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
}
/* ==========================================================================
    Gallery
========================================================================== */
.gallery-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 10;
  position: fixed;
}
.gallery {
  background: #fff;
  padding-top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1100;
}
.gallery h1,
.gallery h2,
.gallery h3 {
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  margin: 0;
  padding: 0;
  padding-left: 45px;
}
.gallery h3 {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0;
}
.gallery hgroup {
  position: absolute;
  left: 38px;
  top: 38px;
}
.gallery {
  text-align: center;
}
.gallery figure {
  text-align: center;
  display: block;
  zoom: 1;
  margin: 102px auto 0;
}
.js .gallery figure {
  opacity: 0;
}
.gallery figcaption {
  display: block;
  width: 80%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 12px;
  margin-top: 10px;
}
.gallery nav a {
  width: 52px;
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #000000;
  display: block;
  background-image: url("../images/sprite.svg");
  background-position: 15px -433px;
  overflow: hidden;
  text-indent: -999px;
}
.gallery .next,
.gallery .prev {
  position: fixed;
  margin-top: -20px;
  width: 52px;
  height: 40px;
  display: block;
}
.gallery .next,
.gallery .prev {
  top: 50%;
}
.gallery nav .prev {
  left: 0;
}
.gallery nav .next {
  right: 0;
}
.gallery nav .next a {
  background-position: -42px -433px;
}
.close {
  margin-top: 0;
  width: 44px;
  height: 38px;
  background: #000000;
  position: fixed;
  display: block;
  text-indent: -999px;
  overflow: hidden;
}
.close {
  top: 0;
  right: 0;
}
.close a,
.gallery nav .close a {
  width: 44px;
  height: 38px;
  display: block;
  background: url("../images/sprite.svg") -105px -430px;
}
.gallery nav .close a {
  background-position: -108px -430px;
}
.gallery .share {
  float: right;
  list-style: none;
  margin-top: 0;
}
/*  ===============================================================================================================================
   	Live Search
    =============================================================================================================================== */
.search-box {
  z-index: 13;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  -moz-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  -o-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease visibility 0s linear 0.3s;
}
.search-box form {
  border: 1px solid #000000;
  display: block;
  width: 584px;
  height: 74px;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -292px;
  margin-top: -37px;
}
.search-box input {
  border: 0;
  height: 74px;
  width: 480px;
  padding: 0 15px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 18px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.search-box button {
  overflow: hidden;
  width: 74px;
  height: 74px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-indent: -999px;
  border: 0;
  background: #000000 url("../images/sprite.svg") 20px -280px;
}
.search-box .close {
  width: 20px;
  height: 20px;
  background: url("../images/sprite.svg") 0 -350px;
  position: absolute;
  top: -30px;
  right: -30px;
  display: block;
  text-indent: -999px;
  overflow: hidden;
}
.search-box .livesearch {
  margin-top: 1px;
  width: 510px;
}
.search-box .livesearch a {
  text-transform: uppercase;
  width: 494px;
  display: block;
  height: 74px;
  line-height: 74px;
  position: relative;
  padding-left: 15px;
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-bottom: -1px;
  font-size: 18px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
}
.search-box .livesearch img {
  width: 74px;
  height: 74px;
  position: absolute;
  top: 0;
  right: 0;
}
.search-box .livesearch a:hover,
.search-box .livesearch .selected {
  background: #e6e6e6;
}
.lt-ie9 .search-box input {
  line-height: 74px;
}
#search:target,
#search.target {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
/*  ===============================================================================================================================
   	Artyści
    =============================================================================================================================== */
.artist-list {
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
}
.artist-list h2 {
  font-size: 26px;
  margin-bottom: 6px;
}
.artist-list li ul {
  padding-bottom: 44px;
}
.artist-list > li {
  width: 310px;
  margin-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.artist-list > li:first-child {
  margin-left: 0;
}
/*  ===============================================================================================================================
    Form
    =============================================================================================================================== */
.form-wrap {
  width: 1055px;
  margin-left: -60px;
  padding-left: 60px;
  border-top: 1px solid #000000;
  padding-top: 30px;
  margin-top: 24px;
}
.form-cols {
  margin-bottom: 72px;
}
.form-cols p {
  font-size: 14px;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-transform: uppercase;
}
.form-cols hr {
  width: 67px;
  background: #000000;
  height: 1px;
  border: 0;
  margin: -14px 0 14px;
}
.form-cols .register {
  text-transform: uppercase;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  text-align: center;
  display: block;
}
.form-cols .register strong {
  display: block;
  font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
}
.form-col {
  width: 310px;
  margin-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.form-col:first-child {
  margin-left: 0;
}
/*  ===============================================================================================================================
    Map    
    =============================================================================================================================== */
.map-wrap {
  z-index: 14;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
}
.map-wrap .close {
  right: 0;
  top: 0;
}
#map {
  width: 100%;
  height: 100%;
}
#map img {
  opacity: 1;
}
#map img[src*="iws3.png"] {
  display: none;
}
/*  ===============================================================================================================================
    Minisite map
    =============================================================================================================================== */
.minisite_map
{
  min-width:100%;height:500px;display:block  ;
}

/*  ===============================================================================================================================
   	Effects
    =============================================================================================================================== */
.csstransitions.js img {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
}
.csstransitions.js img.loaded {
  opacity: 1;
}
/*  ===============================================================================================================================
   	SVG Fallback
    =============================================================================================================================== */
.no-svg .collection-search button,
.no-svg .pick-month button,
.no-svg .pick-month span,
.no-svg .play,
.no-svg .gallery-icon,
.no-svg .audio-icon,
.no-svg .download,
.no-svg .gallery nav a,
.no-svg .close a,
.no-svg .gallery nav .close a,
.no-svg .search-box button {
  background-image: url("../images/sprite.png");
}
.no-svg .full-logo {
  background-image: url("../images/muzeum-logo-full.png");
}
#mobile-menu,
.trigger {
  display: none;
}
@media screen and (min-width: 1171px) {
  .submenu {
    width: 1055px;
  }
}
@media screen and (max-width: 1170px) {
  body {
    overflow-x: hidden;
  }
  .text-wrap {
    width: auto;
  }
  .search-box form {
    top: 150px;
    margin-top: 0;
  }
  .form-wrap {
    width: auto;
  }
  #content {
    width: auto;
    margin: 0 auto;
    max-width: 653px;
  }
  .collection.single .works {
    margin-left: 0;
  }
  .boxes {
    width: 700px;
    margin: 0 auto;
  }
  .box.double {
    width: 286px;
  }
  .box.double img {
    width: 100% !important;
    height: auto !important;
  }
  .works {
    width: 730px;
    margin: 48px auto;
  }
  article figure,
  .landing figure,
  .article figure {
    margin-left: 0;
    width: 653px;
  }
  article figure img,
  .landing figure img,
  .article figure img {
    width: 100%;
    height: auto;
  }
  article .lead,
  article .lead:first-child {
    margin-top: 0;
  }
  /*  ===============================================================================================================================
      Header
      =============================================================================================================================== */
  .fixed header,
  header {
    width: 653px;
    margin: 0 0 0 -298px;
  }
  .fixed #content {
    padding-top: 85px;
    margin-top: 5 f0px;
  }
  h1 {
    padding-bottom: 20px;
  }
  #logo,
  .fixed-logo #logo {
    left: 50%;
    margin-left: -398px;
  }
  .hide .loading-info {
    margin-left: -328px;
  }
  .wrapper {
    width: auto;
  }
  .full-logo,
  .primary {
    display: none;
  }
  #logo {
    width: 240px;
    height: 136px;
    position: fixed;
    top: 0 !important;
    overflow: hidden;
    background: #ffffff url("../images/muzeum-logo.svg") 70px 10px no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .black #logo {
    background-image: url("../images/muzeum-logo-black.svg");
  }
  .no-svg.black #logo {
    background-image: url("../images/muzeum-logo-black.png");
  }
  .no-svg #logo {
    background-image: url("../images/muzeum-logo.png");
  }
  #content {
    padding-top: 65px;
    margin-top: 50px;
  }
  header,
  .fixed header {
    z-index: 11;
    position: fixed;
    top: 0;
    left: 50%;
  }
  .artist-list > li {
    width: 50%;
    margin: 0;
  }
  .artist-list > li:first-child {
    width: 48%;
    margin-right: 2%;
  }
  article aside {
    width: 350px;
    margin-right: 0;
    padding-left: 30px;
    margin-left: -30px;
  }
  footer {
    width: 652px;
  }
  footer hr {
    width: 100%;
    margin: 0;
  }
  footer > ul {
    width: auto;
  }
  footer > ul > li {
    display: none;
  }
  footer .follow {
    margin-left: 0;
  }
  footer .follow {
    width: auto;
  }
  footer ul {
    padding-right: 0;
  }
  footer .privacy {
    position: static;
    height: auto;
    width: auto;
    display: block;
  }
  footer .privacy p {
    padding-left: 0;
  }
  /*  ===============================================================================================================================
      Mobile Menu Styles
      =============================================================================================================================== */
  #mobile-menu {
    display: block;
    width: 219px;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid #000000;
    z-index: 13;
    height: 100%;
    font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #mobile-menu a {
    color: #fff;
  }
  #mobile-menu > ul {
    margin-top: 20px;
    position: relative;
    z-index: 13;
  }
  #mobile-menu > ul > li {
    margin: 0 20px;
    border-top: 1px solid #cccccc;
    line-height: 14px;
    padding-right: 10px;
  }
  #mobile-menu > ul ul {
    font-size: 12px;
  }
  #mobile-menu > ul ul li {
    padding: 6px 0 0 13px;
  }
  #mobile-menu li {
    padding: 8px 0;
    display: block;
    text-transform: uppercase;
  }
  #mobile-menu .search {
    width: 221px;
    border: 0;
    height: 50px;
    padding: 0;
    margin: 0 -22px -1px 0;
    border-bottom: 1px solid #000000;
    display: block;
    position: relative;
  }
  #mobile-menu .search input {
    display: none;
    width: 165px;
    margin-left: 35px;
    font-size: 16px;
    color: #000000;
    height: 22px;
    margin-top: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    background: #000;
    border: 0;
  }
  #mobile-menu .search button {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 20px;
    height: 20px;
    display: block;
    border: 0;
    text-indent: -999px;
    overflow: hidden;
    background: url("../images/sprite.svg") 4px 4px no-repeat;
  }
  #mobile-menu .no-svg .search button {
    background-image: url("../images/sprite.png");
  }
  .ios6 #mobile-menu {
    -webkit-overflow-scrolling: touch;
  }
  .no-csstransforms3d #mobile-menu {
    display: none;
  }
  .no-csstransforms3d .menu-open #mobile-menu {
    display: block;
  }
  .no-csstransforms3d #header {
    margin-left: 0;
  }
  .no-csstransforms3d .menu-open #header {
    margin-left: 220px;
  }
  .android #mobile-menu {
    display: none;
  }
  .android .menu-open #mobile-menu {
    display: block;
  }
  .csstransforms3d #mobile-menu {
    -webkit-transform: translate3d(-220px, 0, 0);
    -moz-transform: translate3d(-220px, 0, 0);
    -o-transform: translate3d(-220px, 0, 0);
    transform: translate3d(-220px, 0, 0);
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
  }
  .csstransforms3d .menu-open #mobile-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .csstransforms3d #content,
  .csstransforms3d .footer,
  .csstransforms3d #header,
  .csstransforms3d .trigger,
  .csstransforms3d #logo,
  .csstransforms3d .loading-info {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
  }
  .csstransforms3d .menu-open #header,
  .csstransforms3d .menu-open .trigger,
  .csstransforms3d .menu-open #logo,
  .csstransforms3d .menu-open .loading-info {
    -webkit-transform: translate3d(220px, 0, 0);
    -moz-transform: translate3d(220px, 0, 0);
    -o-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
  }
  .trigger {
    display: block;
    height: 27px;
    width: 36px;
    text-align: left;
    text-indent: -999px;
    overflow: hidden;
    position: fixed;
    top: 13px;
    left: 50%;
    margin-left: -245px;
    z-index: 13;
    background: url("../images/sprite.svg") -300px -550px;
  }
  .no-svg .trigger {
    background-image: url("../images/sprite.png");
  }
  .submenu {
    border-bottom: 0;
    padding-left: 0;
    text-align: center;
    margin-left: 0;
  }
  .submenu li {
    display: none;
  }
  .submenu .pick-month {
    text-indent: 18px;
    background-repeat: no-repeat;
    text-align: left;
    border-left: 0;
    position: relative;
    right: 0;
    top: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
  }
  .submenu .pick-month span {
    padding-left: 0;
  }
  .submenu.show-mobile li {
    margin-left: 21px;
    margin-right: 21px;
    display: inline-block;
  }
  .submenu.show-mobile li a {
    padding-bottom: 6px;
    margin-bottom: 16px;
  }
  /*  ===============================================================================================================================
      Archives
      =============================================================================================================================== */
  .archive .submenu {
    display: none;
  }
  .archive .collection-description {
    margin-left: 0;
    margin-bottom: 40px;
  }
  .archive .text-wrap .slides,
  .archive .slides {
    margin-bottom: 30px;
  }
  .archive-nav {
    margin-bottom: 40px;
  }
  .archive-nav li li {
    display: none;
  }
  /*  ===============================================================================================================================
      Events
      =============================================================================================================================== */
  .event-list {
    width: 100%;
  }
  .events .submenu {
    display: none;
  }
  /*  ===============================================================================================================================
      Cookie Notiication Present
      =============================================================================================================================== */
  .has-cookie .trigger {
    top: 64px;
  }
  .has-cookie #logo {
    top: 51px;
  }
  /*  ===============================================================================================================================
      Collection
      =============================================================================================================================== */
  .collection-description {
    margin-left: 0;
    width: 100%;
    max-width: 400px;
    padding: 0;
    float: none;
  }
  .collection .work {
    width: 200px;
    margin-right: 27px;
  }
  .collection .work img {
    width: 200px;
    height: auto !important;
  }
  .form-col {
    width: 309px;
  }
  /*  ===============================================================================================================================
      Museum
      =============================================================================================================================== */
  .museum.landing > img:first-child {
    width: 100%;
    height: auto;
  }
  .museum.landing aside {
    width: 100%;
    margin: 40px auto;
  }
}
@media screen and (max-width: 1169px) and (min-width: 651px) {
  /*  ===============================================================================================================================
      Landing
      =============================================================================================================================== */
  .landing {
    max-width: 653px;
    margin: 0 auto;
  }
  .landing .boxes {
    width: 700px;
    margin-top: 30px;
  }
  .landing aside {
    width: 303px;
    margin-right: 47px;
  }
  /*  ===============================================================================================================================
      Museum
      =============================================================================================================================== */
  .museum.landing aside {
    width: 100%;
    margin: 0 auto;
    
  }
}
@media screen and (max-width: 760px) {
  #logo,
  .fixed-logo #logo {
    left: 0;
    margin: 0;
    width: 150px;
    background-position: 20px 10px;
  }
  header,
  .fixed header {
    width: 100%;
    left: 0;
    margin: 0;
  }
  .trigger {
    left: 100px;
    margin-left: 0;
  }
  .heading h1 {
    font-size: 28px;
    line-height: 27px;
  }
  .hide .loading-info {
    margin-left: 0;
    left: 20px;
  }
  #content {
    width: auto;
  }
  .works {
    width: 472px;
  }
  .gallery figure {
    width: auto;
  }
  .search-box form {
    width: 100%;
    height: 74px;
    left: 0;
    margin-left: 0;
  }
  .search-box input {
    height: 74px;
    width: 94%;
    padding: 0 3%;
  }
  .search-box button {
    margin-left: -74px;
  }
  .search-box .close {
    top: -30px;
    right: 0;
  }
  .search-box .livesearch {
    width: 100%;
  }
  .search-box .livesearch a {
    display: block;
    width: auto;
    padding-right: 74px;
    height: 74px;
    line-height: 74px;
    padding-left: 15px;
  }
  .search-box .livesearch img {
    width: 74px;
    height: 74px;
  }
  .text-wrap .slides img,
  .slides img {
    width: 100%;
    height: auto;
  }
  .collection-description {
    margin-left: 0;
    width: 100%;
  }
  .collection-description hr {
    width: 100%;
  }
  .submenu .collection-search,
  .submenu .pick-month {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
  }
  /*  ===============================================================================================================================
      Archives
      =============================================================================================================================== */
  .boxes.with-archive-nav {
    width: 100%;
    margin: 0 auto;
  }
  .boxes.with-archive-nav .box {
    width: 100%;
    margin-left: 0;
  }
  .boxes.with-archive-nav .box .category {
    right: auto;
    left: 142px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1170px) {
  /*  ===============================================================================================================================
      Archives
      =============================================================================================================================== */
  .archive-wrap .box.double {
    width: 636px;
  }
}
@media screen and (max-width: 700px) {
  .boxes {
    width: 639px;
    margin: 48px auto;
  }
  .landing .boxes {
    width: 653px;
  }
  .landing aside {
    width: 286px;
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  article figure,
  .landing figure,
  .article figure {
    width: 100%;
    max-width: 652px;
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  header .fbk {
    display: none;
  }
  .boxes,
  .landing .boxes {
    width: 286px;
    margin: 48px auto;
  }
  article aside,
  .landing aside {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .text-wrap {
    width: 100%;
  }
  #content {
    width: 90%;
  }
  .work {
    margin-left: 0;
    margin-right: 0;
  }
  .landing aside,
  .article aside {
    margin-top: 0;
    padding: 0;
  }
  footer .follow {
    display: none;
  }
  footer {
    width: 100%;
  }
  footer .fb-like {
    margin-left: 5%;
  }
  footer > ul {
    width: 90%;
    margin: 0 5%;
  }
  footer .privacy {
    position: static;
    margin: 20px 0 0;
    padding-left: 0;
  }
  footer .muzuem-logo {
    float: none;
    margin: 0;
    display: block;
    padding-left: 0;
  }
  footer .muzuem-logo-en {
    float: none;
    margin: 0;
    display: block;
    padding-left: 0;
  }
  /*  ===============================================================================================================================
      Tweaks
      =============================================================================================================================== */
  iframe {
    width: 100%;
    height: 300px;
  }
  /*  ===============================================================================================================================
      Landing
      =============================================================================================================================== */
  .landing .boxes {
    width: 100%;
    text-align: center;
  }
  .landing .box {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .landing aside {
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
  }
  .landing .boxes.masonry {
    width: 286px;
  }
  .landing .boxes.masonry.stamped {
    width: 100%;
  }
  .form.wide-form {
    width: auto;
  }
  .video-player {
    width: 288px;
  }
  .video-player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 288px;
    height: 216px;
  }
}
.event-list.mobile {
  display: none;
}
@media screen and (max-width: 420px) {
  .box {
    margin-left: auto;
    margin-right: auto;
  }
  .video-player {
    width: 288px;
  }
  .video-player video {
    width: 288px ;
    height: 216px;
  }
  .video-play {
    height: 100% !important;
  }
  .fixed #content {
    padding-top: 65px;
  }
  .cookie {
    margin-right: 10px;
  }
  header {
    background: #fff;
    height: 56px;
  }
  .secondary .language {
    width: 43px;
    height: 56px;
  }
  .secondary .language a {
    display: block;
    line-height: 56px;
    text-indent: 3px;
  }
  header .secondary {
    right: 0;
  }
  #logo,
  .fixed-logo #logo {
    background-position: 16px 6px;
    width: 58px;
    background-image: url("../images/muzeum-logo-mobile.svg");
    height: 56px;
  }
  .trigger {
    left: 60px;
    top: 14px;
  }
  .works {
    width: 217px;
    margin: 48px auto;
  }
  .hide .loading-info {
    background-image: url("../images/loader-mobile.gif");
    background-repeat: no-repeat;
  }
  .event-list {
    display: none;
  }
  .event-list .event-name strong {
    font-size: 12px;
  }
  .event-list td {
    padding: 5px 0 10px 5px;
    font-size: 10px;
    line-height: 14px;
  }
  .event-list.mobile {
    display: block;
  }
  .event-list.mobile .place,
  .event-list.mobile .event-name {
    font-size: 10px;
  }
  .event-list.mobile a strong {
    margin-right: 4px;
  }
  /*  ===============================================================================================================================
      Cookie
      =============================================================================================================================== */
  /* Reset cookie notificaiton styles */
  .has-cookie .trigger {
    top: 13px;
  }
  .has-cookie #logo {
    top: 0 !important;
  }
  .has-cookie #content {
    padding-top: 65px;
  }
  .fixed.has-cookie #content {
    padding-top: 65px;
  }
  .hide.has-cookie .loading-info {
    top: 10px;
  }
  .fixed-logo.has-cookie #logo,
  .fixed.has-cookie #logo {
    top: 0 !important;
  }
  /* Apply text style */
  .cookie {
    min-height: 30px;
    padding-left: 0;
    margin-left: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-right: 0;
    border-bottom: 0;
    padding: 10px;
    background: #fff;
    text-align: center;
    line-height: 12px;
    border-top: 1px solid #000;
    font-size: 10px;
  }
  .cookie p {
    line-height: 12px;
    padding-right: 30px;
  }
  .no-csstransforms3d .trigger {
    margin-left: 0;
  }
  .no-csstransforms3d .menu-open .trigger {
    margin-left: 220px;
  }
  /* Login */
  .form-wrap {
    margin-left: auto;
    padding-left: 0;
    margin-right: auto;
    max-width: 300px;
  }
  .form-wrap .form-col {
    width: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: 421px) and (max-height: 650px) {
  .scrolled.fixed-logo #logo {
    background-position: 16px 6px;
    width: 58px;
    background-image: url("../images/muzeum-logo-mobile.svg");
    height: 56px;
  }
  .no-svg .scrolled.fixed-logo #logo {
    background-image: url("../images/muzeum-logo-mobile.png");
  }
  .scrolled.fixed-logo.hide .loading-info {
    background-image: url("../images/loader-mobile.gif");
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 761px) and (max-height: 650px) {
  .scrolled.fixed-logo #logo {
    margin-left: -342px;
  }
}
@media screen and (min-width: 1171px) and (max-height: 650px) {
  .scrolled.fixed-logo #logo {
    margin-left: -512px;
  }
}
@media screen and (min-width: 421px) and (max-height: 550px) {
  .fixed-logo #logo {
    background-position: 16px 6px;
    width: 58px;
    background-image: url("../images/muzeum-logo-mobile.svg");
    height: 56px;
  }
  .no-svg .fixed-logo #logo {
    background-image: url("../images/muzeum-logo-mobile.png");
  }
  .fixed-logo.hide .loading-info {
    background-image: url("../images/loader-mobile.gif");
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 761px) and (max-height: 550px) {
  .fixed-logo #logo {
    margin-left: -342px;
  }
}
@media screen and (min-width: 1171px) and (max-height: 550px) {
  .fixed-logo #logo {
    margin-left: -512px;
  }
}
@media screen and (min-width: 421px) {
  .has-cookie #content {
    padding-top: 109px;
  }
  .fixed.has-cookie #content {
    padding-top: 166px;
  }
  .hide.has-cookie .loading-info {
    top: 61px;
  }
  .fixed-logo.has-cookie #logo {
    top: 51px !important;
  }
}

footer .logos
{
  margin-top:20px;
}

footer .logos div
{
  display: inline-block;
}

footer h4
{
  vertical-align: top;
  padding-right:20px;
}

footer .logos img
 {
  margin: 5px 20px 15px 0;
  vertical-align: top;
  max-width: 65px;
  max-height: 45px;
}
footer .logos img.wide-logotype
 {
  max-width: 120px;
  max-height: 45px;
}