/*

	2015 CANADIAN HISTORY AND WAR MUSEUM
	VERSION 1.0 [MAIN]
	
	-----------------------------------------
	
	developer: 	Michel Joanisse
	email: 		michel.joanisse@museedelhistoire.ca
	
*/
/* 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, input, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  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;
}

i {
  font-style: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Cree Font */
@font-face {
  font-family: 'BJCreeUNIBold';
  src: url("../_fonts/cree-bold-webfont.eot");
  src: url("../_fonts/cree-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/cree-bold-webfont.woff") format("woff"), url("../_fonts/cree-bold-webfont.ttf") format("truetype"), url("../_fonts/cree-bold-webfont.svg#AboriginalSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BJCreeUNIRegular';
  src: url("../_fonts/cree-regular-webfont.eot");
  src: url("../_fonts/cree-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/cree-regular-webfont.woff") format("woff"), url("../_fonts/cree-regular-webfont.ttf") format("truetype"), url("../_fonts/cree-regular-webfont.svg#AboriginalSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

.creeFont {
  font-family: 'BJCreeUNIRegular';
}

.creeFontBold {
  font-family: 'BJCreeUNIBold';
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="submit"] {
  -webkit-appearance: none;
}

small {
  display: block;
  font-size: 0.75rem;
}

font {
  font-size: 1rem;
}

[class*="hwm-layout-column"].padding-right-base {
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*="hwm-layout-column"].padding-right-double {
  padding-right: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.is-hidden {
  display: none;
}

.push-up {
  margin-top: 40px;
}

.l-margin-top {
  margin-top: 40px;
}

.l-margin-right {
  margin-right: 40px;
}

.l-margin-bottom {
  margin-bottom: 40px;
}

.l-margin-left {
  margin-left: 40px;
}

.l-padding-top {
  padding-top: 40px;
}

.l-padding-right {
  padding-right: 40px;
}

.l-padding-bottom {
  padding-bottom: 40px;
}

.l-padding-left {
  padding-left: 40px;
}

.bookmark-parent {
  position: relative;
}

.bookmark {
  position: absolute;
  top: -40px;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  display: block;
  content: "";
}

.clr-mediumgrey {
  color: #8a8d8a;
}

.clr-primary {
  color: #e6192b;
}

.layout-padding-left {
  padding-left: 40px;
}

.layout-padding-right {
  padding-right: 40px;
}

.majuscule {
  text-transform: uppercase;
}

.pull-up {
  margin-top: -10px;
}

ul {
  margin-left: 30px;
  list-style-type: disc;
}

ol {
  margin-left: 35px;
  list-style-type: decimal;
}

li {
  margin-bottom: 10px;
}

.pull-up-core {
  margin-top: -40px;
}

html {
  font-family: Arial;
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-x: hidden;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 1;
}

.lockdown,
.noscroll {
  overflow: hidden;
}

.ver-align-center {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-margin {
  margin-bottom: 0 !important;
}

b {
  font-weight: normal;
}

a {
  color: inherit;
}

* {
  margin: 0;
  padding: 0;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 75%;
  margin-left: 1px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, small {
  margin-bottom: 25px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

button {
  cursor: pointer;
}

:-moz-placeholder {
  opacity: 1;
  color: #cccccc;
}

::-moz-placeholder {
  opacity: 1;
  color: #cccccc;
}

:-ms-input-placeholder {
  opacity: 1;
  color: #cccccc;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #cccccc;
}

h1, .h1 {
  line-height: 1;
  font-size: 3rem;
}

h2, .h2 {
  line-height: 1;
  font-size: 2.25rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.3125rem;
}

h5, .h5, h6, .h6 {
  font-size: 1rem;
}

.clear {
  clear: both;
}

li {
  line-height: 1.5;
}

p, dd, dt {
  line-height: 1.6;
}

.base-font {
  font-family: Arial !important;
}

.text-ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}

.mu-container {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.maxw-xlg {
  padding: 0 2.5em;
  max-width: 1152px;
}

.hwm-poster-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.hwm-poster-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.hwm-poster-wrapper {
  text-decoration: none;
  display: block;
  height: 100%;
}

.label-hero {
  position: static;
  background: 0;
  padding: 0;
  margin-bottom: 15px;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-poster-date,
.hwm-poster-subtitle {
  line-height: 1.25;
  font-size: 21px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #fff;
}

.hwm-poster-text {
  margin-bottom: 10px;
}

.hwm-poster-text, .hwm-poster-text * {
  color: #fff;
}

.hwm-poster-text:last-child {
  margin-bottom: 0;
}

.hwm-poster-showtimes {
  line-height: 1.25;
  margin-bottom: 5px;
}

.hwm-poster-showtimes, .hwm-poster-showtimes * {
  color: #fff;
}

.hwm-poster-showtimes strong {
  text-transform: uppercase;
}

.hwm-button.hwm-button-poster {
  margin-top: 10px;
  background: 0;
  border: 2px solid #fff;
}

.hwm-button.hwm-button-poster .hwm-button-text {
  color: #fff;
}

.hwm-poster-title {
  line-height: 1;
  font-size: 2.25rem;
  margin-bottom: 10px;
}

.hwm-poster-title, .hwm-poster-title * {
  color: #fff;
}

.hwm-poster-title:last-child {
  margin-bottom: 0;
}

.hwm-poster-content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 100px 40px 40px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}

.hwm-poster-content:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-poster-content :last-child {
  margin-bottom: 0 !important;
}

.hwm-poster {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 400px;
  position: relative;
  display: block;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
  background-color: #4a4a4a;
  -webkit-transition: background-color 250ms ease;
  -moz-transition: background-color 250ms ease;
  -ms-transition: background-color 250ms ease;
  -o-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
}

.hwm-poster sup {
  margin: 0;
  color: #fff;
  top: -0.8em;
  font-size: 50%;
}

.hwm-poster img {
  display: none;
}

.hwm-poster .mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -ms-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 900px) {
  .hwm-poster .mask {
    /*opacity: 0.5;*/
    display: none;
  }
}

.hwm-poster .gif-mask {
  -webkit-transition: background 250ms ease-out, opacity 1s 1s;
  -moz-transition: background 250ms ease-out, opacity 1s 1s;
  -ms-transition: background 250ms ease-out, opacity 1s 1s;
  -o-transition: background 250ms ease-out, opacity 1s 1s;
  transition: background 250ms ease-out, opacity 1s 1s;
}

.hwm-poster .hwm-social {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
}

.hwm-poster .hwm-button-text {
  color: #fff;
}

.hwm-poster .hwm-button:hover {
  border-color: #4a4a4a;
  background: #4a4a4a;
}

.hwm-poster .animated-gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  background-size: cover;
  background-position: top right;
}

.hwm-poster .animated-gif.imax-butterflies {
  background-image: url("../_images/imax-butterfly.gif");
}

.hwm-poster .animated-gif.imax-lemurs {
  background-image: url("../_images/island-of-lemurs.gif");
}

.hwm-poster.animated-gif {
  background-position: top left;
}

.hwm-poster.animated-gif .mask {
  -webkit-transition: background 1s 250ms ease-out;
  -moz-transition: background 1s 250ms ease-out;
  -ms-transition: background 1s 250ms ease-out;
  -o-transition: background 1s 250ms ease-out;
  transition: background 1s 250ms ease-out;
}

.hwm-poster.animated-gif .animated-gif {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.hwm-poster.animated-gif:hover .animated-gif {
  -webkit-transition: all 500ms 250ms ease-out;
  -moz-transition: all 500ms 250ms ease-out;
  -ms-transition: all 500ms 250ms ease-out;
  -o-transition: all 500ms 250ms ease-out;
  transition: all 500ms 250ms ease-out;
  opacity: 1;
}

.hwm-poster.animated-gif:hover .mask {
  -webkit-transition: background 250ms ease-out;
  -moz-transition: background 250ms ease-out;
  -ms-transition: background 250ms ease-out;
  -o-transition: background 250ms ease-out;
  transition: background 250ms ease-out;
  background: #000;
}

.hwm-poster.video .mask {
  background: rgba(0, 0, 0, 0.6);
}

.hwm-poster.video:hover .mask {
  background: rgba(0, 0, 0, 0.75);
}

.hwm-poster.video .icon.play {
  width: 96px;
  height: 72px;
  margin-bottom: 30px;
}

.hwm-poster.video .hwm-poster-title {
  max-width: 80%;
  margin: 0 auto;
}

.hwm-poster.video .hwm-poster-content {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: 0;
  text-align: center;
  padding: 0;
}

.hwm-poster.small {
  height: 100%;
}

.hwm-poster.small h6 {
  margin-bottom: 7px;
}

.hwm-poster.small.video .icon {
  width: 48px;
  height: 36px;
  margin-bottom: 10px;
}

.hwm-poster.small .hwm-poster-title {
  font-size: 1.3125rem;
  margin-bottom: 5px;
}

.hwm-poster.small .hwm-poster-content {
  padding: 60px 80px 20px 20px;
}

.hwm-poster.small .hwm-poster-date, .hwm-poster.small .hwm-poster-subtitle, .hwm-poster.small .hwm-poster-showtimes, .hwm-poster.small .hwm-poster-text {
  font-size: 12px;
  margin-bottom: 5px;
}

.hwm-poster.small .hwm-poster-text {
  line-height: 1.25;
}

.hwm-poster.small .hwm-button-poster {
  display: none;
}

.hwm-poster.small sup {
  top: -0.5em;
  font-size: 55%;
}

.hwm-poster.large .hwm-poster-title {
  font-size: 48px;
}

.hwm-poster.is-card-deck {
  height: 200px;
}

.hwm-poster.is-card-deck .hwm-poster-title {
  font-size: 1rem;
}

.hwm-poster.is-card-deck .hwm-social {
  padding: 15px;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  z-index: 10;
  padding: 10px;
}

.hwm-poster.is-card-deck .hwm-social .icon {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto 8px auto;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  fill: #4a4a4a;
}

.hwm-poster.is-card-deck .hwm-social .text-val {
  display: block;
  font-size: 12px;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-poster.is-card-deck .hwm-social:hover .text-val {
  color: #8a8d8a;
}

.hwm-poster.is-card-deck .hwm-social:hover .icon {
  fill: #8a8d8a;
}

.hwm-poster.is-card-deck .hwm-social.light-clrs .text-val {
  color: #fff;
}

.hwm-poster.is-card-deck .hwm-social.light-clrs .icon {
  fill: #fff;
}

.hwm-poster.is-card-deck .hwm-social.light-clrs:hover {
  background: rgba(74, 74, 74, 0.5);
}

.hwm-poster.is-card-deck .hwm-social .icon {
  width: 10px;
  height: 10px;
  margin-bottom: 5px;
}

.hwm-poster.is-card-deck .hwm-social .text-val {
  font-size: 10px;
}

.hwm-poster.auto-height {
  height: auto;
}

.hwm-poster.auto-height .hwm-poster-wrapper {
  height: auto;
}

.hwm-poster.auto-height .hwm-poster-content {
  position: relative;
}

.hwm-poster.social .mask {
  display: none;
}

.hwm-poster.social .hwm-poster-content {
  background: 0;
}

.hwm-poster.social .hwm-poster-text {
  line-height: 1.25;
}

.hwm-poster.social.social-facebook {
  background: #3b5998;
}

.hwm-poster.social.social-twitter {
  background: #55acee;
}

.hwm-poster.rd-activity {
  background: #e6192b;
}

.hwm-poster.rd-activity .poster-icon-rd-activity {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  fill: #fff;
  width: 72px;
  height: 72px;
  top: 46%;
  left: 50%;
}

.hwm-poster-hero {
  height: 100%;
}

a.hwm-poster-wrapper:hover .mask {
  opacity: 1;
}

a.hwm-poster-wrapper .mask.animation-mask {
  -webkit-transition: background 250ms 250ms;
  -moz-transition: background 250ms 250ms;
  -ms-transition: background 250ms 250ms;
  -o-transition: background 250ms 250ms;
  transition: background 250ms 250ms;
}

a.hwm-poster-wrapper:hover .mask.animation-mask {
  background: black;
  -webkit-transition: background 250ms;
  -moz-transition: background 250ms;
  -ms-transition: background 250ms;
  -o-transition: background 250ms;
  transition: background 250ms;
}

.hwm-poster-gif {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block !important;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

a.hwm-poster-wrapper:hover .hwm-poster-gif {
  opacity: 1;
  -webkit-transition: opacity 250ms 250ms;
  -moz-transition: opacity 250ms 250ms;
  -ms-transition: opacity 250ms 250ms;
  -o-transition: opacity 250ms 250ms;
  transition: opacity 250ms 250ms;
}

.hwm-poster-gif-fallback {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

a.hwm-poster-wrapper:hover .hwm-poster-gif-fallback {
  opacity: 1;
  -webkit-transition: opacity 250ms 250ms;
  -moz-transition: opacity 250ms 250ms;
  -ms-transition: opacity 250ms 250ms;
  -o-transition: opacity 250ms 250ms;
  transition: opacity 250ms 250ms;
}

.compat-object-fit {
  background-size: cover;
  background-position: center;
}

.hwm-poster-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block !important;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

@media (max-width: 900px) {
  .hwm-poster-video {
    display: none !important;
  }
}

a.hwm-poster-wrapper:hover .hwm-poster-video {
  opacity: 1;
  -webkit-transition: opacity 250ms 250ms;
  -moz-transition: opacity 250ms 250ms;
  -ms-transition: opacity 250ms 250ms;
  -o-transition: opacity 250ms 250ms;
  transition: opacity 250ms 250ms;
}

.no-objectfit .model-112 .grid-col .hwm-poster .hwm-poster-video {
  transform: scale(1.4);
}

.no-objectfit .model-111 .grid-col .hwm-poster .hwm-poster-video {
  transform: scale(1.8);
}

.no-objectfit .model-41 .grid-col:nth-child(2) .hwm-poster .hwm-poster-video {
  transform: scale(1.8);
}

.no-objectfit .model-42 .grid-col .child-row .hwm-poster .hwm-poster-video {
  transform: scale(1.4);
}

.no-objectfit .grid-col .hwm-poster-video {
  transform: scale(1.2);
}

.hwm-poster-gif-fallback {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

@media (max-width: 900px) {
  .hwm-poster-gif-fallback {
    /*opacity: 0.5;*/
    display: none;
  }
}

a.hwm-poster-wrapper:hover .hwm-poster-gif-fallback {
  opacity: 1;
  -webkit-transition: opacity 250ms 250ms;
  -moz-transition: opacity 250ms 250ms;
  -ms-transition: opacity 250ms 250ms;
  -o-transition: opacity 250ms 250ms;
  transition: opacity 250ms 250ms;
}

.compat-object-fit {
  background-size: cover;
  background-position: center;
}

.card-hor {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
  height: 200px;
}

.card-hor:after {
  clear: both;
  content: "";
  display: block;
}

.card-hor .hwm-card-wrapper {
  display: block;
  text-decoration: none;
  height: 100%;
}

.card-hor .card-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-hor .card-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-hor img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  -ms-transition: border 250ms ease;
  -o-transition: border 250ms ease;
  transition: border 250ms ease;
}

.card-hor img.border {
  border: 1px solid #e5e5e5;
}

.card-hor .sticker {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-hor .sticker.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-hor .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-hor .primary-content {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-hor header {
  margin-bottom: 10px;
}

.card-hor header ul {
  margin-top: 5px;
}

.card-hor ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.card-hor li {
  margin-bottom: 5px;
}

.card-hor .card-price,
.card-hor .card-title,
.card-hor .card-text, .card-hor li {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.card-hor .card-price {
  display: block;
  margin: 10px 0;
  line-height: 1;
}

.card-hor .card-text {
  margin-bottom: 10px;
}

.card-hor .card-title {
  line-height: 1.25;
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.card-hor .card-subtitle {
  display: block;
  font-size: 1rem;
  margin: 6px 0 0 0;
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.card-hor .card-text, .card-hor li {
  font-size: 0.875rem;
}

.card-hor img {
  float: left;
  width: auto;
  height: 100%;
  height: calc(100% + 2px);
  margin-top: -1px;
  margin-left: -1px;
  max-height: 300px;
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

.card-hor .primary-content {
  height: 100%;
}

.card-hor .content-envelop {
  position: relative;
}

.card-hor .content-envelop:after {
  clear: both;
  content: "";
  display: block;
}

.card-hor.reverse img {
  float: right;
  margin-right: -1px;
}

.card-hor.bg-clr {
  background: #f7f7f7;
}

.card-hor.image-border img {
  border: 1px solid #e5e5e5;
}

.card-hor.vh-center header {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.card-hor.vh-center .card-title {
  font-size: 1rem;
}

.card-hor.vh-center .card-price, .card-hor.vh-center .card-title, .card-hor.vh-center .card-subtitle, .card-hor.vh-center .card-text {
  text-align: center;
}

.card-hor.vh-center .content-envelop {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.card-hor.vh-center .hwm-button {
  margin: 0 auto;
  float: none;
  display: table;
}

.card-hor.minimalist {
  border: 0;
  background: 0;
}

.card-hor.minimalist img {
  height: 100%;
  margin: 0;
}

.card-hor.minimalist .primary-content {
  padding: 0;
  border: 0;
  padding-left: 30px;
  -webkit-transition: padding 250ms ease, background-color 250ms ease;
  -moz-transition: padding 250ms ease, background-color 250ms ease;
  -ms-transition: padding 250ms ease, background-color 250ms ease;
  -o-transition: padding 250ms ease, background-color 250ms ease;
  transition: padding 250ms ease, background-color 250ms ease;
}

.card-ver {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
}

.card-ver:after {
  clear: both;
  content: "";
  display: block;
}

.card-ver .hwm-card-wrapper {
  display: block;
  text-decoration: none;
  height: 100%;
}

.card-ver .card-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-ver .card-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-ver img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  -ms-transition: border 250ms ease;
  -o-transition: border 250ms ease;
  transition: border 250ms ease;
}

.card-ver img.border {
  border: 1px solid #e5e5e5;
}

.card-ver .sticker {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-ver .sticker.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-ver .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-ver .primary-content {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-ver header {
  margin-bottom: 10px;
}

.card-ver header ul {
  margin-top: 5px;
}

.card-ver ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.card-ver li {
  margin-bottom: 5px;
}

.card-ver .card-price,
.card-ver .card-title,
.card-ver .card-text, .card-ver li {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.card-ver .card-price {
  display: block;
  margin: 10px 0;
  line-height: 1;
}

.card-ver .card-text {
  margin-bottom: 10px;
}

.card-ver .card-title {
  line-height: 1.25;
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.card-ver .card-subtitle {
  display: block;
  font-size: 1rem;
  margin: 6px 0 0 0;
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.card-ver .card-text, .card-ver li {
  font-size: 0.875rem;
}

.card-ver .card-image {
  height: 200px;
  overflow: hidden;
}

.card-ver .img-wrapper {
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

.card-ver ul {
  margin-bottom: 0;
  margin-left: 0;
}

.card-ver img {
  display: none;
}

.card-ver .card-text {
  margin: 20px 0;
}

.card-ver .primary-content {
  position: static;
}

@media screen and (max-width: 640px) {
  .card-ver .hwm-social {
    padding: 10px;
  }
  .card-ver .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .card-ver .hwm-social .text-val {
    display: none;
  }
}

.card-ver.hor-center .card-text {
  max-width: 460px;
  margin: 20px auto;
}

.card-ver.hor-center .card-title, .card-ver.hor-center .card-subtitle, .card-ver.hor-center .card-text {
  text-align: center;
}

.card-ver.hor-center .hwm-button {
  margin: 0 auto;
  display: table;
  float: none;
}

.card-ver.minimalist {
  border: 0;
}

.card-ver.minimalist .primary-content {
  padding: 0;
  padding-top: 40px;
}

.card-calendar {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
}

.card-calendar:after {
  clear: both;
  content: "";
  display: block;
}

.card-calendar .hwm-card-wrapper {
  display: block;
  text-decoration: none;
  height: 100%;
}

.card-calendar .card-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-calendar .card-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-calendar img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  -ms-transition: border 250ms ease;
  -o-transition: border 250ms ease;
  transition: border 250ms ease;
}

.card-calendar img.border {
  border: 1px solid #e5e5e5;
}

.card-calendar .sticker {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-calendar .sticker.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-calendar .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-calendar .primary-content {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-calendar header {
  margin-bottom: 10px;
}

.card-calendar header ul {
  margin-top: 5px;
}

.card-calendar ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.card-calendar li {
  margin-bottom: 5px;
}

.card-calendar .card-price,
.card-calendar .card-title,
.card-calendar .card-text, .card-calendar li {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.card-calendar .card-price {
  display: block;
  margin: 10px 0;
  line-height: 1;
}

.card-calendar .card-text {
  margin-bottom: 10px;
}

.card-calendar .card-title {
  line-height: 1.25;
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.card-calendar .card-subtitle {
  display: block;
  font-size: 1rem;
  margin: 6px 0 0 0;
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.card-calendar .card-text, .card-calendar li {
  font-size: 0.875rem;
}

.card-calendar ul {
  margin-bottom: 0;
  margin-left: 0;
}

.card-calendar img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
}

.card-calendar .primary-content {
  padding: 15px;
  position: static;
}

.card-calendar .card-title {
  font-size: 1rem;
  margin-bottom: 10px;
}

.card-calendar .card-text {
  font-size: 0.75rem;
}

.card-calendar .card-date, .card-calendar .card-author, .card-calendar li, .card-calendar dd {
  font-size: 0.75rem;
  margin-bottom: 2px;
  line-height: 1.6;
}

.card-calendar .card-label {
  font-size: 0.625rem;
  padding: 8px 10px;
  font-family: Arial;
  z-index: 5;
}

.card-calendar .hwm-social {
  padding: 15px;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  z-index: 10;
  padding: 10px;
}

.card-calendar .hwm-social .icon {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto 8px auto;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  fill: #4a4a4a;
}

.card-calendar .hwm-social .text-val {
  display: block;
  font-size: 12px;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.card-calendar .hwm-social:hover .text-val {
  color: #8a8d8a;
}

.card-calendar .hwm-social:hover .icon {
  fill: #8a8d8a;
}

.card-calendar .hwm-social.light-clrs .text-val {
  color: #fff;
}

.card-calendar .hwm-social.light-clrs .icon {
  fill: #fff;
}

.card-calendar .hwm-social.light-clrs:hover {
  background: rgba(74, 74, 74, 0.5);
}

.card-calendar .hwm-social .icon {
  width: 10px;
  height: 10px;
  margin-bottom: 5px;
}

.card-calendar .hwm-social .text-val {
  font-size: 10px;
}

.card-calendar .card-header {
  position: relative;
}

.card-calendar .card-author {
  margin: 10px 0;
}

.card-calendar .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 75%;
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.card-dense {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
}

.card-dense:after {
  clear: both;
  content: "";
  display: block;
}

.card-dense .hwm-card-wrapper {
  display: block;
  text-decoration: none;
  height: 100%;
}

.card-dense .card-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-dense .card-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-dense img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  -ms-transition: border 250ms ease;
  -o-transition: border 250ms ease;
  transition: border 250ms ease;
}

.card-dense img.border {
  border: 1px solid #e5e5e5;
}

.card-dense .sticker {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-dense .sticker.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-dense .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-dense .primary-content {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-dense header {
  margin-bottom: 10px;
}

.card-dense header ul {
  margin-top: 5px;
}

.card-dense ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.card-dense li {
  margin-bottom: 5px;
}

.card-dense .card-price,
.card-dense .card-title,
.card-dense .card-text, .card-dense li {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.card-dense .card-price {
  display: block;
  margin: 10px 0;
  line-height: 1;
}

.card-dense .card-text {
  margin-bottom: 10px;
}

.card-dense .card-title {
  line-height: 1.25;
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.card-dense .card-subtitle {
  display: block;
  font-size: 1rem;
  margin: 6px 0 0 0;
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.card-dense .card-text, .card-dense li {
  font-size: 0.875rem;
}

.card-dense ul {
  margin-bottom: 0;
  margin-left: 0;
}

.card-dense img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
}

.card-dense .primary-content {
  padding: 15px;
  position: static;
}

.card-dense .card-title {
  font-size: 1rem;
  margin-bottom: 10px;
}

.card-dense .card-text {
  font-size: 0.75rem;
}

.card-dense .card-date, .card-dense .card-author, .card-dense li, .card-dense dd {
  font-size: 0.75rem;
  margin-bottom: 2px;
  line-height: 1.6;
}

.card-dense .card-label {
  font-size: 0.625rem;
  padding: 8px 10px;
  font-family: Arial;
  z-index: 5;
}

.card-dense .hwm-social {
  padding: 15px;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  z-index: 10;
  padding: 10px;
}

.card-dense .hwm-social .icon {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto 8px auto;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  fill: #4a4a4a;
}

.card-dense .hwm-social .text-val {
  display: block;
  font-size: 12px;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.card-dense .hwm-social:hover .text-val {
  color: #8a8d8a;
}

.card-dense .hwm-social:hover .icon {
  fill: #8a8d8a;
}

.card-dense .hwm-social.light-clrs .text-val {
  color: #fff;
}

.card-dense .hwm-social.light-clrs .icon {
  fill: #fff;
}

.card-dense .hwm-social.light-clrs:hover {
  background: rgba(74, 74, 74, 0.5);
}

.card-dense .hwm-social .icon {
  width: 10px;
  height: 10px;
  margin-bottom: 5px;
}

.card-dense .hwm-social .text-val {
  font-size: 10px;
}

.card-dense .card-header {
  position: relative;
}

.card-dense .card-author {
  margin: 10px 0;
}

.card-dense .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 75%;
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.card-media-centre {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
}

.card-media-centre:after {
  clear: both;
  content: "";
  display: block;
}

.card-media-centre .hwm-card-wrapper {
  display: block;
  text-decoration: none;
  height: 100%;
}

.card-media-centre .card-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-media-centre .card-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-media-centre img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  -ms-transition: border 250ms ease;
  -o-transition: border 250ms ease;
  transition: border 250ms ease;
}

.card-media-centre img.border {
  border: 1px solid #e5e5e5;
}

.card-media-centre .sticker {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
}

.card-media-centre .sticker.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.card-media-centre .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-media-centre .primary-content {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card-media-centre header {
  margin-bottom: 10px;
}

.card-media-centre header ul {
  margin-top: 5px;
}

.card-media-centre ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.card-media-centre li {
  margin-bottom: 5px;
}

.card-media-centre .card-price,
.card-media-centre .card-title,
.card-media-centre .card-text, .card-media-centre li {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.card-media-centre .card-price {
  display: block;
  margin: 10px 0;
  line-height: 1;
}

.card-media-centre .card-text {
  margin-bottom: 10px;
}

.card-media-centre .card-title {
  line-height: 1.25;
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.card-media-centre .card-subtitle {
  display: block;
  font-size: 1rem;
  margin: 6px 0 0 0;
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.card-media-centre .card-text, .card-media-centre li {
  font-size: 0.875rem;
}

.card-media-centre ul {
  margin-bottom: 0;
  margin-left: 0;
}

.card-media-centre img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
}

.card-media-centre .primary-content {
  padding: 15px;
  position: static;
}

.card-media-centre .card-title {
  font-size: 1rem;
  margin-bottom: 10px;
}

.card-media-centre .card-text {
  font-size: 0.75rem;
}

.card-media-centre .card-date, .card-media-centre .card-author, .card-media-centre li, .card-media-centre dd {
  font-size: 0.75rem;
  margin-bottom: 2px;
  line-height: 1.6;
}

.card-media-centre .card-label {
  font-size: 0.625rem;
  padding: 8px 10px;
  font-family: Arial;
  z-index: 5;
}

.card-media-centre .hwm-social {
  padding: 15px;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  z-index: 10;
  padding: 10px;
}

.card-media-centre .hwm-social .icon {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto 8px auto;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  fill: #4a4a4a;
}

.card-media-centre .hwm-social .text-val {
  display: block;
  font-size: 12px;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.card-media-centre .hwm-social:hover .text-val {
  color: #8a8d8a;
}

.card-media-centre .hwm-social:hover .icon {
  fill: #8a8d8a;
}

.card-media-centre .hwm-social.light-clrs .text-val {
  color: #fff;
}

.card-media-centre .hwm-social.light-clrs .icon {
  fill: #fff;
}

.card-media-centre .hwm-social.light-clrs:hover {
  background: rgba(74, 74, 74, 0.5);
}

.card-media-centre .hwm-social .icon {
  width: 10px;
  height: 10px;
  margin-bottom: 5px;
}

.card-media-centre .hwm-social .text-val {
  font-size: 10px;
}

.card-media-centre .card-header {
  position: relative;
}

.card-media-centre .card-author {
  margin: 10px 0;
}

.card-media-centre .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 75%;
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.card-ver-hero {
  height: 100%;
}

.card-ver-hero .card-image {
  height: 55%;
}

.card-ver-hero .img-wrapper {
  height: 100%;
}

.card-hor-hero {
  height: 100%;
}

.card-hor-hero .hwm-social {
  padding: 10px;
}

.card-hor-hero .hwm-social .icon {
  width: 9px;
  height: 9px;
  margin: 0;
}

.card-hor-hero .hwm-social .text-val {
  display: none;
}

.isotope-wrapper {
  clear: both;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.isotope-wrapper + .hwm-loader {
  margin-bottom: 60px;
}

.isotope-wrapper.padding-none {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% + 20px);
}

.isotope-items {
  margin-bottom: 20px;
}

.isotope-items:after {
  clear: both;
  content: "";
  display: block;
}

.isotope-items .hwm-poster, .isotope-items .card-ver, .isotope-items .card-hor, .isotope-items .hwm-counter, .isotope-items .musad {
  height: 100%;
}

.isotope-items .module-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.isotope-items .module-wrapper:first-child {
  height: 50%;
  padding-bottom: 10px;
}

.isotope-items .module-wrapper:last-child {
  height: 50%;
  padding-top: 10px;
}

.isotope-items .module-wrapper:only-child {
  height: 100%;
  padding: 0;
}

.isotope-items .coequal-mus .module-wrapper {
  padding: 0 !important;
}

.isotope-items .mus-sibling-ad {
  height: 100%;
}

.isotope-item {
  float: left;
  height: 450px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3333333%;
  padding-right: 20px;
  padding-bottom: 20px;
}

.isotope-item.squash {
  height: 250px;
}

.isotope-item.isotope-item.span-1 {
  width: 33.3333333%;
}

.isotope-item.isotope-item.span-2 {
  width: 66.6666666%;
}

.isotope-item.isotope-item.span-3 {
  width: 100%;
}

.isotope-item.coequal .module-wrapper:first-child {
  padding-bottom: 0;
}

.isotope-item.coequal .module-wrapper:last-child {
  padding-top: 0;
}

.isotope-item.no-events {
  height: auto;
  padding: 20px;
  background: #e5e5e5;
  width: calc(100% - 20px);
  margin-bottom: 20px;
}

.isotope-item.no-events p {
  margin: 0;
  font-size: 20px;
}

.isotope-item.isotope-membership-item {
  width: 50%;
  height: auto;
}

.isotope-item.section-break {
  padding-top: 10px;
  padding-bottom: 30px;
  width: 100% !important;
}

.isotope-item.section-break h3, .isotope-item.section-break h4 {
  margin: 0px;
}

.isotope-item.section-break hr {
  margin-bottom: 0px !important;
}

.isotope-calendar-item {
  height: auto;
  width: 16.6666667%;
  padding: 0 10px 20px 10px;
}

@-webkit-keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hwm-loader {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.hwm-loader:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-loader.inline {
  width: auto;
}

.hwm-loader .loader-icon {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  position: relative;
  overflow: hidden;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.1);
  border-right: 0.5em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  border-left: 0.5em solid #e6192b;
  -moz-animation: load8 1s infinite linear;
  -webkit-animation: load8 1s infinite linear;
  animation: load8 1s infinite linear;
}

.hwm-loader .loader-icon,
.hwm-loader .loader-icon:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
}

@keyframes kenBurns {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(2.5) rotate(10deg);
  }
}

.hwm-button-text {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.hwm-button {
  background: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 20px;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms ease, border-color 250ms ease;
  -moz-transition: background-color 250ms ease, border-color 250ms ease;
  -ms-transition: background-color 250ms ease, border-color 250ms ease;
  -o-transition: background-color 250ms ease, border-color 250ms ease;
  transition: background-color 250ms ease, border-color 250ms ease;
}

.hwm-button .glyph {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}

.hwm-button .glyph.white {
  fill: #fff;
}

.hwm-button .glyph.map-pin {
  width: 16px;
  height: 24px;
  margin-top: -12px;
  margin-left: -8px;
}

.hwm-button .glyph.ticket {
  fill: #fff;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}

.hwm-button .glyph.silhouette {
  fill: #fff;
  width: 17px;
  height: 26px;
  margin-top: -13px;
  margin-left: -8.5px;
}

.hwm-button .glyph.dollar-char {
  fill: #fff;
  width: 12px;
  height: 24px;
  margin-top: -12px;
  margin-left: -6px;
}

.hwm-button .icon {
  fill: #4a4a4a;
  -webkit-transition: background-color 250ms ease, fill 250ms ease;
  -moz-transition: background-color 250ms ease, fill 250ms ease;
  -ms-transition: background-color 250ms ease, fill 250ms ease;
  -o-transition: background-color 250ms ease, fill 250ms ease;
  transition: background-color 250ms ease, fill 250ms ease;
}

.hwm-button.is-on {
  background: #4a4a4a;
  border-color: transparent;
}

.hwm-button.is-on .hwm-button-text {
  color: #fff;
}

.hwm-button.clr-primary {
  border-color: #e6192b;
  background: #e6192b;
}

.hwm-button.clr-primary .hwm-button-text {
  color: #fff;
}

.hwm-button.clr-dark-grey {
  border-color: #4a4a4a;
  background: #4a4a4a;
}

.hwm-button.clr-dark-grey .hwm-button-text {
  color: #fff;
}

.hwm-button.clr-dark-grey[href]:hover {
  background: #8a8d8a;
  border-color: #8a8d8a;
}

.hwm-button.clr-white {
  border-color: #fff;
}

.hwm-button.clr-none {
  background: 0;
}

.hwm-button.fluid {
  width: 100%;
}

.hwm-button.is-shortcode {
  margin-bottom: 25px;
}

.hwm-button.is-shortcode + * {
  clear: both;
}

.hwm-button.base-font .hwm-button-text {
  font-family: Arial;
}

.hwm-button.center-align-body .button-body {
  margin: 0 auto;
  display: table;
  font-size: 0;
}

.hwm-button.center-align-body .hwm-button-text {
  display: inline-block;
  vertical-align: middle;
}

.hwm-button.center-align-body .icon {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 12px;
  margin: 0 10px 0 0;
}

.hwm-button.center-align-body .icon.arrow-solid-right {
  width: 9px;
  height: 16px;
  fill: #fff;
}

.hwm-button.center-align-body.fluid-all {
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.hwm-button.center-align-body.fluid-all .button-body {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hwm-button.center-align-body.icon-pos-right .icon {
  margin: 0 0 0 10px;
}

.hwm-button.past-exhibitions-button .icon.arrow-solid-right {
  width: 5px;
  height: 9px;
  fill: #4a4a4a;
}

.hwm-button.past-exhibitions-button:hover {
  background: #8a8d8a;
  border-color: #8a8d8a;
}

.hwm-button.past-exhibitions-button:hover .icon.arrow-solid-right {
  fill: #fff;
}

.hwm-button.past-exhibitions-button:hover .hwm-button-text {
  color: #fff;
}

.hwm-button.icon-pos-top {
  height: 100%;
  width: 100%;
}

.hwm-button.icon-pos-top .icon {
  display: block;
  position: relative;
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 15px auto;
  background: #4a4a4a;
}

.hwm-button.icon-pos-top.fluid {
  padding: 0;
}

.hwm-button.icon-pos-top.fluid .button-body {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hwm-button.icon-pos-top.no-fill .icon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}

.hwm-button.icon-pos-top.no-fill .icon.map-pin {
  width: 48px;
  height: 48px;
  fill: #4a4a4a;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.hwm-button.small {
  padding: 10px;
}

.hwm-button.small .hwm-button-text {
  font-size: 0.75rem;
  font-family: Arial;
}

.hwm-button.large {
  padding: 50px;
}

.hwm-button.large .icon {
  margin: 0 20px 0 0;
}

.hwm-button.large .hwm-button-text {
  font-size: 1.5rem;
}

.hwm-button.large.icon-pos-right .icon {
  margin: 0 0 0 20px;
}

.hwm-button.secondary {
  margin-left: 5px;
}

.hwm-button-text-only {
  text-decoration: underline;
}

.hwm-button-text-only a .card-text {
  margin: 0px;
}

.hwm-button + .hwm-button-text-only {
  float: left;
  clear: both;
  padding-top: 10px;
}

.hwm-micro-item {
  height: 130px;
  display: block;
  cursor: pointer;
}

.hwm-micro-item img {
  display: block;
  height: 100%;
  width: auto;
  float: left;
}

.hwm-micro-item .micro-item-body {
  overflow: hidden;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
  padding: 20px;
}

.hwm-micro-item p, .hwm-micro-item h6 {
  margin: 0;
}

.hwm-micro-item p, .hwm-micro-item h6, .hwm-micro-item span {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.hwm-micro-item * {
  font-size: 14px;
  line-height: 1.5;
}

.hwm-micro-item .micro-item-metadata {
  display: block;
}

.hwm-micro-item:hover .micro-item-body {
  background: #4a4a4a;
  border-color: transparent;
}

.hwm-micro-item:hover * {
  color: #fff;
}

.ignore-column-layout [class*="width-per"] {
  float: none;
  width: auto;
}

.width-per-10 {
  float: left;
  width: 10%;
}

.width-per-20 {
  float: left;
  width: 20%;
}

.width-per-25 {
  float: left;
  width: 25%;
}

.width-per-30 {
  float: left;
  width: 30%;
}

.width-per-33 {
  float: left;
  width: 33.3333333%;
}

.width-per-66 {
  float: left;
  width: 66.6666666%;
}

.width-per-40 {
  float: left;
  width: 40%;
}

.width-per-50 {
  float: left;
  width: 50%;
}

.width-per-60 {
  float: left;
  width: 60%;
}

.width-per-70 {
  float: left;
  width: 70%;
}

.width-per-80 {
  float: left;
  width: 80%;
}

.width-per-90 {
  float: left;
  width: 90%;
}

[class*="span-"]:not(.isotope-item) {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.span-1 {
  width: 8.3333333%;
}

.span-2 {
  width: 16.666667%;
}

.span-3 {
  width: 25%;
}

.span-4 {
  width: 33.333333%;
}

.span-5 {
  width: 41.666667%;
}

.span-6 {
  width: 50%;
}

.span-7 {
  width: 58.333333%;
}

.span-8 {
  width: 66.666667%;
}

.span-9 {
  width: 75%;
}

.span-10 {
  width: 83.333333%;
}

.span-11 {
  width: 91.666667%;
}

.span-12 {
  width: 100%;
}

#mus-cal {
  height: 180px;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: 40px;
}

#mus-cal p {
  text-transform: uppercase;
  text-align: center;
}

#mus-map {
  background: #000;
  margin-bottom: 40px;
  border-top: 1px solid #e5e5e5;
  height: 360px;
}

.mus-status {
  background: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}

.mus-status:after {
  clear: both;
  content: "";
  display: block;
}

.mus-status .hwm-button:hover .hwm-button-text {
  color: #8a8d8a;
}

.mus-status .hwm-button:hover .icon {
  fill: #8a8d8a;
}

#mus-hours-btn {
  padding: 0;
  border: 0;
  background: transparent;
}

#mus-hours-btn .icon {
  width: 8px;
  height: 8px;
}

#mus-directions-btn {
  border: 0;
  border-top: 1px solid #e5e5e5;
}

.mus-status-metadata {
  padding: 57px 30px;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mus-status-metadata:after {
  clear: both;
  content: "";
  display: block;
}

.mus-cur-hrs {
  line-height: 1;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 10px;
}

.mus-cur-status {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 28px;
  margin-bottom: 10px;
  line-height: 1;
}

.mus-address {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mus-address:after {
  clear: both;
  content: "";
  display: block;
}

.mus-address dl {
  padding: 30px;
  margin: 0;
}

.mus-address dt, .mus-address dd {
  line-height: 1;
}

.mus-address dd {
  margin-top: 10px;
  font-size: 0.875rem;
}

.mus-address dt {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.25;
}

.mus-address .hwm-button {
  width: 100%;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

.mus-address .hwm-button:hover .hwm-button-text {
  color: #8a8d8a;
}

.mus-address .hwm-button:hover .icon {
  fill: #8a8d8a;
}

#main-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 120px;
  position: relative;
  padding-left: 40px;
}

#main-header .header {
  height: 100%;
  float: left;
}

#main-menu-handle {
  display: none;
  width: 70px;
  height: 60px;
  background: #e6192b;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  position: absolute;
  top: 0;
  left: 0;
}

#main-menu-handle .text-val {
  display: none;
}

#main-menu-handle .handle-bars-icon {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  display: block;
}

#main-menu-handle .handle-bars-icon:after {
  clear: both;
  content: "";
  display: block;
}

#main-menu-handle .bar {
  float: left;
  background: #fff;
  height: 4px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

#main-menu-handle .bar:last-child {
  margin: 0;
}

#main-menu-handle:hover, #main-menu-handle:hover:after {
  background: #8a8d8a;
}

#main-menu-handle:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
  background: #e6192b;
}

#main-menu-handle.icon-close .handle-bars-icon {
  padding: 0;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  left: 35px;
}

#main-menu-handle.icon-close .bar {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -2px 0 0 0;
}

#main-menu-handle.icon-close .bar:nth-child(1) {
  display: none;
}

#main-menu-handle.icon-close .bar:nth-child(2) {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#main-menu-handle.icon-close .bar:nth-child(3) {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hwm-alert {
  width: 100%;
  box-sizing: border-box;
  background: #eb1829;
  font-size: 21px;
  padding: 40px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.hwm-alert, .hwm-alert * {
  color: #fff;
}

#main-menu {
  height: 100%;
  float: right;
  padding: 0 40px 0 100px;
  background: #8a8d8a;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#main-menu ul {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  margin: 0;
}

#main-menu li {
  font-size: 1rem;
  display: inline-block;
  margin: 0 40px 0 0;
}

#main-menu li:last-child {
  margin-right: 0;
}

#main-menu li.current-menu-item a {
  color: #4a4a4a;
  cursor: default;
}

#main-menu a {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  color: #fff;
  text-decoration: none;
  padding: 20px 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#main-menu a.icon {
  position: relative;
  padding: 0;
  width: 32px;
  height: 32px;
  text-indent: -999em;
}

#main-menu a.icon.magnifying-glass {
  width: 25px;
  height: 26px;
}

#main-menu a svg {
  fill: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-menu a:hover {
  color: #a4a6a4;
}

#main-menu a:hover svg {
  fill: #a4a6a4;
}

#main-menu .form-wrapper {
  background: #8a8d8a;
  width: 0;
  right: 40px;
  top: 50%;
  overflow: hidden;
  z-index: 2;
  margin-top: -30px;
  float: left;
  position: absolute;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 60px;
  display: none !important;
}

#main-menu .form-wrapper.is-on {
  width: 90%;
  background: #fff;
  overflow: visible;
}

#main-menu form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-menu form .icon.magnifying-glass {
  fill: #8a8d8a;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main-menu .button-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  text-align: center;
}

#main-menu button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  text-indent: -999em;
  background: transparent;
}

#main-menu .close {
  display: block;
  cursor: pointer;
  fill: #fff;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 20px;
  margin-top: -18px;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
}

#main-menu .close:hover {
  fill: #b3b3b3;
}

#main-menu input {
  background: transparent;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  width: 90%;
  height: 100%;
  font-size: 1rem;
  text-transform: uppercase;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hismus #main-menu:before {
  display: block;
  content: "";
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #8a8d8a;
  left: -60px;
  position: absolute;
  top: 0;
}

.warmus #main-menu:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  right: 100%;
  position: absolute;
  top: 0;
  border-bottom: 120px solid #8a8d8a;
  border-left: 120px solid transparent;
}

.main-logo {
  float: left;
  display: block;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -5px;
}

.main-logo img {
  display: block;
}

.hwm-social {
  padding: 15px;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}

.hwm-social .icon {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto 8px auto;
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  fill: #4a4a4a;
}

.hwm-social .text-val {
  display: block;
  font-size: 12px;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-social:hover .text-val {
  color: #8a8d8a;
}

.hwm-social:hover .icon {
  fill: #8a8d8a;
}

.hwm-social.light-clrs .text-val {
  color: #fff;
}

.hwm-social.light-clrs .icon {
  fill: #fff;
}

.hwm-social.light-clrs:hover {
  background: rgba(74, 74, 74, 0.5);
}

#cta-els {
  height: 11.25em;
}

#cta-els:after {
  clear: both;
  content: "";
  display: block;
}

#cta-els div[class*='width-per'] {
  height: 100%;
}

#cta-els .mus-status {
  height: 100%;
  border-left: 0;
}

#cta-els #mus-directions-btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

#cta-els #mus-map {
  height: 100%;
}

#cta-els .mus-address {
  height: 100%;
}

#cta-els .mus-address .hwm-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

#cta-els .hwm-button.large:hover {
  background: #4a4a4a;
  border-color: #4a4a4a;
}

#cta-els .button-trio {
  height: 100%;
}

