/**
 * Base compass file : http://compass-style.org/help/tutorials/best_practices/
 */
/* ---------------------- 3D responsive grid ---------------------- */
/* General grid styles */
/* line 6, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid {
  list-style: none;
  padding: 0 0 50px 0;
  margin: 0;
}

/* Clear floats */
/* line 14, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid:before,
.w3d-pages-grid:after {
  content: " ";
  display: table;
}

/* line 19, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid:after {
  clear: both;
}

/* grid item */
/* line 24, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid li {
  width: 33%;
  float: left;
  height: 300px;
  text-align: center;
  /*border-top: 1px solid #ddd;*/
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  -ms-perspective: 1500px;
  -o-perspective: 1500px;
  perspective: 1500px;
  overflow: hidden;
}

/* grid lines */
/*
.w3d-pages-grid li:nth-child(-n+3){
    border-top: none;
}
 
.w3d-pages-grid li:nth-child(3n-1),
.w3d-pages-grid li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 */
/* item anchor */
/* line 47, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid li > a {
  position: relative;
  text-decoration: none;
  display: block;
  height: 100%;
}

/* element illustration */
/* line 55, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid .w3d-pages-thumbnail {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* title element */
/* line 65, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid .w3d-pages-title {
  padding: 0;
  margin: 0;
}

/* text element */
/* line 71, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid .w3d-pages-excerpt {
  position: relative;
  display: block;
}

/* --------------------- */
/* Regular styles Type-1 */
/* --------------------- */
/* grid item */
/* line 81, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li {
  height: 420px;
}

/* grid lines */
/*
.w3d-pages-grid.type-1 li:nth-child(-n+3){
    border-top: none;
}
 
.w3d-pages-grid.type-1 li:nth-child(3n-1),
.w3d-pages-grid.type-1 li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 */
/* item anchor */
/* line 98, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li > a {
  color: #000;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

/* element illustration */
/* line 104, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 .w3d-pages-thumbnail {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
}

/* title element */
/* line 112, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 .w3d-pages-title {
  position: relative;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 2em;
  -webkit-transition: All 0.3s, opacity 0.4s;
  -moz-transition: All 0.3s, opacity 0.4s;
  -o-transition: All 0.3s, opacity 0.4s;
  transition: All 0.3s, opacity 0.4s;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  background: none;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1;
  color: #000;
}

/* text element */
/* line 134, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 .w3d-pages-excerpt {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0 2em;
  font-size: 1em;
  letter-spacing: 1px;
  color: #fff;
  max-height: 270px;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: All 0.2s ease-in-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition: All 0.2s ease-in-out 0.1s;
  -o-transition: All 0.2s ease-in-out 0.1s;
  transition: All 0.2s ease-in-out 0.1s;
}

/* ------------------- */
/* Hover styles type-1 */
/* ------------------- */
/* line 158, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li > a:hover {
  background: #000;
}

/* line 163, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li:hover .w3d-pages-thumbnail,
.touch .w3d-pages-grid.type-1 li .w3d-pages-thumbnail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

/* line 168, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li > a:hover .w3d-pages-title {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transform: rotateX(-110deg);
  -moz-transform: rotateX(-110deg);
  -ms-transform: rotateX(-110deg);
  -o-transform: rotateX(-110deg);
  transform: rotateX(-110deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 176, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-1 li:hover .w3d-pages-excerpt,
.touch .w3d-pages-grid.type-1 li .w3d-pages-excerpt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/* --------------------- */
/* Regular styles Type-2 */
/* --------------------- */
/* grid item */
/* line 187, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li {
  height: 425px;
}

/* grid lines */
/*
.w3d-pages-grid.type-2 li:nth-child(-n+3){
    border-top: none;
}
 
.w3d-pages-grid.type-2 li:nth-child(3n-1),
.w3d-pages-grid.type-2 li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 */
/* item anchor */
/* line 204, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li > a {
  color: #000;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

/* element illustration */
/* line 210, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 .w3d-pages-thumbnail {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

/* title element */
/* line 223, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 .w3d-pages-title {
  position: relative;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 2em;
  -webkit-transition: All 0.3s, opacity 0.4s;
  -moz-transition: All 0.3s, opacity 0.4s;
  -o-transition: All 0.3s, opacity 0.4s;
  transition: All 0.3s, opacity 0.4s;
  background: none;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1;
  color: #000;
}

/* text element */
/* line 238, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 .w3d-pages-excerpt {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0 2em;
  font-size: 1em;
  letter-spacing: 1px;
  color: #000;
  max-height: 270px;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
}

/* ------------------- */
/* Hover styles type-2 */
/* ------------------- */
/* line 263, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li > a:hover {
  /*background: #000;*/
}

