* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Gill Sans MT",
    Calibri, sans-serif;
  font-weight: lighter;
  font-size: 14px;
  line-height: 18px;
  color: #8c8d8d;
}
a {
  color: #8c8d8d;
  text-decoration: none;
  outline: 0;
}
a:hover,
a.selected {
  text-shadow: 1px 1px 1px #8c8d8d;
}
img {
  border: 0;
}
.hide {
  display: none;
}
#wrapper {
  position: relative;
  width: 1276px;
  padding: 50px 30px;
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.html #content {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}
#header {
  position: absolute;
  width: 205px;
  height: 713px;
}
#logo a {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 170px;
  background: url("../images/logo3.png") 0 0 no-repeat;
  font-size: 0;
  text-indent: -999px;
  overflow: hidden;
}
#menu {
  position: absolute;
  left: 0;
  bottom: 0;
}
#menu ul {
  width: 205px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 3px;
}
#menu ul.subnav {
  margin: 30px 0 30px 20px;
  display: none;
}
#menu a {
  color: #8c8d8d;
  white-space: nowrap;
}
#menu li {
  margin: 5px 0 0 0;
}
#menu li.navspacer {
  margin-top: 63px;
}
#menu ul.subnav li {
  margin: 5px 0 !important;
}
#menu li a.icon {
  margin-top: 3px;
  margin-right: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  font-size: 0;
  color: transparent;
  overflow: hidden;
}
#menu li a.icon.fb {
  background: url("../images/ico_fb.png");
  background-size: 18px 18px;
}
#menu li a.icon.insta {
  background: url("../images/ico_insta.png");
  background-size: 18px 18px;
}
#navthumbs {
  position: absolute;
  margin-top: 10px !important;
  display: none;
}
#navthumbs span {
  width: 13px;
  height: 8px;
  margin-right: 2px;
  display: inline-block;
  background: url("../images/images.png") 0 -354px no-repeat;
}
#main {
  position: relative;
  margin: 0 0 0 255px;
  width: 1021px;
  width: -moz-calc(100% - 255px);
  width: -webkit-calc(100% - 255px);
  width: calc(100% - 255px);
  max-width: 1021px;
  height: 713px;
  display: table;
}
#content {
  width: 1021px;
  display: table-cell;
  vertical-align: middle;
}
.html #content :first-child {
  margin-top: 0;
  padding-top: 0;
}
.gallery #content {
  vertical-align: top;
}
.home #content {
  width: 1021px;
  height: 713px;
  overflow: hidden;
  display: block;
  position: relative;
}
#home_image {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: 713px;
}
.js #home_image {
  display: none;
}
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -110px;
  background: url("../images/ajax-loader.gif");
  width: 220px;
  height: 19px;
  overflow: hidden;
  z-index: 1;
}
#slideshow_wrapper {
  position: relative;
  width: 1021px;
  height: 620px;
  overflow: hidden;
  margin-bottom: 32px;
}
#slideshow_wrapper.fullsize {
  height: 713px;
}
#slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 1;
}
.slidenav {
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: 5;
  top: 0;
  display: none;
}
#slideshow_wrapper:hover .slidenav.on {
  display: block;
}
.touch .slidenav.on {
  display: block !important;
}
.slidenav span {
  position: absolute;
  width: 35px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  overflow: hidden;
}
#slideleft {
  left: 0;
}
#slideleft span {
  background: url("../images/images.png") 0 -161px no-repeat;
  left: 0;
}
#slideright {
  right: 0;
}
#slideright span {
  background: url("../images/images.png") 0 -221px no-repeat;
  right: 0;
}
#slideshow span {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#slideshow span img {
  max-width: 1021px;
  max-height: 620px;
  display: none;
}
#slideshow_wrapper.fullsize span img {
  max-height: 713px;
}
#thumbnails {
  width: 100%;
  max-width: 1021px;
  height: 95px;
  margin: 0;
  padding: 0;
  display: none;
  white-space: nowrap;
}
#thumbnails li {
  margin: 0;
  padding: 0;
}
#thumbnails a {
  display: inline-block;
  margin-right: 2px;
}
#thumbnails a:last-child {
  margin-right: 0;
}
#thumbnails img {
  height: 95px;
  opacity: 0.5;
}
#thumbnails a:hover img,
#thumbnails img.selected {
  opacity: 1;
}
.video #content {
  text-align: center;
  overflow: hidden;
  height: 713px;
}
#content .videothumb {
  position: relative;
  display: inline-block;
  width: 377px;
  height: 213px;
  margin: 0 40px 30px 0;
  background-color: #aaa;
  -moz-box-shadow: 7px 4px 8px #aaa, 2px 4px 3px #aaa, -3px 4px 5px #ccc;
  -webkit-box-shadow: 7px 4px 8px #aaa, 2px 4px 3px #aaa, -3px 4px 5px #ccc;
  box-shadow: 7px 4px 8px #aaa, 2px 4px 3px #aaa, -3px 4px 5px #ccc;
}
.video #content .videothumb:nth-child(even) {
  margin-right: 0;
}
#content .videothumb img {
  display: inline-block;
  width: 377px;
  height: 213px;
  opacity: 0.8;
}
.case-studies #content .videothumb,
.case-studies #content .videothumb img {
  width: 600px;
  height: 339px;
}
.case-studies #content .videothumb {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  margin-right: 8px;
}
.case-studies #content .intro {
  width: 774px;
  margin-bottom: 30px;
}
.case {
  width: 800px;
  margin-bottom: 20px;
  overflow: hidden;
}
.case .thumb {
  display: inline-block;
  width: 165px;
  height: 165px;
  margin-bottom: 9px;
  float: left;
}
.case .thumb a:first-child {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.case .thumb img {
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #ccc;
  height: 165px;
  width: 165px;
}
.case .thumb a:hover img,
#content .videothumb img {
  opacity: 1;
}
#content .videothumb:hover img {
  opacity: 0.8;
}
.case .thumb a:first-child p {
  position: relative;
  height: 165px;
  width: 165px;
  display: table-cell;
  z-index: 5;
  vertical-align: middle;
  text-align: center;
  color: #555;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 2px;
  text-shadow: 1px 0 0 #aaa, 0 1px 0 #aaa, -1px 0 0 #aaa, 0 -1px 0 #aaa;
}
.play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 79px;
  height: 63px;
  margin: -40px 0 0 -31px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  background: url("../images/images.png") 0 -281px no-repeat;
}
#video_wrapper {
  position: relative;
  z-index: 10;
  background-color: #fff;
  display: none;
}
#video_wrapper #videoplayer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -208px;
  margin-left: -368px;
}
@media screen and (max-width: 1326px), screen and (max-height: 813px) {
  body {
    line-height: 16px;
  }
  #wrapper {
    width: 1040px;
    padding: 20px;
  }
  #menu li {
    margin-top: 4px;
  }
  #menu li.navspacer {
    margin-top: 23px;
  }
  #main {
    margin-left: 210px;
  }
  #slideshow_wrapper {
    height: 518px;
    margin-bottom: 20px;
    height: 500px;
    margin-bottom: 10px;
  }
  #header,
  #main,
  #home_image,
  .home #content,
  .video #content,
  #slideshow_wrapper.fullsize {
    height: 600px;
    height: 570px;
  }
  .home #content,
  #main,
  #slideshow_wrapper,
  #content,
  #thumbnails {
    width: 859px;
  }
  .home #content {
    width: 816px;
    margin-left: 21px;
  }
  #slideshow span img {
    max-width: 859px;
    max-height: 518px;
    max-height: 500px;
  }
  #slideshow_wrapper.fullsize span img {
    max-height: 600px;
    max-height: 570px;
  }
  #navthumbs span {
    display: none;
  }
  .video #content .videothumb {
    margin: 0 40px 20px 0;
  }
  .video #content .videothumb,
  .video #content .videothumb img {
    width: 327px;
    height: 185px;
  }
}
@media screen and (min-height: 681px) {
  #wrapper {
    padding: 40px 20px;
  }
}
@media screen and (max-height: 680px) {
  body {
    line-height: 16px;
  }
  #slideshow_wrapper {
    height: 518px;
    margin-bottom: 20px;
    margin-top: -15px;
    height: 500px;
    margin-bottom: 3px;
  }
  #slideshow_wrapper.fullsize {
    margin-top: 0;
  }
}
@media screen and (max-height: 650px) {
  #slideshow_wrapper {
    margin-top: -15px;
    height: 500px;
    margin-bottom: 3px;
  }
  #slideshow_wrapper.fullsize {
    margin-top: 0;
  }
}
@media screen and (max-width: 1064px), screen and (max-height: 610px) {
  #wrapper {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
}
div.scrollingHotSpotLeft,
div.scrollingHotSpotRight {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
div.scrollingHotSpotLeft {
  min-width: 100px;
  width: 15%;
  height: 95px;
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  left: 0;
  cursor: w-resize;
}
div.scrollingHotSpotLeftVisible {
  background-image: none;
  background-color: #fff;
  background-repeat: no-repeat;
  opacity: 0.35;
  -moz-opacity: 0.35;
  filter: alpha(opacity = 35);
  zoom: 1;
}
div.scrollingHotSpotRight {
  min-width: 100px;
  width: 15%;
  height: 95px;
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  right: 0;
  cursor: e-resize;
}
div.scrollingHotSpotRightVisible {
  background-image: none;
  background-color: #fff;
  background-repeat: no-repeat;
  opacity: 0.35;
  filter: alpha(opacity = 35);
  -moz-opacity: 0.35;
  zoom: 1;
}
div.scrollWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 95px;
}
div.scrollableArea {
  position: relative;
  width: auto;
  height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../scripts/fancybox/fancybox.png");
}
#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: 0;
  display: none;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: 0;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0 solid #fff;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../scripts/fancybox/fancybox.png") -40px 0;
  cursor: pointer;
  z-index: 1103;
  display: none;
}
#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: 0;
  background: transparent url("../scripts/fancybox/blank.gif");
  z-index: 1102;
  display: none;
}
#fancybox-left {
  left: 0;
}
#fancybox-right {
  right: 0;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#fancybox-left-ico {
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../scripts/fancybox/fancybox-x.png");
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../scripts/fancybox/fancybox-y.png");
  background-position: -20px 0;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../scripts/fancybox/fancybox-x.png");
  background-position: 0 -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../scripts/fancybox/fancybox-y.png");
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../scripts/fancybox/fancybox.png");
  background-position: -40px -122px;
}
#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url("../scripts/fancybox/fancy_title_over.png");
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: 0;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: 0;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../scripts/fancybox/fancybox.png") -40px -90px no-repeat;
}
#fancybox-title-float-main {
  color: #fff;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../scripts/fancybox/fancybox-x.png") 0 -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../scripts/fancybox/fancybox.png") -55px -90px no-repeat;
}
#fancybox-content .post {
  color: #555;
}
#fancybox-content .post img {
  max-width: 100%;
  height: auto;
}
#fancybox-content .post .postfooter,
#fancybox-content .post .really_simple_share {
  display: none;
}

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
}