#cta-els .button-trio .hwm-button {
  width: 33.3333333%;
}

#cta-els .button-trio .hwm-button:first-child {
  border-left: 0;
}

#cta-els .button-trio .hwm-button:nth-child(2) {
  border-left: 0;
  border-right: 0;
}

#cta-els .button-trio .hwm-button:hover .hwm-button-text {
  color: #8a8d8a;
}

#cta-els .button-trio .hwm-button:hover .icon {
  background: #8a8d8a;
}

#cta-els .disabled {
  pointer-events: none;
}

#cta-els .disabled .button-body {
  opacity: 0.5;
}

button {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 1rem;
  background: #e6192b;
  color: #fff;
  padding: 20px;
  border: 1px solid transparent;
  float: left;
  text-align: center;
  display: block;
  cursor: pointer;
}

.filters-header {
  margin: 0 0 40px 0;
  position: relative;
}

.filters-header form {
  position: relative;
}

.filters-header label {
  display: none;
}

.filters-header input[type="text"] {
  height: 60px;
  float: left;
  padding: 0 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.filters-header .form-button-wrapper {
  width: 65px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.filters-header .form-button-wrapper:hover .icon {
  fill: #e5e5e5;
}

.filters-header button {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.filters-header .icon {
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  position: absolute;
  display: block;
  fill: #8a8d8a;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -12.5px;
}

.filters-header:after {
  clear: both;
  content: "";
  display: block;
}

.filters-header form {
  float: right;
  width: 40%;
}

.hwm-content-filter {
  float: left;
  clear: both;
  width: 100%;
  display: table;
  table-layout: fixed;
}

.hwm-content-filter .hwm-button {
  border-right: 0;
  display: table-cell;
  float: none;
  padding: 30px 0;
}

.hwm-content-filter .hwm-button:last-child {
  border-right: 1px solid #e5e5e5;
}

.hwm-content-filter .hwm-button.is-on:last-child {
  border-color: #4a4a4a;
}

#tickets {
  padding: 40px;
}

#admission-fees {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e5e5e5;
}

#admission-fees:after {
  clear: both;
  content: "";
  display: block;
}

#admission-fees .master-button {
  margin-top: 40px;
}

#admission-fees.groups {
  margin-bottom: 0;
}

.hwm-udgrid__header {
  margin: 0 40px;
}

.hwm-udgrid__header p {
  margin-bottom: 20px;
}

.hwm-udgrid__header p:last-child {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .hwm-udgrid__header {
    margin: 0 20px;
  }
  .hwm-udgrid__header p {
    font-size: 14px;
  }
}

.hwm-udgrid__header-wrapper {
  max-width: 47.5em;
}

@media screen and (max-width: 768px) {
  .hwm-udgrid__header-wrapper {
    max-width: 33.75em;
  }
}

#hwm-grid {
  clear: both;
}

#hwm-grid:after {
  clear: both;
  content: "";
  display: block;
}

.error404 #main-content-wrapper {
  padding: 0 !important;
}

.error404 #main-content {
  text-align: center;
  height: 600px;
  background-color: black;
  background-image: url("/wp-content/uploads/2015/11/museum-img2013-0099-0017-dm.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.error404 #main-content .main-content-title, .error404 #main-content p {
  color: #fff;
}

.error404 .main-content-body {
  max-width: 600px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.error404 .main-content-body :last-child {
  margin: 0;
}

.error404 .main-content-body form {
  position: relative;
}

.error404 .main-content-body label {
  display: none;
}

.error404 .main-content-body input[type="text"] {
  height: 60px;
  float: left;
  padding: 0 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.error404 .main-content-body .form-button-wrapper {
  width: 65px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.error404 .main-content-body .form-button-wrapper:hover .icon {
  fill: #e5e5e5;
}

.error404 .main-content-body button {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.error404 .main-content-body .icon {
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  position: absolute;
  display: block;
  fill: #8a8d8a;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -12.5px;
}

.error404 .main-content-body:after {
  clear: both;
  content: "";
  display: block;
}

body.home #main-content-wrapper {
  padding: 0;
}

body.home #main-content {
  min-height: 0;
  background: #f7f7f7;
  float: left;
  width: 100%;
  padding-top: 0;
}

body.home #hwm-hero {
  background: 0;
}

body.home #content-header {
  position: absolute;
  left: -999em;
  top: -999em;
}

.eoc-buttons {
  padding: 0 40px;
  margin-top: -20px;
  margin-bottom: 40px;
}

.eoc-buttons.padding-none {
  padding: 0;
}

.eoc-buttons.margin-none {
  margin: 0;
}

.eoc-buttons:after {
  clear: both;
  content: "";
  display: block;
}

.eoc-buttons > div {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.eoc-buttons > div:first-child {
  padding-right: 10px;
}

.eoc-buttons > div:last-child {
  padding-left: 10px;
}

.eoc-buttons > div:only-child {
  width: 100%;
  padding: 0;
}

.hwm-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  max-width: 1000px;
}

.hwm-container:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-container [class*='span-'] {
  padding-right: 40px;
}

.hwm-container [class*='span-']:last-child {
  padding-right: 0;
}

.child-section {
  clear: both;
  position: relative;
  padding: 0 40px;
  margin-bottom: 40px;
}

.child-section .gallery {
  padding: 0;
}

.child-section:after {
  clear: both;
  content: "";
  display: block;
}

.child-section.squeeze {
  max-width: 1000px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.child-section.border-bottom {
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.child-section.last-child-grid {
  padding-bottom: 30px;
}

.child-section.height-med {
  height: 500px;
}

.child-section.height-med .hwm-column {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.child-section.height-med .hwm-column:first-child {
  padding-right: 40px;
}

.child-section.height-med .hwm-poster {
  height: 100%;
}

.child-section.background-image {
  padding: 0;
}

.child-section.background-image .child-section-main {
  background: #fff;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  overflow: hidden;
}

.child-section.background-image .child-section-main :last-child {
  margin-bottom: 0;
}

.child-section.background-image .child-section-aside {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #4a4a4a;
}

.child-section.background-image.min-height-small {
  min-height: 500px;
}

.child-section.background-image.right .child-section-main {
  float: right;
}

.child-section.background-image.right .child-section-aside {
  right: auto;
  left: 0;
}

.child-section.background-image.closer {
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  .child-section.background-image {
    min-height: 400px;
  }
}

.child-section .isotope-wrapper {
  width: calc(100% + 20px);
  padding: 0;
}

.child-section-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.sponsor-list {
  margin-bottom: 80px;
  text-align: center;
  font-size: 0;
}

.sponsor-list figure {
  margin: 0 40px;
  display: inline-block;
}

.sponsor-list img {
  margin: 0 auto;
  display: block;
}

.sponsor-list .sponsor-label {
  font-weight: bold;
  margin-top: 20px;
  font-size: 1rem;
  display: block;
}

.main-content-credit {
  font-style: italic;
  margin-bottom: 40px;
}

.facility-rental-sections .child-section {
  margin-bottom: 0;
}

.facility-rental-sections section {
  background: rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.facility-rental-sections section:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.facility-rental-sections section:last-child {
  margin-bottom: 0;
}

.facility-rental-section {
  padding: 40px;
  padding-bottom: 20px;
}

.facility-rental-section .hwm-layout-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 20px;
}

.facility-rental-section .child-section-header {
  float: left;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 40px;
}

.facility-rental-section .child-section-main {
  width: 70%;
  float: left;
}

.membership-features {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
}

.membership-features:after {
  clear: both;
  content: "";
  display: block;
}

.membership-features .hwm-layout-column {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.membership-features .hwm-layout-column:last-child {
  padding-left: 60px;
}

.membership-features .box {
  padding: 40px;
  background: #e5e5e5;
  margin-bottom: 25px;
}

#main-content {
  clear: both;
  min-height: 250px;
  outline: none;
}

#main-content .hwm-lead {
  max-width: none;
}

#main-content .filters-header {
  margin: 40px;
}

#main-content > .hwm-button {
  margin-bottom: 40px;
}

#main-content:after {
  clear: both;
  content: "";
  display: block;
}

#main-content .border-top {
  border-top: 1px solid #e5e5e5;
  padding-top: 25px;
}

#main-content hr {
  height: 1px;
  display: block;
  width: 100%;
  border: 0;
  background: #e5e5e5;
  margin-bottom: 25px;
}

#main-content.shop .categories-prices .hwm-lead {
  border-bottom: 0;
  padding-bottom: 0;
}

#main-content.shop .gift-cards .hwm-button {
  margin-bottom: 25px;
}

#main-content.shop .gift-cards .hwm-button + h6 {
  clear: both;
}

#main-content.facility-rentals .child-section, #main-content.service-de-location-de-salles .child-section {
  margin-bottom: 0;
}

#main-content.facility-rentals .hwm-card, #main-content.service-de-location-de-salles .hwm-card {
  min-height: 300px;
}

#main-content.imax .hwm-billboard {
  margin-bottom: 0;
}

#main-content.imax #hwm-calendar-wrapper {
  margin-top: 0;
}

#main-content.event {
  margin: 0 auto;
  max-width: 1440px;
  padding: 40px;
}

#main-content.event .post-content-main {
  width: 60%;
  float: left;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#main-content.event .main-content-aside {
  width: 40%;
  float: right;
}

#main-content.event iframe {
  height: 500px;
}

#main-content.travelling-exhibitions .child-section {
  padding-left: 40px;
  padding-right: 40px;
}

.fact-sheet-button {
  margin-top: 20px;
}

.hwm-lead {
  max-width: 600px;
  font-size: 21px;
  font-style: italic;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 25px;
}

.hwm-grid-row {
  width: 100%;
  height: 500px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
}

.hwm-grid-row .grid-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 20px;
  width: 33.3333333%;
  height: 100%;
  float: left;
}

.hwm-grid-row .grid-col.gutter-none .child-row {
  padding: 0;
}

