/* 
stylus -u jeet -u rupture -w style.styl
*/
body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  text-align: center;
}
.mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile {
    display: inline;
  }
}
#menu {
  display: none;
}
.slicknav_menu {
  display: none;
}
h1 {
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 0px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
h1 span {
  font-weight: 700;
}
h2 {
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 2%;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 640px) {
  h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 1%;
  }
}
h2 span {
  font-weight: 300;
}
h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 4%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
a.more,
span.more,
a.more-link,
.ajax-load-more {
  color: #000;
  border: 1px solid #d57043;
  border-radius: 2px;
  padding: 7px 12px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 300;
  text-decoration: none !important;
  transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 768px) {
  a.more,
  span.more,
  a.more-link,
  .ajax-load-more {
    font-size: 12px;
    padding: 4px 6px;
  }
}
a.more:hover,
span.more:hover,
a.more-link:hover,
.ajax-load-more:hover {
  background-color: #d57043;
  color: #fff;
}
.ajax-navigation {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 4%;
}
.ajax-navigation:before,
.ajax-navigation:after {
  content: '';
  display: table;
}
.ajax-navigation:after {
  clear: both;
}
.ajax-navigation .ajax-load-more {
  line-height: 26px;
  cursor: pointer;
  padding: 7px 12px !important;
}
@media only screen and (max-width: 768px) {
  .ajax-navigation .ajax-load-more {
    padding: 4px 6px !important;
  }
}
.ajax-navigation .posts-loader-icon {
  font-size: 24px;
  margin-bottom: 3%;
}
#masthead-sticky-wrapper {
  height: 100% !important;
}
@media only screen and (max-width: 960px) {
  #masthead-sticky-wrapper {
    display: none;
  }
}
#masthead {
  z-index: 9999;
  background-color: #173056;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#masthead:before,