h1#logo {
  position: fixed;
}

#menu {
  position: fixed;
  top: 225px;
  left: auto;
}

/* PDF GATE */

form#pdf_subscribe label {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 16px;
  font-style: italic;
}

form#pdf_subscribe input {
  border: 1px solid #ccc;
  padding: 3px;
  background: #ededed;
  font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Gill Sans MT",
    Calibri, sans-serif;
}

form#pdf_subscribe input#submit {
  cursor: pointer;
}

/* MENU OVERRIDES */

#menu a form {
  display: none;
}

#menu form label {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-style: italic;
}

#menu form input {
  border: 1px solid #ccc;
  padding: 3px;
  background: #ededed;
  font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Gill Sans MT",
    Calibri, sans-serif;
}

/* HOME SLIDESHOW */

.home .cycle-slideshow {
  width: 100%;
  height: 713px;
}

.home .cycle-slideshow .slide {
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

/* GRID */

#grid {
  list-style-type: none;
  width: 100%;
  margin: auto;
}

#grid .grid-sizer {
  width: 32%;
}

#grid .gutter-sizer {
  width: 2%;
}

#grid li,
#grid .grid-sizer {
  display: block;
  float: left;
  opacity: 0;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  /*
		margin-bottom: 10px;
		margin-right: 10px;
		*/
  width: 32.5%;
}