.hwm-grid-row .child-row {
  width: 100%;
  height: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-grid-row .child-row:first-child {
  padding-bottom: 10px;
}

.hwm-grid-row .child-row:last-child {
  padding-top: 10px;
}

.hwm-grid-row .grid-content {
  background: #000;
  width: 100%;
  height: 100%;
}

.hwm-grid-row.model-6 .grid-col {
  width: 100%;
}

.hwm-grid-row.model-42 .grid-col:nth-child(1) {
  width: 66.6666666%;
}

.hwm-grid-row.model-24 .grid-col:nth-child(2) {
  width: 66.6666666%;
}

.hwm-grid-row.model-14 .grid-col:nth-child(2) {
  width: 66.6666666%;
}

.hwm-grid-row.model-41 .grid-col:nth-child(1) {
  width: 66.6666666%;
}

.hwm-grid-row.squash {
  height: 250px;
}

#content-header {
  clear: both;
  position: relative;
}

#content-header .main-content-title {
  margin-bottom: 20px;
  clear: both;
  padding-right: 80px;
}

.main-content-title {
  margin: 0;
}

.counterpart-link {
  position: absolute;
  bottom: 0;
  padding-right: 29px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  color: #8a8d8a;
  text-decoration: none;
  font-size: 1.5rem;
  display: block;
}

.counterpart-link .icon {
  position: absolute;
  width: 9px;
  height: 16px;
  right: 0;
  top: 50%;
  margin-top: -8px;
  fill: #8a8d8a;
}

/* deprecated >
#hero-metadata {
	clear:both;
	height:500px;
	position:relative;
	background:$chwm_dark_grey;
	&:after {@include clearfix;}
	img {display:none;} // !! we include this solely for accessibility purposes.
	* {color:#fff;}
	.hwm-social {position:absolute;bottom:0;right:0;}
	.hwm-social:hover {background:rgba(0,0,0,0.25);}
}
.hero-metadata-header {
	max-width:80%;
	:last-child {margin-bottom:0;}
}
.hero-metadata-title {
	font-size:2.25rem;
}
.hero-metadata-date {
	font-size:1.5rem;
	text-transform:uppercase;
}
.hero-metadata-image {
	width:50%;
	height:100%;
	float:left;
	background-position:50%;
	background-size:cover;
	background-repeat:no-repeat;
}
.hero-metadata-list {
	margin-left:0;
	margin-top:$layout_margin - 5px;
	padding-top:$layout_margin;
	border-top:1px solid rgba(255,255,255,0.25);
	list-style:none;
	strong, span {font-size:1.3125rem;float:left;display:block;}
	strong {width:20%;}
	span {width:80%;}
	li {margin-bottom:10px;}
	li:after {@include clearfix;}
}
.hero-metadata-main {
	float:left;
	width:50%;
	padding:$layout_margin*1.5;
	@include borderbox;
}
*/
#hero-fallback {
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 250px;
  overflow: hidden;
  position: relative;
  clear: both;
}

#hero-fallback.hero-fallback-134 {
  background-position: top center;
}

#hero-fallback.default-image-367 {
  background-position: 50% 60%;
}

#hero-fallback.default-image-364 {
  background-position: 50% 10%;
}

#hero-fallback.default-image-287 {
  background-position: 50% 70%;
}

#hero-fallback.tall {
  height: 480px;
}

#hero-fallback .main-content-title {
  color: #fff;
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 40px;
  margin: 0;
  max-width: 700px;
}

#hero-fallback .mask {
  opacity: 0.75;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
  width: 100%;
  height: 75%;
  padding-bottom: 50px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

#hwm-hero {
  background: #e5e5e5;
  overflow: hidden;
  clear: both;
}

#hwm-hero:after {
  clear: both;
  content: "";
  display: block;
}

#hwm-hero .hwm-grid-row.squash {
  height: 250px;
}

#hwm-hero.metadata {
  min-height: 31.25em;
  position: relative;
}

#hwm-hero.metadata .hwm-social {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.grid-row-hero {
  height: 37.5em;
  padding-top: 20px;
}

.hwm-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 60%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.hwm-hero-image .mask {
  opacity: 0.75;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 75%;
  padding-bottom: 50px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.hwm-hero-main {
  padding: 40px;
  position: absolute;
  right: 0;
  left: 60%;
  float: right;
  height: 100%;
  width: 40%;
  background: #4a4a4a;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-hero-main:after {
  z-index: -1;
  background: #4a4a4a;
  position: absolute;
  content: '';
  display: block;
  display: none;
  left: 60%;
  width: 40%;
  height: 100%;
  top: 0;
}

.hwm-hero-main p {
  font-size: 14px;
}

.hwm-hero-main p:first-of-type {
  margin-top: 40px;
}

.hwm-hero-main p, .hwm-hero-main p * {
  color: #fff;
}

.hwm-hero-main .buy-tickets {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hwm-grid .hwm-poster {
  max-width: none;
  height: 100%;
}

.hwm-grid .mus-sibling-ad {
  height: 100%;
}

.hwm-grid .card-hor {
  height: 100%;
}

#tabs {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: -40px;
}

#hwm-tabs {
  z-index: 1;
  clear: both;
  position: relative;
}

#hwm-tabs:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-tabs-nav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  width: 30%;
  float: left;
}

.hwm-tabs-nav .hwm-loader {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 20px;
}

.hwm-tabs-nav .hwm-loader:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-tabs-nav .hwm-loader.inline {
  width: auto;
}

.hwm-tabs-nav .hwm-loader .loader-icon {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  position: relative;
  overflow: hidden;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.1);
  border-right: 0.5em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  border-left: 0.5em solid #e6192b;
  -moz-animation: load8 1s infinite linear;
  -webkit-animation: load8 1s infinite linear;
  animation: load8 1s infinite linear;
}

.hwm-tabs-nav .hwm-loader .loader-icon,
.hwm-tabs-nav .hwm-loader .loader-icon:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
}

.hwm-tabs-nav .hwm-loader .loader-icon {
  width: 18px;
  height: 18px;
  border-width: 0.2em !important;
}

.hwm-tabs-nav ul {
  margin: 0;
  list-style: none;
}

.hwm-tabs-nav li {
  position: relative;
  margin: 0;
}

.hwm-tabs-nav li:first-child a {
  border-top: 1px solid #e5e5e5;
}

.hwm-tabs-nav a {
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  padding: 15px 20px;
  padding-right: 48px;
  text-decoration: none;
  line-height: 1.5;
  background: #fff;
}

.hwm-tabs-nav li:hover a {
  color: #8a8d8a;
}

.hwm-tabs-nav .current_page_item, .hwm-tabs-nav .active {
  border-right: 5px solid #e6192b;
  z-index: 2;
}

.hwm-tabs-nav .current_page_item a, .hwm-tabs-nav .current_page_item a:hover {
  cursor: default;
  color: #e6192b;
}

.hwm-tabs-nav .current_page_item:after,
.hwm-tabs-nav .current_page_item:before {
  content: '';
  display: block;
  position: absolute;
  background: #e6192b;
}

.hwm-tabs-nav .current_page_item:after {
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  margin-right: -6px;
}

.hwm-tabs-nav .current_page_item:before {
  width: 6px;
  height: 1px;
  top: -1px;
  right: 0;
  margin-right: -6px;
}

.hwm-tabs-nav .current_page_item:first-child:before {
  top: 0;
}

.hwm-tabs-nav-handle {
  text-decoration: none;
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  margin-bottom: 40px;
}

.hwm-tabs-nav-handle:hover .icon {
  background: #8a8d8a;
}

.hwm-tabs-nav-handle span {
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-tabs-nav-handle .icon {
  display: block;
  background-color: #e6192b;
  width: 60px;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  right: -1px;
}

.hwm-tabs-nav-handle .glyph {
  width: 16px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #fff;
  margin-top: -4.5px;
  margin-left: -8px;
}

.hwm-accordion-header {
  position: relative;
  padding: 20px 0;
}

.hwm-accordion-header:hover {
  cursor: pointer;
}

.hwm-accordion-header:hover .hwm-accordion-title {
  color: #8a8d8a;
}

.hwm-accordion-header:hover .hwm-accordion-header-icon .line {
  background: #8a8d8a;
}

#main-content > .hwm-tabs-content-section:last-child {
  margin-bottom: 40px;
}

.hwm-accordion-title {
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-family: Arial;
  font-size: 1rem;
  padding-right: 30px;
  margin-bottom: 0;
}

.hwm-layout-column :last-child {
  margin-bottom: 0;
}

.columns-on .hwm-layout-column {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.columns-on .hwm-layout-column .padding-right-double {
  padding-right: 80px;
}

.hwm-accordion-header-icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  width: 12px;
  height: 12px;
}

.hwm-accordion-header-icon .line {
  display: block;
  position: absolute;
  background: #4a4a4a;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}

.hwm-accordion-header-icon .line:first-child {
  width: 2px;
  height: 12px;
  left: 50%;
  top: 0;
  margin-left: -1px;
}

.hwm-accordion-header-icon .line:last-child {
  width: 12px;
  height: 2px;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.hwm-accordion-header-icon.on .line:first-child {
  display: none;
}

.hwm-tabs-content-section {
  border-top: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-tabs-content-section:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-tabs-content-section :last-child {
  margin-bottom: 0;
}

.hwm-tabs-content-section:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.hwm-tabs-content-section .hwm-accordion-body {
  padding: 20px 0 40px 0;
}

.hwm-tabs-content {
  float: left;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 40px 40px;
  width: 70%;
  border-left: 1px solid #e5e5e5;
  position: relative;
  /*
	!! Instead of re-assigning margin, padding, and font size values at different breaking points...
	We assign our parent element a fixed pixel unit (context) and define the tab child element units relatively (em).
	Re-assign the context value at different breaking points for all elements to proportionately resize accordingly.
	*/
  font-size: 16px;
  /*
	h1, .h1 {font-size:3em;margin-bottom:0.83333333em;}
	h2, .h2 {font-size:2.25em;margin-bottom:1.11111111em;}
	h3, .h3 {font-size:1.5em;margin-bottom:1.66666667em;}
	h4, .h4, .hwm-lead {font-size:1.3125em;margin-bottom:1.9047619em;}
	h5, .h5, h6, .h6 {font-size:1em;margin-bottom:2.5em;}
	p {margin-bottom:2.5em;}
	*/
}

.hwm-tabs-content h3, .hwm-tabs-content h4, .hwm-tabs-content h5, .hwm-tabs-content h6 {
  line-height: 1.25;
}

.hwm-tabs-content a:hover {
  color: #8a8d8a;
}

.hwm-tabs-content .hwm-lead {
  padding-bottom: 1.9047619em;
}

.hwm-tabs-content > :last-child {
  margin-bottom: 0;
}

.hwm-tabs-content .alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.hwm-tabs-content .alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.hwm-tabs-content .hwm-button {
  clear: both;
  margin-bottom: 2.5em;
}

.hwm-tabs-content .hwm-button + * {
  clear: both;
}

.hwm-tabs-content .gallery {
  padding: 0;
}

#main-content iframe {
  width: 100%;
}

.wp-caption, .wp-caption img {
  max-width: 100%;
}

.wp-caption img {
  height: auto;
}

.hwm-billboard-credit {
  margin-top: -20px;
  font-family: Arial;
  line-height: 1.5;
}

.hwm-billboard-wrapper {
  z-index: 2;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hwm-billboard {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 31.25em;
  display: block;
  text-decoration: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.hwm-billboard .dev-flag {
  right: 50px;
}

.hwm-billboard .mask {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.hwm-billboard :last-child {
  margin-bottom: 0;
}

.hwm-billboard .hwm-button {
  display: table;
  margin: 0 auto;
  float: none;
}

.hwm-billboard .icon {
  display: block;
  margin: 0 auto 30px auto;
  width: 96px;
  height: 72px;
}

.hwm-billboard .closing-remarks {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  z-index: 10;
}

.hwm-billboard.bg-image .hwm-billboard-title,
.hwm-billboard.bg-image .hwm-billboard-credit,
.hwm-billboard.bg-image .hwm-billboard-text,
.hwm-billboard.bg-image .hwm-billboard-text * {
  color: #fff;
}

.hwm-billboard.layout-margin-none {
  margin-bottom: 0;
}

.hwm-billboard.clr-grey {
  background-image: none !important;
  background-color: #e5e5e5;
}

.hwm-billboard.clr-grey .mask {
  display: none;
}

.hwm-billboard.clr-dark-grey {
  background-color: #4a4a4a;
}

.hwm-billboard.clr-dark-grey .hwm-billboard-title, .hwm-billboard.clr-dark-grey .hwm-billboard-text {
  color: #fff;
}

.hwm-billboard.abreast .hwm-billboard-wrapper {
  max-width: 1152px;
}

.hwm-billboard.abreast .hwm-billboard-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-billboard.abreast .hwm-billboard-title {
  width: 40%;
  float: left;
  text-align: left;
  font-size: 3rem;
  line-height: 1;
}

.hwm-billboard.abreast .main {
  width: 60%;
  float: left;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-billboard.abreast .hwm-billboard-text {
  text-align: left;
}

.hwm-billboard.abreast .hwm-button {
  margin: 0;
}

.hwm-billboard#canadian-history-hall {
  margin-bottom: 0;
}

.hwm-billboard#inquiries-services {
  margin-bottom: 0;
}

.hwm-billboard-subtitle {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  font-family: Arial;
}

.hwm-billboard-label {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 12px;
  color: #fff;
  background: #4a4a4a;
  font-family: Arial;
  z-index: 3;
  font-size: 10px;
  padding: 8px 10px;
}

.hwm-billboard-label.inverted {
  color: #4a4a4a;
  background: #f2f2f2;
}

.gallery-borders a {
  border: 1px solid #e5e5e5;
}

.gallery:after {
  clear: both;
  content: "";
  display: block;
}

.gallery br {
  display: none;
}

.gallery dl {
  margin: 0;
}

.gallery a {
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  background: #4a4a4a;
  display: block;
  overflow: hidden;
}

.gallery img {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}

.gallery-icon {
  cursor: pointer;
  position: relative;
  background: #4a4a4a;
}

.gallery-item {
  width: 19.2%;
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  padding-right: 1%;
  padding-bottom: 1%;
}

.gallery-item:nth-of-type(5n) {
  padding-right: 0;
}

.gallery-item:nth-of-type(5n) .gallery-caption {
  width: 100%;
}

.gallery-item:hover a {
  opacity: 0.1;
}

.gallery-caption {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.75rem;
  background: #4a4a4a;
  position: absolute;
  z-index: 1;
  padding: 10px;
  bottom: 5%;
  left: 0;
  width: 95%;
  line-height: 1.25;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery-item.js-on .mask {
  display: block;
  background: #4a4a4a;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery-item.js-on .image-title {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: #4a4a4a;
  z-index: 20;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.gallery-item.js-on .gallery-caption {
  /*
		opacity:0;
		bottom:auto;
		background:0;
		@include transition(all 250ms ease);
		top:0;
		width:100%;
		height:100%;
		padding:20px;
		*/
  display: none;
}

.gallery-item.js-on b {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-align: center;
}

.gallery-item.js-on:hover a {
  opacity: 1;
}

.gallery-item.js-on:hover .image-title {
  background: rgba(74, 74, 74, 0.9);
  opacity: 1;
}

.hwm-breadcrumbs {
  float: left;
  margin-bottom: 20px;
}

.hwm-breadcrumbs ul {
  font-size: 0;
  margin: 0;
}

.hwm-breadcrumbs li {
  display: inline-block;
  margin: 0 20px 0 0;
}

.hwm-breadcrumbs a {
  line-height: 1;
  font-weight: bold;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}

.hwm-breadcrumbs a:hover {
  color: #8a8d8a;
}

.hwm-breadcrumbs .icon {
  fill: #4a4a4a;
  width: 0.3125rem;
  height: 0.5625rem;
  display: inline-block;
  margin: 0 0 0 20px;
}

#hwm-calendar-wrapper {
  z-index: 2;
  clear: both;
  position: relative;
}

#hwm-calendar-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-calendar-header .icon[class*="arrow"] {
  width: 9px;
  height: 16px;
  display: block;
}

.hwm-calnav-week {
  background: #fff;
  position: relative;
  height: 100px;
}

.hwm-calnav-week .text-val {
  display: block;
  position: absolute;
  left: -999em;
}

.hwm-calnav-week .icon[class*="arrow"] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -4.5px;
  margin-top: -8px;
  fill: #4a4a4a;
}

.hwm-week-handle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  width: 11.1111111%;
  cursor: pointer;
  display: block;
  height: 100%;
  top: 0;
}

.hwm-week-handle.prev {
  left: 0;
}

.hwm-week-handle.next {
  right: 0;
}

.hwm-week-handle:hover {
  border-bottom-color: #8a8d8a;
  background: #8a8d8a;
}

.hwm-week-handle:hover .icon[class*="arrow"] {
  fill: #fff;
}

.hwm-weekdays-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 77.7777778%;
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.hwm-weekdays-wrapper abbr {
  text-decoration: none;
}

.hwm-weekdays-wrapper ul {
  margin-left: 0;
  white-space: nowrap;
  height: 100%;
  font-size: 0;
}

.hwm-weekdays-wrapper li {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 14.28571%;
  font-size: 1rem;
  display: inline-block;
  height: 100%;
}

.hwm-weekdays-wrapper li:hover .hwm-dow, .hwm-weekdays-wrapper li:hover .hwm-dom {
  color: #8a8d8a;
}

.hwm-weekdays-wrapper a {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-decoration: none;
}

.hwm-weekdays-wrapper .is-selected {
  position: relative;
  border-bottom-color: #8a8d8a;
  background: #8a8d8a;
}

.hwm-weekdays-wrapper .is-selected .hwm-dow, .hwm-weekdays-wrapper .is-selected .hwm-dom {
  color: #fff !important;
}

.hwm-dow, .hwm-dom {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 21px;
  display: block;
  line-height: 1;
  text-align: center;
}

.hwm-dow {
  margin-bottom: 5px;
}

.hwm-calnav-month {
  background: #4a4a4a;
  height: 80px;
  text-align: center;
  position: relative;
  z-index: 10;
}

.hwm-table {
  width: 100%;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
}

.hwm-table table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 640px;
  width: 100%;
}

.hwm-table tbody tr:not(.hover-none):hover td, .hwm-table tbody tr:not(.hover-none):hover th {
  background: #f7f7f7;
}

.hwm-table .table-header {
  margin-bottom: 40px;
}

.hwm-table .table-title {
  margin-bottom: 20px;
}

.hwm-table .table-subtitle {
  font-style: italic;
  margin: 0;
}

.hwm-table .small {
  font-size: 0.75em;
}

.hwm-table caption, .hwm-table th {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-table .inline-button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  display: block;
  text-indent: -999em;
  background: blue;
}

.hwm-table caption {
  font-size: 1.3125rem;
  text-align: left;
  margin-bottom: 20px;
}

.hwm-table caption small {
  font-size: 1rem;
  margin: 10px 0 0;
}

.hwm-table .empty {
  border: 0 !important;
  background: 0 !important;
}

.hwm-table th, .hwm-table td {
  line-height: 1.5;
  font-size: 1em;
  vertical-align: middle;
  background: #fff;
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.hwm-table th {
  text-align: left;
}

.hwm-table th[scope="rowgroup"],
.hwm-table th[scope="col"] {
  text-align: left;
  background: #4a4a4a;
  color: #fff;
}

.hwm-table#schedule {
  clear: both;
  float: left;
  padding-top: 40px;
}

.hwm-table.admission-fees {
  margin-bottom: 0;
  font-size: 1.3125rem;
}

.groups .hwm-table.admission-fees caption {
  display: none;
}

.hwm-table.admission-fees th {
  background: #fff;
  color: #4a4a4a;
  line-height: 1.25;
}

.hwm-table.admission-fees td, .hwm-table.admission-fees [scope="col"] {
  text-align: center;
}

.hwm-table.admission-fees td {
  color: #8a8d8a;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-table.admission-fees caption {
  font-size: 48px;
  margin-bottom: 40px;
}

.hwm-table.admission-fees col:last-child {
  width: 60px;
}

.hwm-table.admission-fees .is-button {
  padding: 0;
  width: 1px;
}

.hwm-table.admission-fees .fill-color-primary {
  background: #e6192b !important;
  -webkit-transition: background-color 250ms ease;
  -moz-transition: background-color 250ms ease;
  -ms-transition: background-color 250ms ease;
  -o-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}

.hwm-table.admission-fees .fill-color-primary:hover {
  background: #4a4a4a !important;
}

.table-ticket-button {
  width: 72px;
  height: 72px;
  display: block;
  margin: 0 auto;
}

.table-ticket-button img {
  display: block;
  width: 24px;
  height: 24px;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

.table-ticket-button .text-val {
  height: 0;
  width: 0;
  text-indent: -999em;
  display: block;
}

.table-ticket-button.inline {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}

.table-ticket-button.clr-white, .table-ticket-button.clr-white path {
  fill: #fff;
}

.table-ticket-button.clr-primary, .table-ticket-button.clr-primary path {
  fill: #e6192b;
}

.table-ticket-button.clr-primary:hover, .table-ticket-button.clr-primary:hover path {
  fill: #8a8d8a;
}

.hwm-gallery {
  margin-left: 0;
}

.hwm-gallery.layout-padding {
  padding: 0 40px;
}

.hwm-gallery:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-gallery ul {
  list-style: none;
  margin: 0;
}

.hwm-gallery li {
  float: left;
  padding-right: 1%;
  padding-bottom: 1%;
  margin-bottom: 0;
}

.hwm-gallery a {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}

.hwm-gallery a:hover img {
  opacity: 0.25;
}

.hwm-gallery a:hover .overlay {
  opacity: 0.25;
}

.hwm-gallery .mask {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  background: #4a4a4a;
}

.hwm-gallery .overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  background-position: 50% 50%;
}

.hwm-gallery img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
}

.hwm-gallery .hwm-gallery-image-title,
.hwm-gallery .hwm-gallery-image-caption,
.hwm-gallery .hwm-gallery-image-desc {
  display: none;
}

.hwm-gallery.columns-5 li {
  width: 19.2%;
}

@media screen and (min-width: 480px) {
  .hwm-gallery.columns-5 li:nth-child(5n) {
    padding-right: 0;
  }
}

.hwm-gallery.columns-4 li {
  width: 24.25%;
}

@media screen and (min-width: 480px) {
  .hwm-gallery.columns-4 li:nth-child(4n) {
    padding-right: 0;
  }
}

.hwm-gallery.columns-3 li {
  width: 32.6666667%;
}

@media screen and (min-width: 480px) {
  .hwm-gallery.columns-3 li:nth-child(3n) {
    padding-right: 0;
  }
}

.hwm-gallery-image-title {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

.hwm-gallery-image-title:last-child {
  margin-bottom: 0;
}

.hwm-gallery-image-caption {
  display: block;
  margin-bottom: 5px;
}

.hwm-gallery-image-caption:last-child {
  margin-bottom: 0;
}

.hwm-gallery-image-desc {
  display: block;
}

.hwm-gallery-image-desc em:last-child {
  display: block;
}

.hwm-counter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #4a4a4a;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  padding: 40px;
  height: 400px;
  text-align: center;
}

.hwm-counter p {
  line-height: 1;
  margin: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hwm-counter.height-inherit {
  height: 100%;
}

.hwm-counter.small .hwm-counter-count {
  font-size: 3rem;
}

.hwm-counter.small .hwm-counter-text {
  font-size: 1rem;
}

.hwm-counter-count, .hwm-counter-text {
  color: #fff;
  display: block;
}

.hwm-counter-count {
  font-size: 4.5rem;
  margin: 0 0 20px 0;
  font-family: "bebas-neue";
  font-weight: normal;
}

.hwm-counter-text {
  font-size: 1.3125rem;
  line-height: 1.25;
}

.main-cta-button {
  height: 100%;
  width: 100%;
  float: left;
  display: block;
  text-decoration: none;
  background: #e6192b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-cta-button .button-body {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: table;
  margin: 0 auto;
  position: relative;
  left: -10px;
  max-width: 70%;
}

.main-cta-button .hwm-button-text {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  color: #fff;
  font-size: 1.5rem;
  display: block;
}

.main-cta-button .icon {
  fill: #fff;
  width: 9px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 20px;
  margin-top: -8px;
}

#contact.about {
  padding-left: 40px;
  margin-bottom: 40px;
}

#contact.about:after {
  clear: both;
  content: "";
  display: block;
}

#contact.about .hwm-column {
  width: 33.3333333%;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

#contact.about .hwm-button {
  margin: 0 auto;
  float: none;
  display: table;
}

#contact-form.about {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
  max-width: 33.3333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

#contact-form.about:after {
  clear: both;
  content: "";
  display: block;
}

#contact-form.about fieldset {
  margin-top: -1px;
}

#contact-form.about label {
  display: none;
}

#contact-form.about input[type="text"] {
  height: 60px;
  float: left;
  padding: 0 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#contact-form.about select {
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}

#contact-form.about select.default {
  opacity: 1;
  color: #cccccc;
}

#contact-form.about textarea {
  height: 200px;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  resize: vertical;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#contact-form.about .button-wrapper {
  margin-top: 40px;
}

.hwm-sign {
  background: #e5e5e5;
  padding: 40px;
  height: 300px;
}

.hwm-sign-content {
  text-align: center;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#education-programs,
#research-contact {
  margin-bottom: 0;
}

#main-content.online-exhibitions {
  margin-top: 40px;
}

#main-content.special-exhibitions {
  margin-top: 40px;
}

#resources.learn {
  padding-left: 40px;
  padding-right: 20px;
}

#resources.learn .hwm-column {
  width: 33.3333333%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 20px;
}

#resources.learn .hwm-card:hover {
  background: #4a4a4a;
}

#resources.learn .hwm-card:hover .card-title, #resources.learn .hwm-card:hover .card-text {
  color: #fff;
}

#resources.learn .hwm-card:hover .hwm-social .icon {
  fill: #fff;
}

#resources.learn .hwm-card:hover .hwm-social .text-val {
  color: #fff;
}

img[src$="838180915.jpg"] {
  border: 1px solid #e5e5e5;
}

.hwm-image {
  width: 100%;
  float: left;
}

.hwm-image-link {
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  display: block;
}

.hwm-image-link img {
  width: 100%;
  height: auto;
}

.hwm-image-caption {
  display: block;
  background: #4a4a4a;
  color: #fff;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.25;
}

#school-programs {
  margin: 0 auto;
  max-width: 1024px;
  padding: 40px;
  padding-left: 40px;
}

#school-programs:after {
  clear: both;
  content: "";
  display: block;
}

#school-programs .hwm-column {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 40px;
}

#school-programs .hwm-column:nth-child(1) {
  width: 35%;
}

#school-programs .hwm-column:nth-child(2) {
  width: 65%;
}

#search-collection {
  margin-bottom: 0;
  background: #fff;
}

#search-collection form {
  position: relative;
}

#search-collection label {
  display: none;
}

#search-collection input[type="text"] {
  height: 60px;
  float: left;
  padding: 0 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#search-collection .form-button-wrapper {
  width: 65px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#search-collection .form-button-wrapper:hover .icon {
  fill: #e5e5e5;
}

#search-collection button {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

#search-collection .icon {
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  -o-transition: fill 250ms ease;
  transition: fill 250ms ease;
  position: absolute;
  display: block;
  fill: #8a8d8a;
  width: 25px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -12.5px;
}

#search-collection .hwm-billboard-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.section-title {
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

#research-team.learn {
  position: relative;
  margin-bottom: 40px;
  padding: 0 40px;
}

#research-team.learn:after {
  clear: both;
  content: "";
  display: block;
}