/* line 268, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li:hover .w3d-pages-thumbnail,
.touch .w3d-pages-grid.type-2 li .w3d-pages-thumbnail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

/* line 273, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li > a:hover .w3d-pages-title {
  padding: 1em 0;
  color: #FFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: none;
  background-color: rgba(0, 0, 0, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  zoom: 1;
}

/* line 285, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-2 li:hover .w3d-pages-excerpt,
.touch .w3d-pages-grid.type-2 li .w3d-pages-excerpt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* --------------------- */
/* Regular styles Type-3 */
/* --------------------- */
/* grid item */
/* line 298, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 li {
  height: 300px;
}

/* grid lines */
/*
.w3d-pages-grid.type-3 li:nth-child(-n+3){
    border-top: none;
}
 
.w3d-pages-grid.type-3 li:nth-child(3n-1),
.w3d-pages-grid.type-3 li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 */
/* item anchor */
/* line 315, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 li > a {
  color: #000;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

/* element illustration */
/* line 321, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 .w3d-pages-thumbnail {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

/* title element */
/* line 334, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 .w3d-pages-title {
  position: relative;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 2em;
  -webkit-transition: All 0.3s, opacity 0.4s;
  -moz-transition: All 0.3s, opacity 0.4s;
  -o-transition: All 0.3s, opacity 0.4s;
  transition: All 0.3s, opacity 0.4s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background: none;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1;
  color: #000;
}

/* text element */
/* line 354, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 .w3d-pages-excerpt {
  position: absolute;
  top: 0;
  text-align: center;
  padding: 50px 1em 0 1em;
  font-size: 1em;
  letter-spacing: 1px;
  color: #000;
  max-height: 270px;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
}

/* ------------------- */
/* Hover styles type-3 */
/* ------------------- */
/*
.w3d-pages-grid.type-3 li > a:hover {
    background: #000;
}
*/
/* line 382, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 li:hover .w3d-pages-thumbnail,
.touch .w3d-pages-grid.type-3 li .w3d-pages-thumbnail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

/* line 387, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 li > a:hover .w3d-pages-title {
  color: #FFF;
  background: none;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1;
  -webkit-transform: rotateX(110deg);
  -moz-transform: rotateX(110deg);
  -ms-transform: rotateX(110deg);
  -o-transform: rotateX(110deg);
  transform: rotateX(110deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 399, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-3 li:hover .w3d-pages-excerpt,
.touch .w3d-pages-grid.type-3 li .w3d-pages-excerpt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/* ----------------------------------------- */
/*          Type 4                           */
/*-------------------------------------------*/
/* line 408, ../../sass/templates/responsive-3d-grid.scss */
.type-4 li {
  overflow: visible;
}

