/* *************** NOTES *******************

	Before going live:

	- Run stylesheets through autoprefixer: https://autoprefixer.github.io
	- Minify stylesheets: https://cssminifier.com/

*/

/* *************** SITE FONTS ********************** */
/* ** (Enter font info below, for easy reference) **

Font Name
--------------------
Weight: 400
Weight: 500
Weight: 700

Font Name
--------------------
Weight: 400
Weight: 500

*/

/* ************** GENERAL STYLES + RESETS ******************* */

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

html {
  font-size: 100%;
  height: 100%;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading p,
.wf-loading a {
  opacity: 0;
  transition: opacity 1s;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active p,
.wf-active a {
  opacity: 1;
}

body {
  width: 100%;
  /* height: 100% !important; */ /* for skrollr */
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  background-color: #121212;
  color: #fff;
  height: 100%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.masonry {
  overflow-y: scroll;
}

body.slideshow {
  overflow: hidden;
}

.upcase {
  text-transform: uppercase;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-weight: 700;*/
}

p {
  line-height: 1.4;
  padding-bottom: 1em;
}

em,
i {
  font-style: italic;
}

label,
input,
textarea,
select {
  font-size: 16px;
  display: block;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
}

input,
textarea {
  background-color: transparent;
  padding: 0px 10px;
  height: 34px;
  color: #7e7e7e;
  border: 1px solid #7e7e7e;

  border-radius: 0px;
  box-sizing: border-box;

  appearance: none;
  -webkit-appearance: none;
}

input[type="submit"] {
  padding: 0px 10px;
  border: 0px;
  cursor: pointer;

  border-radius: 0px;
  box-sizing: border-box;

  appearance: none;
  -webkit-appearance: none;
  background-color: #7e7e7e;
  color: #000;
  font-size: 14px;
  margin: 10px 0px;

  transition: background-color 0.2s;
}

input[type="submit"]:hover {
  background-color: #00ccff;
}

label {
  padding-bottom: 5px;
}

.clear {
  clear: both;
}

.clear-after:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.req {
  color: #c1cd23;
}

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

.addb4:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.ib {
  display: inline-block;
}

.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.v-bottom {
  vertical-align: bottom;
}
.v-baseline {
  vertical-align: baseline;
}

.centerXY {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centerY {
  position: absolute;
  top: 50%;
  left: 0%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.centerX {
  position: absolute;
  top: 0%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
}

.cover.loaded {
  opacity: 1;
  transition: opacity 0.3s;
}

.loadme {
  opacity: 0;
}

.bg-loadme {
  opacity: 0;
}

.loadme.loaded,
.bg-loadme.loaded {
  opacity: 1;
  transition: opacity 0.3s;
}

/* ************** SITE STRUCTURE ******************* */

header {
  width: 245px;
  min-height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
}

main {
  width: 75%;
  width: calc(100% - 245px);
  margin: 0px auto;
  position: relative;
  z-index: 1;
  margin-left: 245px;
  height: 100%;
}

/* ************** HEADER ******************* */

header .logo {
  display: block;
  font-size: 26px;
  padding-bottom: 56px;
  letter-spacing: 0.15em;
}

header.side .logo {
  position: fixed;
  left: -53px;
  transform: rotate(-90deg);
  top: 111px;
  font-size: 52px;
}

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

header.side nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header .inner {
  position: relative;
  z-index: 5;
  width: 53%;
  text-align: left;
  margin: 117px auto 0px auto;
}

.menuBtn {
  display: none;
}

header nav {
  position: relative;
  z-index: 10;
  text-align: left;
  color: #7e7e7e;
  width: 53%;
  margin: auto;
}

header nav .logo {
  display: none;
}

header nav ul {
  list-style-type: none;
  font-size: 0;
}

header nav li {
  line-height: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-size: 0.9rem;
  padding-bottom: 19px;
  letter-spacing: 0.1em;
  position: relative;
}

header nav li.subsub ul.sub li {
  padding-bottom: 15px;
  display: block;
}

header nav li.subsub ul.sub li:last-child {
  padding-bottom: 0px;
}

header nav li.subsub.pageOn ul.sub li a {
  color: #7e7e7e;
}

header nav li.pageOn.parent.subusb ul.sub li a {
  color: #7e7e7e;
}

/*
			header nav li a:after {
				content: '';
				position: absolute;
				top: 47%;
				left: -10px;
				width: 0%;
				height: 1px;
				background-color: #fff;
				transition: width .3s;
			}
			
				header nav li a:hover:after, header nav li.pageOn a:after {
					width: 120%;
				}
			*/

header nav a {
  position: relative;
  display: inline-block;
  transform: translateX(0px);

  transition: transform 0.3s, color 0.3s;
}

.no-touchevents header nav li:hover a,
header nav li.pageOn a {
  /*
					color: #fff;
					transform: translateX(10px);
					*/
  color: #00ccff;
}

header nav ul.sub {
  display: none;
  margin: 16px 0px 0px 20px;
}

header nav ul.sub li a:after {
  width: 0%;
}

/*
		header nav ul li.parent:hover ul.sub, header nav ul li ul.sub.on {
			display: block;
		}
		*/

header nav ul li ul.sub.on {
  display: block;
}

header nav ul.sub a {
  transform: translateX(0px);
  color: #7e7e7e !important;
}

header nav ul.sub li a {
  color: #7e7e7e !important;
}

header nav ul.sub li a.pageOn {
  color: #00ccff !important;
}

header nav ul.sub li a:hover:after,
header nav ul.sub li.pageOn a:after {
  width: 120%;
}

header nav ul.sub li.pageOn a,
header nav ul.sub li a:hover {
  transform: translateX(0px);
  /*
			color: #fff;
			*/
  color: #00ccff;
}

/* ************** FOOTER ******************* */

footer {
  position: relative;
  z-index: 5;
  text-align: center;
}

footer .inner {
  margin: auto;
  text-align: center;
}

footer .inner ul {
  list-style-type: none;
}

footer .inner .social {
}

footer .inner .social li {
  margin-right: 15px;
}

footer .inner .social li svg {
  height: 15px;
  width: auto;
}

footer .inner .social li svg * {
  stroke: none;
  fill: #000;
}

footer .inner .credit p {
}

/* ************** LIGHTBOX ADD/REMOVE ICON ***************** */
/* *** HTML markup currently only lives in slideshow.php *** */

.lb-add-remove {
  cursor: pointer;
  position: relative;
  z-index: 500;
  display: inline-block;
}

.lb-add-remove .icon {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  position: relative;
  top: -3px;
}

.lb-add-remove .icon:before {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: #545454;
}

.lb-add-remove .icon:after {
  content: "";
  width: 1px;
  height: 7px;
  position: absolute;
  top: 4px;
  left: 3px;
  background-color: #545454;
  transform-origin: 50% 50%;
  transform: rotate(0deg);
  opacity: 1;
  transition: transform 0.2s 0s, opacity 0.2s 0s;
}

.lb-add-remove.added .icon:after {
  transform: rotate(90deg);
  opacity: 0;
  transition: transform 0.2s 0s, opacity 0.2s 0s;
}

.lb-add-remove .words {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}

.lb-add-remove span:first-child {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}

.lb-add-remove span:last-child {
  position: relative;
  opacity: 0;
  display: none;
  transition: opacity 0.2s 0s;
}

.lb-add-remove.added span:first-child {
  opacity: 0;
  display: none;
  transition: opacity 0.2s 0s;
}

.lb-add-remove.added span:last-child {
  opacity: 1;
  display: block;
  transition: opacity 0.2s 0.2s;
}

/* ************** SLIDESHOW - SLICK CAROUSEL ***************** */

.ui {
  width: 18px;
  position: absolute;
  z-index: 20;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.ui.prev {
  left: 0px;
  padding: 23px;
}
.ui.next {
  right: 0;
  padding: 23px;
}

.ui.close {
  width: 20px;
  height: 20px;
  padding: 20px 22px;
  top: 0;
  left: 0;
  -ms-transform: none;
  transform: none;
}

.ui line {
  stroke: #000000;
  stroke-width: 4;
}

.inner.slideshow .zoomImage {
  position: fixed;
  z-index: -1;
  opacity: 0;

  top: 50%;
  left: 50%;

  width: 80%;
  transform: scale(1);

  cursor: url("/images/icon-zoomout.png") 0 0, pointer;
  cursor: -webkit-image-set(
        url("/images/icon-zoomout.png?v=2") 1x,
        url("/images/icon-zoomout-2x.png?v=2") 2x
      )
      0 0,
    pointer;

  transition: transform 1s 0s, opacity 0s 1.1s, z-index 0s 1.1s;
}

.inner.slideshow .zoomImage.on.large {
  /*
	top: 50% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(-50%) scale(3);
	*/
  transition: transform 0s, opacity 0s, z-index 0s;
}

.inner.slideshow .zoomImage.on {
  z-index: 200;
  opacity: 1;
  transition: transform 1s, opacity 0s, z-index 0s;
}

.inner.slideshow .zoomImage.portrait,
.inner.slideshow .zoomImage.square {
  width: 40%;
}

.topRight {
  position: fixed;
  top: 40px;
  right: 30px;
  z-index: 120;
  color: #545454;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
}

.topRight .layout {
  margin-left: 9px;
}

.topRight .layout a {
  text-decoration: none;
  border-bottom: 1px solid #2b2b2b;

  transition: border 0.2s;
}

.topRight .layout a:hover {
  border-bottom: 1px solid transparent;
}

.slickslideshow .cell {
  text-align: left;
  position: relative;
  font-size: 0;
  opacity: 1;
  height: 100vh;
  transition: opacity 0.6s 0.2s;
}

.slickslideshow .cell .centerme {
  position: relative;
  width: 90%;
  height: 80%;
  top: 10%;
  text-align: center;
}

.slickslideshow .cell .centerme:before {
  vertical-align: top;
}

.slickslideshow .cell.portrait .centerme,
.slickslideshow .cell.square .centerme {
  /*
		left: 25%;
		width: 30%;
		*/
}

.slickslideshow .cell .imageinfo {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 0px;
  color: #7e7e7e;
  max-width: 79%;
  transform: translateX(-50%);
  min-width: 600px;
  opacity: 0;
}

.slickslideshow .cell .imageinfo.fullwidth {
  max-width: 100%;
}

.slickslideshow .cell .imageinfo .col {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  margin-right: 0px;
  margin-left: 0px;
  text-align: justify;
}

.slickslideshow .cell .imageinfo .col.full {
  width: 90%;
  margin-left: 0% !important;
}

.slickslideshow .cell .imageinfo .col:last-child {
  margin-left: 10%;
}

.slickslideshow .cell .imageinfo .col h1 {
  font-size: 24px;
  font-weight: 400;
}

.slickslideshow .cell .imageinfo .col h2 {
  font-size: 20px;
  font-weight: 400;
}

.slickslideshow .cell .imageinfo .col h3 {
  font-size: 16px;
  font-weight: 400;
}

.slickslideshow .cell .imageinfo .col p {
  font-size: 0.9rem;
  font-weight: 400;
}

.slickslideshow .cell .inner {
  width: 88%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}

.slickslideshow .cell .inner div {
  width: 100%;
}

.slickslideshow .cell svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75px;

  cursor: pointer;

  opacity: 1;

  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;

  transform-origin: center center;

  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
}

.slickslideshow .cell svg:hover {
  transform: translate(-50%, -50%) scale(0.9);
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
}

.slickslideshow .cell svg * {
  fill: #00ccff;
}

.slickslideshow .cell iframe {
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
}

.slickslideshow .cell video {
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */

  width: 100%;
}

.slickslideshow .cell .photo {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);

  width: auto;
  height: auto;
  margin: auto;
  max-width: 100%;
  max-height: 100%;

  z-index: 80;

  transition: all 0.6s;

  cursor: url("/images/icon-zoom.png") 0 0, pointer;
  cursor: -webkit-image-set(
        url("/images/icon-zoom.png") 1x,
        url("/images/icon-zoom-2x.png") 2x
      )
      0 0,
    pointer;
}

.slickslideshow .cell.nozoom .photo {
  cursor: default;
}

.slickslideshow .cell.portrait .photo,
.slickslideshow .cell.square .photo {
  max-height: 90%;
}

.slickslideshow figcaption {
  position: relative;
  width: 100%;
  border: 0px solid red;
  color: #545454;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  padding-top: 10px;
  margin: auto;
}

.slickslideshow figcaption > div {
  display: inline-block;
  vertical-align: middle;
}

.slickslideshow figcaption div.info {
  width: 50%;
  margin-right: -4px;
  text-align: left;
}

.slickslideshow .cell.video figcaption div.info {
  width: 100%;
}

.slickslideshow figcaption div.info a {
  text-decoration: none;
  border-bottom: 1px solid #2b2b2b;

  transition: border 0.2s;
}

.slickslideshow figcaption div.info a:hover {
  border-bottom: 1px solid transparent;
}

.slickslideshow figcaption div.bottom-right {
  width: 50%;
  margin-right: -4px;
  text-align: right;
}

.slickslideshow figcaption div.bottom-right a.share {
  position: relative;
  top: 1px;
}

.slickslideshow .controls {
  position: absolute;
  width: 80%;
  text-align: center;
  bottom: 3%;
  left: 5%;
}

.slickslideshow .downarrow {
  position: relative;
  width: 30px;
  cursor: pointer;
}

.slickslideshow .uparrow {
  width: 30px;
  cursor: pointer;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  position: relative;
  left: 5px;
}

/*
	@media all AND (min-width: 1500px) {
	
		.slickslideshow .cell .centerme {
			width: 65%;
		}
		
		.slickslideshow .controls {
			width: 65%;
		}
		
		.slickslideshow .cell.portrait .centerme, .slickslideshow .cell.square .centerme {
			left: 17%;
		}
	
	}
	*/

/* ************** GRIDS, GRIDS AND MORE GRIDS ******************* */

/* PARENT GRID CLASSES

.ar-rows - row based, "AR ROWS"
.masongrid - masonry style
.grid-alternating - alternating rows of two and three cells
.justified - Justified Gallery plugin
.animategrid - triggers animate on scroll

*/

.gridpage .cell .info {
  z-index: 10;
  color: #fff;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.2s 0s, transform 0s 0.2s;
}

.no-touchevents .masongrid .cell:hover .info {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.3s 0.1s, transform 0.3s 0.1s;
}

.gridpage .cell .photo {
  position: relative;
  z-index: 1;
}

.gridpage .cell .color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.3s 0s;
}

.no-touchevents .masongrid .cell:hover .color {
  opacity: 0.83;
}

/* grid - justified gallery */
.justified {
  width: 95%;
  width: calc(100% - 15px);
  margin: 15px 0px;
}

.justified .cell {
  opacity: 1;
  transition: opacity 0.3s;
}

.justified .cell:hover {
  opacity: 0.7 !important;
}

.justified .photo {
  opacity: 1;
  z-index: 1;
  opacity: 1;
  transition: 0.2s;
}

.no-touchevents .justified .cell:hover .photo {
  opacity: 0.5;
  transition: 0.3s;
}

.justified .cell .caption {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10%;
  font-size: 1rem;
  z-index: 5;
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.2s 0s, transform 0s 0.2s;
}

.no-touchevents .justified .cell:hover .caption {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.3s 0.1s, transform 0.3s 0.1s;
}

.justified .cell .title {
  display: block;
  font-size: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1;
}

.justified .cell .sub-title {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 0.85em;
}

.justified .cell .title + .sub-title {
  padding-top: 1em;
}

/* ************** TEXT PAGE ******************* */

body.textpage #content {
  height: 100%;
}

.inner.textblock {
  width: 100%;
  min-height: 100%;
  background-color: #1b1b1b;
  color: #a1a1a1;
  font-size: 0.9rem;
  text-align: center;
}

.inner.textblock .textwrap {
  width: 80%;
  margin: 0px 10%;
  text-align: left;
  padding: 100px 0px;
}

.inner.textblock.narrow .textwrap {
  width: 50%;
}

.inner.textblock .textwrap p {
  margin-bottom: 25px;
  padding-bottom: 0em;
}

.inner.textblock ul {
  list-style-type: none;
  margin-bottom: 25px;
}

.inner.textblock ul li {
  padding: 0px 0px 15px 0px;
}

.inner.textblock .col {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: -4px;
  width: 45%;
}

.inner.textblock .col:last-child {
  margin-left: 10%;
}

.inner.textblock a {
  color: #00ccff;
  border-bottom: 1px solid #00ccff;

  transition: border 0.2s;
}

.inner.textblock a:hover {
  border-bottom: 1px solid transparent;
}

.inner.textblock ul.social li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 6px;
  padding: 0px;
}

.inner.textblock p.small {
  font-size: 12px;
}

.inner.textblock p.small a {
  border-bottom: 0px solid transparent !important;
  color: #a1a1a1 !important;
}

/* ************** INTRO TEXT PAGE ******************* */

.intro .inner.textblock {
  height: 100%;
}

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

.intro .inner.textblock .textwrap {
  width: 80%;
  max-width: 900px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0px auto;
  padding: 0px;
}

/* LIGHTBOX STYLES */

.lightbox .lb-add-remove {
  opacity: 0;
  position: absolute;
  bottom: 5px;
  right: 8px;
  font-size: 12px;
  color: #fff;

  transition: opacity 0.2s;
}

.lightbox .cell:hover .lb-add-remove {
  opacity: 1;
}

.lightbox .lbtools {
  margin: 30px 0px;
}

.lbtools ul {
  list-style-type: none;
}

.lbtools ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 28px;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: #7e7e7e;
}