#research-team.learn .hwm-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 40px;
  padding-bottom: 40px;
}

#research-team.learn .predominant img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

#research-team.learn .principal-name {
  margin: 0;
  font-size: 1.3125rem;
}

#research-team.learn .principal-title {
  margin: 5px 0 20px 0;
  font-size: 1.3125rem;
}

#research-team.learn .principal-metadata {
  margin-bottom: 20px;
}

#research-team.learn .predominant p {
  margin-bottom: 30px;
}

#research-team.learn .predominant a:hover {
  color: #e6192b;
}

#contact.resource-centre {
  border-top: 1px solid #e5e5e5;
  padding: 40px 0;
  padding-left: 40px;
}

#contact.resource-centre:after {
  clear: both;
  content: "";
  display: block;
}

#contact.resource-centre h4 {
  text-align: center;
}

#contact.resource-centre .hwm-column {
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#contact.resource-centre h6 {
  font-size: 1rem;
  margin: 0 0 20px 0;
  line-height: 1.25;
}

#contact.resource-centre h4, #contact.resource-centre ul {
  margin: 0 0 40px 0;
}

#contact.resource-centre ul {
  margin: 0;
}

.hwm-highlights {
  margin-bottom: 40px;
  background: #4a4a4a;
  padding: 80px 0;
}

.hwm-highlights:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-highlights-preposition {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  display: table;
  margin-top: 70px;
  margin-bottom: 60px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  position: relative;
  width: 200px;
}

.hwm-highlights-preposition:before, .hwm-highlights-preposition:after {
  position: absolute;
  top: 50%;
  width: 300%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  content: '';
}

.hwm-highlights-preposition:before {
  right: 100%;
}

.hwm-highlights-preposition:after {
  left: 100%;
}

.hwm-highlights-list {
  list-style: none;
}

.hwm-highlights-list * {
  color: #fff;
}

.hwm-highlights-list li {
  float: left;
  width: 25%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 0;
}

.hwm-highlights-list strong {
  display: block;
  font-size: 56px;
  font-family: "bebas-neue";
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
}

.hwm-highlights-list span {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 200px;
  display: block;
  margin: 0 auto;
  line-height: 1.5;
}

.hwm-highlights-title {
  text-align: center;
  color: #fff;
  margin: 0;
}

#museum-mandate {
  margin-bottom: 0;
}

.hwm-popup-wrapper {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: none;
}

.hwm-popup-wrapper.is-active {
  display: block;
}

.hwm-popup {
  width: 100%;
  max-width: 960px;
  position: relative;
  margin: 40px auto;
  background: #fff;
}

.hwm-popup .hwm-lead {
  max-width: none;
  padding-bottom: 0;
  border: 0;
}

.hwm-popup-title {
  margin: 0;
  color: #fff;
}

.hwm-popup-subtitle {
  margin: 0;
  color: #fff;
}

.hwm-popup-list {
  list-style: none;
  margin: 20px 0 0;
}

.hwm-popup-list li {
  line-height: 1.25;
  margin-bottom: 5px;
}

.hwm-popup-list li, .hwm-popup-list a {
  color: #fff;
}

.hwm-popup-header-image {
  width: auto;
  height: 100%;
  display: block;
  float: left;
}

.hwm-popup-header-principal {
  overflow: hidden;
  padding: 40px;
  padding-right: 112px;
}

.hwm-popup-header {
  height: 300px;
  background: #4a4a4a;
  position: relative;
  z-index: 1;
}

.hwm-popup-header .content-wrapper {
  padding: 40px;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 40px 40px 40px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  left: 0;
}

.hwm-popup-body {
  clear: both;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-popup-body:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-popup-body > :last-child {
  margin-bottom: 0;
}

.hwm-popup-close-icon {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 72px;
  display: block;
  background: #e6192b;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}

.hwm-popup-close-icon .text-val {
  display: block;
  text-indent: -999em;
}

.hwm-popup-close-icon .glyph {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
  width: 36px;
  height: 36px;
}

.hwm-popup-close-icon .bar {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -2px;
  background: #fff;
}

.hwm-popup-close-icon .bar:nth-child(1) {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hwm-popup-close-icon .bar:nth-child(2) {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hwm-popup-close-icon:hover {
  background: #8a8d8a;
}

.hwm-popup.video video {
  width: 100%;
  background: #000;
  display: block;
}

.hwm-popup.video .hwm-popup-header {
  height: auto;
}

.hwm-popup.video .hwm-popup-header {
  display: none;
}

.hwm-popup.video .hwm-popup-body {
  padding: 0;
}

.hwm-popup.video .hwm-popup-body {
  background: #4a4a4a;
}

.hwm-popup.video .hwm-popup-footer {
  padding: 20px;
  overflow: hidden;
}

.hwm-popup.video .hwm-popup-footer:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-popup.video .hwm-button {
  float: none;
  overflow: hidden;
  margin: 0;
}

.hwm-popup.video .hwm-button-text {
  line-height: 1.25;
  padding-top: 1px;
}

.hwm-popup.video .hwm-popup-footer-main {
  float: left;
  max-width: 60%;
  padding-right: 20px;
}

.hwm-popup.video .hwm-button:hover {
  background: #8a8d8a;
  border-color: #8a8d8a;
}

.hwm-popup.video h6, .hwm-popup.video p, .hwm-popup.video p * {
  color: #fff;
  font-size: 14px;
}

.hwm-popup.video p {
  margin: 0;
}

.hwm-popup.video h6 {
  margin-bottom: 5px;
}

#main-content.archive {
  padding: 40px;
}

#main-content.archive .essay-author {
  margin-left: 0;
  list-style: none;
}

#main-content.archive .essay-author li {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

#main-content.archive ul {
  margin-left: 15px;
  list-style: disc;
}

#main-content.archive figure img {
  margin-bottom: 20px;
  display: block;
}

#main-content.archive figcaption, #main-content.archive .image-source {
  font-size: 0.75rem;
}

.hwm-announcement {
  clear: both;
  margin-top: 20px;
  padding: 20px 40px;
  background: #e6192b;
}

.hwm-announcement :last-child {
  margin: 0;
}

.hwm-announcement p {
  line-height: 1.5;
}

.hwm-announcement p, .hwm-announcement strong {
  color: #fff;
}

.hwm-announcement strong {
  text-transform: uppercase;
}

.sponsors-donors-header {
  padding: 0 40px;
}

.sponsors-donors-header:after {
  clear: both;
  content: "";
  display: block;
}

.sponsors-donors-header .hwm-button {
  margin-bottom: 40px;
}

.sponsors-donors-header .section-title {
  width: 100%;
}

.sponsors-donors-list {
  position: relative;
  padding: 40px 40px 0 40px;
  margin-bottom: 40px;
}

.sponsors-donors-list:after {
  clear: both;
  content: "";
  display: block;
}

.sponsors-donors-list ul {
  list-style: none;
  margin-left: 0;
}

.sponsors-donors-list .list-group {
  width: 33.3333333%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}

.sponsors-donors-list h6 {
  font-size: 1rem;
  line-height: 1.5;
}

.sponsors-donors-list h6, .sponsors-donors-list li {
  font-family: Arial;
}

.sponsors-donors-list :last-child {
  margin-bottom: 0;
}

#special-sponsors-donors-list {
  clear: both;
  padding: 40px;
  background: #e5e5e5;
}

#special-sponsors-donors-list:after {
  clear: both;
  content: "";
  display: block;
}

#special-sponsors-donors-list .list-group {
  width: 33.3333333%;
  float: left;
  padding: 0 20px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#special-sponsors-donors-list h6 {
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 10px;
  line-height: 1.25;
}

#special-sponsors-donors-list h6, #special-sponsors-donors-list li {
  font-family: Arial;
}

#special-sponsors-donors-list ul {
  list-style: none;
  margin: 0;
}

.main-content-header-principal > :last-child {
  margin-bottom: 0;
}

.main-content-header-principal li:last-child {
  margin-bottom: 0;
}

.main-content-aside {
  float: right;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-content-aside > :last-child {
  margin-bottom: 0;
}

.main-content-aside > img {
  width: 100%;
  height: auto;
}

/*
.post-content-main.event {
	overflow:hidden;
	max-width:$layout_squeeze;
	iframe {width:100%;min-height:450px;}
}
*/
#main-content .main-content-aside-box .border-top {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.metadata-list {
  margin: 0;
  list-style: none;
  /*
	.content,
	.contenu,
	.fees-booking,
	.fees-booking {
		border-top:1px solid rgba(0,0,0,0.1);
		margin-top:$layout_margin/2;
		padding-top:$layout_padding/2;
		strong {margin-bottom:$layout_margin/2;}
		strong, span {width:100%;}
		&:only-child {border:0;margin:0;padding:0;}
	}
	*/
}

.metadata-list li:after {
  clear: both;
  content: "";
  display: block;
}

.metadata-list li:last-child {
  margin-bottom: 0;
}

.metadata-list .date {
  margin-bottom: 20px;
}

.metadata-list .date strong {
  display: none;
}

.metadata-list .date span {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
}

.metadata-list .website {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.metadata-list > li > strong {
  font-weight: bold;
  float: left;
  width: 45%;
  text-transform: uppercase;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.metadata-list span {
  width: 55%;
  float: left;
}

.metadata-list :last-child {
  margin-bottom: 0;
}

.metadata-list .fullwidth strong {
  margin-bottom: 25px;
}

.metadata-list .fullwidth li {
  margin-bottom: 0.4375rem;
  line-height: 1.3;
}

.metadata-list .fullwidth strong, .metadata-list .fullwidth span {
  width: 100%;
}

.metadata-list.inverted li, .metadata-list.inverted li * {
  color: #fff;
}

.main-content-aside-box {
  padding: 40px;
  margin-bottom: 40px;
  background: #e5e5e5;
}

.main-content-aside-box:after {
  clear: both;
  content: "";
  display: block;
}

.main-content-aside-box .border-top {
  margin-top: 20px;
}

.main-content-aside-box .person:after {
  clear: both;
  content: "";
  display: block;
}

.main-content-aside-box .person:last-child {
  margin: 0;
}

.main-content-aside-box .person dt {
  line-height: 1.75;
}

.main-content-aside-box .person h3 {
  line-height: 1.25;
}

.main-content-aside-box .person img {
  float: left;
  display: block;
  margin-right: 20px;
  margin-top: 7px;
}

.main-content-aside-box .shop-item {
  background: #fff;
}

.main-content-aside-box .shop-item:after {
  clear: both;
  content: "";
  display: block;
}

.main-content-aside-box .shop-item dl {
  padding: 20px;
  position: relative;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-content-aside-box .shop-item-name {
  line-height: 1.25;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.main-content-aside-box .shop-item-button {
  margin-top: 10px;
}

.main-content-aside-box .shop-item-price {
  font-size: 12px;
  font-weight: bold;
}

.main-content-aside-box .shop-item-image {
  float: left;
  display: block;
  margin-right: 20px;
}

.membership-box-image {
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("../_images/family.jpg");
  width: 50%;
  height: 100%;
  float: right;
}

.membership-box-image img {
  display: none;
}

.membership-box {
  height: 500px;
  margin-bottom: 40px;
}

.membership-box .membership-box-content {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  height: 50%;
}

.membership-box .membership-box-content.slogan {
  background: #e6192b;
}

.membership-box .membership-box-content.slogan div {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 360px;
  margin: 0 auto;
}

.membership-box .membership-box-content.slogan div:after {
  clear: both;
  content: "";
  display: block;
}

.membership-box .membership-box-content.slogan h5, .membership-box .membership-box-content.slogan p {
  color: #fff;
  float: left;
  width: 50%;
  margin: 0;
}

.membership-box .membership-box-content.slogan h5 {
  font-size: 1.3125rem;
  font-size: 24px;
}

.membership-box .membership-box-content.slogan p {
  line-height: 1.25;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 0.75rem;
  font-size: 1rem;
}

.membership-box .membership-box-content.secondary {
  border: 1px solid #e5e5e5;
  border-left: 0;
}

.membership-box .membership-box-content.secondary h6 {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 360px;
  margin: 0 auto;
}

.membership-box .membership-box-content.secondary strong {
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  display: block;
  font-size: 1.3125rem;
  color: #8a8d8a;
}

.membership-box .membership-box-content.secondary h6 {
  font-size: 0;
}

.membership-box .membership-box-starting-cost {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 3rem;
  color: #e6192b;
  display: inline-block;
}

.membership-box .membership-box-starting-cost b {
  color: #8a8d8a;
  letter-spacing: 1px;
  position: absolute;
  top: 8px;
  left: 100%;
  width: 100%;
  margin-left: 5px;
  font-size: 0.625rem;
}

#main-content-header {
  position: relative;
  padding: 40px;
}

#main-content-header:after {
  clear: both;
  content: "";
  display: block;
}

#main-content-header dt {
  font-weight: bold;
}

#main-content-header.border-bottom {
  padding-bottom: 0;
}

#main-content-header.border-bottom .content-wrapper {
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}

#main-content-header.border-bottom .content-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.main-content-header-principal {
  padding-right: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.hwm-card-deck-group {
  padding: 40px;
}

.hwm-card-deck-group:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-card-deck-group > :last-child {
  margin-bottom: 0;
}

.hwm-card-deck {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

.hwm-card-deck:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-card-deck .hwm-button:hover {
  background: #4a4a4a;
  border-color: #4a4a4a;
}

.hwm-card-deck .hwm-card {
  width: 100%;
}

.hwm-card-deck.facility-rentals {
  max-width: none;
  padding-left: 40px;
  padding-right: 20px;
}

.hwm-card-deck.facility-rentals .hwm-card-deck-item {
  width: 25%;
}

.hwm-card-deck.facility-rentals .hwm-card-deck-header:after {
  display: none;
}

.hwm-card-deck-header-title {
  max-width: 70%;
  margin-bottom: 0;
}

.hwm-card-deck-header-title + p {
  margin-top: 25px;
}

.hwm-card-deck-header {
  margin-bottom: 40px;
  position: relative;
}

.hwm-card-deck-header:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
}

.hwm-card-deck-header-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hwm-card-deck-items {
  width: calc(100% + 20px);
  clear: both;
}

.hwm-card-deck-item {
  float: left;
  width: 33.3333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
}

.page-template-page-media-centre #main-content-wrapper {
  margin-bottom: 80px;
}

.page-template-page-media-centre #main-content-header {
  background: #e5e5e5;
}

.page-template-page-media-centre .main-content-aside-box {
  background: #fff;
}

.page-template-page-media-centre #museum-blog {
  clear: both;
}

.page-template-page-media-centre .card-media-centre {
  min-height: 280px;
}

.page-template-page-support .main-content-aside {
  padding-left: 60px;
  border-left: 1px solid #e5e5e5;
}

.page-template-page-support .main-content-aside dl {
  width: 50%;
  float: left;
}

.page-template-page-support #hwm-tabs {
  padding-top: 40px;
}

.page-template-page-support #hwm-tabs:before {
  content: '';
  display: block;
  width: calc(100% - 80px);
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 40px;
  bottom: auto;
  top: 0;
}

.page-template-page-research .card-dense {
  min-height: 320px;
}

.page-template-default #main-content,
.single-hwm_personnel #main-content {
  margin: 0 auto;
  max-width: 1000px;
}

.page-ignore-default-padding #main-content {
  padding: 0;
  margin: 0;
  max-width: none;
}

.block-date-list {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.block-date-list:after {
  clear: both;
  content: "";
  display: block;
}

.block-date-list-header {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.block-date-list-header:after {
  clear: both;
  content: "";
  display: block;
}

.block-date-list-header .header-title {
  margin-bottom: 0;
}

.block-date-list-header .hwm-button {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.block-date-list-main {
  margin-left: 0;
  list-style: none;
  clear: both;
}

.block-date-list-main li {
  width: 50%;
  height: 6.875em;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.block-date-list-main li:nth-child(2n+1) {
  padding-right: 10px;
}

.block-date-list-main li:nth-child(2n) {
  padding-left: 10px;
}

.block-date-list-main a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  text-decoration: none;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.block-date-list-main .date {
  float: left;
  width: 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% + 2px);
  border-right: 1px solid #e5e5e5;
  margin-right: 20px;
  -webkit-transition: background 250ms ease, border 250ms ease;
  -moz-transition: background 250ms ease, border 250ms ease;
  -ms-transition: background 250ms ease, border 250ms ease;
  -o-transition: background 250ms ease, border 250ms ease;
  transition: background 250ms ease, border 250ms ease;
  margin-left: -1px;
  margin-top: -1px;
}

.block-date-list-main .day, .block-date-list-main .month {
  display: block;
  text-align: center;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}

.block-date-list-main .day {
  font-family: "bebas-neue";
  font-size: 36px;
  line-height: 1;
}

.block-date-list-main .month {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  margin-top: -5px;
}

.block-date-list-main abbr {
  text-decoration: none;
}

.block-date-list-main .wrapper {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.block-date-list-main .main {
  padding: 20px 40px 0 0;
  overflow: hidden;
}

.block-date-list-main p {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  line-height: 1.25;
}

.block-date-list-main a:hover .date {
  background: #4a4a4a;
  border-color: #4a4a4a;
}

.block-date-list-main a:hover .day, .block-date-list-main a:hover .month {
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding: 20px;
}

.hwm-video-gallery {
  width: 100%;
  height: 100%;
}

.hwm-video-gallery:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-video-gallery.single .hwm-video-gallery-main {
  height: 100%;
}

.hwm-video-gallery-main {
  float: left;
  width: 100%;
  height: 80%;
  background: #000;
  position: relative;
}

.hwm-video-gallery-main iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.hwm-video-gallery-list {
  clear: both;
  float: left;
  width: 100%;
  height: 20%;
  margin: 0;
}

.hwm-video-gallery-list ul {
  list-style: none;
  height: 100%;
  padding-top: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-video-gallery-list li {
  float: left;
  height: 100%;
  width: 18.4%;
  padding-right: 2%;
}

.hwm-video-gallery-list li:nth-child(5n) {
  padding-right: 0;
}

.hwm-video-gallery-list a {
  text-indent: -999em;
  display: block;
  background: #4a4a4a;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.hwm-contact {
  clear: both;
  position: relative;
}

.hwm-contact:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-contact-aside {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  background: #4a4a4a;
}

.hwm-contact-aside p {
  margin-bottom: 0;
  color: #fff;
}

.hwm-contact-aside:after {
  background: #4a4a4a;
  position: absolute;
  left: 0;
  z-index: -1;
  width: 50%;
  height: 100%;
  top: 0;
  content: "";
  display: block;
}

.hwm-contact-aside ul {
  list-style: none;
  margin-left: 0;
}

.hwm-contact-aside ul * {
  color: #fff;
  font-size: 0.875rem;
}

.hwm-contact-aside ul li {
  margin-bottom: 5px;
}

.hwm-contact-aside ul:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-contact-aside ul:last-child {
  margin: 0;
}

.hwm-contact-aside ul strong {
  line-height: 1.75;
  font-weight: bold;
  text-transform: uppercase;
}

.hwm-contact-aside ul img {
  float: left;
  display: block;
  margin-right: 20px;
  margin-top: 7px;
}

.hwm-contact-aside-header {
  color: #fff;
  line-height: 1.25;
}

.hwm-contact-main {
  float: left;
  width: 50%;
  border-top: 1px solid #e5e5e5;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hwm-contact-main-header .hwm-button:hover {
  border-color: #8a8d8a;
  background: #8a8d8a;
}

.hwm-contact-form {
  display: none;
}

#hwm-calendar {
  clear: both;
}

#hwm-calendar:after {
  clear: both;
  content: "";
  display: block;
}

#hwm-calendar .hwm-layout-col {
  float: left;
  padding-bottom: 2%;
}

@media screen and (min-width: 1280px) {
  #hwm-calendar .hwm-layout-col {
    width: 32%;
    padding-right: 2%;
  }
  #hwm-calendar .hwm-layout-col:nth-child(3n) {
    padding-right: 0;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  #hwm-calendar .hwm-layout-col {
    width: 49%;
  }
  #hwm-calendar .hwm-layout-col:nth-child(2n-1) {
    padding-right: 1%;
  }
  #hwm-calendar .hwm-layout-col:nth-child(2n) {
    padding-left: 1%;
  }
}

@media screen and (max-width: 768px) {
  #hwm-calendar .hwm-layout-col {
    width: 100%;
  }
}

/*
* Core layout margin and paddings
*/
.hwm-gallery {
  margin-bottom: 30px;
}

.hwm-calendar-header {
  margin-bottom: 40px;
}

.hwm-card-deck {
  padding: 40px;
}

#content-header {
  padding: 20px;
  padding-bottom: 0;
}

.counterpart-link {
  right: 20px;
}

#hwm-calendar-wrapper {
  margin: 40px 0 30px 0;
}

.eoc-calendar-buttons {
  padding: 0 40px;
}

.hwm-content-filter {
  margin: 40px 0;
}

.hwm-calendar-header + .hwm-content-filter {
  margin-top: 0;
}

#admission-fees {
  padding: 40px;
}

.hwm-billboard {
  padding: 40px;
  margin-bottom: 40px;
}

#hwm-tabs {
  padding: 40px;
  padding-top: 0;
}

#hwm-tabs.padding-all {
  padding: 40px;
}

.single-hwm_personnel #main-content,
body:not(.page-ignore-default-padding) #main-content {
  padding-top: 40px;
}

.single-hwm_personnel #main-content-wrapper,
body:not(.page-ignore-default-padding) #main-content-wrapper {
  padding: 0 40px;
}

/*
* Gravity Forms
*/
.gform_fields {
  margin-left: 0;
}

#planYourVisitCalendar {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  margin: 0 auto;
  width: 450px;
}

#planYourVisitCalendar table {
  margin-bottom: 0;
  border: 1px solid #e5e5e5;
  font-size: 1rem;
}

#planYourVisitCalendar thead {
  border-bottom: 1px solid #e5e5e5;
}

#planYourVisitCalendar .ui-datepicker {
  background: #fff;
  padding: 0;
  width: 100%;
  border: 0;
}

#planYourVisitCalendar .ui-datepicker-header {
  background: 0;
  border: 0;
  padding: 15px 0;
  background: #4a4a4a;
}

#planYourVisitCalendar .ui-datepicker td {
  padding: 0;
}

#planYourVisitCalendar .ui-datepicker-month {
  position: relative;
  padding-left: 46px;
}

#planYourVisitCalendar .ui-datepicker-month:before {
  display: block;
  content: '';
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30px;
  height: 28px;
  border: 2px solid #fff;
  border-top: 10px solid #fff;
}

#planYourVisitCalendar .ui-datepicker-title {
  text-transform: uppercase;
  font-size: 1.3125rem;
  margin: 0;
}

#planYourVisitCalendar .ui-datepicker-title.offset {
  padding-right: 12%;
}

#planYourVisitCalendar .ui-datepicker-title span {
  color: #fff;
}

#planYourVisitCalendar .ui-datepicker th {
  text-transform: uppercase;
}

#planYourVisitCalendar .ui-state-default {
  color: #4a4a4a;
  border: 0;
  padding: 20px 15px;
  font-weight: normal;
  background: 0;
}

#planYourVisitCalendar .ui-state-hover {
  background: #8a8d8a;
  color: #fff;
  border: 0;
  cursor: pointer;
}

#planYourVisitCalendar .ui-state-active {
  background: #e6192b;
  color: #fff;
}

#planYourVisitCalendar .ui-state-highlight {
  background: #000;
  color: #fff;
}

#planYourVisitCalendar .ui-widget {
  font-family: "futura-pt", "Helvetica Neue", Arial;
}

#planYourVisitCalendar .ui-corner-all {
  border-radius: 0;
}

#planYourVisitCalendar td span, #planYourVisitCalendar td a {
  text-align: center;
}

#planYourVisitCalendar .ui-datepicker-prev, #planYourVisitCalendar .ui-datepicker-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  top: 0;
  background: #4a4a4a;
  width: 12%;
}

#planYourVisitCalendar .ui-datepicker-prev {
  left: 0;
}

#planYourVisitCalendar .ui-datepicker-next {
  right: 0;
}

#planYourVisitCalendar .ui-datepicker-next.offset {
  right: 12%;
}

#planYourVisitCalendar .ui-datepicker-prev .ui-icon {
  border-right: 10px solid #fff;
}

#planYourVisitCalendar .ui-datepicker-next .ui-icon {
  border-left: 10px solid #fff;
}

#planYourVisitCalendar .ui-icon {
  background: 0;
  position: static;
  margin: 0;
  width: 0;
  height: 0;
  text-align: center;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  margin-left: -5px;
}

#planYourVisitCalendar .hwm-calendar-hide-icon {
  width: 12%;
  position: absolute;
  background: #e6192b;
  top: 0;
  right: 0;
  height: 100%;
}

#planYourVisitCalendar .hwm-calendar-hide-icon .text {
  display: none;
}

#planYourVisitCalendar .hwm-calendar-hide-icon .icon {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  margin: 0 auto;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#planYourVisitCalendar .hwm-calendar-hide-icon .bar {
  width: 100%;
  height: 4px;
  margin-top: -2px;
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}

#planYourVisitCalendar .hwm-calendar-hide-icon .bar:nth-child(1) {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#planYourVisitCalendar .hwm-calendar-hide-icon .bar:nth-child(2) {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#planYourVisitCalendar .ui-datepicker-calendar {
  display: none;
}

#planYourVisitCalendar .ui-datepicker-calendar.on {
  display: table;
}

#planYourVisitCalendar:not(.all-on) .hwm-calendar-hide-icon {
  display: none;
}

#planYourVisitCalendar:not(.all-on) .ui-datepicker-title {
  cursor: pointer;
}

.webcast {
  padding: 40px !important;
}

.webcast p {
  line-height: 1.4;
}

