﻿
#work-filters{position:relative;}#portfolio-filter-label{display:inline-block;margin-right:16px;}#portfolio-filter-dropdown{background:#FFF;display:inline-block;position:relative;}#portfolio-filter-dropdown select{border:0;background:transparent;color:#1C507B;font-family:"pill_gothic_300mgbold",sans-serif;font-style:normal;font-weight:700;height:32px;line-height:32px;padding-left:16px;padding-right:48px;position:relative;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;z-index:2;}#portfolio-filter-dropdown select::-ms-expand{display:none;}#portfolio-filter-dropdown:before{content:"";background:#5FC0EE;border-left:1px solid #3580BE;display:block;height:32px;position:absolute;right:0;top:0;width:32px;z-index:0;}#portfolio-filter-dropdown:after{font-family:'vividsites-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e201";color:#1C507B;display:block;font-size:24px;position:absolute;right:0;text-align:center;top:4px;width:32px;z-index:1;}#portfolio{list-style:none;margin:0;padding:0;position:relative;width:100%;z-index:101;}#portfolio li{display:block;float:left;margin:0;overflow:hidden;position:relative;width:33.333%;}#portfolio li a{display:block;height:0;padding-bottom:100%;position:relative;}#portfolio li a:link{color:#092734;}#portfolio li a:visited{color:#092734;}#portfolio li a:hover{color:#092734;}#portfolio li a:active{color:#092734;}#portfolio li img{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;z-index:0;}#portfolio li .work-overlay{background:url("/content/images/white-90.png");background:rgba(255,255,255,0.9);bottom:0;display:block;font-size:20px;left:0;padding:16px 8px;position:absolute;right:0;top:0;visibility:hidden;width:100%;z-index:1;}#portfolio li a:hover .work-overlay{visibility:visible;}#portfolio li .work-overlay{opacity:0;visibility:visible;}#portfolio li a:hover .work-overlay{opacity:1;}#portfolio li .work-overlay p{margin-bottom:0;text-align:center;}.work-overlay .vcenter{display:table;height:100%;min-height:100%;position:relative;width:100%;}.work-overlay .vcenter-inner{display:table-cell;vertical-align:middle;}#portfolio{display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-box-orient:inline-axis;-moz-box-orient:inline-axis;box-orient:inline-axis;-webkit-box-align:start;-moz-box-align:start;box-align:start;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}#portfolio{margin-bottom:-8.75%;margin-top:-2px;overflow:hidden;-moz-transform:skewY(5deg);-ms-transform:skewY(5deg);-o-transform:skewY(5deg);-webkit-transform:skewY(5deg);transform:skewY(5deg);-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;-webkit-transform-origin:top right;transform-origin:top right;}#portfolio li{margin-top:-1px;}#portfolio li img{top:-8%;bottom:-8%;left:-8%;right:-8%;width:116%;-moz-transform:skewY(-5deg) translate3d(0,0,0);-ms-transform:skewY(-5deg) translate3d(0,0,0);-o-transform:skewY(-5deg) translate3d(0,0,0);-webkit-transform:skewY(-5deg) translate3d(0,0,0);transform:skewY(-5deg) translate3d(0,0,0);}#portfolio li .work-overlay{bottom:-5%;left:-5%;right:-5%;top:-5%;-moz-transform:skewY(-5deg) translate3d(0,0,0);-ms-transform:skewY(-5deg) translate3d(0,0,0);-o-transform:skewY(-5deg) translate3d(0,0,0);-webkit-transform:skewY(-5deg) translate3d(0,0,0);transform:skewY(-5deg) translate3d(0,0,0);width:110%;}#portfolio li .work-overlay .vcenter-inner{padding:5%;}#portfolio + .section{padding-top:8.7%;}@media screen and (min-width:0px){#portfolio-filter-label{display:block;margin-bottom:0.5rem;margin-right:0;}#portfolio-filter-dropdown{display:block;}#portfolio-filter-dropdown select{height:2rem;line-height:2rem;padding-left:1rem;padding-right:3rem;width:100%;}#portfolio-filter-dropdown:before{height:2rem;width:2rem;}#portfolio-filter-dropdown:after{font-size:1.5rem;top:0.25rem;width:2rem;}#portfolio-header-wrapper{background-image:url("/content/images/subpage-header-blue.jpg");background-size:cover;}#portfolio li{width:100%;}#portfolio li a:hover{color:#CC6600;}#portfolio li a:active{color:#CC6600;}#portfolio li .work-overlay,#portfolio li .work-overlay{bottom:0;font-size:1.25rem;opacity:1;padding:1rem 0.5rem;position:absolute;top:auto;visibility:visible;z-index:1;}#portfolio li .work-overlay{padding:0;top:auto;-moz-transform:skewY(0deg);-ms-transform:skewY(0deg);-o-transform:skewY(0deg);-webkit-transform:skewY(0deg);transform:skewY(0deg);-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;-webkit-transform-origin:top right;transform-origin:top right;}#portfolio li .work-overlay .vcenter{display:block;-moz-transform:skewY(-5deg);-ms-transform:skewY(-5deg);-o-transform:skewY(-5deg);-webkit-transform:skewY(-5deg);transform:skewY(-5deg);}.work-overlay .vcenter-inner{display:block;padding:0;}#portfolio li .work-overlay p{padding:0.5rem 1rem;text-align:left;}}@media screen and (min-width:480px){#portfolio li{width:49.5%;}}@media screen and (min-width:768px){#portfolio-filter-label{display:inline-block;margin-bottom:0;margin-right:1rem;}#portfolio-filter-dropdown{display:inline-block;}#portfolio li{width:49.5%;}#portfolio li{flex-basis:49%;flex-grow:2;max-width:50%;width:auto;}#portfolio li:nth-child(2n){flex-grow:1;}#portfolio li a:hover{color:#092734;}#portfolio li a:active{color:#092734;}#portfolio li .work-overlay,#portfolio li .work-overlay{font-size:1.125rem;opacity:0;top:0;}#portfolio li .work-overlay{bottom:-5%;padding-left:0;top:-5%;}#portfolio li .work-overlay .vcenter{display:table;padding-left:0;}.work-overlay .vcenter-inner{display:table-cell;vertical-align:middle;}#portfolio li .work-overlay .vcenter-inner{padding:5%;}#portfolio li .work-overlay p{padding:0;text-align:center;}}@media screen and (min-width:998px){#portfolio li{width:33.332%;}#portfolio li{flex-basis:33%;max-width:34%;width:auto;}#portfolio li:nth-child(2n){flex-grow:2;}#portfolio li:nth-child(3n){flex-grow:1;}#portfolio li .work-overlay{font-size:1.25rem;}}@media screen and (min-width:1400px){#portfolio li{width:25%;}#portfolio li{flex-basis:24%;max-width:25%;width:auto;}#portfolio li:nth-child(3n){flex-grow:2;}#portfolio li:nth-child(4n){flex-grow:1;}}
