/* slick slider */
.slick-slide {
	outline: none;
}
.slide-caption.bottom {
	position: relative;
}

/* 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%;
 }
 div.slide-inner div.visible-img img {
   z-index:1000;
 }
 .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;
}
 .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;
  padding-right: 1.8rem; /* blm, 07.10.2015, no padding on right */
}
.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%;
}

.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 .categoryLink {
    font-family: Verdana;
    color: #666666;
    font-size: 11pt;
    font-weight: bold; }
  .body-category .categoryLink_small {
    font-family: Verdana;
    color: #666666;
    font-size: 10px;
    font-weight: bold; }
  .body-category .portfolioLink {
    font-family: Verdana;
    color: #666666;
    font-size: 10pt; }
  .body-category .portfolioLink_small {
    font-family: Verdana;
    color: #666666;
    font-size: 10px; }
  .body-category .textPageLink {
    font-family: Verdana;
    color: #666666;
    font-size: 8pt; }
  .body-category .textPageLink_small {
    font-family: Verdana;
    color: #666666;
    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: #666666;
    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: #999999;
    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; }
    
  .body-category .container {
    height: 100%; }
    
   @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: #666666; }
  .body-category .clearing-main-prev > span {
    border-right-color: #666666; }
  .body-category .clearing-main-next > span {
    border-left-color: #666666; }
  .body-category .clearing-caption {
    padding: 0 0 0 0;
    color: #666666;
    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 .row {
    max-width: 98rem; }
  .body-category .row.top {
    /*margin-bottom: -18px;*/
    padding-bottom: 18px;
    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 .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: #666666 !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; }
  .body-home .categoryLink {
    font-family: Verdana;
    color: #666666;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 2px; }
  .body-home .categoryLink_small {
    font-family: Verdana;
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px; }
  .body-home .portfolioLink {
    font-family: Verdana;
    color: #666666;
    font-size: 8pt;
    letter-spacing: 2px; }
  .body-home .portfolioLink_small {
    font-family: Verdana;
    color: #666666;
    font-size: 10px;
    letter-spacing: 2px; }
  .body-home .textPageLink {
    font-family: Verdana;
    color: #666666;
    font-size: 8pt;
    letter-spacing: 2px; }
  .body-home .textPageLink_small {
    font-family: Verdana;
    color: #666666;
    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: #666666;
    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: 0;
	bottom: 18px;
	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: #666666; }
  .body-home .clearing-main-prev > span {
    border-right-color: #666666; }
  .body-home .clearing-main-next > span {
    border-left-color: #666666; }
  .body-home .clearing-caption {
    padding: 0 0 0 0;
    color: #999999;
    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 .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.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: #999999 !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 .categoryLink {
    font-family: Arial;
    color: #999999;
    font-size: 10pt; }
  .body-page .categoryLink_small {
    font-family: Arial;
    color: #999999;
    font-size: 10px; }
  .body-page .portfolioLink {
    font-family: Arial;
    color: #999999;
    font-size: 10pt; }
  .body-page .portfolioLink_small {
    font-family: Arial;
    color: #999999;
    font-size: 10px; }
  .body-page .textPageLink {
    font-family: Arial;
    color: #999999;
    font-size: 10pt; }
  .body-page .textPageLink_small {
    font-family: Arial;
    color: #999999;
    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: #999999;
    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: #999999;
    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 */ 
    position: absolute;
  	top: 0;
  	bottom: 18px;
  	width: 100%;
  	overflow-y: auto;
  	/*overflow-wrap: break-word; 07/14/2015, BLM took this out so words do not wrap in menu*/
  	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 .clearing-close {
    color: #999999; }
  .body-page .clearing-main-prev > span {
    border-right-color: #999999; }
  .body-page .clearing-main-next > span {
    border-left-color: #999999; }
  .body-page .clearing-caption {
    padding: 0 0 0 0;
    color: #999999;
    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: 97%; }
  .body-page .row {
    max-width: 98rem; }
  .body-page .row.top {
    margin-bottom: -18px;
    padding-bottom: 18px;
    padding-top: 2px;
    max-height: 100%;
    height: 100%; }
  .body-page .row.max {
    max-width: 95rem;
    margin-left: auto;
    margin-right: 0;
	left: 0;
	right: 0;}
  .body-page .row.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18px; }
  .body-page .vertical-fill {
    max-height: 99%; }
  .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; }

   @media only screen and (min-width: 40.063em) { 
     .body-page .container .small-12 .content {
        padding-top: 45px;
     }
   }

/* 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 */ }
  /* RR changed margin-top to 20 px so little grid icon is changed */
  .body-portfolio #toggle-view {
    float: right;
    display: block;
    width: 26px;
    height: 19px;
    margin-right: 0.90625rem;
    margin-top: 13px; }
    .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; }


/* BLM 07.10.2015, commented out
  .body-portfolio img.rsImg{
    max-height: 100%;
    max-width: 100%;
  vertical-align: middle;
  }
*/

  .body-portfolio .rsDefaultInv, .body-portfolio .rsDefaultInv .rsOverflow, .body-portfolio .rsDefaultInv .rsSlide, .body-portfolio .rsDefaultInv .rsVideoFrameHolder, .body-portfolio .rsDefaultInv .rsThumbs {
    background: white !important;
    color: #999999 !important; }
  .body-portfolio .center3 {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }

  .body-portfolio .image:after, .body-portfolio .image:before {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
  
  .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 {
    color:white;
  }
  .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 .categoryLink {
    font-family: Verdana;
    color: #999999;
    font-size: 10pt; }
  .body-portfolio .categoryLink_small {
    font-family: Verdana;
    color: #999999;
    font-size: 10px; }
  .body-portfolio .portfolioLink {
    font-family: Verdana;
    color: #999999;
    font-size: 10pt; }
  .body-portfolio .portfolioLink_small {
    font-family: Verdana;
    color: #999999;
    font-size: 10px; }
  .body-portfolio .textPageLink {
    font-family: Verdana;
    color: #999999;
    font-size: 10pt; }
  .body-portfolio .textPageLink_small {
    font-family: Verdana;
    color: #999999;
    font-size: 10px; }
  .body-portfolio .imgCaption {
    font-family: Verdana;
    color: #666666;
    font-size: 8pt; 
    padding: 5% 10%;
    }
  .body-portfolio .imgCaption_small {
    font-family: Verdana;
    color: #666666;
    font-size: 12px; }
  .body-portfolio .contactPage {
    font-family: Verdana;
    color: #999999;
    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: #999999;
    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: 0;
		bottom: 15px;
		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: #999999; }
  .body-portfolio .clearing-main-prev > span {
    border-right-color: #999999; }
  .body-portfolio .clearing-main-next > span {
    border-left-color: #999999; }
  .body-portfolio .clearing-caption {
    padding: 0 0 0 0;
    color: #999999;
    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 .row {
    max-width: 98rem; }
  .body-portfolio .row.top {
    /*margin-bottom: -18px;*/
    padding-bottom: 18px;
    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 .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 .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: 80em) {
    .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 .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 .slider-nav .slick-slide {
        width: auto !important; }
      .body-portfolio .slider-nav img {
        height: 46px;
        margin: 0 1px; }
      .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 > * {
        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: 0;
   		}
   		.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) {

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

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

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

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

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

.tab-bar {
  background: #fff; }
.tab-bar .menu-icon span:after {
      box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; }
.tab-bar .logo {
      float: left;
      margin-top: 6px; }
.tab-bar .facebook {
      float: right;
      margin-top: 17px; }
section.left-small {
    border-right: none; }
section.right-small {
    border-left: none; }
.body-portfolio .container .mobile-grid {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
}
.body-portfolio .container .mobile-grid < div.container {
  background: black;
}

/**************
* Image overlays - portfolio
***************/
span.text-overlay span{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}


span.text-overlay .white {
  color:#fff;
}
span.text-overlay > a{
  text-decoration: underline;
}
span.helper{
  display: inline-block;
  height:100%;
  vertical-align: middle;
}


.valign-center {
    position: relative;
    top: 50%;
}
.valign-center .columns {
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
    
  }

  .body-portfolio .rsImgWrapper{
    white-space: normal !important;
  }

img.rsImg,
.rsImgWrapper figure.hovered img,
.rsImgWrapper figure.hovered figcaption.text-overlay  {
  
  /* BLM, 07.10.2015 added this transition to ease the large enlarge with the drawer */
  -webkit-transition: all .4s ease-in;

  -moz-transition: all .4s ease-in;

  -ms-transition: all .4s ease-in;

  -o-transition: all .4s ease-in;

  transition: all .4s ease-in;
}

.rsImgWrapper {
    margin: auto;
    max-height: 100%;
    height: 100%;
    display: table;
}
.rsImgWrapper div.imgContainer { 
  display:table; 
  margin: 0 auto;
} 
.rsImgWrapper figure {
  margin: 0;
  background-color: #000;
    position: relative;
}
.rsImgWrapper figure.hovered img {
    opacity: 0.625;
}
.rsImgWrapper figure.hovered figcaption.text-overlay {
    opacity: 1!important;
}
.rsImgWrapper figcaption.text-overlay {
  color: #fff;
  opacity: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 500;
}

.vcell {
  display: table-cell;
  vertical-align: middle;
}