.webcast .hwm-column {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webcast .hwm-column:first-child {
  padding-right: 40px;
}

.webcast .fullscreen-link {
  margin: 10px 0 0;
}

.webcast .live-chat h3 {
  margin-bottom: 10px;
}

.webcast .live-chat h3 + a {
  display: block;
  margin-bottom: 20px;
}

.webcast:after {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 1024px) {
  .webcast .hwm-column {
    width: 100%;
    clear: both;
  }
  .webcast .hwm-column:first-child {
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
}

@media (max-width: 768px) {
  .webcast {
    margin-top: -1.25em;
  }
}

.block-image-list {
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  clear: both;
}

.block-image-list img {
  display: block;
  max-width: 200px;
  height: auto;
}

.block-image-list li {
  margin-bottom: 5px;
}

.block-image-list li:nth-child(2) strong {
  text-transform: uppercase;
}

.block-image-list li:first-child {
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
}

.hwm-social-card {
  height: 100%;
  width: 100%;
  background: #55acee;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

.hwm-social-card p {
  line-height: 1.5;
}

.hwm-social-card p, .hwm-social-card * {
  color: #fff;
}

.hwm-social-card small {
  margin-bottom: 0;
}

.hwm-social-card a {
  text-transform: uppercase;
  font-weight: bold;
}

.hwm-social-card .icon {
  fill: #fff;
}

.hwm-social-card .social-card-date {
  text-transform: uppercase;
}

.hwm-social-card .social-card-wrapper {
  position: relative;
}

.hwm-social-card.auto-height {
  height: auto;
}

.hwm-social-card.auto-height .social-card-wrapper {
  position: static;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.hwm-social-card.twitter .icon {
  width: 49px;
  height: 40px;
}

.hwm-social-card p {
  font-size: 0.875rem;
}

.hwm-social-card .social-card-wrapper {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hwm-social-card .icon {
  position: absolute;
  left: 0;
  top: 50%;
}

.hwm-social-card.twitter .icon {
  margin-top: -15px;
  width: 36px;
  height: 30px;
}

.hwm-social-card.twitter .social-card-wrapper {
  padding-left: 66px;
}

.mus-sibling-ad {
  text-decoration: none;
  display: block;
  height: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mus-sibling-ad header {
  height: 20%;
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mus-sibling-ad img {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  display: block;
  width: 70%;
  height: auto;
}

.mus-sibling-ad .content-wrapper {
  height: 80%;
  float: left;
  width: 100%;
  background: #000;
}

.mus-sibling-ad h6 {
  margin: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: normal;
  font-size: 0.6875rem;
  color: #8a8d8a;
}

.mus-sibling-ad.vmc img {
  max-width: 164px;
  width: 60%;
}

body.fr .mus-sibling-ad.vmc img {
  max-width: 146px;
}

.mus-sibling-ad.cwm {
  border: 1px solid #e5e5e5;
}

.mus-sibling-ad.cwm .content-wrapper {
  background: #fff;
}

.mus-sibling-ad.cwm header {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.mus-sibling-ad.cwm img {
  margin-top: -5px;
  max-width: 265px;
}

.mus-sibling-ad.image-text .image-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.mus-sibling-ad.image-text img {
  display: none;
}

.mus-sibling-ad.image-text .content-wrapper {
  background: #000;
}

.mus-sibling-ad.image-text h5 {
  color: #fff;
  float: right;
  width: 50%;
  font-size: 1.3125rem;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mus-sibling-ad.image-text.vmnf .image-wrapper {
  background-image: url("../_images/vmnf-illustration.jpg");
}

.mus-sibling-ad.image-text.vmnf .content-wrapper {
  background: #1a3e46;
}

.mus-sibling-ad.image-text.fcwm .image-wrapper {
  background-position: 50%;
  background-image: url("../_images/edgar-bundy-fcwm-artwork.jpg");
}

.mus-sibling-ad.image-text.fcwm .content-wrapper {
  background: #2f3f4a;
}

.mus-sibling-ad.fcwm .image-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.mus-sibling-ad.fcwm img {
  display: none;
}

.mus-sibling-ad.fcwm .content-wrapper {
  background: #9e893b;
}

.mus-sibling-ad.fcwm h5 {
  color: #fff;
  float: right;
  width: 50%;
  font-size: 1.3125rem;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mus-sibling-ad.nuvmc {
  background: red;
}

.mus-sibling-ad.nuvmc a {
  width: 50%;
  float: left;
  display: block;
  height: 80%;
}

.mus-sibling-ad.nuvmc a:first-of-type {
  background: blue;
}

.mus-sibling-ad.nuvmc a:last-of-type {
  background: cyan;
}

.youtube-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.youtube-video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.musad {
  text-decoration: none;
  background: red;
  height: 210px;
  display: block;
  overflow: hidden;
}

.musad a {
  text-decoration: none;
}

.musad img {
  max-width: 164px;
  margin: 0 auto;
  display: block;
  width: 70%;
  height: auto;
}

.musad-header {
  height: 20%;
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.musad-label {
  margin: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: normal;
  font-size: 0.6875rem;
  color: #8a8d8a;
}

.musad-main {
  width: 100%;
  height: 80%;
  float: left;
  position: relative;
  background: #000;
}

.musad-primary {
  display: block;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.musad-primary.cover img {
  display: none;
}

.musad-secondary {
  width: 50%;
  height: 100%;
  float: left;
  padding: 0 20px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.musad-text {
  margin: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.3125rem;
  line-height: 1;
  color: #fff;
}

.musad.pair .musad-primary {
  width: 50%;
  height: 100%;
  float: left;
  position: static;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.musad.pair img {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.musad.vmnf .musad-secondary {
  background: #1a3e46;
}

.musad.fcwm .musad-primary {
  background-position: 50%;
}

.musad.fcwm .musad-secondary {
  background: #2f3f4a;
}

.musad.cwm .musad-main {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.musad.cwm img {
  margin-top: -5px;
  max-width: 265px;
}

.musad.cmh .musad-main {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.musad.cmh img {
  margin-top: -5px;
  max-width: 265px;
}

.musad.vmc img {
  width: 60%;
  max-width: 200px;
}

.musad.vmc .musad-primary {
  width: 100%;
}

.musad.vmc .musad-main {
  background: #3c3d8a;
}

.musad.vmc .musad-secondary {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
}

.musad.vmc .musad-text {
  color: #000;
}

.web-survey_wrapper {
  max-width: 540px;
  margin: 0 auto;
}

.web-survey {
  margin-bottom: 100px;
}

.web-survey:after {
  clear: both;
  content: "";
  display: block;
}

.web-survey .gform_body .gfield_label {
  line-height: 1.2;
  font-size: 21px;
  margin-bottom: 20px;
}

.web-survey .gfield_radio li {
  margin-bottom: 10px;
  line-height: 1.4;
}

.web-survey .gfield_radio li:last-child {
  margin: 0;
}

.web-survey .gform_button {
  padding: 15px 20px;
  margin: 20px 0 0 0;
}

@media (max-width: 640px) {
  .web-survey .web-survey {
    margin-bottom: 50px;
  }
}

.gfhwm-checkbox-radio li {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f7;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gfhwm-checkbox-radio li:not(:last-child) {
  margin-bottom: 20px;
}

.gfhwm-checkbox-radio li:after {
  clear: both;
  content: "";
  display: block;
}

.gform_body .gfhwm-checkbox-radio li input {
  padding: 0;
  float: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 13px 0 0;
  margin-top: 5px;
}

.gform_body .gfhwm-checkbox-radio li label {
  line-height: 1.5;
  margin: 0;
  max-width: calc(90%);
  display: inline-block;
  vertical-align: middle;
}

.l-persistent-nav {
  clear: both;
  position: relative;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -ms-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease;
  padding-bottom: 40px;
}

.l-persistent-nav .hwm-container {
  position: relative;
  z-index: 2;
}

.l-persistent-nav section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
}

.l-persistent-nav section > :last-child {
  margin-bottom: 0;
}

.lpn-main {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 55%;
}

.lpn-mask {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.lpn-mask.image {
  background-image: url("../_images/chh-hires.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.lpn-aside {
  float: right;
  position: static;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  padding-top: 40px;
  padding-left: 40px;
}

.lpn-aside.sticky {
  position: fixed;
}

.gateway-image-cat {
  clear: both;
  margin: 0 0 25px 0;
}

.gateway-image-cat dt {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.gateway-image-cat dd {
  font-size: 0.875rem;
}

.gateway-image-cat dd, .gateway-image-cat dt {
  overflow: hidden;
}

.gateway-image-cat .image {
  float: left;
  margin-right: 20px;
}

.gateway-image-cat img {
  display: block;
  margin-top: 5px;
}

.lpn-aside-menu ul {
  margin: 0 0 25px 0;
}

.lpn-aside-menu li {
  margin-bottom: 20px;
  list-style: none;
  line-height: 1.1;
}

.lpn-aside-menu li:last-child {
  margin: 0;
}

.lpn-aside-menu .hwm-button:hover {
  background: #8a8d8a;
  border-color: #8a8d8a;
}

.lpn-aside-menu a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.lpn-aside-menu .is-on {
  color: #8a8d8a;
}

#getinvolved {
  width: 100%;
}

#getinvolved:after {
  clear: both;
  content: "";
  display: block;
}

#getinvolved .gform_button {
  margin-bottom: 0;
}

#getinvolved .gform_body .ginput_container textarea {
  height: 120px;
}

#getinvolved .gfield {
  margin: 0 0 25px 0;
}

#getinvolved .gfield:nth-last-child(2) {
  margin: 0;
}

#getinvolved .gform_button:hover {
  background: #8a8d8a;
}

#getinvolved .gfield_label {
  visibility: hidden;
  position: absolute;
  left: -999em;
}

#getinvolved .gform_body .gfield_label {
  margin-top: 0;
}

@media screen and (min-width: 640px) {
  body.emphasize-lead-sec .lpn-main section:first-child h1, body.emphasize-lead-sec .lpn-main section:first-child h2, body.emphasize-lead-sec .lpn-main section:first-child h3, body.emphasize-lead-sec .lpn-main section:first-child h4, body.emphasize-lead-sec .lpn-main section:first-child h5, body.emphasize-lead-sec .lpn-main section:first-child h6, body.emphasize-lead-sec .lpn-main section:first-child p {
    color: #fff;
  }
  body.emphasize-lead-sec .lpn-aside-menu a:not(.is-on) {
    color: #fff;
  }
  body.emphasize-lead-sec .lpn-mask {
    display: block;
  }
  body.emphasize-lead-sec #main-header {
    z-index: 5;
  }
}

@media screen and (min-width: 850px) {
  body.emphasize-lead-sec #main-header {
    background: #000;
  }
}

.sectionHeader {
  position: absolute;
  left: -999em;
  right: -999em;
}

.mu-status {
  display: flex;
  align-items: center;
  padding: 1.875em;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-left: 0;
}

.mu-status__heading {
  margin: 0;
  font-size: 1.5em;
  margin-bottom: 0.33333em;
}

.mu-status__hours {
  margin: 0;
  font-size: 1.5em;
  margin-bottom: 0.625em;
  line-height: 1;
}

.mu-status__button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration: none;
  line-height: 1.16666667;
}

.mu-status__button .text {
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.mu-status__button .text br {
  display: none;
}

.mu-status__button .icon {
  width: 9px;
  height: 9px;
  display: block;
  margin-top: -1px;
}

.mu-status__button:hover {
  color: #8a8d8a;
}

.mahome {
  /* Todo: Can this be applied site-wide? */
  /* Todo: Add media query condition, > 640 only needs to apply in large screen contexts. */
}

.mahome #main {
  margin-bottom: 200px;
}

.mahome .hwm-udgrid__header {
  margin-top: 100px;
}

.mahome .hwm-poster-subtitle {
  text-transform: none;
  font-size: 14px;
}

.mahome .isotope-item.isotope-item.span-3 {
  height: 500px;
}

@media screen and (max-width: 1024px) {
  .mahome .isotope-item.isotope-item.span-3 {
    height: 300px;
  }
}

@media screen and (max-width: 768px) {
  .mahome .hwm-billboard {
    padding: 48px 30px;
  }
  .mahome .hwm-udgrid__header {
    margin-top: 40px;
  }
}

.social-bar {
  margin-bottom: 60px;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  background: #1a191a;
  color: #fff;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
}

.social-bar:after {
  clear: both;
  content: "";
  display: block;
}

.social-bar .icon--instagram {
  width: 1.75em;
  height: 1.75em;
}

.social-bar .icon--twitter {
  width: 1.875em;
  height: 1.5em;
}

.social-bar .icon--facebook {
  width: 0.875em;
  height: 1.875em;
}

.social-bar__text {
  margin: 0;
}

.social-bar__icon-list {
  margin: 0 0 0 2.25em;
  list-style: none;
  display: flex;
  align-items: center;
}

.social-bar__icon-list li {
  float: left;
  margin: 0 2.25em 0 0;
}

.social-bar__icon-list li:last-child {
  margin: 0;
}

.social-bar__icon-list .icon {
  fill: #fff;
  display: block;
}

.social-bar__icon-list .text {
  position: absolute;
  top: 0;
  left: -999em;
}

.social-bar__icon-list a:hover .icon {
  fill: #e6e6e6;
}

.social-bar__icon-list a:focus .icon {
  fill: #bfbfbf;
}

.social-bar__icon-list a:active .icon {
  fill: gray;
}

@media screen and (max-width: 768px) {
  .social-bar {
    padding: 16px 20px;
  }
}

@media screen and (max-width: 640px) {
  .social-bar {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .social-bar {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .social-bar {
    font-size: 10px;
  }
}

@keyframes bobble {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(0px, 20px, 0px);
  }
}

.hwm-freeze {
  clear: both;
  background: #f4f4f4;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../_images/eo-1193-19920085-946.jpg");
  background-position: 50% 25%;
  background-attachment: fixed;
  background-size: cover;
  padding: 5em;
}

.hwm-freeze-cardassia {
  padding: 3.80952em;
  font-size: 21px;
  position: relative;
  z-index: 600;
}

.hwm-freeze-cardassia p {
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 26.19048em;
}

.hwm-freeze-cardassia p:last-child {
  margin-bottom: 0;
}

.hwm-freeze-dark {
  color: #fff;
}

.vimy-desc-section.fr p:last-child {
  max-width: none;
}

/**
* Definition of nonce: Occurring, used, or 
* made only once or for a special occasion.
* In this case, a special "exception".
*/
.vimy-nonce-banner {
  background: #000;
  position: relative;
  text-align: center;
  z-index: 605;
  width: 100%;
  clear: both;
}

.vimy-nonce-banner h1 {
  position: absolute;
  top: 0;
  left: -999em;
}

.vn-banner-icon-wrapper {
  position: relative;
  display: block;
  height: 100%;
  z-index: 10;
}

.vn-banner-image {
  display: block;
  width: 100%;
  height: auto;
}

.vn-banner-icon {
  fill: #fff;
  margin: 0 auto;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 40px;
  width: 1.25em;
  height: 3em;
  animation: bobble 1s ease-in 0s alternate infinite;
}

.hwm-top {
  -webkit-transition: opacity 250ms ease;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  background: #cf1727;
  position: fixed;
  z-index: 601;
  bottom: 0;
  right: 0;
}

.hwm-top-icon-wrapper {
  width: 1em;
  height: 1.25em;
  padding: 0.9375em 1.25em;
  display: block;
}

.hwm-top-icon {
  fill: #fff;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 100%;
}

.hwm-top-text {
  display: block;
  position: absolute;
  left: -999em;
  top: 0;
}

.hwm-boxes {
  margin: 0;
  list-style: none;
}

.hwm-box-section {
  clear: both;
  padding: 60px 0 0;
}

.hwm-box-section:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-box-section#shop {
  padding-bottom: 0;
}

.hwm-box-section:first-of-type {
  background: #fff;
  position: relative;
  z-index: 600;
}

.hwm-box-section-title {
  line-height: 1;
  text-align: center;
  text-transform: none;
  font-size: 2em;
  margin: 0 auto 0.46875em auto;
  max-width: 80%;
}

.hwm-box {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  color: #fff;
  margin: 0;
}

.hwm-box:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.hwm-box abbr {
  cursor: help;
  text-decoration: none;
}

.hwm-box-wrapper {
  /**
	* !! Don't use this (below); there's a quirky bug 
	* in Safari which sometimes renders the border 
	* invisible.
	*/
  -webkit-transition: background-size 250ms ease;
  -moz-transition: background-size 250ms ease;
  -ms-transition: background-size 250ms ease;
  -o-transition: background-size 250ms ease;
  transition: background-size 250ms ease;
  border-left: 2px solid #fff;
  background-color: #4a4a4a;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-size: 101%;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hwm-box-wrapper:after {
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  display: block;
  z-index: 99;
  content: '';
  bottom: 0;
  left: 0;
}

.hwm-box:only-child .hwm-box-wrapper:after {
  display: none;
}

.hwm-box:nth-child(2n) .hwm-box-wrapper {
  border-right: 2px solid #fff;
}

.hwm-box-solid-clr .hwm-box-wrapper {
  background-image: 0;
  background-color: #e6192b;
  -webkit-transition: background-color 250ms ease;
  -moz-transition: background-color 250ms ease;
  -ms-transition: background-color 250ms ease;
  -o-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}

.hwm-box-solid-clr .hwm-box-wrapper:hover {
  background-color: #4a4a4a !important;
}

.hwm-box-book .hwm-box-wrapper {
  background-color: #324350;
  background-size: contain;
}

.hwm-box-content {
  z-index: 10;
  display: block;
  text-align: center;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hwm-box-shop.vimy .hwm-box-content {
  top: 42.5%;
}

.hwm-box-date {
  display: block;
  font-size: 1.125em;
  margin-top: 0.55556em;
}

.hwm-box-title {
  margin: 0 auto;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.1;
  max-width: 60%;
  display: block;
  white-space: pre-line;
}

.hwm-box-title sup {
  text-transform: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.styles-none {
  display: none;
}

.hwm-box-subtitle {
  font-size: 0.875em;
  margin-bottom: 0.71429em;
  text-transform: uppercase;
  display: block;
}

.hwm-box-desc {
  max-width: 50%;
  margin: 0 auto;
  margin-top: 0.625em;
  line-height: 1.5;
}

.hwm-box-icon {
  display: block;
  margin: 0 auto;
  fill: #fff;
  width: 64px;
  height: 59px;
  margin-bottom: 1.25em;
}

.hwm-box-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.hwm-box-book-cover {
  width: 20%;
  height: auto;
  display: table;
  margin: 0 auto;
  margin-bottom: 1.25em;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.hwm-box-image {
  width: 20%;
  display: table;
  overflow: hidden;
  background-color: #000;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0 auto 1.25em auto;
  margin-bottom: 1.875em;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.hwm-box-image:before {
  padding-top: 100%;
  display: block;
  width: 100%;
  content: '';
}

.hwm-box-image img {
  display: block;
  position: absolute;
  left: -999em;
  width: 100px;
  height: auto;
  top: 0;
}

.hwm-box-button {
  display: table;
  margin: 0 auto;
  margin-top: 1.25em;
  padding: 0.9375em;
  border: 3px solid #fff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  /**
	.hwm-box:hover & {
		// transform:scale(1.1);
		border-color:transparent;
		background:#290602;
	}
	**/
}

.hwm-box-button:hover {
  background: #fff;
  color: #e6192b;
}

.hwm-box-mask {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 250ms ease, transform 500ms ease;
  -moz-transition: background 250ms ease, transform 500ms ease;
  -ms-transition: background 250ms ease, transform 500ms ease;
  -o-transition: background 250ms ease, transform 500ms ease;
  transition: background 250ms ease, transform 500ms ease;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hwm-box-shop-desc {
  margin: 0 auto;
  padding: 0 1.25em;
  max-width: 25em;
  margin-top: 1.25em;
}

.hwm-box-vanilla .hwm-box-wrapper:hover {
  background-size: 104%;
}

.hwm-box-vanilla .hwm-box-wrapper:hover .hwm-box-mask {
  background-color: rgba(230, 25, 43, 0.9) !important;
}

.hwm-box-shop {
  width: 100%;
}

.hwm-box-shop.nu:before {
  padding-top: 46.25%;
}

.hwm-box-shop .hwm-box-wrapper {
  border: 0 !important;
}

.hwm-box-shop .hwm-box-wrapper:after {
  display: none;
}

.hwm-box-shop .hwm-box-desc {
  margin: 0 auto;
  padding: 0 1.25em;
  max-width: 25em;
  margin-top: 1.25em;
}

/**
* !! Blur styles are only applied if browser 
* has support for css filters. Otherwise, fallback 
* to solid dark grey branding colour.
*/
/* Assume no support, fallback to solid colour. */
.hwm-box-blur .hwm-box-mask {
  display: none;
}

/* Blur property supported; blur background effect, engage. */
.cssfilters .hwm-box-blur .hwm-box-mask {
  display: block;
  transform: translateY(-50%) scale(2.5) rotate(-5deg);
  background-position: 50% 0;
  background-size: 100%;
  -webkit-filter: blur(25px);
  filter: blur(25px);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  width: 50%;
  height: 50%;
  top: 50%;
  left: 25%;
}

.cssfilters .hwm-box-blur .hwm-box-mask:after {
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  -ms-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  background-color: inherit;
  position: absolute;
  opacity: 0.5;
  opacity: 0.25;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.hwm-partners {
  clear: both;
  z-index: 50;
  background: #fff;
  position: relative;
  padding-top: 2.5em;
  padding-bottom: 3.75em;
  border-top: 1px solid #e5e5e5;
}

.hwm-partners-cardassia {
  padding-bottom: 6.25em;
  padding-top: 1.875em;
}

.hwm-partners-cardassia:before {
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  -o-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: #fff;
  display: block;
  content: '';
  position: absolute;
  bottom: 5px;
  height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}

.canada-150-link {
  display: table;
  margin: 0 auto;
}

.canada-150-link img {
  display: block;
}

.hwm-partners-header {
  text-align: center;
  margin: 0 auto;
}

.hwm-partners.fr .hwm-partners-header {
  max-width: 70%;
}

.hwm-partners-body {
  position: relative;
  margin-bottom: 1.875em;
}

.hwm-partners-body:after {
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  position: absolute;
  background: #e5e5e5;
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
}

.hwm-partners-body:last-child:after {
  display: none;
}

.hwm-partners-body-media:after {
  width: 15%;
}

.hwm-partners-title {
  font-family: Arial;
  margin: 0 auto;
}

.hwm-partners-desc {
  max-width: 80%;
  margin: 0 auto;
}

.hwm-partners-logos {
  table-layout: fixed;
  list-style: none;
  display: table;
  width: 100%;
  max-width: 60%;
  margin: 0 auto;
  padding: 1.875em 0;
}

.hwm-partners-logos li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.hwm-partners-logos img {
  margin: 0 auto;
  display: block;
  max-height: 3em;
  max-width: 8.75em;
}

.hwm-partners-supporter {
  clear: both;
  margin: 0 auto;
  display: table;
  text-align: center;
  margin-bottom: 2.1875em;
  padding-bottom: 1.5625em;
  border-bottom: 1px solid #e5e5e5;
}

.hwm-partners-supporter p {
  margin: 0 0 0.3125em 0;
}

.hwm-partners-supporter strong {
  font-size: 1.3125em;
  display: table;
  margin: 0 auto;
}

.hwm-partners-supporter.multiline strong {
  margin-top: 0.47619em;
}

.hwm-partners-names {
  margin: 0 auto;
  list-style: none;
  display: table;
  padding-bottom: 1.875em;
}

.hwm-partners-names:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-partners-names li {
  margin: 0;
  float: left;
  line-height: 1.1;
  font-weight: bold;
  font-size: 0.75em;
}

.hwm-partners-names li:nth-child(2) {
  margin-left: 3.33333em;
}

.hwm-social-bar {
  color: #fff;
  text-align: center;
  position: relative;
  background: #e6192b;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.46875em;
}

.hwm-social-bar:after {
  background: #e6192b;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.hwm-social-bar p {
  margin: 0;
}

.hwm-social-bar2 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.25em;
  background: #e6192b;
}

.hwm-social-bar2:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-sb2-wrapper {
  display: table;
  margin: 0 auto;
}

.hwm-sb2-icons {
  display: table-cell;
  vertical-align: middle;
}

.hwm-sb2-title {
  display: table-cell;
  vertical-align: middle;
  padding-right: 2.5em;
  text-align: right;
  color: #fff;
}

.hwm-sb2-icon {
  float: left;
  display: block;
  overflow: hidden;
  background: #fff;
  width: 3.5em;
  height: 3.5em;
  margin: 0 1.875em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -ms-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}

.hwm-sb2-icon:last-child {
  margin: 0;
}

.hwm-sb2-icon:hover, .hwm-sb2-icon:focus {
  background: #000;
}

.hwm-sb2-icon a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -999em;
}

.hwm-hash-bar-cardassia {
  color: #fff;
  text-align: center;
  position: relative;
  background: #e6192b;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  font-size: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.46875em;
}

.hwm-hash-bar-cardassia.border:after {
  background: #e6192b;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.hwm-hash-bar-cardassia p {
  margin: 0;
}

@media (max-width: 1280px) {
  .hwm-box-shop:before {
    padding-top: 60% !important;
  }
}

@media (max-width: 1024px) {
  .hwm-box {
    font-size: 12px;
  }
  .hwm-box-shop-desc {
    font-size: 14px;
  }
  .hwm-partners-logos {
    max-width: 60%;
  }
  .hwm-partners-logos img {
    max-height: 32px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .hwm-box-shop:before {
    padding-top: 75% !important;
  }
  .hwm-box-shop-desc {
    font-size: inherit;
  }
  .hwm-box {
    width: 100%;
    clear: both;
    font-size: 1em;
  }
  .hwm-box-wrapper {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }
  .hwm-partners {
    padding-bottom: 50px;
  }
  .hwm-partners-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hwm-partners-logos {
    max-width: 75%;
  }
  .hwm-partners-title {
    font-size: 1em;
  }
  .hwm-partners-names li {
    clear: both;
    margin: 0 0 15px 0;
  }
  .hwm-partners-names li:last-child {
    margin: 0;
  }
  .hwm-partners-supporter {
    font-size: 14px;
  }
  .hwm-partners-supporter strong {
    font-size: 1rem;
  }
  .canada-150 img {
    max-width: 128px;
    height: auto;
  }
}

@media (max-width: 640px) {
  .hwm-partners-logos {
    max-width: 90%;
  }
  .hwm-partners-desc {
    font-size: 14px;
  }
  .hwm-box-shop {
    font-size: 12px;
  }
  .hwm-sb2-title {
    display: block;
    text-align: center;
    padding: 0;
  }
  .hwm-sb2-icons {
    display: block;
    clear: both;
    margin: 0;
  }
  .hwm-sb2-icons:after {
    clear: both;
    content: "";
    display: block;
  }
  /**
	 * Remove vertical alignment styles 
	 * so that box height becomes relative 
	 * to content.
	 */
  .hwm-box-shop:only-child:before {
    display: none;
  }
  .hwm-box-shop:only-child .hwm-box-content {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    z-index: 10;
    top: 0;
  }
  .hwm-box-shop:only-child .hwm-box-wrapper {
    position: relative;
    padding: 4.16667em 0;
  }
  .hwm-box-shop.next-has-skew-edge:only-child .hwm-box-wrapper {
    padding-bottom: 9.375em;
  }
}

@media (max-width: 480px) {
  .hwm-box-title b {
    display: inline;
  }
  .hwm-box-section-title {
    font-size: 21px;
  }
  .hwm-freeze-cardassia {
    font-size: 14px;
    padding: 40px 30px;
  }
  .hwm-freeze-cardassia p {
    line-height: 1.5;
  }
  .hwm-box {
    font-size: 12px;
  }
  .hwm-box-desc {
    max-width: 75%;
  }
  .hwm-partners-header {
    max-width: none;
  }
  .hwm-partners.fr .hwm-partners-header {
    max-width: none;
  }
  .hwm-partners-supporter {
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .hwm-partners-logos li {
    display: block;
    clear: both;
    margin-bottom: 30px;
  }
  .hwm-partners-logos li:last-child {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .hwm-box-shop:before {
    padding-top: 100% !important;
  }
  .hwm-box-icon {
    width: 32px;
    height: 30px;
  }
  .hwm-box-title {
    max-width: 80%;
  }
}

@media (max-width: 360px) {
  .hwm-box {
    font-size: 10px;
    max-width: none;
  }
  .hwm-box br {
    display: none;
  }
}

@media (min-width: 1024px) and (min-aspect-ratio: 8 / 5) {
  .vimy-nonce-banner {
    background-image: url("../_images/vimy-banner-long-x2-en.min.jpg");
    background-size: auto calc(100vh - 80px);
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: calc(100vh - 80px);
  }
  .vimy-nonce-banner.fr {
    background-image: url("../_images/vimy-banner-long-x2-fr.min.jpg");
  }
  .vn-banner-image {
    display: none;
  }
  .vn-banner-icon {
    display: block;
  }
}

@media (min-width: 1152px) and (min-aspect-ratio: 8 / 5) {
  .vimy-nonce-banner {
    background-image: url("../_images/vimy-banner-long-x2-en.min.jpg");
    background-size: auto calc(100vh - 120px);
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: calc(100vh - 120px);
  }
  .vimy-nonce-banner.fr {
    background-image: url("../_images/vimy-banner-long-x2-fr.min.jpg");
  }
  .vn-banner-image {
    display: none;
  }
  .vn-banner-icon {
    display: block;
  }
}

/**
 * Gault, is the name of a Star Trek planet. Although 
 * it was arbitrarily chosen, it's the closest resembling 
 * name to "Gateway", the project to which this template 
 * was originally designed for.
 */
#main-header.gault {
  background: none;
  z-index: 100;
}

#main-header.gault .main-logo {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 18.75em;
  height: 2.75em;
}

#main-header.gault .main-logo img {
  opacity: 0;
}

#main-header.gault .main-logo {
  background-image: url("../_images/cmh-main-logo_white.svg");
}

#main-header.gault .main-logo-fr {
  background-image: url("../_images/mch-main-logo_white.svg");
}

#main-header.gault .main-logo-wargue {
  background-image: url("../_images/cwm-logo_white.svg");
}

#main-header.gault .main-logo-wargue-fr {
  background-image: url("../_images/cwm-logo-fr_white.svg");
}

.gault-content {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  z-index: 15;
}

.gault-content .main {
  padding: 50px 30px 80px 30px;
  background: #fff;
}

.gault-content .main-inner {
  margin: 0 auto;
  max-width: 45em;
}

.gault-content .main-inner > h2:first-child {
  margin-top: 0;
}

.gault-content .tight li {
  margin-bottom: 5px;
}

.gault-header-image {
  position: absolute;
  left: -999em;
  z-index: -1;
  top: 0;
}

.gault-content-header {
  color: #fff;
  position: relative;
  height: 70vh;
  margin-top: -120px;
  min-height: 660px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #3f3f3f;
  z-index: 605;
}

.gault-content-header p {
  max-width: 550px;
}

.gault-content-header .subtitle {
  text-transform: uppercase;
  line-height: 1.3;
}

.gault-content-header h2 {
  margin-top: 40px;
}

.gault-content-header .inner {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: calc(50% + 60px);
  max-width: 45em;
  margin: 0 auto;
  z-index: 5;
}

.gault-content-header .inner > :last-child {
  margin: 0;
}

.gault-content-header .inner:after {
  clear: both;
  content: "";
  display: block;
}

.gault-content-header .caption {
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 400px;
  z-index: 5;
  margin: 0;
}

.gault-content-header .mask {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gault-gf {
  /*
	$delete_icon_size: 14px;
	.ginput_preview {background:cyan;padding:0 15px;height:40px;line-height:40px;position:relative;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100vw;}
	.gform_delete {background-color:black;}
	.ginput_preview strong {font-weight:normal;}
	.ginput_preview:first-child {margin-top:10px;}
*/
}

.gault-gf .gfield_description {
  font-size: 12px;
}

.gault-gf .gform_fields > li {
  margin-bottom: 30px;
}

.gault-gf .gform_body .gfield_label {
  line-height: 1.1;
}

.gault-gf .gform_delete {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 12px;
  opacity: 0;
  cursor: pointer;
}

.gault-gf .ginput_preview {
  padding: 0 44px 0 12px;
  background-color: #f7f7f7;
  background-image: url("../_images/icon-close_red.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%;
  background-size: 14px 14px;
  border: 1px solid #dedede;
  margin-bottom: -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100vw;
  line-height: 40px;
  position: relative;
}

.gault-gf .gform_drop_area {
  padding: 20px 30px;
  border: 1px dashed #d8d8d8;
  margin-bottom: 7px;
}

.gault-gf .gfield_label .gfield_required {
  margin-left: 3px;
}

.gault-gf .gfield_description.validation_message {
  margin-top: 5px;
}

.gault-gf .validation_message li {
  background: #e5e5e5;
  padding: 10px 12px;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
}

.gault-gf .ginput_preview strong {
  font-weight: normal;
}

.gault-gf .ginput_preview:first-child {
  margin-top: 10px;
}

.gault-gf .ginput_preview:last-child {
  margin-bottom: 10px;
}

.gault-gf .gform_drop_instructions {
  margin-bottom: 5px;
  display: block;
}

.gault-gf .gform_body .ginput_container .gform_button_select_files {
  background: #8a8d8a;
  color: #fff;
  margin-bottom: 10px;
  padding: 20px;
  height: auto;
  cursor: pointer;
}

.gault-gf .gform_body .ginput_container_checkbox input {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  float: left;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gault-gf .gform_body .ginput_container_checkbox label {
  line-height: 1;
  margin-top: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  float: left;
  max-width: 90%;
}

.gault-gf .gform_body .ginput_container [type="text"], .gault-gf .gform_body .ginput_container select {
  height: 40px;
}

.gault-gf .gform_body .ginput_container [type="file"] {
  background: #f7f7f7;
  height: auto;
  padding: 10px;
}

.gault-gf .gform_button {
  margin: 0;
  padding: 15px 20px;
}

.gault-gf .gform_footer:after {
  clear: both;
  content: "";
  display: block;
}

.gault-gf .checkbox-group li {
  padding: 0 15px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f7;
}

.gault-gf .checkbox-group li:after {
  clear: both;
  content: "";
  display: block;
}

.gault-gf .checkbox-group li .gfield_label {
  display: none;
}

@media screen and (max-width: 640px) {
  .gault-gf .checkbox-group li {
    height: 60px;
  }
  .gault-gf .gform_body .ginput_container_checkbox label {
    max-width: 80%;
  }
  .gault-gf .gform_body .ginput_container_checkbox input {
    margin-right: 15px;
  }
}

@media (max-width: 1440px) {
  .gault-content-header {
    height: 80vh;
  }
}

@media (max-width: 1152px) {
  #main-header.gault .main-logo {
    width: 248px;
    height: 36px;
  }
  .gault-content-header {
    height: 85vh;
    margin-top: -80px;
  }
  .gault-content-header .inner {
    top: calc(50% + 40px);
  }
  .gault-content-header .caption {
    display: none;
  }
  .gault-content-header h1 {
    line-height: 1.1;
  }
}

@media (max-width: 1024px) {
  #main-header.gault .main-logo {
    width: 200px;
    height: 29px;
  }
  .gault-content-header .inner {
    position: relative;
    z-index: 15;
  }
}

@media (max-width: 850px), (max-height: 650px) {
  #main-header.gault .main-logo {
    background: 0;
    width: auto;
    height: auto;
  }
  #main-header.gault .main-logo img {
    opacity: 1;
  }
  .gault-content-header {
    margin-top: 0;
    height: auto;
    padding: 50px 30px;
    min-height: 0;
  }
  .gault-content-header .inner {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
  }
  .gault-content-header .inner h1 {
    font-size: 36px;
  }
}

p, dd, dt {
  line-height: 1.75;
}

.hwm-gallery {
  margin-bottom: 0;
}

.hwm-gallery-image-title, .hwm-gallery-image-desc {
  line-height: 1.3;
}

.fancybox-title-inside-wrap {
  padding-top: 20px;
}

.wysanti .hwm-gallery-image-title {
  font-style: italic;
}

.wysanti .hwm-box-desc {
  max-width: none;
  margin-top: 0.625em;
  display: block;
}

.wysanti-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 80vh;
  float: left;
  width: 100%;
  z-index: 605;
}

.wysanti-header:after {
  clear: both;
  content: "";
  display: block;
}

.wysanti-header-aside {
  float: left;
  width: 50%;
  height: 100%;
}

.wysanti-header-aside > a {
  text-decoration: none;
}

.wysanti-header-main {
  width: 50%;
  height: 100%;
  float: right;
  background: #4a4a4a;
  position: relative;
  color: #fff;
}

.wysanti-header-main .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  margin: 0 auto;
  width: 75%;
  max-width: 40em;
}

.wysanti-header-main .inner :last-child {
  margin: 0;
}

.wysanti-caption-mask {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  display: block;
  background-color: transparent;
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}

.wysanti-header-title {
  font-size: 2.25em;
  margin-bottom: 0.97222em;
}

.wysanti-header-subtitle {
  line-height: 1.25;
  font-size: 1.3125em;
  margin-bottom: 1.42857em;
}

.wysanti-header-desc {
  line-height: 1.7;
  margin: 0;
}

.wysanti-header-figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #000;
  position: relative;
  height: 100%;
}

.wysanti-figcaption {
  color: #fff;
  width: 80%;
  display: block;
  position: absolute;
  z-index: 5;
  line-height: 1.3;
  font-size: 0.75em;
  bottom: 1.66667em;
  left: 1.66667em;
}

.wysanti-header-raw-image {
  display: block;
  position: absolute;
  left: -999em;
  top: 0;
}

.wysanti-section-num {
  left: 0;
  display: table;
  position: absolute;
  top: 3.75em;
  background: #038834;
  width: 3.80952em;
  height: 3.80952em;
  font-size: 21px;
}

.wysanti-section-num b {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.wysanti-columns-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.wysanti-content-section {
  clear: both;
  position: relative;
  padding: 0 1.875em 3.75em;
}

.wysanti-content-section h2, .wysanti-content-section .h2 {
  margin-bottom: 40px;
  text-align: center;
  text-transform: capitalize;
}

.wysanti-content-section.grey {
  background: #f7f7f7;
}

.wysanti-about-second {
  color: #fff;
  position: relative;
  padding: 9.375em 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/wp-content/uploads/2018/03/CHH_web-parallax-element.jpg");
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

.wysanti-about-second .hwm-box-button {
  line-height: 1.25;
}

.wysanti-about-second .hwm-box-button br {
  display: none;
}

.shop-buy-button {
  color: #fff;
  float: left;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.7em 1.6em;
  font-size: 0.9em;
  -webkit-transition: transform 150ms ease;
  -moz-transition: transform 150ms ease;
  -ms-transition: transform 150ms ease;
  -o-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.virtual-tour-banner {
  margin-bottom: 76px;
}

.history-hall-wrapper {
  margin: 0 auto;
  max-width: 1024px;
}

.history-hall-wrapper:after {
  clear: both;
  content: "";
  display: block;
}

.history-hall-wrapper .gallery-wrapper {
  clear: both;
  margin-top: 0;
}

.wysanti-column {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wysanti-column img {
  display: block;
  width: 100%;
  height: auto;
}

.wysanti-column :last-child {
  margin-bottom: 0;
}

.wysanti-column:first-child {
  padding-right: 30px;
}

.wysanti-column:last-child {
  padding-left: 30px;
}

.hwm-lead-caps {
  font-size: 1.3125em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3;
}

.wysanti-content-footer {
  padding: 0 1.875em;
  margin-bottom: 60px;
}

.wysanti-content-footer ul {
  margin: 0;
  list-style-position: inside;
}

.wysanti-content-footer .wysanti-wrapper {
  padding-top: 1.875em;
  border-top: 1px solid #e5e5e5;
}

.padding-top-none {
  padding-top: 0;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.related-resources {
  padding: 0 1.875em;
  margin-bottom: 1.875em;
}

.related-resources h6 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

.wysanti-main-content {
  clear: both;
}

.wysanti-main-content .hwm-billboard {
  margin-bottom: 76px;
}

.wysanti-main-content .hwm-poster {
  height: 350px;
}

.wysanti-related-resource {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wrr-first {
  width: 60%;
  float: left;
  padding-right: 10px;
}

.wrr-second {
  width: 40%;
  float: right;
  padding-left: 10px;
}

.tickets-button {
  font-size: 0.95em;
  font-weight: bold;
  background: #e6192b;
  color: #ffffff;
  padding: 1em 1.45em;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  margin-top: 20px;
}

.virtual-tour-link {
  background: #cccccc;
  text-align: center;
  padding: 120px 20px;
  margin-bottom: 1%;
}

.hwm-box-section {
  clear: both;
  padding: 60px 0 0;
}

.hwm-box-section:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-box-section#shop {
  padding-bottom: 0;
}

.hwm-box-section:first-of-type {
  background: #fff;
  position: relative;
  z-index: 600;
}

.hwm-box-section h2 {
  text-align: center;
  text-transform: capitalize;
}

.chh-section-donors {
  text-align: center;
  padding: 3.75em 0 5em;
}

.chh-section-donors ul {
  text-align: left;
  margin-top: 1.5625em;
}

.cardassia-content-section {
  text-align: center;
}

.cardassia-content-section .heading {
  text-transform: none;
}

.cardassia-content-section > .inner {
  margin: 0 auto;
  max-width: 64em;
}

#shop.chh {
  color: #fff;
  background: #4a4a4a;
  padding: 3.75em 0 6.25em;
}

#shop.chh:after {
  clear: both;
  content: "";
  display: block;
}

#shop.chh img {
  display: block;
  margin-bottom: 30px;
}

#shop.chh .inner {
  max-width: 25em;
  margin: 0 auto;
}

#shop.chh .hwm-box-button {
  margin-top: 0;
  padding: 15px 20px;
}

#shop.chh .heading {
  text-transform: none;
}

/**
#secondary-footer {display:none;}
.hwm-subscribe-bar {display:none;}
#main-footer {display:none;}
**/
@media (max-width: 1024px), (max-height: 650px) {
  .wysanti-header {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .wysanti-header {
    height: auto;
  }
  .wysanti-header-main {
    width: 100%;
    height: auto;
    clear: both;
  }
  .wysanti-header-title {
    font-size: 21px;
    line-height: 1.1;
  }
  .wysanti-header-main .inner {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    margin: 0;
    padding: 40px 30px;
    max-width: 90vw;
  }
  .wysanti-header-aside {
    width: 100%;
    height: 200px;
    clear: both;
  }
  .wysanti-about-second {
    padding: 5em 0 5.625em;
    background-attachment: scroll;
  }
  .wysanti-about-second .hwm-box-button {
    font-size: 12px;
  }
  .chh-section-donors {
    padding: 30px 30px 50px;
    font-size: 14px;
  }
  .chh-section-donors ul {
    margin-top: 15px;
  }
  .wysanti-column {
    width: 100%;
    padding: 0 !important;
  }
  #shop.chh {
    padding: 30px 30px 50px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .wysanti-about-second .hwm-box-button br {
    display: inline-block;
  }
}

body.is-dev {
  border-top: 100px solid yellow;
}

/*
@media screen and (max-width:900px) {
}
*/
@media screen and (max-width: 1680px) {
  /*
	!! The parent subclass selector inclusion is important; 
	it gives the selector specificity higher precedence than 
	the variant / derivate class (e.g. vh-center).
	*/
  .card-hor-hero.hwm-card .card-title {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1440px) {
  body.is-dev {
    border-top: 100px solid orange;
  }
  .card-ver-hero .card-image {
    height: 45%;
  }
  .grid-row-hero {
    height: 31.25em;
  }
  .facility-rental-section .child-section-header {
    width: 100%;
    max-width: 70%;
  }
  .facility-rental-section .child-section-main {
    width: calc(100% + 20px);
    margin-left: -20px;
  }
}

@media screen and (max-width: 1366px) {
  body.is-dev {
    border-top: 100px solid red;
  }
  .hwm-table.admission-fees {
    font-size: 1rem;
  }
  .hwm-content-filter .hwm-button-text {
    font-size: 1.02489vw;
  }
  .mu-status__button .text br {
    display: inline;
  }
}

@media screen and (max-width: 1280px) {
  body.is-dev {
    background: MediumSpringGreen;
  }
  .isotope-item .hwm-social-card {
    padding: 20px;
  }
  .musad-text {
    font-size: 0.875rem;
  }
  .isotope-item {
    height: 360px;
  }
  .isotope-item .hwm-poster {
    height: 100%;
  }
  .isotope-item .hwm-poster h6 {
    margin-bottom: 7px;
  }
  .isotope-item .hwm-poster.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .isotope-item .hwm-poster .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-poster .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .isotope-item .hwm-poster .hwm-poster-date, .isotope-item .hwm-poster .hwm-poster-subtitle, .isotope-item .hwm-poster .hwm-poster-showtimes, .isotope-item .hwm-poster .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-poster .hwm-poster-text {
    line-height: 1.25;
  }
  .isotope-item .hwm-poster .hwm-button-poster {
    display: none;
  }
  .isotope-item .hwm-poster sup {
    top: -0.5em;
    font-size: 55%;
  }
  .isotope-item .hwm-social-card {
    height: 100%;
    width: 100%;
    background: #55acee;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    text-decoration: none;
    padding: 20px;
  }
  .isotope-item .hwm-social-card p {
    line-height: 1.5;
  }
  .isotope-item .hwm-social-card p, .isotope-item .hwm-social-card * {
    color: #fff;
  }
  .isotope-item .hwm-social-card small {
    margin-bottom: 0;
  }
  .isotope-item .hwm-social-card a {
    text-transform: uppercase;
    font-weight: bold;
  }
  .isotope-item .hwm-social-card .icon {
    fill: #fff;
  }
  .isotope-item .hwm-social-card .social-card-date {
    text-transform: uppercase;
  }
  .isotope-item .hwm-social-card .social-card-wrapper {
    position: relative;
  }
  .isotope-item .hwm-social-card.auto-height {
    height: auto;
  }
  .isotope-item .hwm-social-card.auto-height .social-card-wrapper {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .isotope-item .hwm-social-card.twitter .icon {
    width: 49px;
    height: 40px;
  }
  .isotope-item .hwm-social-card .social-card-wrapper {
    padding-left: 44px;
  }
  .isotope-item .hwm-social-card p {
    font-size: 11px;
    margin-bottom: 10px;
  }
  .isotope-item .hwm-social-card .social-card-date {
    font-size: 10px;
  }
  .isotope-item .hwm-social-card.twitter .icon {
    width: 24px;
    height: 20px;
  }
  .card-hor-hero .primary-content {
    padding: 15px;
  }
  .hwm-tabs-content {
    font-size: 14px;
  }
  #hwm-hero {
    height: auto;
  }
  #cta-els .mus-address dt, #cta-els .mus-address dd {
    font-size: 0.75rem;
  }
  .home .card-hor .primary-content {
    padding: 10px;
  }
  .home .card-hor .card-title, .home .card-hor .card-price {
    font-size: 11px;
  }
  .home .card-hor .hwm-button.small {
    padding: 7px;
  }
  .home .card-hor .hwm-button.small .hwm-button-text {
    font-weight: normal;
    font-size: 10px;
  }
}

@media screen and (max-width: 1152px) {
  body.is-dev {
    border-top: 100px solid green;
  }
  .grid-row-hero .hwm-poster {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 400px;
    position: relative;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    background-color: #4a4a4a;
    -webkit-transition: background-color 250ms ease;
    -moz-transition: background-color 250ms ease;
    -ms-transition: background-color 250ms ease;
    -o-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    height: 100%;
  }
  .grid-row-hero .hwm-poster sup {
    margin: 0;
    color: #fff;
    top: -0.8em;
    font-size: 50%;
  }
  .grid-row-hero .hwm-poster img {
    display: none;
  }
  .grid-row-hero .hwm-poster .mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 1152px) and (max-width: 900px) {
  .grid-row-hero .hwm-poster .mask {
    /*opacity: 0.5;*/
    display: none;
  }
}

@media screen and (max-width: 1152px) {
  .grid-row-hero .hwm-poster .gif-mask {
    -webkit-transition: background 250ms ease-out, opacity 1s 1s;
    -moz-transition: background 250ms ease-out, opacity 1s 1s;
    -ms-transition: background 250ms ease-out, opacity 1s 1s;
    -o-transition: background 250ms ease-out, opacity 1s 1s;
    transition: background 250ms ease-out, opacity 1s 1s;
  }
  .grid-row-hero .hwm-poster .hwm-social {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
  }
  .grid-row-hero .hwm-poster .hwm-button-text {
    color: #fff;
  }
  .grid-row-hero .hwm-poster .hwm-button:hover {
    border-color: #4a4a4a;
    background: #4a4a4a;
  }
  .grid-row-hero .hwm-poster .animated-gif {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    background-size: cover;
    background-position: top right;
  }
  .grid-row-hero .hwm-poster .animated-gif.imax-butterflies {
    background-image: url("../_images/imax-butterfly.gif");
  }
  .grid-row-hero .hwm-poster .animated-gif.imax-lemurs {
    background-image: url("../_images/island-of-lemurs.gif");
  }
  .grid-row-hero .hwm-poster.animated-gif {
    background-position: top left;
  }
  .grid-row-hero .hwm-poster.animated-gif .mask {
    -webkit-transition: background 1s 250ms ease-out;
    -moz-transition: background 1s 250ms ease-out;
    -ms-transition: background 1s 250ms ease-out;
    -o-transition: background 1s 250ms ease-out;
    transition: background 1s 250ms ease-out;
  }
  .grid-row-hero .hwm-poster.animated-gif .animated-gif {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
  }
  .grid-row-hero .hwm-poster.animated-gif:hover .animated-gif {
    -webkit-transition: all 500ms 250ms ease-out;
    -moz-transition: all 500ms 250ms ease-out;
    -ms-transition: all 500ms 250ms ease-out;
    -o-transition: all 500ms 250ms ease-out;
    transition: all 500ms 250ms ease-out;
    opacity: 1;
  }
  .grid-row-hero .hwm-poster.animated-gif:hover .mask {
    -webkit-transition: background 250ms ease-out;
    -moz-transition: background 250ms ease-out;
    -ms-transition: background 250ms ease-out;
    -o-transition: background 250ms ease-out;
    transition: background 250ms ease-out;
    background: #000;
  }
  .grid-row-hero .hwm-poster.video .mask {
    background: rgba(0, 0, 0, 0.6);
  }
  .grid-row-hero .hwm-poster.video:hover .mask {
    background: rgba(0, 0, 0, 0.75);
  }
  .grid-row-hero .hwm-poster.video .icon.play {
    width: 96px;
    height: 72px;
    margin-bottom: 30px;
  }
  .grid-row-hero .hwm-poster.video .hwm-poster-title {
    max-width: 80%;
    margin: 0 auto;
  }
  .grid-row-hero .hwm-poster.video .hwm-poster-content {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: 0;
    text-align: center;
    padding: 0;
  }
  .grid-row-hero .hwm-poster.small {
    height: 100%;
  }
  .grid-row-hero .hwm-poster.small h6 {
    margin-bottom: 7px;
  }
  .grid-row-hero .hwm-poster.small.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-date, .grid-row-hero .hwm-poster.small .hwm-poster-subtitle, .grid-row-hero .hwm-poster.small .hwm-poster-showtimes, .grid-row-hero .hwm-poster.small .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-text {
    line-height: 1.25;
  }
  .grid-row-hero .hwm-poster.small .hwm-button-poster {
    display: none;
  }
  .grid-row-hero .hwm-poster.small sup {
    top: -0.5em;
    font-size: 55%;
  }
  .grid-row-hero .hwm-poster.large .hwm-poster-title {
    font-size: 48px;
  }
  .grid-row-hero .hwm-poster.is-card-deck {
    height: 200px;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-poster-title {
    font-size: 1rem;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social {
    padding: 15px;
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    -ms-transition: background 250ms ease;
    -o-transition: background 250ms ease;
    transition: background 250ms ease;
    z-index: 10;
    padding: 10px;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social .icon {
    font-size: 0;
    width: 14px;
    height: 14px;
    display: block;
    margin: 0 auto 8px auto;
    -webkit-transition: fill 250ms ease;
    -moz-transition: fill 250ms ease;
    -ms-transition: fill 250ms ease;
    -o-transition: fill 250ms ease;
    transition: fill 250ms ease;
    fill: #4a4a4a;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social .text-val {
    display: block;
    font-size: 12px;
    -webkit-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -ms-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social:hover .text-val {
    color: #8a8d8a;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social.light-clrs .text-val {
    color: #fff;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social.light-clrs .icon {
    fill: #fff;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social.light-clrs:hover {
    background: rgba(74, 74, 74, 0.5);
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.is-card-deck .hwm-social .text-val {
    font-size: 10px;
  }
  .grid-row-hero .hwm-poster.auto-height {
    height: auto;
  }
  .grid-row-hero .hwm-poster.auto-height .hwm-poster-wrapper {
    height: auto;
  }
  .grid-row-hero .hwm-poster.auto-height .hwm-poster-content {
    position: relative;
  }
  .grid-row-hero .hwm-poster.social .mask {
    display: none;
  }
  .grid-row-hero .hwm-poster.social .hwm-poster-content {
    background: 0;
  }
  .grid-row-hero .hwm-poster.social .hwm-poster-text {
    line-height: 1.25;
  }
  .grid-row-hero .hwm-poster.social.social-facebook {
    background: #3b5998;
  }
  .grid-row-hero .hwm-poster.social.social-twitter {
    background: #55acee;
  }
  .grid-row-hero .hwm-poster h6 {
    margin-bottom: 7px;
  }
  .grid-row-hero .hwm-poster.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .grid-row-hero .hwm-poster .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .grid-row-hero .hwm-poster .hwm-poster-date, .grid-row-hero .hwm-poster .hwm-poster-subtitle, .grid-row-hero .hwm-poster .hwm-poster-showtimes, .grid-row-hero .hwm-poster .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster .hwm-poster-text {
    line-height: 1.25;
  }
  .grid-row-hero .hwm-poster .hwm-button-poster {
    display: none;
  }
  .grid-row-hero .hwm-poster sup {
    top: -0.5em;
    font-size: 55%;
  }
  .main-cta-button .icon {
    width: 7px;
    height: 12px;
    margin-top: -6px;
  }
  .main-cta-button .hwm-button-text {
    font-size: 1rem;
  }
  .mu-status {
    font-size: 12px;
  }
  .card-ver-hero .primary-content {
    padding: 20px;
  }
  .card-ver-hero .card-title {
    font-size: 1rem;
  }
  .card-ver-hero .card-text {
    font-size: 12px;
  }
  .card-ver-hero .card-image {
    height: 40%;
  }
  .card-ver-hero.hor-center .card-text {
    margin: 10px auto;
  }
  #main-content.event iframe {
    height: 360px;
  }
  .mus-cur-status, .mus-cur-hrs {
    font-size: 1rem;
  }
  .grid-row-hero {
    height: auto;
    padding-left: 10px;
    padding-top: 10px;
  }
  .grid-row-hero .grid-col {
    height: 21.25em;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .grid-row-hero .child-row:first-child {
    padding-bottom: 5px;
  }
  .grid-row-hero .child-row:last-child {
    padding-top: 5px;
  }
  #resources.learn .card-image {
    height: 150px;
  }
}

@media screen and (max-width: 1024px) {
  body.is-dev {
    border-top: 100px solid cyan;
  }
  .isotope-item {
    height: 300px;
  }
  .isotope-wrapper.layout-fixed .isotope-item.squash {
    height: 150px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster {
    height: 100%;
  }
  .isotope-wrapper.layout-fixed .hwm-poster h6 {
    margin-bottom: 7px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-date, .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-subtitle, .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-showtimes, .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-text {
    line-height: 1.25;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-button-poster {
    display: none;
  }
  .isotope-wrapper.layout-fixed .hwm-poster sup {
    top: -0.5em;
    font-size: 55%;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-content {
    padding: 60px 60px 15px 15px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-label {
    font-size: 10px;
    padding: 8px 10px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .label-hero {
    padding: 0;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-title {
    font-size: 1rem;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-social .text-val {
    font-size: 10px;
  }
  .isotope-item .hwm-social {
    padding: 15px;
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    -ms-transition: background 250ms ease;
    -o-transition: background 250ms ease;
    transition: background 250ms ease;
    z-index: 10;
    padding: 10px;
  }
  .isotope-item .hwm-social .icon {
    font-size: 0;
    width: 14px;
    height: 14px;
    display: block;
    margin: 0 auto 8px auto;
    -webkit-transition: fill 250ms ease;
    -moz-transition: fill 250ms ease;
    -ms-transition: fill 250ms ease;
    -o-transition: fill 250ms ease;
    transition: fill 250ms ease;
    fill: #4a4a4a;
  }
  .isotope-item .hwm-social .text-val {
    display: block;
    font-size: 12px;
    -webkit-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -ms-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
  }
  .isotope-item .hwm-social:hover .text-val {
    color: #8a8d8a;
  }
  .isotope-item .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .isotope-item .hwm-social.light-clrs .text-val {
    color: #fff;
  }
  .isotope-item .hwm-social.light-clrs .icon {
    fill: #fff;
  }
  .isotope-item .hwm-social.light-clrs:hover {
    background: rgba(74, 74, 74, 0.5);
  }
  .isotope-item .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-social .text-val {
    font-size: 10px;
  }
  .hwm-poster.social .hwm-poster-text {
    font-size: 0.875rem;
  }
  .hwm-counter-count {
    font-size: 3rem;
  }
  .hwm-counter-text {
    font-size: 1rem;
  }
  .membership-box {
    height: 320px;
  }
  #research-team.learn .hwm-column {
    width: 100%;
    padding-right: 0;
  }
  .main-content-title {
    font-size: 1.5rem;
  }
  .counterpart-link {
    font-size: 1rem;
    padding-right: 27px;
  }
  .counterpart-link .icon {
    width: 7px;
    height: 12px;
    margin-top: -6px;
  }
  #hero-fallback, #hero-fallback.tall {
    height: 260px;
  }
  #hwm-hero.metadata {
    min-height: 400px;
  }
  .metadata-list .date span {
    font-size: 1rem;
  }
  .metadata-list-hero li, .metadata-list-hero li * {
    font-size: 0.875rem;
  }
  .card-hor-hero .primary-content {
    padding: 10px;
  }
  #hero-fallback .main-content-title {
    left: 20px;
    bottom: 20px;
  }
  #cta-els .mus-address dl {
    padding: 20px;
  }
  .hwm-tabs-nav a {
    font-size: 0.75rem;
  }
  .filters-header-title {
    font-size: 24px;
  }
  .gallery-item.js-on b {
    font-size: 1rem;
  }
  .hwm-highlights {
    padding: 60px 0;
  }
  .hwm-highlights-list strong {
    font-size: 1.5rem;
  }
  .hwm-highlights-list span {
    font-size: 0.875rem;
  }
  .grid-row-hero .hwm-poster.small {
    height: 100%;
  }
  .grid-row-hero .hwm-poster.small h6 {
    margin-bottom: 7px;
  }
  .grid-row-hero .hwm-poster.small.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-date, .grid-row-hero .hwm-poster.small .hwm-poster-subtitle, .grid-row-hero .hwm-poster.small .hwm-poster-showtimes, .grid-row-hero .hwm-poster.small .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-text {
    line-height: 1.25;
  }
  .grid-row-hero .hwm-poster.small .hwm-button-poster {
    display: none;
  }
  .grid-row-hero .hwm-poster.small sup {
    top: -0.5em;
    font-size: 55%;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-content {
    padding: 60px 60px 15px 15px;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-label {
    font-size: 10px;
    padding: 8px 10px;
  }
  .grid-row-hero .hwm-poster.small .label-hero {
    padding: 0;
  }
  .grid-row-hero .hwm-poster.small .hwm-poster-title {
    font-size: 1rem;
  }
  .grid-row-hero .hwm-poster.small .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .grid-row-hero .hwm-poster.small .hwm-social .text-val {
    font-size: 10px;
  }
  #resources.learn .hwm-column {
    width: 50%;
  }
}

@media screen and (max-width: 900px) {
  body.is-dev {
    border-top: 100px solid brown;
  }
  .lpn-aside-menu a {
    font-size: 0.875rem;
  }
  .page-ignore-default-padding .isotope-item:not(.no-events) {
    width: 50% !important;
  }
  .mahome .isotope-item:only-child {
    width: 100% !important;
  }
  .isotope-item.isotope-membership-item.section-break:not(.no-events) {
    width: 100% !important;
  }
  .isotope-wrapper.layout-fixed .isotope-item {
    width: 50%;
  }
  .hwm-button.small {
    padding: 7px;
  }
  .hwm-button.small .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
  .mu-status__button .text br {
    display: none;
  }
  .child-section.background-image .child-section-main {
    width: 100%;
  }
  .child-section.background-image .child-section-aside {
    position: static;
    clear: both;
    width: 100%;
    height: 400px;
  }
  .membership-features .hwm-layout-column {
    width: 100%;
  }
  .membership-features .hwm-layout-column:last-child {
    padding-left: 0;
    margin-top: 40px;
  }
  .hwm-poster-content {
    padding-left: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
  }
  .hwm-poster-title {
    font-size: 1.3125rem;
  }
  .hwm-poster-subtitle, .hwm-poster-date {
    font-size: 1rem;
  }
  .hwm-button.hwm-button-poster {
    padding: 10px;
  }
  .hwm-button.hwm-button-poster .hwm-button-text {
    font-size: 0.75rem;
  }
  .table-ticket-button {
    width: 48px;
    height: 48px;
  }
  .table-ticket-button img {
    width: 16px;
    height: 16px;
  }
  .hwm-table.admission-fees {
    font-size: 0.75rem;
  }
  .hwm-table.admission-fees col:last-child {
    width: 40px;
  }
  .hwm-table.admission-fees caption {
    font-size: 2.25rem;
    margin-bottom: 20px;
  }
  .hwm-table.admission-fees th, .hwm-table.admission-fees td {
    padding: 10px;
  }
  #main-content.event .main-content-aside {
    width: 100%;
    margin-bottom: 40px;
  }
  #main-content.event .post-content-main {
    width: 100%;
    padding: 0;
  }
  .hwm-calnav-day {
    height: 60px;
  }
  .hwm-calnav-week {
    height: 80px;
  }
  .hwm-dow, .hwm-dom {
    font-size: 1rem;
  }
  .hwm-tabs-nav a {
    padding-left: 15px;
  }
  .hwm-calnav-day .icon.calendar {
    width: 18px;
    height: 16px;
    border-top-width: 5px;
    margin-top: -8px;
  }
  .hwm-calnav-day .today {
    font-size: 1rem;
    padding-left: 28px;
  }
  .filters-header {
    margin-bottom: 20px;
  }
  .filters-header form {
    position: relative;
  }
  .filters-header label {
    display: none;
  }
  .filters-header input[type="text"] {
    height: 60px;
    float: left;
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .filters-header .form-button-wrapper {
    width: 52.5px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .filters-header .form-button-wrapper:hover .icon {
    fill: #e5e5e5;
  }
  .filters-header button {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
  }
  .filters-header .icon {
    -webkit-transition: fill 250ms ease;
    -moz-transition: fill 250ms ease;
    -ms-transition: fill 250ms ease;
    -o-transition: fill 250ms ease;
    transition: fill 250ms ease;
    position: absolute;
    display: block;
    fill: #8a8d8a;
    width: 12.5px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6.5px;
    margin-left: -6.25px;
  }
  .filters-header .form-button-wrapper {
    height: 40px;
    width: 32.5px;
  }
  .filters-header input[type="text"] {
    height: 60px;
    float: left;
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 40px;
    font-size: 0.75rem;
    padding: 0 10px;
  }
  .hwm-content-filter {
    display: block;
  }
  .hwm-content-filter .hwm-button {
    margin-top: -1px;
    width: 50%;
    float: left;
    padding: 10px;
    display: block;
  }
  .hwm-content-filter .hwm-button-text {
    font-size: 0.75rem;
  }
  .gallery-caption {
    font-size: 0.625rem;
    font-weight: normal;
    padding: 5px;
  }
  .grid-row-hero .grid-col {
    height: 240px;
  }
  .grid-row-hero.model-111 .grid-col {
    width: 100%;
    height: auto;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .card-image {
    height: 200px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-hero {
    height: 240px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card {
    height: auto !important;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card header {
    margin: 0;
    max-width: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .img-wrapper {
    background: 0 !important;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-image {
    height: auto;
    background: #000;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card img {
    display: block;
    height: 50px;
    width: 50px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-card-wrapper > img, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-image {
    float: left;
    margin-right: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card li, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card dd {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-label, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card header, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card li, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-text, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-price, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-subtitle, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .card-price {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 900px) and (max-width: 360px) {
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] img {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-title, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-price, .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-text {
    text-align: center;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-card[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 900px) {
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card {
    height: auto !important;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card header {
    margin: 0;
    max-width: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .img-wrapper {
    background: 0 !important;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-image {
    height: auto;
    background: #000;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card img {
    display: block;
    height: 50px;
    width: 50px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-card-wrapper > img, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-image {
    float: left;
    margin-right: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card li, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card dd {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-label, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card header, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card li, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-text, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-price, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-subtitle, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .card-price {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 900px) and (max-width: 360px) {
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] img {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-title, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-price, .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-text {
    text-align: center;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-card[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 900px) {
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-112 .grid-col {
    width: 100%;
    height: auto;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(1) .hwm-poster-hero {
    height: 240px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(1) .card-image {
    height: 200px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card {
    height: auto !important;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card header {
    margin: 0;
    max-width: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .img-wrapper {
    background: 0 !important;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-image {
    height: auto;
    background: #000;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card img {
    display: block;
    height: 50px;
    width: 50px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-card-wrapper > img, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-image {
    float: left;
    margin-right: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card li, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card dd {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-label, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card header, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card li, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-text, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-price, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-subtitle, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .card-price {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 900px) and (max-width: 360px) {
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] img {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-title, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-price, .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .card-text {
    text-align: center;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) .hwm-card[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 900px) {
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card {
    height: auto !important;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card header {
    margin: 0;
    max-width: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .img-wrapper {
    background: 0 !important;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-image {
    height: auto;
    background: #000;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card img {
    display: block;
    height: 50px;
    width: 50px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-card-wrapper > img, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-image {
    float: left;
    margin-right: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card li, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card dd {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-label, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card header, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card li, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-text, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-price, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-title, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-subtitle, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .card-price {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 900px) and (max-width: 360px) {
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] img {
    display: none;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-title, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-price, .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .card-text {
    text-align: center;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(3) .hwm-card[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 900px) {
  .grid-row-hero.model-42 .grid-col {
    width: 100% !important;
  }
  .grid-row-hero.model-42 .grid-col:last-child {
    width: 100%;
    height: auto;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card {
    height: auto !important;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card header {
    margin: 0;
    max-width: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .img-wrapper {
    background: 0 !important;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-image {
    height: auto;
    background: #000;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card img {
    display: block;
    height: 50px;
    width: 50px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-card-wrapper > img, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-image {
    float: left;
    margin-right: 10px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card li, .grid-row-hero.model-42 .grid-col:last-child .hwm-card dd {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-title, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-label, .grid-row-hero.model-42 .grid-col:last-child .hwm-card header, .grid-row-hero.model-42 .grid-col:last-child .hwm-card li, .grid-row-hero.model-42 .grid-col:last-child .hwm-card dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-title, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-text, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-price, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-title, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-subtitle, .grid-row-hero.model-42 .grid-col:last-child .hwm-card .card-price {
    font-size: 0.75rem;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 900px) and (max-width: 360px) {
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] img {
    display: none;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .card-title, .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .card-price, .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .card-text {
    text-align: center;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  .grid-row-hero.model-42 .grid-col:last-child .hwm-card[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 900px) {
  .grid-row-hero.model-41 .grid-col {
    width: 50% !important;
  }
  .grid-row-hero.model-14 .grid-col {
    width: 50% !important;
  }
  .hwm-hero-image {
    width: 100%;
    height: 300px;
    position: relative;
  }
  .hwm-hero-main {
    width: 100%;
    height: auto;
    position: static;
    clear: both;
    padding: 0;
  }
  .hwm-hero-main .buy-tickets {
    position: static;
  }
  .hwm-hero-main ul, .hwm-hero-main p {
    padding: 20px;
  }
  #cta-els .icon-pos-top .icon {
    width: 36px;
    height: 36px;
  }
  #cta-els .icon-pos-top .hwm-button-text {
    font-size: 0.75rem;
  }
  #cta-els .glyph.dollar-char {
    width: 8px;
    height: 14px;
    margin: -7px 0 0 -4px;
  }
  #cta-els .glyph.silhouette {
    width: 9px;
    height: 14px;
    margin: -7px 0 0 -4.5px;
  }
  #cta-els .glyph.ticket {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
  }
  #cta-els #mus-directions-btn {
    position: static;
    padding: 20px;
  }
  #cta-els #mus-map-btn {
    padding: 20px;
  }
  #cta-els .main-cta-button {
    padding: 20px;
    height: auto;
    border-top: 0;
  }
  #cta-els .main-cta-button .button-body {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #cta-els .main-cta-button .hwm-button-text {
    font-family: Arial;
    font-size: 0.75rem;
  }
  #cta-els .mus-status-metadata {
    padding: 20px;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #cta-els .icon.arrow-solid-right {
    width: 5px;
    height: 12px;
    margin-left: 10px;
  }
  #cta-els.model-1 {
    float: left;
    width: 100%;
    height: auto;
  }
  #cta-els.model-1 div[class*="width-per"] {
    width: 100%;
    height: auto;
  }
  #cta-els.model-1 > div:nth-child(2) {
    margin-top: -1px;
  }
  #cta-els.model-1 div[class*="per-50"] {
    height: 100px;
  }
  #cta-els.model-2 {
    width: 100%;
    height: auto;
  }
  #cta-els.model-2 div[class*="width-per"] {
    width: 100%;
    height: auto;
  }
  #cta-els.model-2 .ver-align-center {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #cta-els.model-2 .mus-address {
    border: 0;
  }
  #cta-els.model-2 .mus-address .hwm-button {
    position: static;
  }
  #cta-els.model-2 .mus-cur-status, #cta-els.model-2 .mus-cur-hrs {
    font-size: 0.75rem;
    font-family: Arial;
  }
  #cta-els.model-2 .mus-status {
    border-bottom: 0;
  }
  #cta-els.model-2 > div:nth-child(1) {
    display: none;
  }
  #main-content.facility-rentals .hwm-card {
    min-height: 260px;
  }
  #main-content.service-de-location-de-salles .hwm-card {
    min-height: 260px;
  }
}

@media screen and (max-width: 768px) {
  body.is-dev {
    border-top: 100px solid fuchsia;
  }
  h1, .h1 {
    font-size: 1.5rem;
  }
  h2, .h2 {
    font-size: 1.3125rem;
  }
  h3, .h3, h4, .h4 {
    font-size: 1rem;
  }
  h1, h2, h3, h4, h5, h6, p, ul, ol, dl, small {
    margin-bottom: 20px;
  }
  .hwm-popup-header {
    height: 200px;
  }
  .facility-rental-section .hwm-layout-column {
    width: 50%;
  }
  .facility-rental-section .hwm-layout-column:last-child {
    padding-bottom: 0;
  }
  .facility-rental-section .child-section-header {
    max-width: none;
    padding: 0;
  }
  .isotope-item.no-events {
    margin-bottom: 10px;
  }
  .isotope-item.isotope-membership-item:not(.no-events) {
    width: 100% !important;
    height: auto;
  }
  .isotope-wrapper + .hwm-loader {
    margin-bottom: 20px;
  }
  .eoc-buttons {
    margin-top: 0;
  }
  .hwm-popup-list * {
    font-size: 14px;
  }
  .membership-box:after {
    clear: both;
    content: "";
    display: block;
  }
  .membership-box .membership-box-content.secondary strong, .membership-box .membership-box-content.slogan h5 {
    font-size: 1rem;
  }
  .membership-box .membership-box-content.slogan p {
    font-size: 0.75rem;
  }
  .membership-features .hwm-layout-column:last-child {
    margin-top: 20px;
  }
  .membership-features .box {
    padding: 20px;
  }
  .card-calendar .card-title {
    font-size: 14px;
  }
  .card-calendar .primary-content {
    padding: 10px;
  }
  .hwm-card-deck-item {
    width: 50%;
  }
  #tabs {
    top: 1px;
  }
  #main-content-header {
    padding: 20px;
  }
  #main-content-header.border-bottom .content-wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #sponsors-donors {
    margin-top: 20px;
  }
  .section-title {
    padding-bottom: 10px;
  }
  .sponsors-donors-list {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .sponsors-donors-list .list-group {
    width: 100%;
    margin-bottom: 20px;
  }
  .sponsors-donors-list .list-group:last-child {
    margin: 0;
  }
  #special-sponsors-donors-list {
    padding: 20px;
  }
  #special-sponsors-donors-list .list-group {
    width: 100%;
    margin-bottom: 20px;
  }
  #special-sponsors-donors-list .list-group:last-child {
    margin: 0;
  }
  .sponsors-donors-header {
    padding: 0 20px;
  }
  .main-content-header-principal {
    width: 100%;
    padding: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
  }
  .main-content-aside {
    width: 100%;
    clear: both;
  }
  .child-section.background-image .child-section-main {
    padding: 20px;
  }
  .hwm-contact-aside-item dt, .hwm-contact-aside-item dd {
    margin-bottom: 2px;
  }
  .hwm-contact-aside {
    width: 100%;
    padding: 20px;
  }
  .hwm-contact-aside:after {
    display: none;
  }
  .hwm-contact-main {
    width: 100%;
    padding: 20px;
  }
  #contact .hwm-button {
    padding: 10px;
  }
  #contact .hwm-button-text {
    font-size: 0.75rem;
    font-family: Arial;
  }
  .eoc-buttons {
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .hwm-card-deck-item:last-child {
    display: none;
  }
  .hwm-table.admission-fees {
    font-size: 0.6875rem;
  }
  .hwm-table.admission-fees caption {
    font-size: 1rem;
  }
  .hwm-table.admission-fees .hwm-button-text {
    font-size: 0.5rem;
  }
  .hwm-tabs-nav {
    width: 100%;
  }
  .hwm-tabs-nav a {
    padding: 10px;
    padding-right: 48px;
  }
  .hwm-tabs-nav .hwm-loader {
    right: 15px;
  }
  .hwm-billboard {
    padding: 50px;
    height: auto;
  }
  .hwm-billboard .icon {
    width: 48px;
    height: 36px;
  }
  .hwm-billboard-wrapper {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
  }
  .hwm-billboard-title {
    font-size: 1.3125rem;
  }
  .hwm-billboard-credit {
    margin: 0;
  }
  .hwm-billboard.abreast .hwm-billboard-title {
    font-size: 1.3125rem;
  }
  .hwm-billboard.abreast .hwm-billboard-title, .hwm-billboard.abreast .main {
    width: 100%;
  }
  .hwm-billboard.abreast .hwm-billboard-title, .hwm-billboard.abreast .hwm-billboard-text {
    text-align: center;
  }
  .hwm-billboard.abreast .hwm-billboard-title br {
    display: none;
  }
  .hwm-billboard.abreast .hwm-button {
    margin: 0 auto;
  }
  .hwm-billboard.abreast .main {
    padding: 0;
  }
  .hwm-tabs-content {
    padding: 20px 0 0;
    border: 0;
    width: 100%;
  }
  .hwm-breadcrumbs {
    margin-bottom: 10px;
  }
  #content-header .main-content-title {
    margin-bottom: 10px;
  }
  #research-team.learn .hwm-column {
    padding-bottom: 20px;
  }
  .l-margin-top {
    margin-top: 20px;
  }
  .l-margin-right {
    margin-right: 20px;
  }
  .l-margin-bottom {
    margin-bottom: 20px;
  }
  .l-margin-left {
    margin-left: 20px;
  }
  .l-padding-top {
    padding-top: 20px;
  }
  .l-padding-right {
    padding-right: 20px;
  }
  .l-padding-bottom {
    padding-bottom: 20px;
  }
  .l-padding-left {
    padding-left: 20px;
  }
  .hwm-gallery {
    margin-bottom: 10px;
  }
  .hwm-gallery.layout-padding {
    padding: 0 20px;
  }
  .hwm-calendar-header {
    margin-bottom: 20px;
  }
  .hwm-content-filter {
    margin: 20px 0;
  }
  .home .hwm-content-filter {
    margin-top: 20px;
  }
  .membership-features {
    padding: 0 20px;
  }
  .hwm-card-deck {
    padding: 0 20px;
  }
  .hwm-container {
    padding: 0 20px;
  }
  .isotope-items {
    margin-bottom: 0;
  }
  #main-content.event {
    padding: 20px;
  }
  #main-content.event .main-content-aside {
    margin-bottom: 20px;
  }
  .isotope-wrapper {
    padding-left: 20px;
    padding-right: 0;
  }
  #content-header {
    padding: 10px;
    padding-bottom: 0;
  }
  .counterpart-link {
    right: 10px;
  }
  #hwm-calendar-wrapper {
    margin: 20px 0 15px 0;
  }
  .eoc-calendar-buttons {
    padding: 0 20px;
  }
  #admission-fees {
    padding: 20px;
  }
  .hwm-billboard {
    padding: 20px;
    margin-bottom: 20px;
  }
  #hwm-tabs {
    padding: 20px;
    padding-top: 0;
  }
  #hwm-tabs.padding-all {
    padding: 20px;
  }
  #research-team.learn {
    padding: 0 20px;
  }
  .single-hwm_personnel #main-content,
  .page-template-default #main-content {
    padding-top: 20px;
  }
  .page-ignore-default-padding #main-content.facility-rentals {
    padding-top: 0;
  }
  body:not(.page-ignore-default-padding) #main-content-wrapper {
    padding: 0 20px;
  }
}

@media screen and (max-width: 640px) {
  body.is-dev {
    border-top: 100px solid MediumPurple;
  }
  .hwm-popup-title {
    font-size: 1rem;
  }
  .l-persistent-nav section {
    padding-top: 20px;
  }
  .lpn-aside {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-top: 20px;
  }
  .lpn-main {
    width: 100%;
  }
  .gateway-image-cat .image {
    margin: 0 15px 0 0;
  }
  .gateway-image-cat dd, .gateway-image-cat dt {
    overflow: visible;
  }
  .gateway-image-cat dd {
    line-height: 1.8;
  }
  .gateway-image-cat dt {
    font-size: 0.875rem;
  }
  .lpn-aside-menu {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  .lpn-aside-menu ul {
    margin-bottom: 20px;
  }
  .lpn-aside-menu li {
    margin-bottom: 10px;
  }
  .lpn-aside-menu a {
    font-size: 0.75rem;
  }
  .lpn-aside-menu .hwm-button {
    padding: 10px;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 0;
  }
  .lpn-aside-menu .hwm-button-text {
    font-size: 0.75rem;
  }
  .hwm-table.admission-fees .is-button {
    width: auto;
    border-bottom: 0;
  }
  .table-ticket-button {
    width: auto;
    height: auto;
    padding: 10px;
    text-decoration: none;
  }
  .table-ticket-button .text-val {
    text-indent: 0;
    width: auto;
    height: auto;
    color: #fff;
  }
  .table-ticket-button img {
    display: none;
  }
  .isotope-item.no-events {
    font-size: 0.875rem;
    padding: 15px;
  }
  .isotope-wrapper.layout-fixed {
    width: calc(100% + 10px);
  }
  .hwm-popup-body {
    padding: 20px;
  }
  .hwm-popup-body p {
    font-size: 12px !important;
  }
  .hwm-popup-header {
    padding: 20px;
    padding-right: 0;
    height: auto;
  }
  .hwm-popup-header-image {
    width: 72px !important;
    height: auto;
    margin-right: 20px;
    margin-top: 5px;
  }
  .hwm-popup-header-principal {
    padding: 0;
    margin-right: 48px;
    padding-right: 20px;
  }
  .hwm-popup-list {
    margin-top: 10px;
  }
  .hwm-popup-list li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hwm-popup-close-icon {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    display: block;
    background: #e6192b;
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    -ms-transition: background 250ms ease;
    -o-transition: background 250ms ease;
    transition: background 250ms ease;
    width: 48px;
    height: 48px;
  }
  .hwm-popup-close-icon .text-val {
    display: block;
    text-indent: -999em;
  }
  .hwm-popup-close-icon .glyph {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
  }
  .hwm-popup-close-icon .bar {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    margin-top: -1.5px;
    background: #fff;
  }
  .hwm-popup-close-icon .bar:nth-child(1) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .hwm-popup-close-icon .bar:nth-child(2) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .hwm-popup-close-icon:hover {
    background: #8a8d8a;
  }
  .musad-text {
    font-size: 0.75rem;
  }
  .musad-secondary {
    padding: 0 15px;
  }
  .membership-box .membership-box-image {
    background-position: 90% bottom;
  }
  .membership-box .membership-box-content {
    padding: 15px;
  }
  .membership-box .membership-box-content.slogan h5 {
    margin-bottom: 10px;
  }
  .membership-box .membership-box-content.slogan h5, .membership-box .membership-box-content.slogan p {
    width: 100%;
    text-align: left;
  }
  .isotope-wrapper {
    padding-right: 10px;
    padding-bottom: 10px;
  }
  [class*="span-"]:not(.isotope-item) {
    width: 100%;
    padding: 0;
  }
  .isotope-item {
    height: 260px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .isotope-item.isotope-membership-item {
    height: auto;
  }
  .isotope-item.no-events {
    width: calc(100% - 10px);
  }
  .isotope-item.squash {
    height: 130px !important;
  }
  .isotope-item .hwm-poster {
    height: 100%;
  }
  .isotope-item .hwm-poster h6 {
    margin-bottom: 7px;
  }
  .isotope-item .hwm-poster.video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .isotope-item .hwm-poster .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-poster .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .isotope-item .hwm-poster .hwm-poster-date, .isotope-item .hwm-poster .hwm-poster-subtitle, .isotope-item .hwm-poster .hwm-poster-showtimes, .isotope-item .hwm-poster .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-poster .hwm-poster-text {
    line-height: 1.25;
  }
  .isotope-item .hwm-poster .hwm-button-poster {
    display: none;
  }
  .isotope-item .hwm-poster sup {
    top: -0.5em;
    font-size: 55%;
  }
  .isotope-item .hwm-poster .hwm-poster-content {
    padding: 60px 60px 15px 15px;
  }
  .isotope-item .hwm-poster .hwm-poster-label {
    font-size: 10px;
    padding: 8px 10px;
  }
  .isotope-item .hwm-poster .label-hero {
    padding: 0;
  }
  .isotope-item .hwm-poster .hwm-poster-title {
    font-size: 1rem;
  }
  .isotope-item .hwm-poster .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .isotope-item .hwm-poster .hwm-social .text-val {
    font-size: 10px;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-title {
    font-size: 0.75rem;
  }
  .isotope-items .module-wrapper:first-child {
    padding-bottom: 5px;
  }
  .isotope-items .module-wrapper:last-child {
    padding-top: 5px;
  }
  .isotope-items .module-wrapper:only-child {
    padding: 0;
  }
  .isotope-item .hwm-social-card p {
    font-size: 9px;
  }
  .hwm-counter-text {
    line-height: 1;
  }
  .isotope-item .card-price {
    margin: 5px 0;
  }
  .isotope-item .card-title {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hwm-counter-count {
    margin-bottom: 10px;
    font-size: 2.25rem;
  }
  .card-calendar {
    min-height: 300px;
  }
  .hwm-highlights-list li {
    width: 50%;
  }
  #research-team.learn img {
    max-height: none;
    height: 150px;
  }
  #research-team.learn .card-hor {
    height: auto;
  }
  .card-ver-hero .card-image {
    height: 45%;
  }
  .hwm-card-deck#blog .card-dense {
    min-height: 19.5em;
  }
  .gallery-caption.js-on b {
    font-size: 0.6875rem;
  }
  .hwm-lead {
    max-width: none;
  }
  .hwm-hero-main .buy-tickets {
    padding: 20px;
  }
  .hwm-billboard-text {
    font-size: 0.875rem;
  }
  .hwm-calnav-month {
    height: auto;
  }
  #planYourVisitCalendar {
    width: auto;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .hwm-micro-item {
    height: 90px;
  }
  .hwm-micro-item .micro-item-body {
    padding: 10px;
  }
  .hwm-micro-item * {
    font-size: 12px;
  }
  .eoc-buttons .hwm-button {
    padding: 10px;
  }
  .eoc-buttons .hwm-button-text {
    font-size: 0.75rem;
  }
  .grid-row-hero {
    padding-top: 10px;
    padding-left: 10px;
  }
  .grid-row-hero .grid-col {
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .grid-row-hero .child-row {
    padding: 0 !important;
  }
  .grid-row-hero .child-row:first-child {
    padding-bottom: 10px !important;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(1) {
    width: 100%;
  }
  .grid-row-hero.model-112 .grid-col:nth-child(2) {
    width: 100%;
    height: auto;
  }
  .grid-row-hero.model-41 .grid-col {
    width: 100% !important;
  }
  .grid-row-hero.model-41 .grid-col:last-child {
    height: auto;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-41 .grid-col:last-child .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .grid-row-hero.model-14 .grid-col {
    width: 100% !important;
  }
  .grid-row-hero.model-14 .grid-col:last-child {
    height: auto;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero {
    height: auto;
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .mask {
    display: none;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-social {
    padding: 10px;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-social .icon {
    margin: 0;
    width: 9px;
    height: 9px;
    fill: #4a4a4a;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-social .text-val {
    display: none;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-social:hover {
    background: 0;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-image {
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
    width: auto;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-button-poster {
    background: #4a4a4a;
    border-color: #4a4a4a;
    padding: 7px;
    margin-top: 5px;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-button-poster .hwm-button-text {
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-wrapper {
    overflow: hidden;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-content {
    width: auto;
    padding: 0;
    position: static;
    background: 0;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-title,
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle,
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-date {
    margin: 0 0 3px 0;
    color: #4a4a4a;
    line-height: 1.25;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-date,
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-label,
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-subtitle {
    font-size: 0.625rem;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-title {
    max-width: none;
    font-size: 0.75rem;
  }
  .grid-row-hero.model-14 .grid-col:last-child .hwm-poster-hero .hwm-poster-label {
    position: static;
    display: none;
  }
  .hwm-popup.video .hwm-popup-footer-main {
    max-width: 50%;
  }
}

@media screen and (max-width: 480px) {
  body.is-dev {
    border-top: 100px solid lime;
  }
  .isotope-items .hwm-poster {
    height: auto;
  }
  .isotope-items .hwm-poster-wrapper {
    height: auto;
  }
  .isotope-items .isotope-item:not(.no-events) {
    width: 100% !important;
    height: auto !important;
  }
  .isotope-items .isotope-item .hwm-poster-content {
    position: relative;
    padding-top: 160px;
  }
  .isotope-items .module-wrapper {
    height: auto !important;
  }
  .isotope-items .hwm-counter {
    height: auto;
  }
  .isotope-items .hwm-social-card {
    height: auto;
  }
  .isotope-items .hwm-social-card .social-card-wrapper {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .facility-rental-section {
    padding: 20px;
  }
  .facility-rental-section .hwm-layout-column {
    width: 100%;
  }
  .hwm-mailing-list {
    font-size: 13px;
  }
  .mailing-list-main {
    margin: 0 0 10px 0;
  }
  .mailing-list-button {
    float: none;
    margin: 0 auto;
    clear: both;
    text-align: center;
    font-size: 12px;
  }
  .mailing-list-title, .mailing-list-desc {
    text-align: center;
    font-size: 1em;
  }
  .isotope-wrapper.layout-fixed .hwm-poster .hwm-poster-title {
    font-size: 1rem;
  }
  .section-title {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  #research-team .card-hor {
    height: auto !important;
  }
  #research-team .card-hor header {
    margin: 0;
    max-width: none;
  }
  #research-team .card-hor .hwm-card-wrapper {
    padding: 10px;
    padding-right: 40px;
  }
  #research-team .card-hor .content-envelop {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #research-team .card-hor .primary-content {
    padding: 0;
    position: static;
    height: auto;
    min-height: 0;
  }
  #research-team .card-hor .img-wrapper {
    background: 0 !important;
  }
  #research-team .card-hor .card-image {
    height: auto;
    background: #000;
  }
  #research-team .card-hor .hwm-social {
    padding: 10px;
  }
  #research-team .card-hor .hwm-social .icon {
    width: 9px;
    height: 9px;
    margin: 0;
  }
  #research-team .card-hor .hwm-social .text-val {
    display: none;
  }
  #research-team .card-hor img {
    display: block;
    height: 50px;
    width: 50px;
  }
  #research-team .card-hor .hwm-card-wrapper > img, #research-team .card-hor .card-image {
    float: left;
    margin-right: 10px;
  }
  #research-team .card-hor li, #research-team .card-hor dd {
    font-size: 0.75rem;
  }
  #research-team .card-hor .card-text {
    max-width: none;
    margin: 0 0 5px 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  #research-team .card-hor .card-label {
    position: static;
    color: #4a4a4a;
    background: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: normal;
  }
  #research-team .card-hor .card-title, #research-team .card-hor .card-label, #research-team .card-hor header, #research-team .card-hor li, #research-team .card-hor dd {
    line-height: 1.25;
    margin-bottom: 3px;
  }
  #research-team .card-hor .card-title, #research-team .card-hor .card-text, #research-team .card-hor .card-price, #research-team .card-hor .card-header-metadata {
    margin-bottom: 5px;
    text-align: left;
  }
  #research-team .card-hor .card-title, #research-team .card-hor .card-subtitle, #research-team .card-hor .card-price {
    font-size: 0.75rem;
  }
  #research-team .card-hor .hwm-button {
    display: block;
    float: left;
    padding: 7px;
  }
  #research-team .card-hor .hwm-button-text {
    font-family: Arial;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 480px) and (max-width: 360px) {
  #research-team .card-hor[class*='hero'] img {
    display: none;
  }
  #research-team .card-hor[class*='hero'] .hwm-card-wrapper {
    padding: 10px;
  }
  #research-team .card-hor[class*='hero'] .card-title, #research-team .card-hor[class*='hero'] .card-price, #research-team .card-hor[class*='hero'] .card-text {
    text-align: center;
  }
  #research-team .card-hor[class*='hero'] .primary-content {
    max-width: 250px;
    margin: 0 auto;
  }
  #research-team .card-hor[class*='hero'] .hwm-button {
    float: none;
    margin: 0 auto;
    display: table;
  }
}

@media screen and (max-width: 480px) {
  #research-team .card-hor img {
    height: auto;
  }
  #research-team .card-hor .hwm-card-wrapper {
    padding: 0;
  }
  #main-content.event {
    min-height: 0;
  }
  #main-content.event .main-content-aside .hwm-include {
    display: none;
  }
  .membership-box {
    height: auto;
  }
  .membership-box .membership-box-image {
    width: 100%;
    height: auto;
  }
  .membership-box .membership-box-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .membership-box .membership-box-content {
    width: 100%;
    height: auto;
  }
  .membership-box .membership-box-content.secondary h6, .membership-box .membership-box-content.slogan div {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: none;
  }
  .isotope-item .hwm-social-card p {
    font-size: 11px;
  }
  .musad-text {
    font-size: 0.875rem;
  }
  .musad-secondary {
    padding: 0 20px;
  }
  .isotope-items .musad {
    height: 200px;
  }
  .hwm-counter p {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .hwm-counter-text {
    margin-bottom: 10px;
  }
  .hwm-highlights {
    padding: 20px;
  }
  .hwm-highlights-preposition {
    margin: 35px auto 30px auto;
  }
  .hwm-highlights-list li {
    width: 100%;
  }
  .hwm-hero-main .buy-tickets .hwm-button-text {
    font-size: 0.75rem;
    font-family: Arial;
  }
  .hwm-hero-main .buy-tickets .icon.arrow-solid-right {
    height: 12px;
    margin-left: 10px;
    width: 5px;
  }
  .child-section.background-image .child-section-aside {
    height: 250px;
  }
  .child-section p, .child-section li {
    font-size: 0.875rem;
  }
  .hwm-lead {
    font-size: 1rem !important;
  }
  .hwm-poster .hwm-social {
    padding: 15px;
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    -ms-transition: background 250ms ease;
    -o-transition: background 250ms ease;
    transition: background 250ms ease;
    z-index: 10;
    padding: 10px;
  }
  .hwm-poster .hwm-social .icon {
    font-size: 0;
    width: 14px;
    height: 14px;
    display: block;
    margin: 0 auto 8px auto;
    -webkit-transition: fill 250ms ease;
    -moz-transition: fill 250ms ease;
    -ms-transition: fill 250ms ease;
    -o-transition: fill 250ms ease;
    transition: fill 250ms ease;
    fill: #4a4a4a;
  }
  .hwm-poster .hwm-social .text-val {
    display: block;
    font-size: 12px;
    -webkit-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -ms-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
  }
  .hwm-poster .hwm-social:hover .text-val {
    color: #8a8d8a;
  }
  .hwm-poster .hwm-social:hover .icon {
    fill: #8a8d8a;
  }
  .hwm-poster .hwm-social.light-clrs .text-val {
    color: #fff;
  }
  .hwm-poster .hwm-social.light-clrs .icon {
    fill: #fff;
  }
  .hwm-poster .hwm-social.light-clrs:hover {
    background: rgba(74, 74, 74, 0.5);
  }
  .hwm-poster .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .hwm-poster .hwm-social .text-val {
    font-size: 10px;
  }
  .hwm-card-deck-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .eoc-buttons > div:first-child {
    margin-bottom: 5px;
  }
  .eoc-buttons > div {
    width: 100% !important;
    padding: 0 !important;
  }
  .hwm-accordion-title {
    font-size: 0.875rem;
  }
  #hwm-calendar-wrapper .icon[class*="arrow"] {
    width: 6px;
    height: 10px;
  }
  .hwm-calnav-week .icon[class*="arrow"] {
    margin-left: -3px;
    margin-top: -5px;
  }
  .hwm-calnav-week {
    height: 60px;
  }
  #planYourVisitCalendar table {
    font-size: 0.75rem;
  }
  #planYourVisitCalendar .ui-datepicker-title {
    font-size: 1rem;
  }
  #planYourVisitCalendar .ui-state-default {
    padding: 10px 5px;
  }
  #planYourVisitCalendar .ui-icon {
    border-top-width: 6px;
    border-bottom-width: 6px;
    margin-left: -4px;
  }
  #planYourVisitCalendar .ui-datepicker-prev .ui-icon {
    border-right-width: 8px;
  }
  #planYourVisitCalendar .ui-datepicker-next .ui-icon {
    border-left-width: 8px;
  }
  #planYourVisitCalendar .hwm-calendar-hide-icon .icon {
    width: 16px;
    height: 16px;
  }
  .hwm-dow, .hwm-dom {
    font-size: 0.75rem;
  }
  .main-content-title {
    font-size: 1rem;
  }
  .counterpart-link {
    font-size: 0.75rem;
    padding-right: 14.5px;
  }
  .counterpart-link .icon {
    width: 4.5px;
    height: 8px;
    margin-top: -4px;
  }
  .counterpart-page {
    font-size: 0.75rem;
  }
  .filters-header-title {
    position: static;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 1rem;
  }
  .filters-header form {
    width: 100%;
  }
  .gallery-caption {
    bottom: 3%;
    width: 97%;
  }
  .gallery-item.js-on b {
    font-size: 0.75rem;
  }
  .gallery-item {
    width: 32.6666667%;
  }
  .gallery-item, .gallery-item:nth-of-type(5n) {
    padding-right: 1%;
  }
  .gallery-item:nth-of-type(3n) {
    padding-right: 0;
  }
  .gallery-item:nth-of-type(5n) .gallery-caption {
    width: 97%;
  }
  .gallery-item:nth-of-type(3n) .gallery-caption {
    width: 100%;
  }
  .metadata-list .date {
    margin-bottom: 10px;
  }
  .metadata-list .date span {
    padding-bottom: 10px;
  }
  .hwm-micro-item * {
    font-size: 10px;
  }
  .grid-row-hero {
    padding-top: 5px;
    padding-left: 5px;
  }
  .grid-row-hero .grid-col {
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .grid-row-hero .child-row:first-child {
    padding-bottom: 5px !important;
  }
  .grid-row-hero.model-111 .grid-col {
    width: 100%;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) {
    height: 100%;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) h6 {
    margin-bottom: 7px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1).video .icon {
    width: 48px;
    height: 36px;
    margin-bottom: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-title {
    font-size: 1.3125rem;
    margin-bottom: 5px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-content {
    padding: 60px 80px 20px 20px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-date, .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-subtitle, .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-showtimes, .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-text {
    line-height: 1.25;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-button-poster {
    display: none;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) sup {
    top: -0.5em;
    font-size: 55%;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-content {
    padding: 60px 60px 15px 15px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-label {
    font-size: 10px;
    padding: 8px 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .label-hero {
    padding: 0;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-poster-title {
    font-size: 1rem;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-social .icon {
    width: 10px;
    height: 10px;
    margin-bottom: 5px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(1) .hwm-social .text-val {
    font-size: 10px;
  }
  .grid-row-hero.model-111 .grid-col:nth-child(2) {
    height: auto;
  }
  .home .isotope-items .card-hor {
    height: 150px;
  }
  .hwm-popup.video .hwm-popup-footer-main {
    max-width: none;
    margin-bottom: 20px;
    padding: 0;
  }
  .hwm-popup.video .hwm-button {
    float: none;
    clear: both;
  }
  .hwm-gallery {
    /*
		* normalize / reset base column pseudo 
		* selector styles and define some new 
		* base common styles.
		*/
  }
  .hwm-gallery[class*="mq-columns-"] li {
    width: auto;
    padding-right: 1.5%;
    padding-bottom: 1.5%;
  }
  .hwm-gallery.mq-columns-5 li {
    width: 18.8%;
  }
  .hwm-gallery.mq-columns-5 li:nth-child(5n) {
    padding-right: 0;
  }
  .hwm-gallery.mq-columns-4 li {
    width: 23.875%;
  }
  .hwm-gallery.mq-columns-4 li:nth-child(4n) {
    padding-right: 0;
  }
  .hwm-gallery.mq-columns-3 li {
    width: 32.33333%;
  }
  .hwm-gallery.mq-columns-3 li:nth-child(3n) {
    padding-right: 0;
  }
  .hwm-gallery.mq-columns-2 li {
    width: 49.25%;
  }
  .hwm-gallery.mq-columns-2 li:nth-child(2n) {
    padding-right: 0;
  }
  .hwm-gallery.mq-columns-1 li {
    width: 100%;
    padding-right: 0;
  }
}

@media screen and (max-width: 360px) {
  body.is-dev {
    border-top: 100px solid gold;
  }
  .hwm-breadcrumbs li {
    margin-right: 10px;
  }
  .hwm-breadcrumbs .icon {
    margin-left: 10px;
  }
  .metadata-list-hero li, .metadata-list-hero li * {
    font-size: 0.75rem;
  }
  .hwm-billboard .hwm-button {
    line-height: 1.2;
  }
}

@media screen and (max-width: 250px) {
  body.is-dev {
    border-top: 100px solid pink;
  }
  .counterpart-link {
    display: none;
  }
  #content-header .main-content-title {
    padding-right: 0;
  }
  .hwm-breadcrumbs a {
    font-size: 0.625rem;
  }
  .hwm-breadcrumbs .icon {
    width: 3px;
    height: 7px;
  }
  #cta-els .icon-pos-top .hwm-button-text {
    font-size: 0.625rem;
  }
  .hwm-dow, .hwm-dom {
    font-size: 0.5625rem;
  }
  .hwm-contact-aside ul strong {
    line-height: 1;
  }
}

body.is-dev.home #main-content {
  background: transparent;
}

body.is-dev {
  background: #fff !important;
}

@media screen and (max-width: 1440px) {
  #main-menu {
    padding-left: 60px;
  }
}

@media screen and (max-width: 1440px) {
  #main-menu {
    padding-left: 40px;
  }
  #main-menu li {
    margin-right: 40px;
  }
}

@media screen and (max-width: 1366px) {
  #main-menu li {
    margin-right: 20px;
  }
}

@media screen and (max-width: 1280px) {
  #main-menu {
    padding-left: 20px;
  }
  #main-menu li {
    margin-right: 20px;
  }
  #main-menu a {
    font-size: 14px;
  }
  #main-menu a.icon.magnifying-glass {
    width: 20px;
    height: 21px;
  }
}

@media screen and (max-width: 1152px) {
  #main-header {
    padding-left: 20px;
    height: 80px;
  }
  #main-menu {
    padding-right: 20px;
  }
  #main-menu a {
    font-size: 12px;
  }
  .main-logo img {
    width: 248px;
    height: 36px;
  }
  .hismus #main-menu:before {
    width: 80px;
    height: 80px;
    left: -40px;
  }
  .warmus #main-menu:before {
    border-left-width: 80px;
    border-bottom-width: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .main-logo img {
    width: 200px;
    height: 29px;
  }
  #main-menu a {
    font-size: 11px;
  }
}

@media screen and (max-width: 850px) {
  #main-header {
    float: left;
    width: 100%;
    background: #fff;
    height: auto;
    padding-left: 0;
  }
  #main-header .header {
    float: none;
  }
  #main-menu {
    width: 100%;
  }
  #main-menu ul {
    margin: 0;
    text-align: center;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #main-menu:before {
    display: none !important;
  }
  .main-logo {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: 0;
    float: none;
    display: table;
    margin: 20px auto;
  }
}