#grid .gutter-sizer {
  width: 1.25%;
}

.mediawrap {
  position: relative;
  width: 100%;
  height: 0;
}

.mediawrap img.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#grid li iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*
	@media screen and (max-width: 1326px), screen and (max-height: 813px) {
		#grid li {
			width: 260px;
		}
	}
	*/

#grid li.shown,
.no-js #grid li,
.no-cssanimations #grid li {
  opacity: 1;
}

#grid li a,
#grid li img {
  outline: none;
  border: none;
  display: block;
  width: 100%;
}

#grid li img.photo {
  opacity: 0;
}

#grid li h1 {
  font-size: 90%;
  font-weight: 300;
  padding: 3px 0px;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
  animation: fadeIn 0.65s ease forwards;
  -webkit-animation: fadeIn 0.65s ease forwards;
  -moz-animation: fadeIn 0.65s ease forwards;
  -o-animation: fadeIn 0.65s ease forwards;
}

@keyframes fadeIn {
  0% {
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
  }
  100% {
    opacity: 1;
  }
}

/* VIDEO OVERRIDES */
.video #content .cell {
  position: relative;
  display: inline-block;
  width: 377px;
  height: auto;
  margin: 0 40px 0px 0;
  vertical-align: top;
}

.video #content .cell h1 {
  font-size: 150%;
  font-weight: 300;
}

