/* ==========================================================================
   Styles For Browsers With JavaScript Disabled
   ========================================================================== */
html {
  background: #000000 url(../img/background-2.jpg) no-repeat fixed center center;
  background-size: cover;
}
#header,
#container,
#footer {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.filter-panes > div,
.content-switch .panes > div,
.tabs + .panes > div,
.tabs-vertical + .panes > div {
  display: block;
}
#portfolio-grid > li {
  display: inline-block;
  opacity: 1;
}
.box-dark + #postcard-container {
  display: none;
}
#portfolio-items,
.filter-tabs,
.content-switch .controls,
a.next-slide {
  display: none;
}
#portfolio-grid li a img {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
}
#portfolio-grid li a:hover img {
  opacity: .1;
}
/********************************/
.myRasterDemoThumbnail-grid > li,
.myPortfolio-grid > li {
  display: inline-block;
  opacity: 1;
}
.myRasterDemoThumbnail-grid li a img,
.myPortfolio-grid li a img {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
}
.myRasterDemoThumbnail-grid li a:hover img,
.myPortfolio-grid li a:hover img {
  opacity: .1;
}
/*******************************/


.slider > .items > div + div {
  margin-top: 30px;
}
.panes > div {
  margin-bottom: 40px;
}
#mainnav li.active a:before,
#mainnav li.active a:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 95%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 95%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 95%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 95%);
}
#mainnav li.active a:after {
  left: auto;
  right: 0;
}

.myRasterDemoInline{
  display: none;
}

.myRasterDemoStatic{
  display: block;
}