#masthead:after {
  content: '';
  display: table;
}
#masthead:after {
  clear: both;
}
@media only screen and (max-width: 960px) {
  #masthead {
    display: none;
  }
}
#masthead nav {
  vertical-align: middle;
  display: inline-block;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#masthead nav .jqueryslidemenu ul {
  text-align: left;
  list-style-type: none;
}
#masthead nav .jqueryslidemenu ul li {
  padding-top: 3px;
  position: relative;
  display: inline;
  float: left;
}
#masthead nav .jqueryslidemenu ul li a {
  text-transform: uppercase;
  display: block;
  color: #fff;
  padding: 16px 12px;
  line-height: 16px;
  text-decoration: none;
}
#masthead nav .jqueryslidemenu ul li a:before {
  font-family: fontello;
  content: "\e808";
  float: left;
  font-size: 40%;
  width: 1.7em;
  margin-top: -0.2em;
  color: #bfbfbf;
}
#masthead nav .jqueryslidemenu ul li a:link {
  color: #fff;
}
#masthead nav .jqueryslidemenu ul li a:visited {
  color: #fff;
}
#masthead nav .jqueryslidemenu ul li a:hover,
#masthead nav .jqueryslidemenu ul li a.active,
#masthead nav .jqueryslidemenu ul li a.current-menu-item {
  color: #d0d9e8;
}
#masthead nav .jqueryslidemenu ul li ul {
  padding-top: 0;
  font-size: 13px;
  position: absolute;
  z-index: 2000;
  left: 0;
  display: block;
  visibility: hidden;
}
#masthead nav .jqueryslidemenu ul li ul li {
  display: list-item;
  background-color: #fff;
  padding: 0;
}
#masthead nav .jqueryslidemenu ul li ul li a {
  color: #173056 !important;
  font-weight: 300;
  background-color: #fff;
  width: 110px;
  line-height: 13px;
  padding: 8px 18px !important;
  border-bottom: 1px solid #173056;
  transition: background 0.2s ease;
  margin: 0;
}
#masthead nav .jqueryslidemenu ul li ul li a:before {
  content: none;
}
#masthead nav .jqueryslidemenu ul li ul li a:hover {
  background: #d0d9e8;
  color: #173056 !important;
}
#masthead nav .jqueryslidemenu ul li ul li:last-child a {
  border-bottom: none;
}
#masthead nav .jqueryslidemenu ul li.current-menu-item a,
#masthead nav .jqueryslidemenu ul li.current-category-ancestor a,
#masthead nav .jqueryslidemenu ul li.current-page-ancestor a,
#masthead nav .jqueryslidemenu ul li.current-post-ancestor a,
#masthead nav .jqueryslidemenu ul li.current_category_ancestor a,
#masthead nav .jqueryslidemenu ul li.current_page_ancestor a,
#masthead nav .jqueryslidemenu ul li.current_post_ancestor a {
  color: #d0d9e8;
}
#banner {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  background-color: #000;
  background-position: right top;
  background-repeat: no-repeat;
  margin-bottom: 4px;
}
#banner:before,
#banner:after {
  content: '';
  display: table;
}
#banner:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  #banner {
    background-image: none !important;
  }
}
#banner h1 {
  color: #fff;
  font-size: 52px;
}
@media only screen and (max-width: 960px) {
  #banner h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  #banner h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 640px) {
  #banner h1 {
    font-size: 18px;
  }
}
#banner h1 span {
  font-size: 72px;
}
@media only screen and (max-width: 960px) {
  #banner h1 span {
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  #banner h1 span {
    font-size: 48px;
  }
}
@media only screen and (max-width: 640px) {
  #banner h1 span {
    font-size: 24px;
  }
}
#banner .inner {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  height: 232px;
  text-align: left;
}
#banner .inner:before,
#banner .inner:after {
  content: '';
  display: table;
}
#banner .inner:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  #banner .inner {
    height: auto;
  }
}
#banner .inner .header {
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #banner .inner .header {
    padding: 6% 1%;
  }
}
#banner .inner h1 {
  padding-top: 105px;
  font-weight: 400 !important;
}
@media only screen and (max-width: 640px) {
  #banner .inner h1 {
    font-size: 32px;
    padding-top: 0;
    text-align: center;
  }
}
#banner .inner h1 span {
  color: #06327d;
  padding-left: 30px;
}
@media only screen and (max-width: 768px) {
  #banner .inner h1 span {
    padding-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  #banner .inner h1 span {
    font-size: 44px;
  }
}
#banner.cover {
  background-size: cover;
}
#banner.home {
  background: linear-gradient(#173056, #08101d);
  padding-top: 4%;
}
@media only screen and (max-width: 960px) {
  #banner.home {
    display: none;
  }
}
section.footer {
  *zoom: 1;
  width: auto;
  max-width: 1224px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 4% 6% 3% 6%;
}
section.footer:before,
section.footer:after {
  content: '';
  display: table;
}
section.footer:after {
  clear: both;
}
section.header {
  *zoom: 1;
  width: auto;
  max-width: 1224px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 0 6% 1% 6%;
}
section.header:before,
section.header:after {
  content: '';
  display: table;
}
section.header:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  section.header {
    padding: 2% 6% 1% 6%;
  }
}
section.header h1 {
  font-weight: 700;
}
section.header h2 {
  margin-top: 1%;
  color: #000;
}
section.header h2 a {
  color: #99adc2;
}
section.header h2 a:hover {
  color: #036;
}
section.header p.subtitle {
  margin-bottom: 3%;
}
section.header .month_nav {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  section.header .month_nav {
    margin-bottom: 6%;
  }
}
section.header .month_nav a {
  color: #99adc2;
  text-decoration: none;
  display: inline-block;
  padding-right: 6px;
  padding-top: 8px;
}
section.header .month_nav a:hover,
section.header .month_nav a.current {
  color: #000;
}
section.header .headwrap {
  display: inline-block;
}
section.header .headwrap .divider {
  margin: 0 30% 8% 30%;
}
section.wide {
  *zoom: 1;
  width: auto;
  max-width: 1224px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
section.wide:before,
section.wide:after {
  content: '';
  display: table;
}
section.wide:after {
  clear: both;
}
section.head {
  *zoom: 1;
  width: auto;
  max-width: 1024px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 0 1%;
}
section.head:before,
section.head:after {
  content: '';
  display: table;
}
section.head:after {
  clear: both;
}
section.text {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 0 6% 4% 6%;
}
section.text:before,
section.text:after {
  content: '';
  display: table;
}
section.text:after {
  clear: both;
}
section.end {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 2% 6% 0 6%;
}
section.end:before,
section.end:after {
  content: '';
  display: table;
}
section.end:after {
  clear: both;
}
section.news {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
section.news:before,
section.news:after {
  content: '';
  display: table;
}
section.news:after {
  clear: both;
}
section.black {
  background-color: #000;
}
section {
  position: relative;
}
section h3 a {
  color: #000;
}
section p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 2%;
}
@media only screen and (max-width: 768px) {
  section p {
    margin-bottom: 4%;
  }
}
section p a {
  color: #d57043;
  text-decoration: underline;
}
section p a:hover {
  color: #d57043;
  text-decoration: none;
}
section p:last-child {
  margin-bottom: 0;
}
section p.blurb,
section span.blurb {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  section p.blurb,
  section span.blurb {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 640px) {
  section p.blurb,
  section span.blurb {
    width: 100% !important;
  }
}
section p.smallprint {
  font-size: 12px;
  line-height: 18px;
}
section img.alignright,
section div.alignright {
  float: right !important;
  width: auto !important;
  margin-left: 4% !important;
  margin-bottom: 2% !important;
}
@media only screen and (max-width: 640px) {
  section img.alignright,
  section div.alignright {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-left: 0 !important;
  }
}
section img.alignleft,
section div.alignleft {
  width: auto !important;
  float: left !important;
  margin-right: 4% !important;
  margin-bottom: 2% !important;
}
@media only screen and (max-width: 640px) {
  section img.alignleft,
  section div.alignleft {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-right: 0 !important;
  }
}
section img.alignleft .centered p,
section div.alignleft .centered p {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  section img.alignnone,
  section img.aligncenter {
    width: 100%;
    height: auto;
  }
}
section .wp-caption {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 4%;
}
section .wp-caption:before,
section .wp-caption:after {
  content: '';
  display: table;
}
section .wp-caption:after {
  clear: both;
}
section .wp-caption img {
  width: 100%;
  height: auto;
}
section .wp-caption .wp-caption-text,
section .gallery-caption,
section .entry-caption {
  font-size: 12px;
  text-align: center;
  color: #414141;
}
section blockquote {
  position: relative;
  margin: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  overflow: hidden;
}
section blockquote p {
  padding: 0 4% !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-weight: 700;
}
section blockquote p:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
section blockquote .blockquote-after {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
section blockquote .blockquote-before {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
section span.divider {
  display: block;
  margin: 0 40% 4% 40%;
  border-top: 1px solid #000;
}
section .contained {
  margin-bottom: 4%;
  margin-top: 4%;
  overflow: hidden;
}
section .video-wrapper {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  margin-bottom: 4%;
  margin-top: 4%;
}
section .video-wrapper iframe,
section .video-wrapper object,
section .video-wrapper embed {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section .info-work {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  z-index: 1;
}
section .info-work .tb {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
}
section .info-work .tb .tb-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  padding: 5px;
  background-color: rgba(4,2,9,0.5);
  transition: background 0.2s ease;
}
section .info-work .tb .tb-cell:hover {
  background-color: rgba(4,2,9,0.2);
}
section .info-work .tb p {
  line-height: 18px;
}
section .info-work .tb h5 {
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
}
section .info-work .tb a {
  color: #fff;
}
section .info-work .tb .text-work {
  display: table;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
}
section .info-work .tb .text-work .text {
  height: 100% !important;
  display: table-cell;
  vertical-align: middle;
  padding: 0 2%;
}
section .info-work .tb .text-work .text .divider {
  margin: 4% 30% 4% 30%;
  border-top: 1px solid #fff;
}
section .gallery {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 0 !important;
  margin-bottom: 4%;
}
section .gallery:before,
section .gallery:after {
  content: '';
  display: table;
}
section .gallery:after {
  clear: both;
}
section .gallery:last-child {
  margin-right: 0%;
}
section .gallery .gallery-item {
  margin-bottom: 1%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 24.25%;
  margin-left: 0%;
  margin-right: 1%;
}
section .gallery .gallery-item:before,
section .gallery .gallery-item:after {
  content: '';
  display: table;
}
section .gallery .gallery-item:after {
  clear: both;
}
section .gallery .gallery-item:nth-child(4n) {
  margin-right: 0%;
  float: right;
}
section .gallery .gallery-item:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 768px) {
  section .gallery .gallery-item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 32.666666666666664%;
    margin-left: 0%;
    margin-right: 1%;
  }
  section .gallery .gallery-item:before,
  section .gallery .gallery-item:after {
    content: '';
    display: table;
  }
  section .gallery .gallery-item:after {
    clear: both;
  }
  section .gallery .gallery-item:nth-child(4n) {
    margin-right: 1%;
    float: left;
  }
  section .gallery .gallery-item:nth-child(4n+1) {
    clear: none;
  }
  section .gallery .gallery-item:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  section .gallery .gallery-item:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 640px) {
  section .gallery .gallery-item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.5%;
    margin-left: 0%;
    margin-right: 1%;
  }
  section .gallery .gallery-item:before,
  section .gallery .gallery-item:after {
    content: '';
    display: table;
  }
  section .gallery .gallery-item:after {
    clear: both;
  }
  section .gallery .gallery-item:nth-child(3n) {
    margin-right: 1%;
    float: left;
  }
  section .gallery .gallery-item:nth-child(3n+1) {
    clear: none;
  }
  section .gallery .gallery-item:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  section .gallery .gallery-item:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 400px) {
  section .gallery .gallery-item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6%;
  }
  section .gallery .gallery-item:before,
  section .gallery .gallery-item:after {
    content: '';
    display: table;
  }
  section .gallery .gallery-item:after {
    clear: both;
  }
  section .gallery .gallery-item:nth-child(2n) {
    margin-right: 1%;
    float: left;
  }
  section .gallery .gallery-item:nth-child(2n+1) {
    clear: none;
  }
  section .gallery .gallery-item:nth-child(1n) {
    margin-right: 0%;
    float: right;
  }
  section .gallery .gallery-item:nth-child(1n+1) {
    clear: both;
  }
  section .gallery .gallery-item:first-child {
    margin-left: auto;
  }
  section .gallery .gallery-item:last-child {
    margin-right: auto;
  }
}
section .gallery img {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  width: 100%;
  height: auto;
}
section .gallery img:before,
section .gallery img:after {
  content: '';
  display: table;
}
section .gallery img:after {
  clear: both;
}
section .gallery img:last-child {
  margin-right: 0%;
}
section .gallery .gallery-caption {
  clear: both;
  padding: 2% 4% 0 2%;
  line-height: 16px;
}
#home,
#twitter,
#news {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  position: relative;
}
#home:before,
#twitter:before,
#news:before,
#home:after,
#twitter:after,
#news:after {
  content: '';
  display: table;
}
#home:after,
#twitter:after,
#news:after {
  clear: both;
}
#home:last-child,
#twitter:last-child,
#news:last-child {
  margin-right: 0%;
}
#home .cycle-pager,
#twitter .cycle-pager,
#news .cycle-pager {
  text-align: center;
  color: #fff;
  z-index: 502;
  bottom: 4%;
  position: absolute;
  width: 100%;
  font-size: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #home .cycle-pager,
  #twitter .cycle-pager,
  #news .cycle-pager {
    font-size: 12px;
  }
}
#home .cycle-pager span,
#twitter .cycle-pager span,
#news .cycle-pager span {
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 6px;
  border: 1px solid #fff;
  margin-right: 2px;
  background-color: transparent;
}
@media only screen and (max-width: 640px) {
  #home .cycle-pager,
  #twitter .cycle-pager,
  #news .cycle-pager {
    display: none;
  }
}
#home .cycle-pager span.cycle-pager-active,
#twitter .cycle-pager span.cycle-pager-active,
#news .cycle-pager span.cycle-pager-active {
  background-color: #fff;
}
#home .prev,
#twitter .prev,
#news .prev,
#home .next,
#twitter .next,
#news .next {
  position: absolute;
  z-index: 501;
  pointer-events: auto;
  color: #fff;
  display: table;
  font-size: 48px;
  height: 100%;
  cursor: pointer;
  top: 45%;
}
@media only screen and (max-width: 768px) {
  #home .prev,
  #twitter .prev,
  #news .prev,
  #home .next,
  #twitter .next,
  #news .next {
    font-size: 36px;
  }
}
#home .prev,
#twitter .prev,
#news .prev {
  left: 4%;
}
#home .next,
#twitter .next,
#news .next {
  right: 4%;
}
#home .textwidget {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  overflow: hidden;
}
#home .textwidget:before,
#home .textwidget:after {
  content: '';
  display: table;
}
#home .textwidget:after {
  clear: both;
}
#home .textwidget:last-child {
  margin-right: 0%;
}
#home .textwidget div {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#home .textwidget div:before,
#home .textwidget div:after {
  content: '';
  display: table;
}
#home .textwidget div:after {
  clear: both;
}
#home .textwidget div img {
  margin-bottom: 0 !important;
  width: 100%;
  height: 100%;
  display: block;
}
#twitter {
  padding: 2% 0;
  background-color: #d0d9e8;
}
#twitter section {
  padding-bottom: 0;
}
#twitter h2 a {
  color: #000;
}
#twitter .twitterwidget {
  position: relative;
  padding-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  #twitter .twitterwidget {
    margin: 0 50px;
  }
}
#twitter .twitterwidget p.blurb,
#twitter .twitterwidget span.blurb {
  margin-bottom: 1%;
  line-height: 22px;
}
#twitter .twitterwidget a {
  color: #254a9c;
  text-decoration: none;
}
#twitter .twitterwidget a:hover {
  text-decoration: underline;
}
#twitter .twitterwidget div {
  width: 100%;
  margin-bottom: 0;
}
#twitter .twitterwidget div .date {
  font-size: 13px;
  margin-bottom: 1%;
}
#concerts {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #fff;
  margin-top: 5%;
}
#concerts:before,
#concerts:after {
  content: '';
  display: table;
}
#concerts:after {
  clear: both;
}
#concerts:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #concerts {
    margin-top: 9%;
  }
}
#concerts h1 a {
  color: #000;
}
#concerts .content {
  padding-top: 4%;
  background-color: #173056;
}
#concerts .content .item:last-child {
  margin-bottom: 0;
}
#concerts .content .item {
  margin-bottom: 8%;
  text-align: left !important;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
}
@media only screen and (max-width: 768px) {
  #concerts .content .item {
    text-align: center !important;
  }
}
#concerts .content .item .divider {
  margin: 0% 40% 4% 0%;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  #concerts .content .item .divider {
    margin: 0 40% 2% 40%;
  }
}
#concerts .content .item .half:last-child .divider {
  border-top: 1px solid #173056;
}
#concerts .content .item .half:last-child .listing {
  border-top: 1px solid #fff !important;
}
#concerts .content .item h5,
#concerts .content .item h4 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
#concerts .content .item h5.dates,
#concerts .content .item h5.location {
  font-weight: 300;
}
#concerts .content .item h5 a,
#concerts .content .item h4 a,
#concerts .content .item a {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #concerts .content .item h4 {
    font-size: 18px;
  }
}
#concerts .content .item p {
  line-height: 21px;
}
#concerts .content .item:before,
#concerts .content .item:after {
  content: '';
  display: table;
}
#concerts .content .item:after {
  clear: both;
}
#concerts .content .item:last-child {
  margin-right: 0%;
}
#concerts .content .item .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#concerts .content .item .half:before,
#concerts .content .item .half:after {
  content: '';
  display: table;
}
#concerts .content .item .half:after {
  clear: both;
}
#concerts .content .item .half:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #concerts .content .item .half {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
  }
  #concerts .content .item .half:first-child {
    margin-left: auto;
  }
  #concerts .content .item .half:last-child {
    margin-right: auto;
  }
}
#concerts.full {
  color: #000;
}
#concerts.full .content {
  background-color: #fff;
}
#concerts.full span.divider {
  border-top: 1px solid #000 !important;
}
#concerts.full .item a {
  color: #000;
}
#concerts.full section.end {
  padding-top: 0;
}
#news,
.teaser {
  margin-top: 5%;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #news,
  .teaser {
    margin-top: 9%;
  }
}
#news .prev,
.teaser .prev,
#news .next,
.teaser .next {
  top: 45%;
}
@media only screen and (max-width: 768px) {
  #news .prev,
  .teaser .prev,
  #news .next,
  .teaser .next {
    top: 83%;
  }
}
@media only screen and (max-width: 360px) {
  #news .prev,
  .teaser .prev,
  #news .next,
  .teaser .next {
    bottom: 20px;
    font-size: 22px;
  }
}
#news h1 a,
.teaser h1 a {
  color: #000;
}
#news .content,
.teaser .content {
  background-color: #d57043;
}
@media only screen and (max-width: 960px) {
  #news .content,
  .teaser .content {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  #news .content,
  .teaser .content {
    padding: 0;
  }
}
#news .item,
.teaser .item {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  text-align: left;
  background-color: #d57043;
  height: 100%;
}
#news .item:before,
.teaser .item:before,
#news .item:after,
.teaser .item:after {
  content: '';
  display: table;
}
#news .item:after,
.teaser .item:after {
  clear: both;
}
#news .item h2,
.teaser .item h2 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 800;
  color: #414141;
}
#news .item h2 a,
.teaser .item h2 a {
  color: #414141;
}
#news .item p,
.teaser .item p {
  margin-bottom: 4%;
}
@media only screen and (max-width: 768px) {
  #news .item p,
  .teaser .item p {
    margin-left: 4%;
    margin-right: 4%;
    line-height: 21px !important;
  }
}
#news .item p:last-child,
.teaser .item p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  #news .item p.date,
  .teaser .item p.date {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  #news .item p.blurb,
  .teaser .item p.blurb {
    font-size: 16px !important;
    line-height: 24px;
  }
}
#news .item p.blurb a,
.teaser .item p.blurb a,
#news .item span.blurb a,
.teaser .item span.blurb a {
  color: #fff;
  text-decoration: none;
}
#news .item .half,
.teaser .item .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#news .item .half:before,
.teaser .item .half:before,
#news .item .half:after,
.teaser .item .half:after {
  content: '';
  display: table;
}
#news .item .half:after,
.teaser .item .half:after {
  clear: both;
}
#news .item .half:last-child,
.teaser .item .half:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #news .item .half,
  .teaser .item .half {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
    text-align: center;
  }
  #news .item .half:first-child,
  .teaser .item .half:first-child {
    margin-left: auto;
  }
  #news .item .half:last-child,
  .teaser .item .half:last-child {
    margin-right: auto;
  }
}
#news .item .half .divider,
.teaser .item .half .divider {
  margin: 6% 40% 2% 0%;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  #news .item .half .divider,
  .teaser .item .half .divider {
    display: none;
  }
}
#news .item .half h4,
.teaser .item .half h4 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 6%;
}
#news .item .half img,
.teaser .item .half img {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0 !important;
}
#news .item .half img:before,
.teaser .item .half img:before,
#news .item .half img:after,
.teaser .item .half img:after {
  content: '';
  display: table;
}
#news .item .half img:after,
.teaser .item .half img:after {
  clear: both;
}
#news .item .half .more-link,
.teaser .item .half .more-link {
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  padding: 4px 6px;
  margin-top: 2%;
  float: left;
}
@media only screen and (max-width: 1024px) {
  #news .item .half .more-link,
  .teaser .item .half .more-link {
    float: none;
    padding: 4px 6px;
    font-size: 12px;
  }
}
#news .item .half .more-link:hover,
.teaser .item .half .more-link:hover {
  color: #d57043;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #news .item .half:last-child {
    height: 110px;
  }
}
@media only screen and (max-width: 360px) {
  #news .item p.blurb {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 360px) {
  #news .item p.moreholder {
    margin: 0;
    position: absolute;
    display: block;
    bottom: 24px;
    text-align: center;
    width: 100%;
  }
}
.teaser {
  background-color: #d57043;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 0;
  margin-bottom: 4%;
}
.teaser:before,
.teaser:after {
  content: '';
  display: table;
}
.teaser:after {
  clear: both;
}
.teaser:last-child {
  margin-right: 0%;
}
#stage {
  margin-top: 5%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #stage {
    margin-top: 9%;
  }
}
#stage:before,
#stage:after {
  content: '';
  display: table;
}
#stage:after {
  clear: both;
}
#stage:last-child {
  margin-right: 0%;
}
#stage h1,
#stage h1 a {
  color: #000;
}
#stage .content {
  padding: 0;
  background-color: #000;
}
#stage .content .text {
  padding-bottom: 0;
}
#stage .item {
  position: relative;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
  overflow: hidden;
}
#stage .item:before,
#stage .item:after {
  content: '';
  display: table;
}
#stage .item:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #stage .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #stage .item:first-child {
    margin-left: auto;
  }
  #stage .item:last-child {
    margin-right: auto;
  }
}
#stage .item img {
  display: block;
  height: auto;
  width: 100%;
}
#compositions {
  margin-top: 5%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #compositions {
    margin-top: 9%;
  }
}
#compositions:before,
#compositions:after {
  content: '';
  display: table;
}
#compositions:after {
  clear: both;
}
#compositions:last-child {
  margin-right: 0%;
}
#compositions h1,
#compositions h1 a {
  color: #000;
}
#compositions .content {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  background-color: #051121;
  overflow: hidden;
}
#compositions .content:before,
#compositions .content:after {
  content: '';
  display: table;
}
#compositions .content:after {
  clear: both;
}
#compositions .item {
  position: relative;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 20%;
  margin-left: 0%;
  margin-right: 0%;
  overflow: hidden;
}
#compositions .item:before,
#compositions .item:after {
  content: '';
  display: table;
}
#compositions .item:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #compositions .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #compositions .item:first-child {
    margin-left: auto;
  }
  #compositions .item:last-child {
    margin-right: auto;
  }
}
#compositions .item img {
  display: block;
  height: auto;
  width: 100%;
}
#compositions .top-item {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
}
#compositions .top-item:before,
#compositions .top-item:after {
  content: '';
  display: table;
}
#compositions .top-item:after {
  clear: both;
}
#compositions .top-item .mahler-image {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 62.5%;
  margin-left: 0%;
  margin-right: 0%;
  overflow: hidden;

}