.video .cell .videoHolder {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.video .cell .videoHolder iframe {
  width: 100%;
  height: 100%;
}

/* SLIDESHOW */

.slideshow #wrapper {
  padding: 0px;
  width: 100%;
}

.slideshow .topNav {
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #8c8d8d;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-align: center;
}

.slideshow .topNav:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .topNav .inner {
  width: 95%;
  margin: auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .topNav .inner .inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .topNav .inner h1 {
  font-weight: 300;
  font-size: 100%;
  width: 33%;
  margin-right: -4px;
  text-align: left;
  letter-spacing: 3px;
}

.slideshow .topNav .inner .counter {
  font-weight: 300;
  font-size: 100%;
  letter-spacing: 3px;
  width: 33%;
  margin-right: -4px;
  text-align: center;
}

.slideshow .topNav .inner .pager {
  font-weight: 300;
  font-size: 100%;
  letter-spacing: 3px;
  width: 33%;
  margin-right: -4px;
  text-align: right;
}

.slideshow .topNav .inner .pager span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 12px;
}

.slideshow .topNav .inner .pager span#share {
  position: relative;
  top: -5px;
  cursor: pointer;
}

.slideshow .topNav .inner .pager #shcont {
  display: none;
  font-size: 100%;
  color: #fff;
  background-color: #8c8d8d;
  text-align: center;
  position: fixed;
  right: 105px;
  top: 80px;
  padding: 20px;
  z-index: 500;
}

.slideshow .topNav .inner .pager #shcont.open {
  display: block;
}

#shcont:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(140, 141, 141, 0);
  border-bottom-color: #8c8d8d;
  border-width: 10px;
  margin-left: -10px;
}

.slideshow .topNav .inner .pager #shcont a {
  letter-spacing: 0.5px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px;
  letter-spacing: 3px;
  margin-bottom: 5px;
  display: block;
}

.slideshow .topNav .inner .pager img {
  height: 20px;
  width: auto;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);

  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.slideshow .topNav .inner .pager img:hover {
  opacity: 0.5;
}

.slideshow .cycle-slideshow {
  width: 100%;
  text-align: center;
  margin-top: 28px;
}

.slideshow .cycle-slideshow .cell {
  margin: auto;
  width: 100%;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}

.slideshow .cycle-slideshow .cell:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .cycle-slideshow .cell img {
  height: auto;
  width: auto;
  max-width: 99%;
  max-height: 99%;
  opacity: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .cycle-slideshow .cell iframe {
  height: 80%;
  opacity: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.slideshow .lightboxlink {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 15px;
  text-align: center;
}

.slideshow .lightboxlink a {
  font-size: 12px;
}

.lightbox #content {
  display: block;
}

.lightbox #grid li .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  color: #000;
  opacity: 0;
  transition: opacity 0.3s;
  text-align: center;
}

.lightbox #grid li .overlay a {
  position: absolute;
  top: 50%;
  width: 90%;
  left: 5%;
  color: #fff;
  z-index: 10;
  text-shadow: none !important;
  transform: translateY(-50%);
}

.lightbox #grid li:hover .overlay {
  opacity: 1;
}

.lbTools {
  position: relative;
  margin: 0px auto 15px auto;
  font-size: 80%;
  color: #999999;
}

.lbTools a {
  text-decoration: none;
}

.lbTools span {
  cursor: pointer;
}

.lbTools span:hover {
  opacity: 0.7;
}