@media screen and (max-width: 640px) {
  #main-header {
    border-bottom: 1px solid #e5e5e5;
  }
  #main-header .header {
    height: 60px;
    display: block;
  }
  .main-logo {
    margin: 0 0 0 90px;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .main-logo img {
    margin-top: -5px;
  }
  #main-menu-handle {
    display: block;
  }
  #main-menu {
    padding: 0;
  }
  #main-menu ul {
    display: none;
  }
  #main-menu ul.visible {
    display: block;
  }
  #main-menu li {
    display: block;
    margin: 0;
  }
  #main-menu li:nth-last-child(2) {
    display: none;
  }
  #main-menu li.current-menu-item a {
    background: #f7f7f7;
  }
  #main-menu a {
    padding: 20px;
    display: block;
    font-size: 1rem;
    text-align: left;
    background: #4a4a4a;
    border-bottom: 1px solid #575757;
    -webkit-transition: color 250ms ease, background 250ms ease;
    -moz-transition: color 250ms ease, background 250ms ease;
    -ms-transition: color 250ms ease, background 250ms ease;
    -o-transition: color 250ms ease, background 250ms ease;
    transition: color 250ms ease, background 250ms ease;
  }
  #main-menu a:hover {
    color: #fff;
    background: #3d3d3d;
    border-color: transparent;
  }
}