#compositions .top-item {
        display: none;  
}

#compositions .top-item .mahler-image:before,
#compositions .top-item .mahler-image:after {
  content: '';
  display: table;
}
#compositions .top-item .mahler-image:after {
  clear: both;
}
#compositions .top-item .mahler-image:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #compositions .top-item .mahler-image {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #compositions .top-item .mahler-image:first-child {
    margin-left: auto;
  }
  #compositions .top-item .mahler-image:last-child {
    margin-right: auto;
  }
}
#compositions .top-item .mahler-image img {
  display: block;
  height: auto;
  width: 100%;
  height: 100%;
}
#compositions .top-item .mahler-quote {
  position: absolute;
  right: 0;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 37.5%;
  margin-left: 0%;
  margin-right: 0%;
  height: 100%;
}
#compositions .top-item .mahler-quote:before,
#compositions .top-item .mahler-quote:after {
  content: '';
  display: table;
}
#compositions .top-item .mahler-quote:after {
  clear: both;
}
#compositions .top-item .mahler-quote:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #compositions .top-item .mahler-quote {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin: 4% 0;
  }
  #compositions .top-item .mahler-quote:first-child {
    margin-left: auto;
  }
  #compositions .top-item .mahler-quote:last-child {
    margin-right: auto;
  }
}
#compositions .top-item .mahler-quote .copy-holder {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  height: 100%;
  display: table;
}
#compositions .top-item .mahler-quote .copy-holder:before,
#compositions .top-item .mahler-quote .copy-holder:after {
  content: '';
  display: table;
}
#compositions .top-item .mahler-quote .copy-holder:after {
  clear: both;
}
#compositions .top-item .mahler-quote .copy-holder .copy {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15%;
}
#compositions .top-item .mahler-quote .copy-holder .copy p.quote {
  font-weight: 800;
  text-align: right;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  #compositions .top-item .mahler-quote .copy-holder .copy p.quote {
    font-size: 11px;
    text-align: center;
  }
}
#photos,
.photo-gallery {
  margin-top: 5%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #fff;
/* clearfix */
}
@media only screen and (max-width: 768px) {
  #photos,
  .photo-gallery {
    margin-top: 9%;
  }
}
#photos:before,
.photo-gallery:before,
#photos:after,
.photo-gallery:after {
  content: '';
  display: table;
}
#photos:after,
.photo-gallery:after {
  clear: both;
}
#photos:last-child,
.photo-gallery:last-child {
  margin-right: 0%;
}
#photos h1 a,
.photo-gallery h1 a {
  color: #000;
}
#photos select,
.photo-gallery select {
  margin-top: 1%;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #photos select,
  .photo-gallery select {
    display: none;
  }
}
#photos ul,
.photo-gallery ul {
  padding: 0;
  list-style-type: none;
  display: table;
  margin: 2% auto 0 auto;
}
@media only screen and (max-width: 768px) {
  #photos ul,
  .photo-gallery ul {
    display: none;
  }
}
#photos ul li,
.photo-gallery ul li {
  display: inline;
  float: left;
  position: relative;
}
#photos ul li a,
.photo-gallery ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 7px 12px 4px 12px;
  margin-right: 6px;
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
  #photos ul li a,
  .photo-gallery ul li a {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
#photos ul li a:hover,
.photo-gallery ul li a:hover,
#photos ul li a.active,
.photo-gallery ul li a.active,
#photos ul li a.active a,
.photo-gallery ul li a.active a {
  border: 1px solid #254a9c;
}
#photos ul li:last-child a,
.photo-gallery ul li:last-child a {
  margin-right: 0;
}
#photos .photo-grid *,
.photo-gallery .photo-grid *,
#photos .recordings-grid *,
.photo-gallery .recordings-grid * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#photos .photo-grid,
.photo-gallery .photo-grid,
#photos .recordings-grid,
.photo-gallery .recordings-grid {
  overflow: hidden;
}
#photos .photo-grid .item,
.photo-gallery .photo-grid .item,
#photos .recordings-grid .item,
.photo-gallery .recordings-grid .item {
  float: left;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 25%;
  margin-left: 0%;
  margin-right: 0%;
  background: #000;
  background-size: cover;
  border: 5px solid #fff;
  height: 230px;
  overflow: hidden;
}
#photos .photo-grid .item:before,
.photo-gallery .photo-grid .item:before,
#photos .recordings-grid .item:before,
.photo-gallery .recordings-grid .item:before,
#photos .photo-grid .item:after,
.photo-gallery .photo-grid .item:after,
#photos .recordings-grid .item:after,
.photo-gallery .recordings-grid .item:after {
  content: '';
  display: table;
}
#photos .photo-grid .item:after,
.photo-gallery .photo-grid .item:after,
#photos .recordings-grid .item:after,
.photo-gallery .recordings-grid .item:after {
  clear: both;
}
#photos .photo-grid .item:last-child,
.photo-gallery .photo-grid .item:last-child,
#photos .recordings-grid .item:last-child,
.photo-gallery .recordings-grid .item:last-child {
  margin-right: 0%;
}
#photos .photo-grid .item h2,
.photo-gallery .photo-grid .item h2,
#photos .recordings-grid .item h2,
.photo-gallery .recordings-grid .item h2 {
  font-size: 18px;
  margin-bottom: 0;
}
#photos .photo-grid .item p,
.photo-gallery .photo-grid .item p,
#photos .recordings-grid .item p,
.photo-gallery .recordings-grid .item p {
  font-size: 13px;
}
#photos .photo-grid .item div.buy-links,
.photo-gallery .photo-grid .item div.buy-links,
#photos .recordings-grid .item div.buy-links,
.photo-gallery .recordings-grid .item div.buy-links {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
}
#photos .photo-grid .item div.buy-links ul li a,
.photo-gallery .photo-grid .item div.buy-links ul li a,
#photos .recordings-grid .item div.buy-links ul li a,
.photo-gallery .recordings-grid .item div.buy-links ul li a {
  color: #000;
  font-size: 11px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding: 7px 6px 4px 6px;
  transition: all 0.4s ease 0s;
}
#photos .photo-grid .item div.buy-links ul li a:hover,
.photo-gallery .photo-grid .item div.buy-links ul li a:hover,
#photos .recordings-grid .item div.buy-links ul li a:hover,
.photo-gallery .recordings-grid .item div.buy-links ul li a:hover,
#photos .photo-grid .item div.buy-links ul li a.active,
.photo-gallery .photo-grid .item div.buy-links ul li a.active,
#photos .recordings-grid .item div.buy-links ul li a.active,
.photo-gallery .recordings-grid .item div.buy-links ul li a.active,
#photos .photo-grid .item div.buy-links ul li a.active a,
.photo-gallery .photo-grid .item div.buy-links ul li a.active a,
#photos .recordings-grid .item div.buy-links ul li a.active a,
.photo-gallery .recordings-grid .item div.buy-links ul li a.active a {
  border: 1px solid #fff;
  color: #fff;
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .item,
  .photo-gallery .photo-grid .item,
  #photos .recordings-grid .item,
  .photo-gallery .recordings-grid .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .item:before,
  .photo-gallery .photo-grid .item:before,
  #photos .recordings-grid .item:before,
  .photo-gallery .recordings-grid .item:before,
  #photos .photo-grid .item:after,
  .photo-gallery .photo-grid .item:after,
  #photos .recordings-grid .item:after,
  .photo-gallery .recordings-grid .item:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .item:after,
  .photo-gallery .photo-grid .item:after,
  #photos .recordings-grid .item:after,
  .photo-gallery .recordings-grid .item:after {
    clear: both;
  }
  #photos .photo-grid .item:last-child,
  .photo-gallery .photo-grid .item:last-child,
  #photos .recordings-grid .item:last-child,
  .photo-gallery .recordings-grid .item:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 360px) {
  #photos .photo-grid .item,
  .photo-gallery .photo-grid .item,
  #photos .recordings-grid .item,
  .photo-gallery .recordings-grid .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #photos .photo-grid .item:first-child,
  .photo-gallery .photo-grid .item:first-child,
  #photos .recordings-grid .item:first-child,
  .photo-gallery .recordings-grid .item:first-child {
    margin-left: auto;
  }
  #photos .photo-grid .item:last-child,
  .photo-gallery .photo-grid .item:last-child,
  #photos .recordings-grid .item:last-child,
  .photo-gallery .recordings-grid .item:last-child {
    margin-right: auto;
  }
}
#photos .photo-grid .long,
.photo-gallery .photo-grid .long,
#photos .recordings-grid .long,
.photo-gallery .recordings-grid .long {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .long:before,
.photo-gallery .photo-grid .long:before,
#photos .recordings-grid .long:before,
.photo-gallery .recordings-grid .long:before,
#photos .photo-grid .long:after,
.photo-gallery .photo-grid .long:after,
#photos .recordings-grid .long:after,
.photo-gallery .recordings-grid .long:after {
  content: '';
  display: table;
}
#photos .photo-grid .long:after,
.photo-gallery .photo-grid .long:after,
#photos .recordings-grid .long:after,
.photo-gallery .recordings-grid .long:after {
  clear: both;
}
#photos .photo-grid .long:last-child,
.photo-gallery .photo-grid .long:last-child,
#photos .recordings-grid .long:last-child,
.photo-gallery .recordings-grid .long:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .long,
  .photo-gallery .photo-grid .long,
  #photos .recordings-grid .long,
  .photo-gallery .recordings-grid .long {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .long:before,
  .photo-gallery .photo-grid .long:before,
  #photos .recordings-grid .long:before,
  .photo-gallery .recordings-grid .long:before,
  #photos .photo-grid .long:after,
  .photo-gallery .photo-grid .long:after,
  #photos .recordings-grid .long:after,
  .photo-gallery .recordings-grid .long:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .long:after,
  .photo-gallery .photo-grid .long:after,
  #photos .recordings-grid .long:after,
  .photo-gallery .recordings-grid .long:after {
    clear: both;
  }
  #photos .photo-grid .long:last-child,
  .photo-gallery .photo-grid .long:last-child,
  #photos .recordings-grid .long:last-child,
  .photo-gallery .recordings-grid .long:last-child {
    margin-right: 0%;
  }
}
#photos .photo-grid .tall,
.photo-gallery .photo-grid .tall,
#photos .recordings-grid .tall,
.photo-gallery .recordings-grid .tall {
  height: 460px;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .tall,
  .photo-gallery .photo-grid .tall,
  #photos .recordings-grid .tall,
  .photo-gallery .recordings-grid .tall {
    height: 230px !important;
  }
}
#photos .photo-grid .big,
.photo-gallery .photo-grid .big,
#photos .recordings-grid .big,
.photo-gallery .recordings-grid .big {
  height: 460px;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .big:before,
.photo-gallery .photo-grid .big:before,
#photos .recordings-grid .big:before,
.photo-gallery .recordings-grid .big:before,
#photos .photo-grid .big:after,
.photo-gallery .photo-grid .big:after,
#photos .recordings-grid .big:after,
.photo-gallery .recordings-grid .big:after {
  content: '';
  display: table;
}
#photos .photo-grid .big:after,
.photo-gallery .photo-grid .big:after,
#photos .recordings-grid .big:after,
.photo-gallery .recordings-grid .big:after {
  clear: both;
}
#photos .photo-grid .big:last-child,
.photo-gallery .photo-grid .big:last-child,
#photos .recordings-grid .big:last-child,
.photo-gallery .recordings-grid .big:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .big,
  .photo-gallery .photo-grid .big,
  #photos .recordings-grid .big,
  .photo-gallery .recordings-grid .big {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: 230px !important;
  }
  #photos .photo-grid .big:before,
  .photo-gallery .photo-grid .big:before,
  #photos .recordings-grid .big:before,
  .photo-gallery .recordings-grid .big:before,
  #photos .photo-grid .big:after,
  .photo-gallery .photo-grid .big:after,
  #photos .recordings-grid .big:after,
  .photo-gallery .recordings-grid .big:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .big:after,
  .photo-gallery .photo-grid .big:after,
  #photos .recordings-grid .big:after,
  .photo-gallery .recordings-grid .big:after {
    clear: both;
  }
  #photos .photo-grid .big:last-child,
  .photo-gallery .photo-grid .big:last-child,
  #photos .recordings-grid .big:last-child,
  .photo-gallery .recordings-grid .big:last-child {
    margin-right: 0%;
  }
}
#photos .photo-grid .full,
.photo-gallery .photo-grid .full,
#photos .recordings-grid .full,
.photo-gallery .recordings-grid .full,
#photos .photo-grid .fullwidth,
.photo-gallery .photo-grid .fullwidth,
#photos .recordings-grid .fullwidth,
.photo-gallery .recordings-grid .fullwidth,
#photos .photo-grid .fulldouble,
.photo-gallery .photo-grid .fulldouble,
#photos .recordings-grid .fulldouble,
.photo-gallery .recordings-grid .fulldouble {
  background-color: #000;
  height: auto;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .full,
  .photo-gallery .photo-grid .full,
  #photos .recordings-grid .full,
  .photo-gallery .recordings-grid .full,
  #photos .photo-grid .fullwidth,
  .photo-gallery .photo-grid .fullwidth,
  #photos .recordings-grid .fullwidth,
  .photo-gallery .recordings-grid .fullwidth,
  #photos .photo-grid .fulldouble,
  .photo-gallery .photo-grid .fulldouble,
  #photos .recordings-grid .fulldouble,
  .photo-gallery .recordings-grid .fulldouble {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .full:before,
  .photo-gallery .photo-grid .full:before,
  #photos .recordings-grid .full:before,
  .photo-gallery .recordings-grid .full:before,
  #photos .photo-grid .fullwidth:before,
  .photo-gallery .photo-grid .fullwidth:before,
  #photos .recordings-grid .fullwidth:before,
  .photo-gallery .recordings-grid .fullwidth:before,
  #photos .photo-grid .fulldouble:before,
  .photo-gallery .photo-grid .fulldouble:before,
  #photos .recordings-grid .fulldouble:before,
  .photo-gallery .recordings-grid .fulldouble:before,
  #photos .photo-grid .full:after,
  .photo-gallery .photo-grid .full:after,
  #photos .recordings-grid .full:after,
  .photo-gallery .recordings-grid .full:after,
  #photos .photo-grid .fullwidth:after,
  .photo-gallery .photo-grid .fullwidth:after,
  #photos .recordings-grid .fullwidth:after,
  .photo-gallery .recordings-grid .fullwidth:after,
  #photos .photo-grid .fulldouble:after,
  .photo-gallery .photo-grid .fulldouble:after,
  #photos .recordings-grid .fulldouble:after,
  .photo-gallery .recordings-grid .fulldouble:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .full:after,
  .photo-gallery .photo-grid .full:after,
  #photos .recordings-grid .full:after,
  .photo-gallery .recordings-grid .full:after,
  #photos .photo-grid .fullwidth:after,
  .photo-gallery .photo-grid .fullwidth:after,
  #photos .recordings-grid .fullwidth:after,
  .photo-gallery .recordings-grid .fullwidth:after,
  #photos .photo-grid .fulldouble:after,
  .photo-gallery .photo-grid .fulldouble:after,
  #photos .recordings-grid .fulldouble:after,
  .photo-gallery .recordings-grid .fulldouble:after {
    clear: both;
  }
  #photos .photo-grid .full:last-child,
  .photo-gallery .photo-grid .full:last-child,
  #photos .recordings-grid .full:last-child,
  .photo-gallery .recordings-grid .full:last-child,
  #photos .photo-grid .fullwidth:last-child,
  .photo-gallery .photo-grid .fullwidth:last-child,
  #photos .recordings-grid .fullwidth:last-child,
  .photo-gallery .recordings-grid .fullwidth:last-child,
  #photos .photo-grid .fulldouble:last-child,
  .photo-gallery .photo-grid .fulldouble:last-child,
  #photos .recordings-grid .fulldouble:last-child,
  .photo-gallery .recordings-grid .fulldouble:last-child {
    margin-right: 0%;
  }
}
#photos .photo-grid .full .wp-caption-text,
.photo-gallery .photo-grid .full .wp-caption-text,
#photos .recordings-grid .full .wp-caption-text,
.photo-gallery .recordings-grid .full .wp-caption-text,
#photos .photo-grid .fullwidth .wp-caption-text,
.photo-gallery .photo-grid .fullwidth .wp-caption-text,
#photos .recordings-grid .fullwidth .wp-caption-text,
.photo-gallery .recordings-grid .fullwidth .wp-caption-text,
#photos .photo-grid .fulldouble .wp-caption-text,
.photo-gallery .photo-grid .fulldouble .wp-caption-text,
#photos .recordings-grid .fulldouble .wp-caption-text,
.photo-gallery .recordings-grid .fulldouble .wp-caption-text {
  clear: both;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #d6d6d6;
  font-size: 12px;
  padding: 8px;
}
#photos .photo-grid .full .wp-caption-text:before,
.photo-gallery .photo-grid .full .wp-caption-text:before,
#photos .recordings-grid .full .wp-caption-text:before,
.photo-gallery .recordings-grid .full .wp-caption-text:before,
#photos .photo-grid .fullwidth .wp-caption-text:before,
.photo-gallery .photo-grid .fullwidth .wp-caption-text:before,
#photos .recordings-grid .fullwidth .wp-caption-text:before,
.photo-gallery .recordings-grid .fullwidth .wp-caption-text:before,
#photos .photo-grid .fulldouble .wp-caption-text:before,
.photo-gallery .photo-grid .fulldouble .wp-caption-text:before,
#photos .recordings-grid .fulldouble .wp-caption-text:before,
.photo-gallery .recordings-grid .fulldouble .wp-caption-text:before,
#photos .photo-grid .full .wp-caption-text:after,
.photo-gallery .photo-grid .full .wp-caption-text:after,
#photos .recordings-grid .full .wp-caption-text:after,
.photo-gallery .recordings-grid .full .wp-caption-text:after,
#photos .photo-grid .fullwidth .wp-caption-text:after,
.photo-gallery .photo-grid .fullwidth .wp-caption-text:after,
#photos .recordings-grid .fullwidth .wp-caption-text:after,
.photo-gallery .recordings-grid .fullwidth .wp-caption-text:after,
#photos .photo-grid .fulldouble .wp-caption-text:after,
.photo-gallery .photo-grid .fulldouble .wp-caption-text:after,
#photos .recordings-grid .fulldouble .wp-caption-text:after,
.photo-gallery .recordings-grid .fulldouble .wp-caption-text:after {
  content: '';
  display: table;
}
#photos .photo-grid .full .wp-caption-text:after,
.photo-gallery .photo-grid .full .wp-caption-text:after,
#photos .recordings-grid .full .wp-caption-text:after,
.photo-gallery .recordings-grid .full .wp-caption-text:after,
#photos .photo-grid .fullwidth .wp-caption-text:after,
.photo-gallery .photo-grid .fullwidth .wp-caption-text:after,
#photos .recordings-grid .fullwidth .wp-caption-text:after,
.photo-gallery .recordings-grid .fullwidth .wp-caption-text:after,
#photos .photo-grid .fulldouble .wp-caption-text:after,
.photo-gallery .photo-grid .fulldouble .wp-caption-text:after,
#photos .recordings-grid .fulldouble .wp-caption-text:after,
.photo-gallery .recordings-grid .fulldouble .wp-caption-text:after {
  clear: both;
}
#photos .photo-grid .full .wp-caption-text:last-child,
.photo-gallery .photo-grid .full .wp-caption-text:last-child,
#photos .recordings-grid .full .wp-caption-text:last-child,
.photo-gallery .recordings-grid .full .wp-caption-text:last-child,
#photos .photo-grid .fullwidth .wp-caption-text:last-child,
.photo-gallery .photo-grid .fullwidth .wp-caption-text:last-child,
#photos .recordings-grid .fullwidth .wp-caption-text:last-child,
.photo-gallery .recordings-grid .fullwidth .wp-caption-text:last-child,
#photos .photo-grid .fulldouble .wp-caption-text:last-child,
.photo-gallery .photo-grid .fulldouble .wp-caption-text:last-child,
#photos .recordings-grid .fulldouble .wp-caption-text:last-child,
.photo-gallery .recordings-grid .fulldouble .wp-caption-text:last-child {
  margin-right: 0%;
}
#photos .photo-grid .full img,
.photo-gallery .photo-grid .full img,
#photos .recordings-grid .full img,
.photo-gallery .recordings-grid .full img,
#photos .photo-grid .fullwidth img,
.photo-gallery .photo-grid .fullwidth img,
#photos .recordings-grid .fullwidth img,
.photo-gallery .recordings-grid .fullwidth img,
#photos .photo-grid .fulldouble img,
.photo-gallery .photo-grid .fulldouble img,
#photos .recordings-grid .fulldouble img,
.photo-gallery .recordings-grid .fulldouble img {
  margin-bottom: 0;
}
#photos .photo-grid .full,
.photo-gallery .photo-grid .full,
#photos .recordings-grid .full,
.photo-gallery .recordings-grid .full {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .full:before,
.photo-gallery .photo-grid .full:before,
#photos .recordings-grid .full:before,
.photo-gallery .recordings-grid .full:before,
#photos .photo-grid .full:after,
.photo-gallery .photo-grid .full:after,
#photos .recordings-grid .full:after,
.photo-gallery .recordings-grid .full:after {
  content: '';
  display: table;
}
#photos .photo-grid .full:after,
.photo-gallery .photo-grid .full:after,
#photos .recordings-grid .full:after,
.photo-gallery .recordings-grid .full:after {
  clear: both;
}
#photos .photo-grid .full:last-child,
.photo-gallery .photo-grid .full:last-child,
#photos .recordings-grid .full:last-child,
.photo-gallery .recordings-grid .full:last-child {
  margin-right: 0%;
}
#photos .photo-grid .fullwidth,
.photo-gallery .photo-grid .fullwidth,
#photos .recordings-grid .fullwidth,
.photo-gallery .recordings-grid .fullwidth {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .fullwidth:before,
.photo-gallery .photo-grid .fullwidth:before,
#photos .recordings-grid .fullwidth:before,
.photo-gallery .recordings-grid .fullwidth:before,
#photos .photo-grid .fullwidth:after,
.photo-gallery .photo-grid .fullwidth:after,
#photos .recordings-grid .fullwidth:after,
.photo-gallery .recordings-grid .fullwidth:after {
  content: '';
  display: table;
}
#photos .photo-grid .fullwidth:after,
.photo-gallery .photo-grid .fullwidth:after,
#photos .recordings-grid .fullwidth:after,
.photo-gallery .recordings-grid .fullwidth:after {
  clear: both;
}
#photos .photo-grid .fullwidth:last-child,
.photo-gallery .photo-grid .fullwidth:last-child,
#photos .recordings-grid .fullwidth:last-child,
.photo-gallery .recordings-grid .fullwidth:last-child {
  margin-right: 0%;
}
#photos .photo-grid .fulldouble,
.photo-gallery .photo-grid .fulldouble,
#photos .recordings-grid .fulldouble,
.photo-gallery .recordings-grid .fulldouble {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .fulldouble:before,
.photo-gallery .photo-grid .fulldouble:before,
#photos .recordings-grid .fulldouble:before,
.photo-gallery .recordings-grid .fulldouble:before,
#photos .photo-grid .fulldouble:after,
.photo-gallery .photo-grid .fulldouble:after,
#photos .recordings-grid .fulldouble:after,
.photo-gallery .recordings-grid .fulldouble:after {
  content: '';
  display: table;
}
#photos .photo-grid .fulldouble:after,
.photo-gallery .photo-grid .fulldouble:after,
#photos .recordings-grid .fulldouble:after,
.photo-gallery .recordings-grid .fulldouble:after {
  clear: both;
}
#photos .photo-grid .fulldouble:last-child,
.photo-gallery .photo-grid .fulldouble:last-child,
#photos .recordings-grid .fulldouble:last-child,
.photo-gallery .recordings-grid .fulldouble:last-child {
  margin-right: 0%;
}
#photos .photo-grid .double,
.photo-gallery .photo-grid .double,
#photos .recordings-grid .double,
.photo-gallery .recordings-grid .double {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
#photos .photo-grid .double:before,
.photo-gallery .photo-grid .double:before,
#photos .recordings-grid .double:before,
.photo-gallery .recordings-grid .double:before,
#photos .photo-grid .double:after,
.photo-gallery .photo-grid .double:after,
#photos .recordings-grid .double:after,
.photo-gallery .recordings-grid .double:after {
  content: '';
  display: table;
}
#photos .photo-grid .double:after,
.photo-gallery .photo-grid .double:after,
#photos .recordings-grid .double:after,
.photo-gallery .recordings-grid .double:after {
  clear: both;
}
#photos .photo-grid .double:last-child,
.photo-gallery .photo-grid .double:last-child,
#photos .recordings-grid .double:last-child,
.photo-gallery .recordings-grid .double:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .double,
  .photo-gallery .photo-grid .double,
  #photos .recordings-grid .double,
  .photo-gallery .recordings-grid .double {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .double:before,
  .photo-gallery .photo-grid .double:before,
  #photos .recordings-grid .double:before,
  .photo-gallery .recordings-grid .double:before,
  #photos .photo-grid .double:after,
  .photo-gallery .photo-grid .double:after,
  #photos .recordings-grid .double:after,
  .photo-gallery .recordings-grid .double:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .double:after,
  .photo-gallery .photo-grid .double:after,
  #photos .recordings-grid .double:after,
  .photo-gallery .recordings-grid .double:after {
    clear: both;
  }
  #photos .photo-grid .double:last-child,
  .photo-gallery .photo-grid .double:last-child,
  #photos .recordings-grid .double:last-child,
  .photo-gallery .recordings-grid .double:last-child {
    margin-right: 0%;
  }
}
#photos .photo-grid .insta,
.photo-gallery .photo-grid .insta,
#photos .recordings-grid .insta,
.photo-gallery .recordings-grid .insta {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 12.5%;
  margin-left: 0%;
  margin-right: 0%;
  background-color: #fff;
}
#photos .photo-grid .insta:before,
.photo-gallery .photo-grid .insta:before,
#photos .recordings-grid .insta:before,
.photo-gallery .recordings-grid .insta:before,
#photos .photo-grid .insta:after,
.photo-gallery .photo-grid .insta:after,
#photos .recordings-grid .insta:after,
.photo-gallery .recordings-grid .insta:after {
  content: '';
  display: table;
}
#photos .photo-grid .insta:after,
.photo-gallery .photo-grid .insta:after,
#photos .recordings-grid .insta:after,
.photo-gallery .recordings-grid .insta:after {
  clear: both;
}
#photos .photo-grid .insta:last-child,
.photo-gallery .photo-grid .insta:last-child,
#photos .recordings-grid .insta:last-child,
.photo-gallery .recordings-grid .insta:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 1024px) {
  #photos .photo-grid .insta,
  .photo-gallery .photo-grid .insta,
  #photos .recordings-grid .insta,
  .photo-gallery .recordings-grid .insta {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .insta:before,
  .photo-gallery .photo-grid .insta:before,
  #photos .recordings-grid .insta:before,
  .photo-gallery .recordings-grid .insta:before,
  #photos .photo-grid .insta:after,
  .photo-gallery .photo-grid .insta:after,
  #photos .recordings-grid .insta:after,
  .photo-gallery .recordings-grid .insta:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .insta:after,
  .photo-gallery .photo-grid .insta:after,
  #photos .recordings-grid .insta:after,
  .photo-gallery .recordings-grid .insta:after {
    clear: both;
  }
  #photos .photo-grid .insta:last-child,
  .photo-gallery .photo-grid .insta:last-child,
  #photos .recordings-grid .insta:last-child,
  .photo-gallery .recordings-grid .insta:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 768px) {
  #photos .photo-grid .insta,
  .photo-gallery .photo-grid .insta,
  #photos .recordings-grid .insta,
  .photo-gallery .recordings-grid .insta {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #photos .photo-grid .insta:before,
  .photo-gallery .photo-grid .insta:before,
  #photos .recordings-grid .insta:before,
  .photo-gallery .recordings-grid .insta:before,
  #photos .photo-grid .insta:after,
  .photo-gallery .photo-grid .insta:after,
  #photos .recordings-grid .insta:after,
  .photo-gallery .recordings-grid .insta:after {
    content: '';
    display: table;
  }
  #photos .photo-grid .insta:after,
  .photo-gallery .photo-grid .insta:after,
  #photos .recordings-grid .insta:after,
  .photo-gallery .recordings-grid .insta:after {
    clear: both;
  }
  #photos .photo-grid .insta:last-child,
  .photo-gallery .photo-grid .insta:last-child,
  #photos .recordings-grid .insta:last-child,
  .photo-gallery .recordings-grid .insta:last-child {
    margin-right: 0%;
  }
}
#photos .recordings-grid .item .tb-cell,
.photo-gallery .recordings-grid .item .tb-cell {
  background: transparent;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  #photos .recordings-grid .item .tb-cell,
  .photo-gallery .recordings-grid .item .tb-cell {
    background-color: rgba(4,2,9,0.7);
  }
}
#photos .recordings-grid .item .tb-cell:hover,
.photo-gallery .recordings-grid .item .tb-cell:hover {
  background-color: rgba(4,2,9,0.7);
}
#photos .recordings-grid .item .text-work,
.photo-gallery .recordings-grid .item .text-work {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #photos .recordings-grid .item .text-work,
  .photo-gallery .recordings-grid .item .text-work {
    opacity: 1 !important;
  }
}
#photos .photo-grid:after,
.photo-gallery .photo-grid:after,
#photos .recordings-grid:after,
.photo-gallery .recordings-grid:after {
  content: ' ';
  display: block;
  clear: both;
}
.photo-gallery {
  margin-top: 0;
}
.photo-gallery .photo-grid .item,
.photo-gallery .recordings-grid .item {
  height: auto;
}
.photo-gallery .photo-grid .item h2,
.photo-gallery .recordings-grid .item h2 {
  margin-bottom: 2%;
}
.photo-gallery .photo-grid .item img,
.photo-gallery .recordings-grid .item img {
  display: block;
  width: 99%;
  height: auto;
  margin-bottom: 0 !important;
}
.photo-gallery .photo-grid .item .text-work,
.photo-gallery .recordings-grid .item .text-work {
  border: none;
}
.photo-gallery .photo-grid .item .divider,
.photo-gallery .recordings-grid .item .divider {
  border-top: 1px solid #fff !important;
}
@media only screen and (max-width: 1024px) {
  .photo-gallery .recordings-grid .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .photo-gallery .recordings-grid .item:before,
  .photo-gallery .recordings-grid .item:after {
    content: '';
    display: table;
  }
  .photo-gallery .recordings-grid .item:after {
    clear: both;
  }
  .photo-gallery .recordings-grid .item:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 480px) {
  .photo-gallery .recordings-grid .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .photo-gallery .recordings-grid .item:first-child {
    margin-left: auto;
  }
  .photo-gallery .recordings-grid .item:last-child {
    margin-right: auto;
  }
}
.photo-gallery .recordings-grid .double {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
.photo-gallery .recordings-grid .double:before,
.photo-gallery .recordings-grid .double:after {
  content: '';
  display: table;
}
.photo-gallery .recordings-grid .double:after {
  clear: both;
}
.photo-gallery .recordings-grid .double:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 1024px) {
  .photo-gallery .recordings-grid .double {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .photo-gallery .recordings-grid .double:before,
  .photo-gallery .recordings-grid .double:after {
    content: '';
    display: table;
  }
  .photo-gallery .recordings-grid .double:after {
    clear: both;
  }
  .photo-gallery .recordings-grid .double:last-child {
    margin-right: 0%;
  }
}
#contact {
  margin-top: 5%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #contact {
    margin-top: 9%;
  }
}
#contact:before,
#contact:after {
  content: '';
  display: table;
}
#contact:after {
  clear: both;
}
#contact:last-child {
  margin-right: 0%;
}
#contact h1 a {
  color: #000;
}
#contact .content {
  padding: 4% 0 0 0;
  text-align: left;
  background: #686868 url("../images/contact_bg.jpg") 50% 0 no-repeat fixed;
  background-size: cover !important;
}
#contact .content .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#contact .content .half:before,
#contact .content .half:after {
  content: '';
  display: table;
}
#contact .content .half:after {
  clear: both;
}
#contact .content .half:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #contact .content .half {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8%;
  }
  #contact .content .half:first-child {
    margin-left: auto;
  }
  #contact .content .half:last-child {
    margin-right: auto;
  }
}
#contact .content .half p a {
  color: #fff;
  text-decoration: none;
}
#contact .content .half h2 {
  margin-bottom: 4%;
}
#contact .content .half ul {
  padding: 0;
  margin: 0px;
  list-style-type: none;
  display: table;
  float: left;
  margin: 2% auto;
}
#contact .content .half ul li {
  display: inline;
  float: left;
  position: relative;
}
#contact .content .half ul li a {
  display: block;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: #fff;
  color: #686868;
  text-decoration: none;
  padding: 8px;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none !important;
  transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 768px) {
  #contact .content .half ul li a {
    font-size: 14px;
    padding: 10px;
  }
}
#contact .content .half ul li a:hover,
#contact .content .half ul li a.active,
#contact .content .half ul li a.active a {
  color: #fff;
  background-color: #d57043;
  border: 1px solid #d57043;
}
#contact .content .half ul li:last-child a {
  margin-right: 0;
}
#contact-form .form-content #form {
  margin-bottom: 12%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #contact-form .form-content #form {
    margin-bottom: 4%;
  }
}
#contact-form .form-content #form:before,
#contact-form .form-content #form:after {
  content: '';
  display: table;
}
#contact-form .form-content #form:after {
  clear: both;
}
#contact-form .form-content #form .field {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#contact-form .form-content #form .field:before,
#contact-form .form-content #form .field:after {
  content: '';
  display: table;
}
#contact-form .form-content #form .field:after {
  clear: both;
}
#contact-form .form-content #form .field:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #contact-form .form-content #form .field {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #contact-form .form-content #form .field:first-child {
    margin-left: auto;
  }
  #contact-form .form-content #form .field:last-child {
    margin-right: auto;
  }
  #contact-form .form-content #form .field:before,
  #contact-form .form-content #form .field:after {
    content: '';
    display: table;
  }
  #contact-form .form-content #form .field:after {
    clear: both;
  }
  #contact-form .form-content #form .field:last-child {
    margin-right: 0%;
  }
}
#contact-form .form-content #form label {
  display: none;
}
#contact-form .form-content #form .textarea,
#contact-form .form-content #form .submit {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  clear: both;
}
#contact-form .form-content #form .textarea:before,
#contact-form .form-content #form .submit:before,
#contact-form .form-content #form .textarea:after,
#contact-form .form-content #form .submit:after {
  content: '';
  display: table;
}
#contact-form .form-content #form .textarea:after,
#contact-form .form-content #form .submit:after {
  clear: both;
}
#contact-form .form-content #form .textarea:last-child,
#contact-form .form-content #form .submit:last-child {
  margin-right: 0%;
}
#contact-form .form-content #form input,
#contact-form .form-content #form textarea {
  padding: 2% 4%;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  color: inherit;
  display: block;
  font-family: inherit;
  font-weight: 300;
  font-size: inherit;
  margin-bottom: 24px;
  width: 93%;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #contact-form .form-content #form input,
  #contact-form .form-content #form textarea {
    width: 90%;
  }
}
#contact-form .form-content #form textarea {
  width: 95%;
  height: 170px;
}
#contact-form .form-content #form .button {
  width: auto;
  border: medium none;
  background-color: #000;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 8px;
  transition: background-color 0.2s ease 0s;
}
#contact-form .form-content #form .wpcf7-response-output {
  font-size: 12px;
  line-height: 22px;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  background-color: #436ec6;
  color: #fff;
  padding: 2%;
  border-radius: 2px;
}
#contact-form .form-content #form .wpcf7-response-output:before,
#contact-form .form-content #form .wpcf7-response-output:after {
  content: '';
  display: table;
}
#contact-form .form-content #form .wpcf7-response-output:after {
  clear: both;
}
#contact-form .form-content #form .wpcf7-validation-errors {
  background-color: #c64343;
  color: #fff;
}
#contact-form .form-content #form .wpcf7-display-none {
  display: none;
}
#contact-form .form-content #form .screen-reader-response {
  display: none;
}
#footer {
  clear: both;
}
#footer .info,
#footer #upTop-holder {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#footer .info:before,
#footer #upTop-holder:before,
#footer .info:after,
#footer #upTop-holder:after {
  content: '';
  display: table;
}
#footer .info:after,
#footer #upTop-holder:after {
  clear: both;
}
#footer .info:last-child,
#footer #upTop-holder:last-child {
  margin-right: 0%;
}
#footer .info p {
  text-align: left;
  font-size: 14px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  #footer .info p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  #footer .info {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #footer .info:first-child {
    margin-left: auto;
  }
  #footer .info:last-child {
    margin-right: auto;
  }
}
#footer #upTop-holder {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #footer #upTop-holder {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 4%;
  }
  #footer #upTop-holder:first-child {
    margin-left: auto;
  }
  #footer #upTop-holder:last-child {
    margin-right: auto;
  }
}
#footer #upTop-holder #upTop {
  display: block;
  float: right;
  text-align: center;
  color: #fff;
  background-color: #414141;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  width: 28px;
}
@media only screen and (max-width: 768px) {
  #footer #upTop-holder #upTop {
    float: none;
  }
}
#footer #upTop-holder #backHome {
  display: block;
  float: right;
  text-align: center;
  color: #fff;
  background-color: #414141;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  margin: 0 8px 0 0;
  padding: 0 6px;
}
@media only screen and (max-width: 768px) {
  #footer #upTop-holder #backHome {
    display: none;
  }
}
#page {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 4%;
  margin-bottom: 1%;
}
#page:before,
#page:after {
  content: '';
  display: table;
}
#page:after {
  clear: both;
}
#page:last-child {
  margin-right: 0%;
}
#page .header {
  padding-bottom: 0;
}
#page .header .bottom {
  margin-top: 4%;
}
#page .header h1 a {
  font-weight: 700;
  color: #000;
}
#page .header p.date {
  font-size: 12px;
  line-height: 12px;
  margin-top: 1%;
  margin-bottom: 0;
}
#page .header select {
  margin-top: 1%;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #page .header select {
    display: none;
  }
}
#page .content {
  padding: 0;
}
#page .content p.center {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
#page .content #compositions {
  margin-top: 1%;
}
#page .content .compositions-holder,
#page .content .details-holder,
#page .content .video-holder,
#page .content .performances-holder {
  clear: both;
  margin-top: 4%;
  margin-bottom: 2%;
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
#page .content .compositions-holder:before,
#page .content .details-holder:before,
#page .content .video-holder:before,
#page .content .performances-holder:before,
#page .content .compositions-holder:after,
#page .content .details-holder:after,
#page .content .video-holder:after,
#page .content .performances-holder:after {
  content: '';
  display: table;
}
#page .content .compositions-holder:after,
#page .content .details-holder:after,
#page .content .video-holder:after,
#page .content .performances-holder:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #page .content .compositions-holder,
  #page .content .details-holder,
  #page .content .video-holder,
  #page .content .performances-holder {
    padding: 0 4%;
    margin-bottom: 4%;
  }
}
#page .content .video-holder {
  margin-top: 2%;
}
#page .content .performances-holder {
  margin-top: 6%;
}
#page .content h2 {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #page .content h2 {
    padding: 0 !important;
  }
}
#page .content .video {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin: 0 0 4% 0;
}
#page .content .video:before,
#page .content .video:after {
  content: '';
  display: table;
}
#page .content .video:after {
  clear: both;
}
#page .content .video .video-item {
  overflow: hidden;
  position: relative;
}
#page .content .video .video-item img {
  display: block;
}
#page .content .video .video-item a {
  display: block;
  overflow: hidden;
  background-color: #051121;
  transition: all 0.4s ease;
  lost-column: 1/1;
}
#page .content .video .video-item a .wrapper {
  text-align: center;
  position: relative;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content .video .video-item a .wrapper:before,