/* line 412, ../../sass/templates/responsive-3d-grid.scss */
.type-4 .photo-wrapper {
  height: 97%;
  width: 97%;
  -webkit-perspective: 1800px;
  -moz-perspective: 1800px;
  -ms-perspective: 1800px;
  -o-perspective: 1800px;
  perspective: 1800px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  -moz-transition: -moz-transform 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* line 428, ../../sass/templates/responsive-3d-grid.scss */
.type-4 .photo-wrapper > div,
.type-4 .photo-wrapper > figure {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 432, ../../sass/templates/responsive-3d-grid.scss */
.type-4 figure {
  position: absolute;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 20px 15px;
  text-align: center;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
}

/* line 446, ../../sass/templates/responsive-3d-grid.scss */
.type-4 figure figcaption h3 {
  margin: 20px 0 0 0;
  color: #a7a0a2;
  font-size: 16px;
}

/* line 452, ../../sass/templates/responsive-3d-grid.scss */
.type-4 figure img {
  outline: none;
  display: block;
  width: 100%;
  height: 200px;
  background: #f9f9f9;
}

/* line 460, ../../sass/templates/responsive-3d-grid.scss */
.photo-back {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  color: #000;
  padding: 2em 1.5em;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
}

/* line 478, ../../sass/templates/responsive-3d-grid.scss */
.photo-back p {
  margin: 0;
}

/* line 482, ../../sass/templates/responsive-3d-grid.scss */
.photo-back p span {
  text-decoration: line-through;
}

/* line 486, ../../sass/templates/responsive-3d-grid.scss */
.type-4 a:hover .photo-wrapper {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

/* ----------------------------------------- */
/*          Type 5                           */
/*-------------------------------------------*/
/* line 494, ../../sass/templates/responsive-3d-grid.scss */
.type-5 li {
  overflow: visible;
}

/* line 498, ../../sass/templates/responsive-3d-grid.scss */
.type-5 .photo-wrapper {
  height: 97%;
  width: 97%;
  -webkit-perspective: 1800px;
  -moz-perspective: 1800px;
  -ms-perspective: 1800px;
  -o-perspective: 1800px;
  perspective: 1800px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

/* line 512, ../../sass/templates/responsive-3d-grid.scss */
.type-5 .photo-wrapper > div,
.type-5 .photo-wrapper > figure {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 516, ../../sass/templates/responsive-3d-grid.scss */
.type-5 figure {
  position: absolute;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 20px 15px;
  text-align: center;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
}

/* line 530, ../../sass/templates/responsive-3d-grid.scss */
.type-5 figure figcaption h3 {
  margin: 20px 0 0 0;
  color: #a7a0a2;
  font-size: 16px;
}

/* line 536, ../../sass/templates/responsive-3d-grid.scss */
.type-5 figure img {
  outline: none;
  display: block;
  width: 100%;
  height: 200px;
  background: #f9f9f9;
}

/* line 544, ../../sass/templates/responsive-3d-grid.scss */
.photo-back {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  color: #000;
  padding: 2em 1.5em;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
}

/* line 562, ../../sass/templates/responsive-3d-grid.scss */
.photo-back p {
  margin: 0;
}

/* line 566, ../../sass/templates/responsive-3d-grid.scss */
.photo-back p span {
  text-decoration: line-through;
}

/* line 570, ../../sass/templates/responsive-3d-grid.scss */
.type-5 a:hover .photo-wrapper {
  /* animated via JS */
}

/* --------------------- */
/* Regular styles Type-6 */
/* --------------------- */
/* grid item */
/* line 579, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li {
  height: 420px;
}

/* grid lines */
/*
.w3d-pages-grid.type-6 li:nth-child(-n+3){
    border-top: none;
}
 
.w3d-pages-grid.type-6 li:nth-child(3n-1),
.w3d-pages-grid.type-6 li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 */
/* item anchor */
/* line 596, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li > a {
  color: #000;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
  -webkit-transform: translateZ(-100px);
  -moz-transform: translateZ(-100px);
  -ms-transform: translateZ(-100px);
  -o-transform: translateZ(-100px);
  transform: translateZ(-100px);
}

/* element illustration */
/* line 603, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 .w3d-pages-thumbnail {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-transition: All 0.2s;
  -moz-transition: All 0.2s;
  -o-transition: All 0.2s;
  transition: All 0.2s;
}

/* title element */
/* line 611, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 .w3d-pages-title {
  position: relative;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 2em;
  -webkit-transition: All 0.3s, opacity 0.4s;
  -moz-transition: All 0.3s, opacity 0.4s;
  -o-transition: All 0.3s, opacity 0.4s;
  transition: All 0.3s, opacity 0.4s;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  background: none;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
  zoom: 1;
  color: #000;
}

/* text element */
/* line 633, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 .w3d-pages-excerpt {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0 2em;
  font-size: 1em;
  letter-spacing: 1px;
  color: #fff;
  max-height: 270px;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: All 0.2s ease-in-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition: All 0.2s ease-in-out 0.1s;
  -o-transition: All 0.2s ease-in-out 0.1s;
  transition: All 0.2s ease-in-out 0.1s;
}

/* ------------------- */
/* Hover styles type-6 */
/* ------------------- */
/* line 657, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li > a.active {
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  background-color: #222;
}

/* line 662, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li > a.inactive {
  -webkit-filter: grayscale(0.8) blur(5px);
  -moz-filter: grayscale(0.8) blur(5px);
  filter: grayscale(0.5) blur(10px);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateZ(-300px);
  -moz-transform: translateZ(-300px);
  -ms-transform: translateZ(-300px);
  -o-transform: translateZ(-300px);
  transform: translateZ(-300px);
}

/* line 675, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li:hover .w3d-pages-thumbnail,
.touch .w3d-pages-grid.type-6 li .w3d-pages-thumbnail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  /*@include transform(scale(0.9));*/
}

/* line 680, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li > a:hover .w3d-pages-title {
  /*color: #fff;
  background-color: rgba(0,0,0,0.7);
  @include transform(rotateX(-110deg));
  @include backface-visibility( hidden );*/
  font-size: 90%;
}

/* line 689, ../../sass/templates/responsive-3d-grid.scss */
.w3d-pages-grid.type-6 li:hover .w3d-pages-excerpt,
.touch .w3d-pages-grid.type-6 li .w3d-pages-excerpt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/*
 * --- Media Queries ---
 */
@media screen and (max-width: 62.75em) {
  /* line 699, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li {
    width: 50%;
  }

  /* reset the grid lines */
  /* line 704, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(-n+3) {
    border-top: 1px solid #dddddd;
  }

  /* line 709, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(3n-1),
  .w3d-pages-grid li:nth-child(3n-2) {
    box-shadow: none;
  }

  /* line 713, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(-n+2) {
    border-top: none;
  }

  /* line 717, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(2n-1) {
    box-shadow: 1px 0 0 #dddddd;
  }
}
@media screen and (max-width: 41.6em) {
  /* line 723, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li {
    width: 100%;
  }

  /* line 727, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(-n+2) {
    border-top: 1px solid #dddddd;
  }

  /* line 731, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:nth-child(2n-1) {
    box-shadow: none;
  }

  /* line 735, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid li:first-child {
    border-top: none;
  }
}
@media screen and (max-width: 25em) {
  /* line 741, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid {
    font-size: 80%;
  }

  /* line 745, ../../sass/templates/responsive-3d-grid.scss */
  .w3d-pages-grid .w3d-pages-category {
    margin-top: 20px;
  }
}