.lbtools ul li a {
  position: relative;
}

.lbtools ul li:first-child a {
  margin-left: 18px;
}

.lbtools ul li a:after {
  content: "";
  width: 100%;
  height: 0px;
  border-bottom: 1px solid #313131;
  position: absolute;
  bottom: -1px;
  left: 1px;
}

.lbtools ul li svg {
  width: 12px;

  position: absolute;
  top: -7px;

  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.lbtools ul li svg * {
  fill: #7e7e7e;
  stroke: none;
}

.lightbox .empty {
  display: none;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.lightbox .empty h1 {
  color: #7e7e7e;
  font-weight: 400;
}

/* PDF SELECTOR */

.pdf_select,
.pdfOverlay {
  position: fixed;
  z-index: -500;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);

  transition-property: opacity, z-index;
  transition-duration: 0.4s, 0s;
  transition-delay: 0s, 0.4s;
  -webkit-transition-property: opacity, z-index;
  -webkit-transition-duration: 0.4s, 0s;
  -webkit-transition-delay: 0s, 0.4s;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.4s, 0s;
  -moz-transition-delay: 0s, 0.4s;
  -o-transition-property: opacity, z-index;
  -o-transition-duration: 0.4s, 0s;
  -o-transition-delay: 0s, 0.4s;
}

.pdf_select.on,
.pdfOverlay.on,
.pdfOpen .pdf_select,
.linkOpen .pdf_link {
  z-index: 500;
  opacity: 1;

  transition-property: opacity, z-index;
  transition-duration: 0.4s, 0s;
  transition-delay: 0s, 0s;
  -webkit-transition-property: opacity, z-index;
  -webkit-transition-duration: 0.4s, 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.4s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-property: opacity, z-index;
  -o-transition-duration: 0.4s, 0s;
  -o-transition-delay: 0s, 0s;
}

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

.pdf_select article,
.pdfOverlay article {
  position: relative;
  z-index: 3;
  color: #fff;
  padding: 40px 50px;
}

.pdfOverlay article.centerMe {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.pdf_select article img.closeLB,
.pdfOverlay article img.closeLB {
  display: block;
  width: 14px;
  height: auto;
  position: absolute;
  top: 11px;
  right: 12px;
  cursor: pointer;
}

.pdf_select article h1,
.pdfOverlay article h1 {
  font-weight: normal;
  letter-spacing: 0.05em;
  font-size: 14px;
  padding-bottom: 13px;
  line-height: 1em;
}

.pdf_select article p,
.pdfOverlay article p {
  color: #fff;
  line-height: 1.3;
  font-size: 14px;
}

.pdfOverlay article p.theLink {
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 18px;
}

.pdfOverlay .linkHolder {
  font-size: 14px;
  padding: 30px 20px;
}

.pdfOverlay .linkHolder span {
  font-size: 80%;
  color: #00b0c2;
  background-color: #0460ce;
}

.pdf_select article ul {
  list-style-type: none;
  padding: 30px 0px;
}

.pdf_select article ul li {
  /*
		  border: 1px solid #cecece;
          background-color: #ffffff;
		  */

  display: inline-block;
  *display: inline;
  zoom: 1;

  cursor: pointer;
  margin-right: 20px;
  padding: 24px 9px;

  transition-property: border, background-color;
  transition-duration: 200ms;
  -webkit-transition-property: border, background-color;
  -webkit-transition-duration: 200ms;
  -moz-transition-property: border, background-color;
  -moz-transition-duration: 200ms;
  -o-transition-property: border, background-color;
  -o-transition-duration: 200ms;
}

.pdf_select article ul li:last-child {
  margin-right: 0px;
}

.no-touch .pdf_select article ul li:hover {
  border: 1px solid #eeeeee;
  background-color: #efefef;
}

.pdf_select article ul li.selected img {
  border: 8px solid #484848;
}

.pdf_select article ul li img {
  display: block;
  border: 8px solid transparent;
  width: 170px;
  height: auto;

  transition-property: border, background-color;
  transition-duration: 200ms;
  -webkit-transition-property: border, background-color;
  -webkit-transition-duration: 200ms;
  -moz-transition-property: border, background-color;
  -moz-transition-duration: 200ms;
  -o-transition-property: border, background-color;
  -o-transition-duration: 200ms;
}

.pdf_select article ul li h2 {
  font-weight: normal;
  letter-spacing: 0.03em;
  font-size: 12px;
  line-height: 1;
  padding: 19px 0px 0px;
}

.pdf_select article a.downloadPDF {
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0.03em;
  line-height: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 1px solid #fff;
  padding: 5px 8px;
  text-decoration: none !important;

  transition: all 0.3s;
}

/*
	  .pdf_select article a.downloadPDF:hover {
		  color: #000;
	  }

      
	  .no-touchevents .pdf_select article a.downloadPDF:hover,
      .pdf_select article a.downloadPDF:active {
  		background-color: #000;
  		transition: background-color .15s;
      }
	  */

.pdf_select .closeBG,
.pdf_link .closeBG {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.linkOpen .clearAll p {
  margin-bottom: 15px;
}

.linkOpen .clearAll a {
  font-size: 11px;
  margin-right: 25px;
  border: 1px solid #fff;
  padding: 5px 8px;
  color: #fff;
}

.linkOpen .clearAll a:last-child {
  margin-right: 0px;
}