#page .content .video .video-item a .wrapper:after {
  content: '';
  display: table;
}
#page .content .video .video-item a .wrapper:after {
  clear: both;
}
#page .content .video .video-item a .wrapper:last-child {
  margin-right: 0%;
}
#page .content .video .video-item a .wrapper img {
  transition: all 0.2s ease 0s;
  opacity: 0.6;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0;
}
#page .content .video .video-item a .wrapper .play-icon-holder {
  z-index: 4;
  text-align: center;
  transition: all 0.4s ease;
  position: absolute;
  width: 100%;
  height: 100%;
}
#page .content .video .video-item a .wrapper .play-icon-thing {
  transition: all 0.4s ease;
  color: #fff;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#page .content .video .video-item a .wrapper .play-icon-thing .play-icon {
  transition: all 0.2s ease 0s;
  font-weight: 300;
  display: inline-block;
  text-decoration: none;
  padding: 0 !important;
  text-align: center;
  color: #fff;
  width: 82px;
  height: 82px;
  background-color: $link-color;
  border-radius: 100%;
  border: 2px solid #fff;
}
#page .content .video .video-item a .wrapper .play-icon-thing .play-icon .icon-play-arrow {
  transition: all 0.2s ease 0s;
  font-size: 42px;
  line-height: 76px;
}
#page .content .video .video-item a .wrapper .play-icon-thing .prompt {
  margin-top: 18px;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 1px;
}
#page .content .video .video-item a:hover .wrapper img {
  opacity: 0.8;
}
#page .content .video .video-item a:hover .wrapper .play-icon-thing .play-icon .icon-play-arrow {
  font-size: 48px;
}
#page .content .composition-details {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 6% 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 0 0 4% 0;
}
#page .content .composition-details:before,
#page .content .composition-details:after {
  content: '';
  display: table;
}
#page .content .composition-details:after {
  clear: both;
}
#page .content .composition-details .embed,
#page .content .composition-details .details {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content .composition-details .embed:before,
#page .content .composition-details .details:before,
#page .content .composition-details .embed:after,
#page .content .composition-details .details:after {
  content: '';
  display: table;
}
#page .content .composition-details .embed:after,
#page .content .composition-details .details:after {
  clear: both;
}
#page .content .composition-details .embed:last-child,
#page .content .composition-details .details:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .composition-details .embed,
  #page .content .composition-details .details {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8%;
  }
  #page .content .composition-details .embed:first-child,
  #page .content .composition-details .details:first-child {
    margin-left: auto;
  }
  #page .content .composition-details .embed:last-child,
  #page .content .composition-details .details:last-child {
    margin-right: auto;
  }
  #page .content .composition-details .embed p,
  #page .content .composition-details .details p,
  #page .content .composition-details .embed h3,
  #page .content .composition-details .details h3 {
    padding: 0;
  }
}
#page .content .composition-details .embed p.listen {
  margin-top: 8%;
  margin-bottom: 2%;
}
#page .content .composition-details .embed p.listen span {
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 1%;
  margin-bottom: 2%;
  border-bottom: 1px solid #000;
}
#page .content .composition-details .embed a {
  text-decoration: none;
  text-transform: uppercase;
}
#page .content .composition-details .embed a.social {
  transition: all 0.2s ease 0s;
  font-weight: 300;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  padding: vr-block(0.5) 0;
  margin-top: vr-block(0.25);
  padding: 0 !important;
  text-align: center;
  color: #fff;
  width: 36px;
  height: 36px;
  background-color: #909090;
  border-radius: 100%;
}
#page .content .composition-details .embed a.social i {
  font-size: 20px !important;
  line-height: 36px !important;
}
#page .content .composition-details .embed a.sp {
  background-color: #10bb4b;
}
#page .content .composition-details .embed a.yt {
  background-color: #ce1312;
}
#page .content .composition-details .embed a.sc {
  background-color: #fa751f;
}
#page .content .composition-details .details h3 {
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
}
#page .content .composition-details .details a {
  text-decoration: none;
  text-transform: uppercase;
}
#page .content .compositions {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  border-top: 1px solid #000;
  margin: 0 0 4% 0;
}
#page .content .compositions:before,
#page .content .compositions:after {
  content: '';
  display: table;
}
#page .content .compositions:after {
  clear: both;
}
#page .content .compositions .composition {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  padding: 3% 0;
  border-bottom: 1px solid #b4b7bc;
}
#page .content .compositions .composition:before,
#page .content .compositions .composition:after {
  content: '';
  display: table;
}
#page .content .compositions .composition:after {
  clear: both;
}
#page .content .compositions .composition:last-child {
  margin-right: 0%;
}
#page .content .compositions .composition .year,
#page .content .compositions .composition .title,
#page .content .compositions .composition .link {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content .compositions .composition .year:before,
#page .content .compositions .composition .title:before,
#page .content .compositions .composition .link:before,
#page .content .compositions .composition .year:after,
#page .content .compositions .composition .title:after,
#page .content .compositions .composition .link:after {
  content: '';
  display: table;
}
#page .content .compositions .composition .year:after,
#page .content .compositions .composition .title:after,
#page .content .compositions .composition .link:after {
  clear: both;
}
#page .content .compositions .composition .year:last-child,
#page .content .compositions .composition .title:last-child,
#page .content .compositions .composition .link:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .compositions .composition .year,
  #page .content .compositions .composition .title,
  #page .content .compositions .composition .link {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }
  #page .content .compositions .composition .year:first-child,
  #page .content .compositions .composition .title:first-child,
  #page .content .compositions .composition .link:first-child {
    margin-left: auto;
  }
  #page .content .compositions .composition .year:last-child,
  #page .content .compositions .composition .title:last-child,
  #page .content .compositions .composition .link:last-child {
    margin-right: auto;
  }
}
#page .content .compositions .composition .year {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #page .content .compositions .composition .year {
    margin-bottom: 2%;
  }
}
#page .content .compositions .composition .title {
  text-align: center;
}
#page .content .compositions .composition .title p {
  font-size: 1.1em;
  font-weight: 800;
}
@media only screen and (max-width: 768px) {
  #page .content .compositions .composition .title {
    margin-bottom: 2%;
  }
}
#page .content .compositions .composition .link {
  text-align: right;
}
#page .content .compositions .composition .link p {
  text-transform: uppercase;
}
#page .content .compositions .composition .link p a {
  text-decoration: none;
}
#page .content .performances-head {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  border-top: 1px solid #000;
  margin: 0 0 0 0;
}
#page .content .performances-head:before,
#page .content .performances-head:after {
  content: '';
  display: table;
}
#page .content .performances-head:after {
  clear: both;
}
#page .content .performances-head .performance-head {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  padding: 3% 0 2.2% 0;
  border-bottom: 1px solid #b4b7bc;
}
#page .content .performances-head .performance-head:before,
#page .content .performances-head .performance-head:after {
  content: '';
  display: table;
}
#page .content .performances-head .performance-head:after {
  clear: both;
}
#page .content .performances-head .performance-head:last-child {
  margin-right: 0%;
}
#page .content .performances-head .performance-head .title,
#page .content .performances-head .performance-head .link {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content .performances-head .performance-head .title:before,
#page .content .performances-head .performance-head .link:before,
#page .content .performances-head .performance-head .title:after,
#page .content .performances-head .performance-head .link:after {
  content: '';
  display: table;
}
#page .content .performances-head .performance-head .title:after,
#page .content .performances-head .performance-head .link:after {
  clear: both;
}
#page .content .performances-head .performance-head .title:last-child,
#page .content .performances-head .performance-head .link:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .performances-head .performance-head .title,
  #page .content .performances-head .performance-head .link {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }
  #page .content .performances-head .performance-head .title:first-child,
  #page .content .performances-head .performance-head .link:first-child {
    margin-left: auto;
  }
  #page .content .performances-head .performance-head .title:last-child,
  #page .content .performances-head .performance-head .link:last-child {
    margin-right: auto;
  }
}
#page .content .performances-head .performance-head .title {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #page .content .performances-head .performance-head .title {
    margin-bottom: 2%;
  }
}
#page .content .performances-head .performance-head .title h2 {
  line-height: 24px;
}
#page .content .performances-head .performance-head .link {
  text-align: right;
}
#page .content .performances-head .performance-head .link p {
  text-transform: uppercase;
}
#page .content .performances-head .performance-head .link p a {
  text-decoration: none;
}
#page .content .performances {
  display: none;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin: 0 0 4% 0;
}
#page .content .performances:before,
#page .content .performances:after {
  content: '';
  display: table;
}
#page .content .performances:after {
  clear: both;
}
#page .content .performances .performance {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  padding: 3% 0 2.2% 0;
  border-bottom: 1px solid #b4b7bc;
}
#page .content .performances .performance:before,
#page .content .performances .performance:after {
  content: '';
  display: table;
}
#page .content .performances .performance:after {
  clear: both;
}
#page .content .performances .performance:last-child {
  margin-right: 0%;
}
#page .content .performances .performance .date {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: left;
}
#page .content .performances .performance .date:before,
#page .content .performances .performance .date:after {
  content: '';
  display: table;
}
#page .content .performances .performance .date:after {
  clear: both;
}
#page .content .performances .performance .date:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .performances .performance .date {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
  }
  #page .content .performances .performance .date:first-child {
    margin-left: auto;
  }
  #page .content .performances .performance .date:last-child {
    margin-right: auto;
  }
}
#page .content .performances .performance .title {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66666666666666%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: left;
}
#page .content .performances .performance .title:before,
#page .content .performances .performance .title:after {
  content: '';
  display: table;
}
#page .content .performances .performance .title:after {
  clear: both;
}
#page .content .performances .performance .title:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .performances .performance .title {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #page .content .performances .performance .title:first-child {
    margin-left: auto;
  }
  #page .content .performances .performance .title:last-child {
    margin-right: auto;
  }
}
#page .content .shown {
  display: block;
}
#page .content section {
  text-align: left;
}
#page .content section p,
#page .content section h2,
#page .content section h3,
#page .content section h4 {
  clear: both;
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
#page .content section p:before,
#page .content section h2:before,
#page .content section h3:before,
#page .content section h4:before,
#page .content section p:after,
#page .content section h2:after,
#page .content section h3:after,
#page .content section h4:after {
  content: '';
  display: table;
}
#page .content section p:after,
#page .content section h2:after,
#page .content section h3:after,
#page .content section h4:after {
  clear: both;
}
@media only screen and (max-width: 788px) {
  #page .content section p,
  #page .content section h2,
  #page .content section h3,
  #page .content section h4 {
    padding: 0 4%;
  }
}
#page .content section .col {
  clear: both;
  margin-bottom: 2%;
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
#page .content section .col:before,
#page .content section .col:after {
  content: '';
  display: table;
}
#page .content section .col:after {
  clear: both;
}
@media only screen and (max-width: 788px) {
  #page .content section .col {
    padding: 0;
    margin-bottom: 4%;
  }
}
#page .content section h3 {
  margin-bottom: 2%;
  text-transform: none;
}
#page .content section p.pagenav,
#page .content section span.pagenav {
  font-weight: 700;
  text-align: center;
}
#page .content section p.pagenav a,
#page .content section span.pagenav a {
  color: #000;
  text-decoration: none;
}
#page .content section p.caption {
  text-align: center;
  font-size: 11px;
}
#page .content section img {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  width: 100%;
  height: auto;
  margin-bottom: 2%;
}

