body div.container {
		position: absolute;
		top: 45px;
		bottom: 5px;
		width: 100%;
}

div.center-horizontal {
    position: absolute;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
  }
div.center-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.pad-lr-1 {
  padding: 0 1rem;
}

/* Foundation overrides */
.off-canvas-wrap {
}
.side-nav li a:not(.button) {
  padding: 0; }
 .inner-wrap{
 	min-height:100%;
 	height: 100%;

 }
 .visible-img-full {
 	height: 100%;
 }
 .visible-img img {
 	position: absolute;
  	margin: auto !important;  /* !important to overwrite negative margin-left and margin-top foundation js gives for images in clearing*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
}
.body-home .visible-img img {
	max-width: 99%;
}
 .visible-img-top img {
 	bottom:auto;
 }
 .visible-img-bottom img {
 	top:auto;
 }
 .visible-img-bottom img,
 .visible-img-top img{
 	margin: 0 auto!important;
 }
 div.visible-img.visible-img-bottom{
 	max-height:100%;
 	max-width:100%;
 	margin:auto;
 }

.show-for-medium-up.visible-img img {
  padding-top: 0.45rem;
  padding-left: 1.8rem;
}
.show-for-small-only.visible-img img {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.body-category .visible-img-top img{
 	position:relative;
 }
 .body-category .row.row-bottom{
 	padding-bottom:0.3rem;
 }
 .body-category .row.row-top{
 	padding-top:0.3rem;
 }

.fixed.bottom{
	top:inherit;
	background: #fff;
}
.fixed.bottom, .bottom{
	bottom:0;
}
.bottom{
	position: absolute;
	left: 0;
	top: auto;
	width: 100%;
}
.f-topbar-fixed {
	padding-bottom:18px;
}
[data-magellan-expedition], [data-magellan-expedition-clone]{
	min-width: inherit;
}
.fixed.medium-3 {
	width: 25%;
}

/* Helpers */
.clear-list {
  margin: 0;
  padding: 0;
  list-style: none; }

div.menu-outer.vcenter {
	min-height:100%;
}
div.menu-outer.vcenter > div  {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: auto;
	max-width: 100%;
}


/* tttColors */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  height: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: white image-url("ajax-loader.gif", false, false) center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  div.slick-slide.slick-active, div.slick-slide{
  	margin-top:0!important;
  }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block;
    margin: 0 auto;}
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: font-url("slick.eot");
  src: font-url("slick.eot?#iefix") format("embedded-opentype"), font-url("slick.woff") format("woff"), font-url("slick.ttf") format("truetype"), font-url("slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-slider {
  /*margin-bottom: 30px; */}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }



.body-category {

  /* BLM, 04.30.2014, foundation customizations */
  /* This is for vertically aligning conent within a column */
  /*.vcenter.padding {
  	margin-top: -100px;
  	padding-top: 105px;
  }*/
  /* taken from foundation.css so the portfolio page which uses bootstrap in template 11 has this class */
  /* End of fix-related classes */
  }
  .body-category span.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .body-category a:link {
    text-decoration: none; }
  .body-category a:visited {
    text-decoration: none; }
  .body-category a:hover {
    text-decoration: underline; }
  .body-category a.active {
    font-weight: 700; }
  .body-category .title {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-category .title_small {
    font-family: Verdana;
    color: #999;
    font-size: 16px; }
  .body-category .subtitle {
    font-family: Verdana;
    color: #999;
    font-size: 8pt; }
  .body-category .subtitle_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-category .categoryLink {
    font-family: Verdana;
    color: #999;
    font-size: 11pt;
    font-weight: bold; }
  .body-category .categoryLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    font-weight: bold; }
  .body-category .portfolioLink {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-category .portfolioLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-category .textPageLink {
    font-family: Verdana;
    color: #999;
    font-size: 8pt; }
  .body-category .textPageLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-category .imgCaption {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 8pt; }
  .body-category .imgCaption_small {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px; }
  .body-category .contactPage {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-category .linkDivider {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 10pt; }
  .body-category .navLink {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 9pt; }
  .body-category .horizDivider {
    color: #FFFFFF; }
  .body-category .copyright {
    font-family: Verdana;
    color: #999;
    font-size: 8px; }
  .body-category .overlay > * {
    color: white;
    font-size: .7em;
    font-weight: bold; }
  .body-category .previewMode {
    font-family: Arial;
    color: red;
    font-size: 12pt;
    font-weight: bold; }


   @media only screen and (max-width: 40em){
	  .body-category .container  {
	  	position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	  	}
	  .body-category .container .row.footer {
	  		width: 100%;
			position: absolute!important;
			bottom: 0;
			height: 18px!important;
	  }
   }


  .body-category .panel.custom
  , .body-category body
  , .body-category .clearing-blackout
  , .body-category .clearing-container
  , .body-category .clearing-caption
  , .body-category .clearing-assembled .clearing-container .visible-img {
    /* foundation panels should use site background */
    background: #FFFFFF; }
  .body-category .clearing-close {
    color: #999; }
  .body-category .clearing-main-prev > span {
    border-right-color: #999; }
  .body-category .clearing-main-next > span {
    border-left-color: #999; }
  .body-category .clearing-caption {
    padding: 0 0 0 0;
    color: #999;
    font-size: 1.4vmin;
    font-style: italic; }
  .body-category .clearing-touch-label + img {
    max-height: 95%; }
  .body-category body, .body-category html {
    height: 100%; }
  .body-category .panel.noborder {
    /* remove the panel borders */
    border: none; }
  .body-category .panel.nopadding, .body-category .nopadding {
    padding: 0 0 0 0; }
  .body-category .columns.middle:before {
    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 98%;
    width: 0px; }
  .body-category .vcenter {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    padding-bottom: 20px; }
  .body-category .vcenter > * {
    display: inline-block; }
  .body-category .vcenter:before {
    content: ' ';
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    cursor: default; }
  .body-category .vcenter.bottom:before {
    vertical-align: baseline; }
  .body-category .vcenter.top:before {
    vertical-align: top; }
  .body-category .vcenter:after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*margin-right: -0.25em;*/ }
  .body-category .vcenter.bottom:after {
    vertical-align: baseline; }
  .body-category .vcenter.top:after {
    vertical-align: top; }
  .body-category .panel.middle, .body-category .row.middle {
    /* make a row vertically aligned middle */
    display: inline-block;
    vertical-align: middle;
    width: 97%; }
  .body-category .side-nav li a:not(.button), .body-category .side-nav li a:not(.button):hover, .body-category .side-nav li a:not(.button):focus {
    display: block;
    color: #999;
    line-height: 105%; }
  .body-category .row {
    max-width: 98rem; }
  .body-category .row.top {
    padding-top: 2px;
    max-height: 100%;
    height: 100%; }
  .body-category .row.max {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .body-category .row.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18px; }
  .body-category .vertical-fill {
    max-height: 99%; }
  .body-category .side-nav {
    display: block;
    margin: 0;
    padding: 0.875rem 0;
    list-style-type: none;
    list-style-position: inside;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .body-category .fixFFscalingImage {
    height: 100%;
    min-height: 100%;
    position: relative; }
  .body-category .toCenter {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .body-category .infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px; }
  .body-category .infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    left: 30px;
    right: auto; }
  .body-category .infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px; }
  .body-category .infoBlock p {
    font-size: 14px;
    margin: 4px 0 0; }
  .body-category .infoBlock a {
    color: #FFF;
    text-decoration: underline; }

  @media only screen and (max-width: 40em) {
    .body-category .fixFFscalingImage {
      height: auto;
      min-height: none; }
      }

.body-home {
	overflow:hidden;

  /* BLM, 04.30.2014, foundation customizations */
  /* This is for vertically aligning conent within a column */
  /*.vcenter.padding {
  	margin-top: -100px;
  	padding-top: 105px;
  }*/
  /* taken from foundation.css so the portfolio page which uses bootstrap in template 11 has this class */
  /* End of fix-related classes */ }
  .body-home .royalSlider {
    width: 100%; }
  .body-home .royalSlider, .body-home .center {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: auto !important;
    max-height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
  .body-home .center2 {
    max-width: 100% !important;
    margin: auto !important;
    max-height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
  .body-home .rsDefaultInv, .body-home .rsDefaultInv .rsOverflow, .body-home .rsDefaultInv .rsSlide, .body-home .rsDefaultInv .rsVideoFrameHolder, .body-home .rsDefaultInv .rsThumbs {
    background: white !important;
    color: #999 !important; }
  .body-home .center3 {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
  .body-home .image {
    white-space: pre-line; }
  .body-home .image img {
    width: 100%;
    vertical-align: top; }
  .body-home .image:after, .body-home .image:before {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
  .body-home .image:after {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6); }
  .body-home .image:before {
    content: attr(data-content);
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 4px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*
    * bottom:0;
    text-align:center;
    background:red;*/ }
  .body-home .image:hover:after, .body-home .image:hover:before {
    opacity: 1; }
  .body-home table {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif; }
  .body-home a:link {
    text-decoration: none; }
  .body-home a:visited {
    text-decoration: none; }
  .body-home a:hover {
    text-decoration: underline; }
  .body-home a.active {
    font-weight: 700; }
  .title {
    font-family: Verdana;
    color: #999;
    font-size: 14pt;
    letter-spacing: 2px; }
  .body-home .title_small {
    font-family: Verdana;
    color: #999;
    font-size: 16px;
    letter-spacing: 2px; }
  .body-home .subtitle {
    font-family: Verdana;
    color: #999;
    font-size: 6pt;
    letter-spacing: 2px; }
  .body-home .subtitle_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    letter-spacing: 2px; }
  .body-home .categoryLink {
    font-family: Verdana;
    color: #999;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 2px; }
  .body-home .categoryLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px; }
  .body-home .portfolioLink {
    font-family: Verdana;
    color: #999;
    font-size: 8pt;
    letter-spacing: 2px; }
  .body-home .portfolioLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    letter-spacing: 2px; }
  .body-home .textPageLink {
    font-family: Verdana;
    color: #999;
    font-size: 8pt;
    letter-spacing: 2px; }
  .body-home .textPageLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    letter-spacing: 2px; }
  .body-home .imgCaption {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 8pt; }
  .body-home .imgCaption_small {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px; }
  .body-home .contactPage {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-home .linkDivider {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 10pt; }
  .body-home .navLink {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 9pt; }
  .body-home .horizDivider {
    color: #FFFFFF; }
  .body-home .copyright {
    font-family: Arial;
    color: #CCCCCC;
    font-size: 8px; }
  .body-home .overlay > * {
    color: white;
    font-size: .7em;
    font-weight: bold; }
  .body-home .previewMode {
    font-family: Arial;
    color: red;
    font-size: 12pt;
    font-weight: bold; }
  .body-home .container {
    /* main body container */
    position: absolute;
	top: 45px;
	bottom: 5px;
	width: 100%;
	}

  .body-home .panel.custom
  , .body-home body
  , .body-home .clearing-blackout
  , .body-home .clearing-container
  , .body-home .clearing-caption
  , .body-home .clearing-assembled .clearing-container .visible-img {
    /* foundation panels should use site background */
    background: #FFFFFF; }
  .body-home .clearing-close {
    color: #999; }
  .body-home .clearing-main-prev > span {
    border-right-color: #999; }
  .body-home .clearing-main-next > span {
    border-left-color: #999; }
  .body-home .clearing-caption {
    padding: 0 0 0 0;
    color: #999;
    font-size: 1.4vmin;
    font-style: italic; }
  .body-home .clearing-touch-label + img {
    max-height: 95%; }
  .body-home body, .body-home html {
    height: 100%; }
  .body-home .panel.noborder {
    /* remove the panel borders */
    border: none; }
  .body-home .panel.nopadding, .body-home .nopadding {
    padding: 0 0 0 0; }
  .body-home .columns.middle:before {
    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 98%;
    width: 0px; }
  .body-home .vcenter {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    padding-bottom: 20px; }
  .body-home .vcenter > * {
    display: inline-block; }
  .body-home .vcenter:before {
    content: ' ';
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    cursor: default; }
  .body-home .vcenter.bottom:before {
    vertical-align: baseline; }
  .body-home .vcenter.top:before {
    vertical-align: top; }
  .body-home .vcenter:after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*margin-right: -0.25em;*/ }
  .body-home .vcenter.bottom:after {
    vertical-align: baseline; }
  .body-home .vcenter.top:after {
    vertical-align: top; }
  .body-home .panel.middle, .body-home .row.middle {
    /* make a row vertically aligned middle */
    display: inline-block;
    vertical-align: middle;
    width: 97%; }
  .body-home .side-nav li a:not(.button), .body-home .side-nav li a:not(.button):hover, .body-home .side-nav li a:not(.button):focus {
    display: block;
    color: #999;
    line-height: 105%; }
  .body-home .row {
    max-width: 98rem; }
  .body-home .row.top {
    margin-bottom: -18px;
    padding-bottom: 18px;
    padding-top: 2px;
    max-height: 100%;
    height: 100%; }
  .body-home .row.max {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .body-home .row.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18px; }
  .body-home .vertical-fill {
    max-height: 99%; }
  .body-home .side-nav {
    display: block;
    margin: 0;
    padding: 0.875rem 0;
    list-style-type: none;
    list-style-position: inside;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .body-home.fixFFscalingImage,
  .body-home .fixFFscalingImage {
    height: 100%;
    min-height: 100%;
    position: relative; }
  .body-home .toCenter {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .body-home .infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px; }
  .body-home .infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    left: 30px;
    right: auto; }
  .body-home .infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px; }
  .body-home .infoBlock p {
    font-size: 14px;
    margin: 4px 0 0; }
  .body-home .infoBlock a {
    color: #FFF;
    text-decoration: underline; }

.body-page {
  /* BLM, 04.30.2014, foundation customizations */
  /* This is for vertically aligning conent within a column */
  /*.vcenter.padding {
  	margin-top: -100px;
  	padding-top: 105px;
  }*/
  /* taken from foundation.css so the portfolio page which uses bootstrap in template 11 has this class */
  /* End of fix-related classes */ }
  .body-page .royalSlider {
    width: 100%; }
  .body-page .royalSlider, .body-page .center {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: auto !important;
    max-height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
  .body-page .center2 {
    max-width: 100% !important;
    margin: auto !important;
    max-height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
  .body-page .rsDefaultInv, .body-page .rsDefaultInv .rsOverflow, .body-page .rsDefaultInv .rsSlide, .body-page .rsDefaultInv .rsVideoFrameHolder, .body-page .rsDefaultInv .rsThumbs {
    background: white !important;
    color: #999 !important; }
  .body-page .center3 {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
  .body-page .image {
    white-space: pre-line; }
  .body-page .image img {
    width: 100%;
    vertical-align: top; }
  .body-page .image:after, .body-page .image:before {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
  .body-page .image:after {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6); }
  .body-page .image:before {
    content: attr(data-content);
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 4px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*
    * bottom:0;
    text-align:center;
    background:red;*/ }
  .body-page .image:hover:after, .body-page .image:hover:before {
    opacity: 1; }
  .body-page body {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif; }
  .body-page table {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif; }
  .body-page a:link {
    text-decoration: none; }
  .body-page a:visited {
    text-decoration: none; }
  .body-page a:hover {
    text-decoration: underline; }
  .body-page a.active {
    font-weight: 700; }
  .body-page .title {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .title_small {
    font-family: Arial;
    color: #999;
    font-size: 16px; }
  .body-page .subtitle {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .subtitle_small {
    font-family: Arial;
    color: #999;
    font-size: 10px; }
  .body-page .categoryLink {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .categoryLink_small {
    font-family: Arial;
    color: #999;
    font-size: 10px; }
  .body-page .portfolioLink {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .portfolioLink_small {
    font-family: Arial;
    color: #999;
    font-size: 10px; }
  .body-page .textPageLink {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .textPageLink_small {
    font-family: Arial;
    color: #999;
    font-size: 10px; }
  .body-page .imgCaption {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 8pt; }
  .body-page .imgCaption_small {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px; }
  .body-page .contactPage {
    font-family: Arial;
    color: #999;
    font-size: 10pt; }
  .body-page .linkDivider {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 10pt; }
  .body-page .navLink {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 9pt; }
  .body-page .horizDivider {
    color: #FFFFFF; }
  .body-page .copyright {
    font-family: Arial;
    color: #999;
    font-size: 10px; }
  .body-page .overlay > * {
    color: white;
    font-size: .7em;
    font-weight: bold; }
  .body-page .previewMode {
    font-family: Arial;
    color: red;
    font-size: 12pt;
    font-weight: bold; }
  .body-page .container {
    /* main body container */
	overflow-y: auto;
	overflow-wrap: break-word;
	overflow-x: hidden;
	}
  .body-page .panel.custom
  , .body-page body
  , .body-page .clearing-blackout
  , .body-page .clearing-container
  , .body-page .clearing-caption
  , .body-page .clearing-assembled .clearing-container .visible-img {
    /* foundation panels should use site background */
    background: #FFFFFF; }

   .body-page .panel.custom {
    max-width: 65%;
    min-width: 300px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
   }

  .body-page .clearing-close {
    color: #999; }
  .body-page .clearing-main-prev > span {
    border-right-color: #999; }
  .body-page .clearing-main-next > span {
    border-left-color: #999; }
  .body-page .clearing-caption {
    padding: 0 0 0 0;
    color: #999;
    font-size: 1.4vmin;
    font-style: italic; }
  .body-page .clearing-touch-label + img {
    max-height: 95%; }
  .body-page body, .body-page html {
    height: 100%; }
  .body-page .panel.noborder {
    /* remove the panel borders */
    border: none; }
  .body-page .panel.nopadding, .body-page .nopadding {
    padding: 0 0 0 0; }
  .body-page .columns.middle:before {
    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 98%;
    width: 0px; }
  .body-page .vcenter {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    padding-bottom: 20px; }
  .body-page .vcenter > * {
    display: inline-block; }
  .body-page .vcenter:before {
    content: ' ';
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    cursor: default; }
  .body-page .vcenter.bottom:before {
    vertical-align: baseline; }
  .body-page .vcenter.top:before {
    vertical-align: top; }
  .body-page .vcenter:after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*margin-right: -0.25em;*/ }
  .body-page .vcenter.bottom:after {
    vertical-align: baseline; }
  .body-page .vcenter.top:after {
    vertical-align: top; }
  .body-page .panel.middle, .body-page .row.middle {
    /* make a row vertically aligned middle */
    display: inline-block;
    vertical-align: middle;
    width: 95%;
    max-width: 100%; }
  .body-page .side-nav li a:not(.button), .body-page .side-nav li a:not(.button):hover, .body-page .side-nav li a:not(.button):focus {
    display: block;
    color: #999;
    line-height: 105%; }
  .body-page .container.row {
    max-width: 100%; }

  .body-page .row.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18px; }
  .body-page .vertical-fill {
    max-height: 99%; }
  .body-page .side-nav {
    display: block;
    margin: 0;
    padding: 0.875rem 0;
    list-style-type: none;
    list-style-position: inside;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .body-page .fixFFscalingImage {
    height: 100%;
    min-height: 100%;
    position: relative; }
  .body-page .toCenter {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .body-page .infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px; }
  .body-page .infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    left: 30px;
    right: auto; }
  .body-page .infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px; }
  .body-page .infoBlock p {
    font-size: 14px;
    margin: 4px 0 0; }
  .body-page .infoBlock a {
    color: #FFF;
    text-decoration: underline; }


/* Portfolio */
.body-portfolio {
  /* BLM, 04.30.2014, foundation customizations */
  /* This is for vertically aligning conent within a column */
  /*.vcenter.padding {
  	margin-top: -100px;
  	padding-top: 105px;
  }*/
  /* taken from foundation.css so the portfolio page which uses bootstrap in template 11 has this class */
  /* End of fix-related classes */
  /* .rsThumbs {
  	display: block;
  } */
  /* max-width 640px, mobile-only styles, use when QAing mobile issues */ }
  .body-portfolio #toggle-view {
    float: right;
    display: block;
    width: 26px;
    height: 19px;
    margin-right: 10px;
    margin-top: 20px; }
    .body-portfolio #toggle-view.slider-icon {
      background: url(../images/toggle-slider.png) no-repeat; }
    .body-portfolio #toggle-view.grid-icon {
      background: url(../images/toggle-grid.png) no-repeat; }
  .body-portfolio .royalSlider {
    width: 100%; }
  .body-portfolio .royalSlider,
  .body-portfolio .center {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .body-portfolio .center2,
  .body-portfolio img.rsImg {
    max-width: 100%;
    margin: auto;
    max-height: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    }
  .body-portfolio img.rsImg {
    padding-bottom: 25px;
  }
  .body-portfolio .rsDefaultInv, .body-portfolio .rsDefaultInv .rsOverflow, .body-portfolio .rsDefaultInv .rsSlide, .body-portfolio .rsDefaultInv .rsVideoFrameHolder, .body-portfolio .rsDefaultInv .rsThumbs {
    background: white !important;
    color: #999 !important; }
  .body-portfolio .center3 {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
  .body-portfolio .image {
    white-space: pre-line; }
  .body-portfolio .image img {
    width: 100%;
    vertical-align: top; }
  .body-portfolio .image:after, .body-portfolio .image:before {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
  .body-portfolio .image:after {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0, 0, 0, 0.6); */}
  .body-portfolio .image:before {
    /*content: attr(data-content);*/
    content: '\A';
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*
    * bottom:0;
    text-align:center;
    background:red;*/ }
  .body-portfolio .image:hover:after, .body-portfolio .image:hover:before {
    opacity: 1; }
  .body-portfolio html.ipad.ios7 > body {
    top: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 672px !important; }
  .body-portfolio a:link {
    text-decoration: none; }
  .body-portfolio a:visited {
    text-decoration: none; }
  .body-portfolio a:hover {
    text-decoration: underline; }
  .body-portfolio a.active {
    font-weight: 700; }
  .body-portfolio .title {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-portfolio .title_small {
    font-family: Verdana;
    color: #999;
    font-size: 16px; }
  .body-portfolio .subtitle {
    font-family: Verdana;
    color: #999;
    font-size: 10pt;
    font-weight: bold; }
  .body-portfolio .subtitle_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px;
    font-weight: bold; }
  .body-portfolio .categoryLink {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-portfolio .categoryLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-portfolio .portfolioLink {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-portfolio .portfolioLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-portfolio .textPageLink {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-portfolio .textPageLink_small {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-portfolio .imgCaption {
    font-family: Verdana;
    color: #999;
    font-size: 8pt; }
  .body-portfolio .imgCaption_small {
    font-family: Verdana;
    color: #999;
    font-size: 12px; }
  .body-portfolio .contactPage {
    font-family: Verdana;
    color: #999;
    font-size: 10pt; }
  .body-portfolio .linkDivider {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 10pt; }
  .body-portfolio .navLink {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 9pt; }
  .body-portfolio .horizDivider {
    color: #FFFFFF; }
  .body-portfolio .copyright {
    font-family: Verdana;
    color: #999;
    font-size: 10px; }
  .body-portfolio .overlay > * {
    color: white;
    font-size: .7em;
    font-weight: bold; }
  .body-portfolio .previewMode {
    font-family: Arial;
    color: red;
    font-size: 12pt;
    font-weight: bold; }
  .body-portfolio .container {
    /* main body container */

	  	position: absolute;
		top: 45px;
		bottom: 0px;
		width: 100%;
		left: 0;
		right: 0;
   		overflow-x: hidden;
	}
  .body-portfolio .panel.custom
  , .body-portfolio body
  , .body-portfolio .clearing-blackout
  , .body-portfolio .clearing-container
  , .body-portfolio .clearing-caption
  , .body-portfolio .clearing-assembled .clearing-container .visible-img {
    /* foundation panels should use site background */
    background: #FFFFFF; }
  .body-portfolio .clearing-close {
    color: #999; }
  .body-portfolio .clearing-main-prev > span {
    border-right-color: #999; }
  .body-portfolio .clearing-main-next > span {
    border-left-color: #999; }
  .body-portfolio .clearing-caption {
    padding: 0 0 0 0;
    color: #999;
    font-size: 1.4vmin;
    font-style: italic; }
  .body-portfolio .clearing-touch-label + img {
    max-height: 95%; }
  .body-portfolio body, .body-portfolio html {
    height: 100%; }
  .body-portfolio .panel.noborder {
    /* remove the panel borders */
    border: none; }
  .body-portfolio .panel.nopadding, .body-portfolio .nopadding {
    padding: 0 0 0 0; }
  .body-portfolio .columns.middle:before {
    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 98%;
    width: 0px; }
  .body-portfolio .vcenter {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    padding-bottom: 20px; }
/*  .body-portfolio .vcenter > * {
   display: inline-block; }*/
  .body-portfolio .vcenter:before {
    content: ' ';
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    cursor: default; }
  .body-portfolio .vcenter.bottom:before {
    vertical-align: baseline; }
  .body-portfolio .vcenter.top:before {
    vertical-align: top; }
  .body-portfolio .vcenter:after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*margin-right: -0.25em;*/ }
  .body-portfolio .vcenter.bottom:after {
    vertical-align: baseline; }
  .body-portfolio .vcenter.top:after {
    vertical-align: top; }
  .body-portfolio .panel.middle, .body-portfolio .row.middle {
    /* make a row vertically aligned middle */
    display: inline-block;
    vertical-align: middle;
    width: 97%; }
  .body-portfolio .side-nav li a:not(.button), .body-portfolio .side-nav li a:not(.button):hover, .body-portfolio .side-nav li a:not(.button):focus {
    display: block;
    color: #999;
    line-height: 105%; }
  .body-portfolio .row {
    max-width: 98rem; }
  .body-portfolio .row.top {
    /*margin-bottom: -18px;*/
    padding-bottom: 5px;
    padding-top: 2px;
    max-height: 100%;
    height: 100%; }
  .body-portfolio .row.max {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .body-portfolio .row.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18px; }
  .body-portfolio .vertical-fill {
    max-height: 99%; }
  .body-portfolio .side-nav {
    display: block;
    margin: 0;
    padding: 0.875rem 0;
    list-style-type: none;
    list-style-position: inside;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .body-portfolio .fixFFscalingImage {
    height: 100%;
    min-height: 100%;
    position: relative; }
  .body-portfolio .toCenter {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .body-portfolio .infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px; }
  .body-portfolio .infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    left: 30px;
    right: auto; }
  .body-portfolio .infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px; }
  .body-portfolio .infoBlock p {
    font-size: 14px;
    margin: 4px 0 0; }
  .body-portfolio .infoBlock a {
    color: #FFF;
    text-decoration: underline; }
  .body-portfolio .rsImgWrapper {
    position: relative; }
    .body-portfolio .rsImgWrapper .rs-additional-info {
      display: none;
      width: 97.0%;
      padding: 20px;
      background: rgba(0, 0, 0, 0.8);
      color: white;
      position: absolute;
      top: 0;
      left: 10px; }
  @media only screen and (max-width: 40em) {
    .body-portfolio {
      		/* .slick-slide::before {
      		    content: '';
      		    display: inline-block;
      		    height: 100%;
      		    vertical-align: middle;
      		}

      		.slick-slide img {
      		    vertical-align: middle;
      		    display: inline-block;
      		} */ }
      .body-portfolio .mobile-grid-wrapper {
        max-width: 280px;
        margin: 0 auto; }
      .body-portfolio #mobile-grid {
        display: none;
        margin: 0 auto; }
        .body-portfolio #mobile-grid.is-active {
          display: block; }
        .body-portfolio #mobile-grid .item {
          float: left;
          width: 80px;
          margin-bottom: 10px; /* this should match the gutter value for the masonry plugin */
          text-align: center; }
      .body-portfolio #mobile-slider {
        display: none; }
        .body-portfolio #mobile-slider.is-active {
          display: block; }
        .body-portfolio #mobile-slider h6 {
          text-align: center; }
        .body-portfolio #mobile-slider .slide-inner {
          margin: 5px;
          position: relative; }
          .body-portfolio #mobile-slider .slide-inner .slide-info {
            display: none;
            width: 100%;
            padding: 20px;
            background: rgba(0, 0, 0, 0.8);
            color: white;
            position: absolute;
            top: 0px;
            left: 0px; }
      .body-portfolio .slick-slide {
        height: auto !important; }
      .body-portfolio .slider-nav .slick-slide {
        width: auto !important; }
      .body-portfolio .slider-nav img {
        height: 46px;
        margin: 0 1px; }
      .body-portfolio .royalSlider,
      .body-portfolio .center {
        width: auto;
        height: auto;
        max-width: auto;
        margin: auto;
        max-height: auto;
        position: relative; }
      .body-portfolio .center2 {
        max-width: 100%;
        margin: auto;
        max-height: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .body-portfolio .rsFullscreenBtn {
        display: none !important; }
      .body-portfolio .vertical-fill {
        max-height: none; }
      .body-portfolio .vcenter {
        height: auto;
        max-height: auto;
        max-width: auto; }
      .body-portfolio .vcenter > * {
        display: inline-block; }
      .body-portfolio .vcenter:before {
        content: ' ';
        color: transparent;
        font-size: 0;
        vertical-align: top;
        cursor: default; }
      .body-portfolio .vcenter.bottom:before {
        vertical-align: baseline; }
      .body-portfolio .vcenter.top:before {
        vertical-align: top; }
      .body-portfolio .vcenter:after {
        content: ' ';
        display: inline-block;
        height: auto;
        vertical-align: top;
        /*margin-right: -0.25em;*/ }
      .body-portfolio .vcenter.bottom:after {
        vertical-align: baseline; }
      .body-portfolio .vcenter.top:after {
        vertical-align: top; } }
  @media only screen and (orientation: landscape) {
    .body-portfolio .mobile-grid-wrapper {
      max-width: 500px; }
   	.body-portfolio #mobile-grid .item {
      width: 80px; }
   }


   @media only screen and (max-width: 40em){
   		.body-page .container
   		, .body-category .container {
   			top: 45px;
   			bottom: 33px;
   		}
   		.body-home .container {
   			top: 45px;
   			bottom: 18px;
   		}
   		.body-portfolio .container{
   			overflow-x: hidden;
   		}
   }


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  /* Old */
  .toCenter {
    position: relative !important; }

  .vcenter,
  .vcenter:after {
    height: auto !important; }

  .panel.middle,
  .row.middle {
    width: 100% !important; }

  .columns.middle:before {
    height: auto !important; }
/*
  .row {
    height: auto !important; }

  .row.top {
    height: auto !important; }

  .columns {
    max-height: none !important; }

  img {
    max-height: none !important; }
    */

  .row.footer {
    position: relative !important; }

  .left-small {
    border-right: none; }

  .tab-bar-section.middle {
    right: 0.213rem; }

  .tab-bar {
    background: white; }
    .tab-bar .menu-icon span:after {
      box-shadow: 0 0 0 1px #999, 0 7px 0 1px #999, 0 14px 0 1px #999; }
    .tab-bar .logo {
      float: left;
      margin-top: 6px; }
    .tab-bar .facebook {
      float: right;
      margin-top: 17px; }

  figure {
    margin: 0;
    margin-bottom: 20px; }
    figure figcaption {
      text-align: center; } }

/**************
* Image overlays - portfolio
***************/
span.text-overlay {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: inherit;
  position: absolute;
  top: -25px;
  right: 0;
  bottom: 0;
  left: 0;
  width: inherit;
  opacity: 0;
  padding:4px 0px 29px 0px;
  margin: auto;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
span.text-overlay span{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
div.rsImgWrapper:hover span.text-overlay{
  opacity: 1;
}
span.text-overlay .white {
  color:#fff;
}
span.text-overlay > a{
  text-decoration: underline;
}