.depth-over-caption { z-index: 3 }
.depth-over-hover { z-index: 7 }
.depth-over-content { z-index: 11 }
.jprt-container { position: relative; padding: 0 }
.jprt-item { position: absolute; text-align: center; -webkit-transition: width 1s ease, top 1s ease, left 1s ease, opacity .5s ease; -moz-transition: width 1s ease, top 1s ease, left 1s ease, opacity .5s ease; -o-transition: width 1s ease, top 1s ease, left 1s ease, opacity .5s ease; transition: width 1s ease, top 1s ease, left 1s ease, opacity .5s ease; z-index: 2; width:31%;}
.jprt-caption h1 { margin: 0 }
.jprt-content { position: absolute; display: inline-block; z-index:-999; width: 100%; top: 0; left: 0; bottom:0; right:0; overflow-y: hidden; -webkit-transition: height 1s ease, top 1s ease, left 1s ease, opacity .5s ease; -moz-transition: height 1s ease, top 1s ease, left 1s ease, opacity .5s ease; -o-transition: height 1s ease, top 1s ease, left 1s ease, opacity .5s ease; transition: height 1s ease, top 1s ease, left 1s ease, opacity .5s ease; z-index: 10 }
.jprt-content.show_new_section { display: inline-block; z-index: 4 }
.jprt-hover { position: absolute; opacity: 0; width: 100%; top: 0; left: 0; -webkit-transition: width 1s ease, top 1s ease, left 1s ease, opacity .25s ease; -moz-transition: width 1s ease, top 1s ease, left 1s ease, opacity .25s ease; -o-transition: width 1s ease, top 1s ease, left 1s ease, opacity .25s ease; transition: width 1s ease, top 1s ease, left 1s ease, opacity .25s ease; z-index: 6 }
.jprt-item:hover { cursor: pointer }
.jprt-item:hover .jprt-hover { opacity: 1 }
.jprt-features { position: absolute; top: 15px; left: 0 }
.jprt-features ul { list-style: none; padding: 0 }
.jprt-features li { list-style: none; margin-bottom: 6px; padding: 3px 6px; font-size: 12px }
.jprt-item-status { position: absolute; top: 10px; right: 10px; font-size: 14px }
.jprt-item-tags { position: absolute; bottom: 0; padding: 5px 10px; width: 100% }
.jprt-item-title { position: absolute; top: 40%; width: 100%; font-size: 24px; padding: 10px }
h1.jprt-item-title { margin-top: -13px }
.jprt-caption-img { width: 30%; height: auto; top: 50px; position: relative }
.jprt-btn-transparent-white { color: #fff; background: 0 0; border: 1px solid #fff; padding: 10px 20px; outline: 0 }
.jprt-btn-transparent-white:hover { background: rgba(255,255,255,.3); outline: 0 }
.jprt-arrow-down-border { display: none; width: 60px; height: 60px; position: absolute; bottom: 0; background: #444; padding: 2px; left: 50%; margin-left: -30px; border-radius: 50%; z-index: 15; margin-bottom: -30px }
.jprt-arrow-down-back { width: 56px; height: 56px; position: absolute; background: #fff; top: 2px; left: 2px; border-radius: 50% }
.jprt-arrow-down { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); background: 0 0; border-bottom: 2px solid #444; border-right: 2px solid #444; border-radius: 2px; position: relative; width: 20px; height: 20px; margin: auto; margin-top: 15px }
.jprt-bg-build-area { background: repeating-linear-gradient(-45deg, #444, #444 10px, #dab91f 10px, #dab91f 20px) }
.jprt-buttons { margin-top: 20px; margin-bottom: 20px; text-align: center }
.jprt-buttons .jprt-btn { background: none; color: #a4a4a4; font-size: 16px; padding: 10px 5px; box-shadow: none; border: none; outline-style: none; text-transform:uppercase; font-family: 'Playfair Display', serif;  }
.jprt-buttons{color: #a4a4a4;}
.jprt-buttons .jprt-btn:hover { /*background: #27dbd1;*/ color: #4d4d4d; /*border: 2px solid #27dbd1;*/ outline-style: none }
.jprt-buttons .jprt-btn.jprt-btn-active { /*background: #fff;*/ color: #999; outline-style: none; /*border: 2px solid #27dbd1*/ }
.jprt-buttons .jprt-btn.jprt-btn-active:hover {/* background: #27dbd1;*/ color: #fff; /*border: 2px solid #27dbd1;*/ outline-style: none }
.jprt-buttons .jprt-btn.jprt-btn-active:visited{color:#fff;}
.jprt-item { /*background: #ddd */}
.jprt-item:nth-child(odd) .jprt-caption { /*background: #27b0d1*/ }
.jprt-item:nth-child(even) .jprt-caption { /*background: #27bbd1 */}
.jprt-hover { background:rgba(0,0,0,0.5); z-index:99999; padding-top:30%; }
.jprt-content { background:none; color: #eee }
.jprt-caption h1 { color: #fff }
.jprt-features li { background: #fff; color: #27b0d1 }
.jprt-item-status { color: #fff }
.jprt-item-tags,
.jprt-item-title { background: rgba(0,0,0,.2); color: #fff }