@media screen and (max-width: 360px) {
  .main-logo img {
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 250px) {
  #main-menu a {
    padding: 15px;
    font-size: 0.875rem;
  }
}

body.is-dev {
  /*
	.membership-features {display:none;}
	#publications {display:none;}
	.hwm-container {display:none;}
	.hwm-billboard {display:none;}
	*/
}

/* Styling for Alert Bar and Alert Popup */
.hide-text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.alert-bar {
  box-sizing: border-box;
  position: relative;
  z-index: 99;
  color: #ffffff;
  background: #e6192b;
  width: 100%;
  padding: 15px;
  display: none;
  margin-bottom: 5px;
}

.no-js .alert-bar {
  position: relative;
}

.alert-bar p {
  max-width: 77%;
}

.alert-bar p:last-of-type {
  margin-bottom: 0;
}

.alert-bar-close {
  position: absolute;
  top: 17px;
  right: 20px;
  height: 20px;
  width: 20px;
  padding: 0;
  overflow: hidden;
  text-transform: none;
}

.alert-bar-close svg {
  position: relative;
  fill: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  /*display: none;*/
}

.alert-bar-close:hover {
  cursor: pointer;
}

.alert-bar-close:focus {
  outline: 3px solid black;
}

@media screen and (min-width: 1280px) {
  .alert-bar {
    box-sizing: border-box;
    position: fixed;
    z-index: 99;
    width: 100%;
    padding: 15px;
    display: none;
  }
  .alert-bar p {
    max-width: 42%;
  }
  .alert-bar-close {
    display: block;
  }
  .no-js .alert-bar-close {
    display: none;
  }
}