a.press-download img {
    width: auto !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 13px !important;
}


#page .content section img:before,
#page .content section img:after {
  content: '';
  display: table;
}
#page .content section img:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #page .content section img {
    margin-bottom: 4%;
  }
}
#page .content section img.captioned {
  margin-bottom: 0;
}
#page .content section blockquote {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 788px) {
  #page .content section blockquote {
    margin-left: 4%;
    margin-right: 4%;
  }
}
#page .content section .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content section .half:before,
#page .content section .half:after {
  content: '';
  display: table;
}
#page .content section .half:after {
  clear: both;
}
#page .content section .half:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content section .half {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #page .content section .half:first-child {
    margin-left: auto;
  }
  #page .content section .half:last-child {
    margin-right: auto;
  }
}
#page .content section .half h2 {
  margin-top: 12%;
}
@media only screen and (max-width: 768px) {
  #page .content section .half h2 {
    margin-top: 6%;
  }
}
#page .content section .half h2:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #page .content section .half h2:first-child {
    margin-top: 6%;
  }
}
#page .content section .textwidget p:last-child {
  margin-bottom: 2%;
}
#page .content section .orange,
#page .content section .blue {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  color: #fff;
  padding-bottom: 2%;
  margin-bottom: 3%;
}
#page .content section .orange:before,
#page .content section .blue:before,
#page .content section .orange:after,
#page .content section .blue:after {
  content: '';
  display: table;
}
#page .content section .orange:after,
#page .content section .blue:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #page .content section .orange,
  #page .content section .blue {
    padding-bottom: 4%;
  }
}
#page .content section .orange p:first-child,
#page .content section .blue p:first-child {
  margin-top: 2%;
  margin-bottom: 2%;
}
#page .content section .orange p:last-child,
#page .content section .blue p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #page .content section .orange,
  #page .content section .blue {
    margin-top: 4%;
    margin-bottom: 4%;
  }
}
#page .content section .blue {
  background-color: #173056;
}
#page .content section .orange {
  background-color: #d57043;
}
#page .content section p.tm {
  clear: both;
  padding-top: 2%;
}
@media only screen and (max-width: 768px) {
  #page .content section p.tm {
    padding-top: 4%;
  }
}
@media only screen and (max-width: 788px) {
  #page .content section .wp-caption {
    margin-left: 4%;
    margin-right: 4%;
  }
}
#page .content section .video-clip-holder {
  margin-bottom: 4%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content section .video-clip-holder:before,