.lbTools img.pdf {
  width: 10px;
  position: relative;
  top: 1px;
}

.lbTools img.link {
  width: 12px;
  position: relative;
  top: 2px;
  margin-left: 12px;
}

.lbTools img.remove {
  width: 9px;
  position: relative;
  margin-left: 12px;
}

#content p {
  margin-bottom: 20px;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
  text-align: center;
  zoom: 1;
  margin-right: -4px;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.5);
}

#overlay .close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 0px;
  left: 0px;
}

#overlay .close img {
  height: 20px;
  width: auto;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}

#overlay.on {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#overlay .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 80%;
  text-align: center;
  position: relative;
  z-index: 5;
}

#overlay .inner p {
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 10px;
}

#overlay .inner p a {
  color: #fff;
}

#overlay .inner .pager {
  width: 100%;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 900;
  font-size: 80%;
  letter-spacing: 2px;
}

#overlay .inner .pager span {
  margin-right: 10px;
  cursor: pointer;
}
#overlay .inner .slideshow {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

#overlay .inner .slideshow .slide {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

#overlay .inner .slideshow .slide:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

#overlay .inner .slideshow .slide img {
  height: 90%;
  width: auto;
  margin: auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

/* OVERLAYS */

.overlay .closelb {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 13px;
  z-index: 10;
  cursor: pointer;
}

.overlay.full {
  position: fixed;
  z-index: 50;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: top;

  opacity: 0;
  z-index: -1;
  visibility: hidden;

  transition: opacity 0.5s;
}

.overlay.full.ON {
  opacity: 1;
  z-index: 500;
  visibility: visible;
}

.overlay.full:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

.overlay ul {
  max-width: 70%;
}

.overlay ul,
.overlay .inner {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
  position: relative;
  z-index: 60;
}

.overlay .inner {
  height: auto;
  width: 100%;
  position: absolute;
  top: 38%;
  left: 0px;
  text-align: center;
  z-index: 11;
}

.overlay .inner p {
  font-size: 18px;
  line-height: 2;
}

.overlay .closer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#photolb.overlay .inner {
  width: 100%;
  height: 93%;
  top: 4%;
}

#video.overlay .inner {
  position: relative;
  top: auto;
  height: auto;
}

.overlay .inner img.photo {
  height: 100%;
  width: auto;
  margin: auto;
}

.overlay .close {
  position: absolute;
  top: 45%;
  left: 0px;
  z-index: 40;
  cursor: pointer;
  width: 100%;
  text-align: center;
  opacity: 0;
}

.overlay .close.ON {
  opacity: 1;
}

.overlay .arrows span {
  position: absolute;
  top: 43%;
  z-index: 50;
  font-size: 200%;
  /*font-weight: 600;*/
  cursor: pointer;
  padding: 20px;
}

.overlay .arrows .left {
  left: 10px;
}

.overlay .arrows .right {
  right: 10px;
}

.overlay .icons {
  position: absolute;
  left: 20px;
  bottom: 15px;
  z-index: 15;
}

.overlay .icons img {
  margin-bottom: 5px;
  cursor: pointer;
}

.overlay .icons .st_sharethis_custom {
  background: url("/images/icon-share.png") no-repeat scroll left top
    transparent;
  width: 27px;
  height: 27px;
  display: block;
  margin-bottom: 5px;
  cursor: pointer;
}

.overlay .fullScreenIcon {
  position: absolute;
  left: 20px;
  top: 15px;
  z-index: 10;
}

.overlay ul li {
  font-size: 400%;
  /*font-weight: 600;*/
  letter-spacing: 0.03em;
  line-height: 1em;
  display: block;
  margin: 0px auto 25px auto;
  color: #000;
}

.overlay ul li a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-bottom: 2px solid transparent;
}

.no-touch .overlay ul li a:hover {
  border-bottom: 2px solid #fff;
}

.overlay .caption {
  padding-top: 5px;
  font-size: 130%;
}

.overlay .linkHolder {
  position: relative;
  z-index: 20;
  color: #000;
  font-size: 200%;
  width: 60%;
  margin: 0% auto 0% auto;
}

.overlay .linkHolder span {
  color: #666;
  font-size: 80%;
}

.overlay .linkHolder .title {
  text-transform: uppercase;
  font-size: 1.5em;
  /*font-weight: 600;*/
}