/* =============================================================================
   Reset
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
 display: block;
}
audio, canvas, video {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
 display: none;
}
[hidden] {
 display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
  font-family: "helvetica neue","arial","helvetica",sans-serif;
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
 background: #000;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

img {
  border: 0; -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }


/* =============================================================================
   Links
   ========================================================================== */

a:link, a:visited {
  color: #8f530b;
}
a:hover {
 color: #d19c5d;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/*-------------------------| Styled Links ----------------------------------- */

.dark-bkgrd a:link, .dark-bkgrd a:visited {
  color: #e7edf1;
}
.dark-bkgrd a:hover {
 color: #d19c5d;
}
.license a:link, .license a:visited {
  color: #c1d0d8;
}
.license a:hover {
  color: #fff;
}
#copyright a:link,#copyright a:visited {
  color: #5e7a8c;
}
#copyright a:hover {
 color: #d19c5d;
}
nav a {
  text-decoration: none;
}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
 border-bottom: 1px dotted;
}
b, strong {
 font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
 font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace; font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before, q:after {
 content: "";
 content: none;
}
small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
h1 {
  font-size: 1.4em;
}
.main h1, .main h2, .main h3 {
  color: #f49525;
  font-weight: 200;
  letter-spacing: .05em;
  margin-bottom: 1em;
}
footer h3 {
  letter-spacing: .07em;
  border-right: #f49525 4px solid;
  margin-bottom: 1em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
p {
  margin-bottom: 1em;
}
.main p, .main ul, .main ol {
  color: #413833;
}
p.double-margin {
  margin-bottom: 2em;
}

/* -------------------------- | Project Typography --------------------------------- */

nav {
  text-transform: uppercase;
}
.dark-text-shadow {
  -moz-text-shadow: .08em .08em .1em rgba(0, 0, 0, .8);
  -webkit-text-shadow: .08em .08em .1em rgba(0, 0, 0, .8);
  text-shadow: .08em .08em .1em rgba(0, 0, 0, .8);
}
@font-face {
  font-family: 'IcoMoon';
  src: url('../fonts/IcoMoon.eot');
  src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
    url('../fonts/IcoMoon.woff') format('woff'),
    url('../fonts/IcoMoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
  [data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ol {
  margin-left: 1em;
}

.styled-list {
  list-style: circle;
  list-style-position: outside;
  margin-bottom: 1em;
  margin-left: 1.5em;
}

/* ==|== primary styles =================================================================================================
   Author: Jim Lakey jpalakey@gmail
   using a 16 column grid. Gutters are 1/4 of the width of a column. MOBILE FIRST!
   ====================================================================================================================== */

.header-gradient {
   background-color: #e8debf;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f5ec), to(#e8debf));
   background-image: -webkit-linear-gradient(top, #f8f5ec, #e8debf);
   background-image:    -moz-linear-gradient(top, #f8f5ec, #e8debf);
   background-image:     -ms-linear-gradient(top, #f8f5ec, #e8debf);
   background-image:      -o-linear-gradient(top, #f8f5ec, #e8debf);
   height: 7em;
   position: relative;
}
.mobile-margins {
  margin: 0 5%;
}
.header-top-margin {
  margin-top: 1em;
}
.logo {
  color: #5F2505;
  font-size: .8em;
}
.logo-img {
  width: 6.5em;
  height: 6.5em;
}
.logo h1 {
  line-height: 1.1em;
  text-transform: lowercase;
  padding-top: .3em;
  font-size: 2em;
}
.logo-eric {
  letter-spacing: .09em;
  display: block;
}
.logo-construction {
  letter-spacing: .03em;
}
.logo-established {
  text-transform: uppercase;
  font: .9em 'times new roman','georgia', serif;
  letter-spacing: .47em;
  padding-left: .2em;
  line-height: 2em;
}
.header-phone {
  text-align: right;
}
.header-phone {
  display: none !important;
  visibility: hidden;
}
.license {
  clear: both;
  font-size: .7em;
  text-align: right;
  color: #8c9da6;
  width: 100%;
  padding: .4em;
  padding-right: 6.329113924050633%;
  background-color: #3d4e57;
}
.lt-ie8 .license {
  float: right;
}
.horizontal-nav {
  background-color: #172c37;
  width: 100%;
  font-size: .8em;
}
.horizontal-nav li {
  display: inline-block;
  margin-right: 1em;
}
.lt-ie8 .horizontal-nav ul li {
  display: inline;
}
.horizontal-nav li a {
  line-height: 3em;
}
.resp-nav {
  display: none;
}
#navShrink select {
  margin: 1.5em 0;
}
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; *behavior: url(/css/resources/boxsizing.htc);
}
#main-nav {
  margin-bottom: 4em;
}
#main-nav .selected, .horizontal-nav ul .selected {
  color: #d0c0a0;
}
.resp-img {
  max-width: 100%;
}
.lt-ie7 .resp-img {
  height: auto;
  width: 100%;
}
.photo-styling {
  margin-bottom: 1em;
  -moz-box-shadow: 2px 2px 7px 1px #616161;
  -webkit-box-shadow: 2px 2px 7px 1px #616161;
  box-shadow: 2px 2px 7px 1px #616161;
}
footer {
  clear: both;
  background-color: #172c37;
  color: #aac2cf;
  padding: 1.5em 0 .5em 0;
}
#copyright {
  width: 90%;
  padding: 2% 5% 0 5%;
  color: #365769;
}
.fancy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.fancy-list div {
  float: left;
  margin-bottom: 1em;
  width: 100%;
}
.fancy-list span {
  float: left;
  font-size: 200%;
  color: #7f7067;
  width: 10%;
  padding: 0 5% 0 0;
}
.lt-ie8 .fancy-list span {
  display: none;
}
.fancy-list p {
  width: 85%;
  float: left;
}
.icon-lift {
  margin-top: -.3em;
}
.boxed-list {
  margin-bottom: 2em;
  padding: 6% 3% 3% 3%;
  background-color: #dcdcdc;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.lt-ie7 .boxed-list {
  height: 11em;
}
.boxed-list.fancy-list li {
  width: 79%;
}

/* ----------------- Gallery Pages ---------------------------------------------------------------------------- */

#Gallery a {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#Gallery a:link, #Gallery a:visited {
  filter: alpha(opacity=100);
  opacity: 1;
}
#Gallery a:hover, #Gallery a:active {
  filter: alpha(opacity=70);
  opacity: .7;
}
ol.gallery {
  overflow: hidden; /* to clear float */
  counter-reset: li; /* Initiate a counter */
  margin-left: 0; /* Remove the default left margin */
  padding-left: 0; /* Remove the default left padding */
  padding-top: 1.5em;
}
ol.gallery > li {
  position: relative; /* Create a positioning context */
  list-style: none; /* Disable the normal item numbering */
  list-style-type: decimal-leading-zero;
  z-index: 1; /* trying to fix ie8 generated content bug */
  max-width: 300px;
}
ol.gallery > li:after {
  content: counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position: absolute;
  top: 0;  /* trying to fix ie8 generated content bug - using this with after instead of before */
  left: 0;
  width: 2em;
  line-height: 2em;
  color: #fff;
  background-color: #e3371a;
  text-align: center;
  z-index: 10; /* to bring numbers above opacity hover effect on link elements*/
}
html.lt-ie9 ol.gallery > li:after {
  top: 12em; /* ie8 generated content bug */
  right: 0;
}
.gallery li {
  display: inline-block;
  width: 45%;
  margin-bottom: 5%;
  margin-right: 5%;
  text-align: center;
}
.lt-ie8 .gallery li {
  display: inline;
}
.gallery a {
  display: block;
}
.gallery li:nth-child(even) {
  margin-right: 0;
}
span.special-offer {
    color: #612716;
    font-size: 1.1em;
    font-style: italic;
}

/* ----------------- testimonials -------------------------------------------------------------------------------- */

.unicode-flourish {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2em;
  color: #dcdcdc;
}
.quotes span {
  position: relative;
  top: .3em;
  padding: 0 .5%;
  line-height: .5em;
  font-size: 2em;
  color: #cdcdcd;
  font-family:'times new roman', serif;
}

/* ---------------- Contact -------------------------------------------------------------------------------------- */

ul.contact-pairs {
  float: left;
  width: 100%;
  margin-bottom: 1em;
  padding: 5%;
  background-color: #dcdcdc;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
ul.contact-pairs li.margin-top {
  margin-top: 1em;
}
#contact-img {
  position: relative;
  top: -1.5em;
}

/* ------------------- PRICING --------------------------------------------------------------------------------- */
h2.we-accept {
  font-style: italic;
  color: #fff;
  font-size: 1em;
  background: #65B33F;
  padding: .5em 1em;
  text-align: center;
  position: relative;
  top: -1em;
  display: inline-block;
  border: 1px solid #008000;
}

/* ==|== media queries =============================================================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ================================================================================================================ */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition ------------------------------------------------------ */


  h1 {
  font-size: 2em;
  }
  h2 {
    font-size: 1.6em;
  }
  h3 {
    font-size: 1.4em;
  }
  h4 {
    font-size: 1.2em;
  }
  .mobile-margins {
    margin: 0;
  }
  .top-body-margin {
    margin-top: 3em;
  }
  .header-gradient {
    height: 13.5em;
  }
  .header-top-margin {
    margin-top: 2.7em;
  }
  .logo {
    font-size: 1em;
  }
  .logo-img {
    width: 8.5em;
    height: 8.5em;
  }
  .logo h1 {
    font-size: 2.6em;
    line-height: 1.1em;
    padding-top: .3em;
  }
  .logo-eric {
    letter-spacing: .09em;
  }
  .logo-construction {
    letter-spacing: .03em;
    word-spacing: -0.1em;
  }
  .logo-established {
    font-size: 1.17em;
    letter-spacing: .47em;
    padding-left: .2em;
    line-height: 1.7em;
  }
  .license {
    font-size: 1em;
  }
  .col1-gutter-left{
    margin-left: 6.329113924050633%;
  }
  .col1-gutter-right{
    margin-right: 6.329113924050633%;
  }
  nav select {
    display: none;
  }
  .horizontal-nav {
    font-size: 1em;
  }
  .horizontal-nav li {
    margin-right: 2em;
}
 .resp-nav{
    display: block;
  }
  .resp-nav li {
    margin-bottom: 1em;
  }
  footer section {
    float: left;
  }
  .col3 {
    width: 23%
  }
  .col5-gutter {
    width: 66%;
    margin-left: 1%;
    margin-right: 4%;
    float: right;
  }
  .col4 {
    width: 24.050632911392405%;
  }
  .col9 {
    width: 55.69620253164557%;
    float: left;
    margin-left: 5%;
  }
  div span.icon-big {
  font-size: 275%;
  }
    /* ------------------- Testimonials -------------------------------------------------------------------------- */

  .quotes div.top {
  top: 0;
  left: -2em;
  }
}

@media only screen and (min-width: 53em) {
  /* Style adjustments for viewports that meet the condition ------------------------------------------------------ */


  .header-phone {
    float: right;
  }
  .header-phone div div, .header-phone span {
    display: inline-block;
  }
  .header-phone span {
    color: #fff;
    font-size: 2em;
    background-color: #e5d4a3;
    vertical-align: 12%;
    margin-left: .2em;
    padding: 0 .25em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
  }
  .lt-ie9 .header-phone span {
    background-color: transparent;
    border: none;
  }
  .lt-ie8 .header-phone span {
    display: none;
    height: 0;
    width: 0;
  }
  .header-phone div p.header-phone-name {
    text-transform: uppercase;
    color: #295269;
    margin-bottom: 0;
  }
  .header-phone div p.header-phone-number {
    margin-bottom: .6em;
  }
  .header-phone {
    display: block !important;
    visibility: visible;
  }
  .license {
    background-color: transparent;
    margin-top: -2.6em;
  }
  .top-body-margin {
    margin-top: 5em;
  }
  .bottom-body-margin {
    margin-bottom: 2em;
  }
  .col3 {
    width: 17.721518987341772%;
  }
  .col5-gutter {
    width: 31.645569620253165%; /* 30.379746835443038 + 1.265822784810127 */
    float: left;
  }
  .col9 {
    margin-left: 2%;
  }
  div span.icon-big {
  font-size: 400%;
  }
  /* ----------------- Gallery Pages ---------------------------------------------------------------------------- */

  .gallery li {
    width: 30%;
  }
  html.lt-ie9 .gallery li {
    width: 28%;
  }
  .gallery li:nth-child(even) {
    margin-right: 5%;
  }
  .gallery li:nth-child(3n) {
    margin-right: 0;
  }

  /* ------------------- Contact --------------------------------------------------------------------------------- */

  ul.contact-pairs {
    width: 45%;
  }
  ul.first-box {
    margin-right: 10%;
  }
  /* ------------------- Testimonials -------------------------------------------------------------------------- */
  .quotes div.top {
  top: 0;
  left: -3em;
  }
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.no-styling {
  list-style: none;
  text-decoration: none;
}

/* ==|== plug-ins ================================================================================================== */

/* Browser Resets */

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  max-width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides > li {
  position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container-inner {
  zoom: 1;
  position: relative;
}
.flex-container-outer {
  margin-bottom: 3em;
}
.lt-ie7 .flex-container-outer, .lt-ie7 .flex-container-inner, .lt-ie7 .Flexslider {
  display: none;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
  background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
  zoom: 1;
}
.flex-caption {
  padding: 2%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,.7);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 1em;
}

/* Direction Nav */
.flex-direction-nav {
  height: 0;
}
.flex-direction-nav a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(../img/flexslider/bg_direction_nav.png) no-repeat;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -999em;
}
.flex-direction-nav .flex-next {
  background-position: -52px 0;
  right: -11px;
 }
.flex-direction-nav .flex-prev {
  left: -10px;
}
.flex-direction-nav .flex-disabled {
  opacity: .3;
  filter:alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -30px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(../img/flexslider/bg_control_nav.png) no-repeat;
  cursor: pointer;
  text-indent: -999em;
}
.flex-control-nav a:hover {
  background-position: 0 -13px;
}
.flex-control-nav a.flex-active {
  background-position: 0 -26px;
  cursor: default;
}
/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */


body.ps-active, body.ps-building, div.ps-active, div.ps-building {
  background: #000;
  overflow: hidden;
}
body.ps-active *, div.ps-active * {
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
  display: none;
}
body.ps-active *:focus, div.ps-active *:focus {
  outline: 0;
}

/* Document overlay */
div.ps-document-overlay {
  background: #000;
}


/* UILayer */
div.ps-uilayer {
  background: #000;
  cursor: pointer;
}

/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate {
  background: #000;
}
div.ps-zoom-pan-rotate *  {
  display: block;
}

/* Carousel */
div.ps-carousel-item-loading {
  background: url(../img/photoswipe/loader.gif) no-repeat center center;
}
div.ps-carousel-item-error {
  background: url(../img/photoswipe/error.gif) no-repeat center center;
}

/* Caption */
div.ps-caption {
  background: #000000;
  background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
  border-bottom: 1px solid #42403f;
  color: #ffffff;
  font-size: 13px;
  font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
  text-align: center;
}
div.ps-caption *  {
  display: inline;
}

div.ps-caption-bottom {
  border-top: 1px solid #42403f;
  border-bottom: none;
  min-height: 44px;
}

div.ps-caption-content {
  padding: 13px;
  display: block;
}

/* Toolbar */
div.ps-toolbar {
  background: #000000;
  background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
  border-top: 1px solid #42403f;
  color: #ffffff;
  font-size: 13px;
  font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
  text-align: center;
  height: 44px;
  display: table;
  table-layout: fixed;
}
div.ps-toolbar * {
  display: block;
}
div.ps-toolbar-top{
  border-bottom: 1px solid #42403f;
  border-top: none;
}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play{
  cursor: pointer;
  display: table-cell;
}
div.ps-toolbar div div.ps-toolbar-content{
  width: 44px;
  height: 44px;
  margin: 0 auto 0;
  background-image: url(../img/photoswipe/icons.png);
  background-repeat: no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content{
  background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content{
  background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content{
  background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content{
  background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content{
  background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content{
  background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
  div.ps-toolbar div div.ps-toolbar-content {
    -moz-background-size: 176px 88px;
    -o-background-size: 176px 88px;
    -webkit-background-size: 176px 88px;
    background-size: 176px 88px;
    background-image: url(../img/photoswipe/icons@2x.png);
  }
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow:none !important;
    text-shadow: none !important;
    filter:none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */

  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3; widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}