.alert-bar .alignnone, .alert-bar .alignleft, .alert-bar .alignright {
  display: none;
}

.alert-popup-overlay {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.75);
  color: rgba(0, 0, 0, 0.75);
  display: none;
  overflow-y: auto;
}

.no-js.alert-popup-overlay {
  display: none;
}

.alert-popup-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 100%;
}

.alert-popup {
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  height: 100%;
  width: 100%;
  padding: 25px 0;
  display: table-cell;
  vertical-align: middle;
}

.alert-popup-inner {
  box-sizing: border-box;
  background: #e6192b;
  position: relative;
  margin: 0 auto;
  max-width: 600px;
  margin: auto;
  padding: 25px;
  width: 100%;
  min-height: 18.75em;
}

.alert-popup-inner h1 {
  line-height: 1;
  font-size: 26px;
  padding-right: 40px;
}

@media screen and (min-width: 1170px) {
  .alert-popup-inner h1 {
    line-height: 1;
    font-size: 36px;
    padding-right: 40px;
  }
}

.alert-popup-inner p:last-child {
  margin-bottom: 0;
}

.alert-popup-close {
  position: absolute;
  top: 25px;
  right: 25px;
  height: 20px;
  width: 20px;
  overflow: hidden;
  padding: 0;
  text-transform: none;
}

.alert-popup-close svg {
  position: relative;
  fill: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-popup-close:hover {
  cursor: pointer;
}

.alert-popup-close:focus {
  outline: 3px solid black;
}

.alert-popup .alignnone, .alert-popup .alignleft, .alert-popup .alignright {
  display: none;
}

.hwm-subscribe-bar {
  display: block;
  background: #fff;
  font-family: Arial;
  background: #e5e5e5;
  text-decoration: none;
  line-height: 1;
  color: #8a8d8a;
  padding: 40px;
  font-size: 16px;
  -webkit-transition: background 150ms ease;
  -moz-transition: background 150ms ease;
  -ms-transition: background 150ms ease;
  -o-transition: background 150ms ease;
  transition: background 150ms ease;
}

.hwm-subscribe-bar:after {
  clear: both;
  content: "";
  display: block;
}

.hwm-subscribe-bar:hover {
  background: #4a4a4a;
}

.hwm-subscribe-bar:hover .subscribe-bar-title, .hwm-subscribe-bar:hover .subscribe-bar-desc {
  color: #fff;
}

.hwm-subscribe-bar-wrapper {
  display: table;
  margin: 0 auto;
}

.subscribe-bar-title {
  -webkit-transition: color 150ms ease;
  -moz-transition: color 150ms ease;
  -ms-transition: color 150ms ease;
  -o-transition: color 150ms ease;
  transition: color 150ms ease;
  margin: 0 0 0.4375em 0;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  text-transform: uppercase;
  color: #e6192b;
  font-size: 1em;
}

.subscribe-bar-desc {
  -webkit-transition: color 150ms ease;
  -moz-transition: color 150ms ease;
  -ms-transition: color 150ms ease;
  -o-transition: color 150ms ease;
  transition: color 150ms ease;
  color: #767976;
  font-size: 0.875em;
  line-height: 1;
  margin: 0;
}

.subscribe-bar-button {
  color: #fff;
  float: left;
  display: block;
  font-weight: bold;
  background: #e6192b;
  text-transform: uppercase;
  padding: 1em 1.25em;
  font-size: 0.75em;
  -webkit-transition: transform 150ms ease;
  -moz-transition: transform 150ms ease;
  -ms-transition: transform 150ms ease;
  -o-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.subscribe-bar-main {
  margin: 0 2.5em 0 0;
  float: left;
}

.hwm-subscribe-bar {
  font-size: 21px;
}

@media screen and (max-width: 1024px) {
  .hwm-subscribe-bar {
    font-size: 18px;
    padding: 30px;
  }
}

@media screen and (max-width: 768px) {
  .hwm-subscribe-bar {
    padding: 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .hwm-subscribe-bar {
    font-size: 13px;
  }
  .subscribe-bar-main {
    margin: 0 0 10px 0;
  }
  .subscribe-bar-button {
    float: none;
    margin: 0 auto;
    clear: both;
    text-align: center;
    font-size: 12px;
  }
  .subscribe-bar-title, .subscribe-bar-desc {
    text-align: center;
    font-size: 1em;
  }
}

#secondary-footer {
  clear: both;
  outline: none;
}

#secondary-footer:after {
  clear: both;
  content: "";
  display: block;
}

#secondary-footer ul {
  list-style: none;
  margin-left: 0;
}

.footer-sitemap {
  margin-bottom: 0;
  list-style: none;
  padding: 40px;
  padding-bottom: 80px;
  font-family: Arial;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #f2f2f2;
}

.footer-sitemap:after {
  clear: both;
  content: "";
  display: block;
}

.footer-sitemap ul, .footer-sitemap li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-sitemap a {
  text-decoration: none;
  color: #8a8d8a;
}

.footer-sitemap > li {
  float: left;
  width: 16.6666667%;
}

.footer-sitemap > li > a {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica Neue", Arial;
  -webkit-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
  font-size: 1.5rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #8a8d8a;
}

.footer-sitemap > li > a:hover {
  color: #cccccc;
}

.footer-sitemap .sub-menu {
  margin-top: 40px;
}

.footer-sitemap .sub-menu li {
  margin-bottom: 10px;
  line-height: 1.5;
}

.footer-sitemap .sub-menu a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1366px) {
  .footer-sitemap > li > a {
    font-size: 1.75695vw;
  }
  .footer-sitemap .sub-menu a {
    font-size: 1.1713vw;
  }
}

@media screen and (max-width: 1024px) {
  .footer-sitemap > li {
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .footer-sitemap > li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .footer-sitemap > li > a, .footer-sitemap .sub-menu a {
    font-size: 0.875rem;
    font-size: 1rem;
  }
  .footer-sitemap > li > a {
    font-family: Arial;
  }
  .footer-sitemap > li > a {
    float: left;
    width: 250px;
    margin: 0;
  }
  .footer-sitemap .sub-menu {
    overflow: hidden;
    font-size: 0;
    margin: 0;
  }
  .footer-sitemap .sub-menu li {
    line-height: 1;
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 0 15px 10px 0;
    border-right: 1px solid #d7d9d7;
  }
  .footer-sitemap .sub-menu li:last-child {
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer-sitemap {
    padding: 20px;
    padding-bottom: 40px;
  }
  .footer-sitemap > li > a {
    width: 100%;
  }
  .footer-sitemap > li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  .footer-sitemap a {
    text-align: center;
    display: block;
    padding: 10px 0;
  }
  .footer-sitemap .sub-menu {
    overflow: visible;
    clear: both;
  }
  .footer-sitemap .sub-menu li {
    display: block;
    border: 0;
    margin: 0 !important;
    padding: 0;
  }
  .footer-sitemap .sub-menu a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 480px) {
  .footer-sitemap > li > a, .footer-sitemap .sub-menu a {
    font-size: 0.75rem;
  }
}

.hwm-bypass {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 0;
  list-style: none;
  font-family: Arial;
}

.hwm-bypass li {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  clear: both;
  line-height: 1.5;
}

.hwm-bypass li:last-child {
  margin: 0;
}

.hwm-bypass a {
  color: #fff;
  padding: 5px 10px;
  display: block;
  float: left;
  background: #4a4a4a;
  font-size: 12px;
  position: relative;
  opacity: 0;
  z-index: -1;
}

.hwm-bypass a:active, .hwm-bypass a:focus {
  z-index: 999;
  opacity: 1;
}