#page .content section .video-clip-holder:after {
  content: '';
  display: table;
}
#page .content section .video-clip-holder:after {
  clear: both;
}
#page .content section .video-clip-holder:last-child {
  margin-right: 0%;
}
#page .content section .video-clip-holder p {
  text-align: center;
}
#page .content section .video-clip {
  overflow: hidden;
  position: relative;
  margin-bottom: 1%;
}
#page .content section .video-clip .item {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#page .content section .video-clip .item:before,
#page .content section .video-clip .item:after {
  content: '';
  display: table;
}
#page .content section .video-clip .item:after {
  clear: both;
}
#page .content section .video-clip .item:last-child {
  margin-right: 0%;
}
#page .content section .video-clip .item img {
  margin-bottom: 0;
}
#page .content section .video-clip .item .text-work {
  border: none;
}
#page .content section .photo-gallery {
  margin-bottom: 3%;
}
#page .content section .photo-gallery .item {
  border: none;
}
#page .content section .photo-gallery .header {
  margin-bottom: 1%;
}
#page .content .timeline-nav {
  text-align: center !important;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 11.714285714285714%;
  margin-left: 0%;
  margin-right: 3%;
  background-color: #f9f9f9;
}
#page .content .timeline-nav:before,
#page .content .timeline-nav:after {
  content: '';
  display: table;
}
#page .content .timeline-nav:after {
  clear: both;
}
#page .content .timeline-nav:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .timeline-nav {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    height: 0;
  }
  #page .content .timeline-nav:first-child {
    margin-left: auto;
  }
  #page .content .timeline-nav:last-child {
    margin-right: auto;
  }
}
#page .content .timeline-nav .prev,
#page .content .timeline-nav .next {
  width: 100%;
  padding: 4% 0;
  margin: 2% 0;
  background-color: #f6f6f6;
  cursor: pointer;
}
#page .content .timeline-nav .prev {
h
  margin-bottom: 4%;
}
#page .content .timeline-nav .next {
  margin-top: 4%;
}
#page .content .timeline-nav #timeline-nav {
  clear: both;
}
#page .content .timeline-nav #timeline-nav div {
  margin-top: -2px;
}
#page .content .timeline-nav #timeline-nav div a {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  color: #000;
}
#page .content .timeline-nav #timeline-nav div a.current-menu-item,
#page .content .timeline-nav #timeline-nav div a:hover {
  font-weight: 700;
}
#page .content .timeline {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 85.28571428571428%;
  margin-left: 0%;
  margin-right: 3%;
}
#page .content .timeline:before,
#page .content .timeline:after {
  content: '';
  display: table;
}
#page .content .timeline:after {
  clear: both;
}
#page .content .timeline:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #page .content .timeline {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #page .content .timeline:before,
  #page .content .timeline:after {
    content: '';
    display: table;
  }
  #page .content .timeline:after {
    clear: both;
  }
}
@media only screen and (max-width: 768px) {
  #page .content .timeline p,
  #page .content .timeline h2,
  #page .content .timeline h3,
  #page .content .timeline h4 {
    padding-left: 0;
    padding-right: 0;
  }
}
#page .content .timeline .share {
  margin-top: 8%;
}
#page .content .timeline .share .divider {
  margin: 0 80% 1% 0;
}
#page .content .timeline .share a {
  margin: 0 4px;
  text-decoration: none;
}
#page .content .timeline .share a:hover {
  text-decoration: underline;
}
#page .content .timeline #photos {
  margin-top: 1%;
  margin-bottom: 2%;
}
@media only screen and (max-width: 768px) {
  #page .content .timeline #photos {
    margin-bottom: 4%;
  }
}
#page .content #home {
  margin-bottom: 2%;
}
#mtt-files {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 2% 0 4% 0;
  overflow: hidden;
}
#mtt-files:before,
#mtt-files:after {
  content: '';
  display: table;
}
#mtt-files:after {
  clear: both;
}
#mtt-files .item {
  margin-bottom: 4%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
}
#mtt-files .item:before,
#mtt-files .item:after {
  content: '';
  display: table;
}
#mtt-files .item:after {
  clear: both;
}
#mtt-files .item:last-child {
  margin-right: 0%;
}
#mtt-files .item p {
  margin-bottom: 6%;
}
#mtt-files .item h3 {
  margin-bottom: 2% !important;
}
#episodes {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 2% 0 4% 0;
  overflow: hidden;
  text-align: center;
}
#episodes:before,
#episodes:after {
  content: '';
  display: table;
}
#episodes:after {
  clear: both;
}
#episodes .page-holder {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#episodes .page-holder:before,
#episodes .page-holder:after {
  content: '';
  display: table;
}
#episodes .page-holder:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #episodes .page-holder .page {
    margin: 0;
  }
}
#episodes .page-holder .page .item {
  position: relative;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  overflow: hidden;
  margin-bottom: 4%;
  padding-bottom: 46px;
}
#episodes .page-holder .page .item:before,
#episodes .page-holder .page .item:after {
  content: '';
  display: table;
}
#episodes .page-holder .page .item:after {
  clear: both;
}
#episodes .page-holder .page .item:nth-child(3n) {
  margin-right: 0%;
  float: right;
}
#episodes .page-holder .page .item:nth-child(3n+1) {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #episodes .page-holder .page .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #episodes .page-holder .page .item:before,
  #episodes .page-holder .page .item:after {
    content: '';
    display: table;
  }
  #episodes .page-holder .page .item:after {
    clear: both;
  }
  #episodes .page-holder .page .item:nth-child(3n) {
    margin-right: 3%;
    float: left;
  }
  #episodes .page-holder .page .item:nth-child(3n+1) {
    clear: none;
  }
  #episodes .page-holder .page .item:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  #episodes .page-holder .page .item:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 640px) {
  #episodes .page-holder .page .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #episodes .page-holder .page .item:first-child {
    margin-left: auto;
  }
  #episodes .page-holder .page .item:last-child {
    margin-right: auto;
  }
}
#episodes .page-holder .page .item h3 {
  margin-bottom: 4%;
}
#episodes .page-holder .page .item p {
  margin-bottom: 6%;
}
#episodes .page-holder .page .item p:last-child {
  padding: 0 !important;
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media only screen and (max-width: 640px) {
  #episodes .page-holder .page .item p:last-child {
    position: relative !important;
    width: auto !important;
  }
}
#episodes .page-holder .page .item img {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  width: 100%;
  height: auto;
}
#episodes .page-holder .page .item img:before,
#episodes .page-holder .page .item img:after {
  content: '';
  display: table;
}
#episodes .page-holder .page .item img:after {
  clear: both;
}
#episodes .page-holder .page .item img:last-child {
  margin-right: 0%;
}
#features,
#instagram {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  clear: both;
  padding: 0 0 4% 0;
  overflow: hidden;
  text-align: center;
}
#features:before,
#instagram:before,
#features:after,
#instagram:after {
  content: '';
  display: table;
}
#features:after,
#instagram:after {
  clear: both;
}
#features:last-child,
#instagram:last-child {
  margin-right: 0%;
}
#features h2,
#instagram h2 {
  margin-bottom: 1%;
}
#features .item,
#instagram .item {
  position: relative;
}
#features .photo-gallery,
#instagram .photo-gallery {
    margin-bottom: 2% !important;
}
#features .photo-gallery img,
#instagram .photo-gallery img {
  margin-bottom: 0 !important;
}
#instagram {
  margin-top: 4%;
  padding-bottom: 2%;
}
#artists {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
#artists:before,
#artists:after {
  content: '';
  display: table;
}
#artists:after {
  clear: both;
}
#artists .page {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
#artists .page:before,
#artists .page:after {
  content: '';
  display: table;
}
#artists .page:after {
  clear: both;
}
#artists .item {
  position: relative;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
  overflow: hidden;
}
#artists .item:before,
#artists .item:after {
  content: '';
  display: table;
}
#artists .item:after {
  clear: both;
}
#artists .item:nth-child(3n) {
  float: right;
}
#artists .item:nth-child(3n + 1) {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #artists .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #artists .item:before,
  #artists .item:after {
    content: '';
    display: table;
  }
  #artists .item:after {
    clear: both;
  }
  #artists .item:nth-child(2n) {
    float: right;
  }
  #artists .item:nth-child(2n + 1) {
    clear: both;
  }
  #artists .item:nth-child(3n) {
    float: left;
  }
  #artists .item:nth-child(3n + 1) {
    clear: none;
  }
}
#artists .item img {
  margin-bottom: 0 !important;
}
#artists .item .divider {
  border-top: 1px solid #fff;
}
#artists .nav {
  margin-top: 2%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 34.33333333333333%;
  margin-right: 3%;
  text-align: center;
}
#artists .nav:before,
#artists .nav:after {
  content: '';
  display: table;
}
#artists .nav:after {
  clear: both;
}
#artists .nav:last-child {
  margin-right: 0%;
}
#artists .nav .prev,
#artists .nav .next {
  cursor: pointer;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  font-size: 24px;
}
#artists .nav .prev:before,
#artists .nav .next:before,
#artists .nav .prev:after,
#artists .nav .next:after {
  content: '';
  display: table;
}
#artists .nav .prev:after,
#artists .nav .next:after {
  clear: both;
}
#artists .nav .prev:last-child,
#artists .nav .next:last-child {
  margin-right: 0%;
}
#category {
  margin-top: 5%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
}
@media only screen and (max-width: 768px) {
  #category {
    margin-top: 9%;
  }
}
#category:before,
#category:after {
  content: '';
  display: table;
}
#category:after {
  clear: both;
}
#category:last-child {
  margin-right: 0%;
}
#category a {
  text-decoration: none;
}
#category h1 a {
  color: #000;
}
#category p.date {
  font-size: 12px;
  margin-top: 1%;
}
#category .entry {
  *zoom: 1;
  width: auto;
  max-width: 768px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  margin-top: 8%;
  overflow: hidden;
  margin-bottom: 1%;
}
#category .entry:before,
#category .entry:after {
  content: '';
  display: table;
}
#category .entry:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  #category .entry {
    margin-top: 14%;
  }
}
#category .entry:first-child {
  margin-top: 0;
}
#category .entry-contents {
  padding-bottom: 4%;
  overflow: hidden;
  border-bottom: 1px solid #000;
  margin: 0 6%;
}
#category .header {
  border-bottom: none;
}
#category .divider {
  border-top: 1px solid #000;
}
#category .the_content {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  text-align: left;
  margin-bottom: 2%;
}
#category .the_content:before,
#category .the_content:after {
  content: '';
  display: table;
}
#category .the_content:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  #category .the_content overflow hidden {
    margin-bottom: 4%;
  }
}
#category .the_content .postimage {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2%;
  text-align: center;
}
#category .the_content .postimage:before,
#category .the_content .postimage:after {
  content: '';
  display: table;
}
#category .the_content .postimage:after {
  clear: both;
}
#category .the_content .postimage:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 768px) {
  #category .the_content .postimage {
    margin-bottom: 4%;
  }
}
#category .the_content .postimage img {
  width: 100%;
  height: auto;
}
#category .more-holder {
  margin-top: 1%;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: center;
}
#category .more-holder:before,
#category .more-holder:after {
  content: '';
  display: table;
}
#category .more-holder:after {
  clear: both;
}
#category .more-holder:last-child {
  margin-right: 0%;
}
#category .more-holder a {
  display: inline-block;
}
#category .share {
  font-size: 12px;
}
#category .share a {
  font-weight: 700;
  display: inline-block;
  margin-left: 6px;
}
input:invalid {
  box-shadow: none !important;
}
/* BREAK-POINTS */
/* Desktops and laptops 1824px ----------- */
/* iPads (landscape) 1224px ----------- */
/* iPads (portrait) 1024px ----------- */
/* Smartphones (landscape) 768px ----------- */
/* Big smartphones (portrait) 640px (ie: Galaxy 3 has 360)*/
/* Smartphones (portrait) 321px (ie: Galaxy 1) */




.cookie-notice-container {
    padding: 14px 0 !important;
    text-align: center;
    width: 100%;
    color: #fff !important;

    font-size: 0.96rem !important;
}

.cookie-notice-container a{
    color: #d0d9e8 ;
}

.cn-button.button {
    display: inline-block;
    padding: 4px 12px;
    margin-right: .3em;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
    color: #000;
    text-shadow: none;
    background-color: #d0d9e8;
    border-style: none;
    border-width: 0;
    box-shadow: none;
    padding: 2px 10px;
    font-size: 12px;
    text-decoration: none;
    border-radius: 0;
    outline: none;
}

.cn-button.button:hover {
    color: #000 !important;
    background-color: #fff !important;
}


/*************** Instafeed  ***************/

div#instafeed {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
}

#instafeed .twocol *{
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    }
#instafeed .twocol {
    margin: 0;
    padding: 0;
        width: 20%;
    line-height: 0;
    float: left;
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    overflow: hidden;
}

.insta-item-wrap {
    position: relative;
    width: 101%;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    float: left;
}
.insta-item-wrap .overlay {
    line-height: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
        background: rgba(219, 230, 248, 0.91) !important;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.insta-in {
    position: absolute;
    width: 92.6%;
    height: 94%;
    top: 3%;
    left: 3%;
    border: 1px solid rgba(0, 0, 0, 0.74);
    display: table;
}

.insta-in3 {
    display: table-cell;
    vertical-align: middle;
}
.follow {
    color: #000;
    border: 1px solid #d57043;
    border-radius: 2px;
    padding: 7px 12px 11px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none !important;
    transition: all 0.2s ease 0s;
    line-height: 100%;
}

.follow:hover {

}

.follow i {
    font-size: 23px;
    display: inline-block;
    margin-left: 14px;
}

a.insta_btn {
    clear: both;
    display: block;
    width: 50%;
    margin: 0 auto;
    max-width: 450px;
}


.new-square {
    height: 210px;
}

.follow:hover {
    color: #fff;
    background: #d57043;
    border: 1px solid #d57043;
}

.insta-item-wrap .overlay p {
    padding: 5px 20px;
    font-size: 14px;
    color: #000;
    line-height: 115%;
    margin-top: 0;

}
#instafeed .twocol:hover .insta-item-wrap .overlay {
    opacity: 1 !important;
}
#instafeed .twocol .insta-item-wrap img {
    width: 100%;
    height: auto;
}

.insta-wrap {
    margin: 50px auto 0;
}
@media only screen and (max-width: 768px) {
   #instafeed .twocol {
        width: 50%;
   }
}