.ares.tparrows { cursor: pointer; background: rgb(255, 255, 255); min-width: 60px; min-height: 60px; position: absolute; display: block; z-index: 100; border-radius: 50%; }
.ares.tparrows:hover { }
.ares.tparrows::before { font-family: revicons; font-size: 25px; color: rgb(170, 170, 170); display: block; line-height: 60px; text-align: center; transition: color 0.3s; z-index: 2; position: relative; }
.ares.tparrows.tp-leftarrow::before { content: ""; }
.ares.tparrows.tp-rightarrow::before { content: ""; }
.ares.tparrows:hover::before { color: rgb(0, 0, 0); }
.ares .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: rgb(255, 255, 255); min-height: 60px; line-height: 60px; top: 0px; margin-left: 30px; border-radius: 0px 30px 30px 0px; overflow: hidden; transition: transform 0.3s; transform: scaleX(0); transform-origin: 0% 50%; }
.ares.tp-rightarrow .tp-title-wrap { right: 0px; margin-right: 30px; margin-left: 0px; transform-origin: 100% 50%; border-radius: 30px 0px 0px 30px; }
.ares.tparrows:hover .tp-title-wrap { transform: scaleX(1) scaleY(1); }
.ares .tp-arr-titleholder { position: relative; transition: transform 0.3s; transform: translateX(200px); text-transform: uppercase; color: rgb(0, 0, 0); font-weight: 400; font-size: 14px; line-height: 60px; white-space: nowrap; padding: 0px 20px; margin-left: 10px; opacity: 0; }
.ares.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0px; margin-right: 10px; }
.ares.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); transition-delay: 0.1s; opacity: 1; }
.ares.tp-bullets { }
.ares.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.ares .tp-bullet { width: 13px; height: 13px; position: absolute; background: rgb(229, 229, 229); border-radius: 50%; cursor: pointer; box-sizing: content-box; }
.ares .tp-bullet:hover, .ares .tp-bullet.selected { background: rgb(255, 255, 255); }
.ares .tp-bullet-title { position: absolute; color: rgb(136, 136, 136); font-size: 12px; padding: 0px 10px; font-weight: 600; right: 27px; top: -4px; background: rgba(255, 255, 255, 0.75); visibility: hidden; transform: translateX(-20px); transition: transform 0.3s; line-height: 20px; white-space: nowrap; }
.ares .tp-bullet-title::after { width: 0px; height: 0px; border-style: solid; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.75); content: " "; position: absolute; right: -10px; top: 0px; }
.ares .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translateX(0px); }
.ares .tp-bullet.selected:hover .tp-bullet-title { background: rgb(255, 255, 255); }
.ares .tp-bullet.selected:hover .tp-bullet-title::after { border-color: transparent transparent transparent rgb(255, 255, 255); }
.ares.tp-bullets:hover .tp-bullet-title { visibility: hidden; }
.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility: visible; }
.ares .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto, sans-serif; border-bottom: 1px solid rgb(229, 229, 229); }
.ares .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; }
.ares .tp-tab-content { background: rgba(0, 0, 0, 0); padding: 15px 15px 15px 85px; left: 0px; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: rgb(51, 51, 51); display: inline-block; width: 100%; height: 100%; position: absolute; }
.ares .tp-tab-date { display: block; color: rgb(170, 170, 170); font-weight: 500; font-size: 12px; margin-bottom: 0px; }
.ares .tp-tab-title { display: block; text-align: left; color: rgb(51, 51, 51); font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; }
.ares .tp-tab:hover, .ares .tp-tab.selected { background: rgb(238, 238, 238); }
.ares .tp-tab-mask { }
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}
.custom.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 10000; }
.custom.tparrows:hover { background: rgb(0, 0, 0); }
.custom.tparrows::before { font-family: revicons; font-size: 15px; color: rgb(255, 255, 255); display: block; line-height: 40px; text-align: center; }
.custom.tparrows.tp-leftarrow::before { content: ""; }
.custom.tparrows.tp-rightarrow::before { content: ""; }
.custom.tp-bullets { }
.custom.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.custom .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgba(125, 125, 125, 0.5); cursor: pointer; box-sizing: content-box; }
.custom .tp-bullet:hover, .custom .tp-bullet.selected { background: rgb(125, 125, 125); }
.custom .tp-bullet-image { }
.custom .tp-bullet-title { }
.dione.tparrows { height: 100%; width: 100px; background: rgba(0, 0, 0, 0); line-height: 100%; transition: 0.3s; }
.dione.tparrows:hover { background: rgba(0, 0, 0, 0.45); }
.dione .tp-arr-imgwrapper { width: 100px; left: 0px; position: absolute; height: 100%; top: 0px; overflow: hidden; }
.dione.tp-rightarrow .tp-arr-imgwrapper { left: auto; right: 0px; }
.dione .tp-arr-imgholder { background-position: center center; background-size: cover; width: 100px; height: 100%; top: 0px; visibility: hidden; transform: translateX(-50px); transition: 0.3s; opacity: 0; left: 0px; }
.dione.tparrows.tp-rightarrow .tp-arr-imgholder { right: 0px; left: auto; transform: translateX(50px); }
.dione.tparrows::before { position: absolute; line-height: 30px; margin-left: -22px; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; transition: 0.3s; }
.dione.tparrows.tp-rightarrow::before { margin-left: 6px; }
.dione.tparrows:hover::before { transform: translateX(-20px); opacity: 0; }
.dione.tparrows.tp-rightarrow:hover::before { transform: translateX(20px); }
.dione.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); opacity: 1; visibility: visible; }
.dione .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: rgba(0, 0, 0, 0.25); margin: 0px; box-sizing: border-box; transition: 0.3s; }
.dione .tp-bullet-image { display: block; box-sizing: border-box; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px 0px inset; width: 44px; height: 44px; background-size: cover; background-position: center center; }
.dione .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); padding: 10px 30px; border-radius: 4px; transition: 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; opacity: 0; white-space: nowrap; }
.dione .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); opacity: 1; }
.dione .tp-bullet.selected, .dione .tp-bullet:hover { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(119, 119, 119) 100%); }
.dione .tp-bullet-title::after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0px; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px; }
.erinyen.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000; border-radius: 35px; }
.erinyen.tparrows::before { font-family: revicons; font-size: 20px; color: rgb(255, 255, 255); display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; }
.erinyen.tparrows.tp-leftarrow::before { content: ""; }
.erinyen.tparrows.tp-rightarrow::before { content: ""; }
.erinyen .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); min-height: 70px; line-height: 70px; top: 0px; margin-left: 0px; border-radius: 35px; overflow: hidden; transition: opacity 0.3s; transform: scale(0); visibility: hidden; opacity: 0; }
.erinyen.tparrows:hover .tp-title-wrap { transform: scale(1); opacity: 1; visibility: visible; }
.erinyen.tp-rightarrow .tp-title-wrap { right: 0px; margin-right: 0px; margin-left: 0px; transform-origin: 100% 50%; border-radius: 35px; padding-right: 20px; padding-left: 10px; }
.erinyen.tp-leftarrow .tp-title-wrap { padding-left: 20px; padding-right: 10px; }
.erinyen .tp-arr-titleholder { letter-spacing: 3px; position: relative; transition: transform 0.3s; transform: translateX(200px); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0px 20px; margin-left: 11px; opacity: 0; }
.erinyen .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; background-size: cover; }
.erinyen .tp-arr-img-over { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); }
.erinyen.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0px; margin-right: 11px; }
.erinyen.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); transition-delay: 0.1s; opacity: 1; }
.erinyen.tp-bullets { }
.erinyen.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: linear-gradient(rgb(85, 85, 85) 0%, rgb(34, 34, 34) 100%); padding: 10px 15px; margin-left: -15px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; box-shadow: rgba(33, 33, 33, 0.3) 0px 0px 2px 1px; }
.erinyen .tp-bullet { width: 13px; height: 13px; position: absolute; background: rgb(17, 17, 17); border-radius: 50%; cursor: pointer; box-sizing: content-box; }
.erinyen .tp-bullet:hover, .erinyen .tp-bullet.selected { background: linear-gradient(rgb(229, 229, 229) 0%, rgb(153, 153, 153) 100%); border: 1px solid rgb(85, 85, 85); width: 12px; height: 12px; }
.erinyen .tp-bullet-image { }
.erinyen .tp-bullet-title { }
.erinyen .tp-thumb { opacity: 1; }
.erinyen .tp-thumb-over { background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.3s; }
.erinyen .tp-thumb-more::before { font-family: revicons; font-size: 12px; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; position: absolute; top: 20px; right: 20px; z-index: 2; }
.erinyen .tp-thumb-more::before { content: ""; }
.erinyen .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; font-size: 12px; color: rgb(255, 255, 255); display: block; line-height: 15px; text-align: left; position: absolute; top: 0px; left: 0px; z-index: 2; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: 0.3s; font-weight: 500; }
.erinyen .tp-thumb.selected .tp-thumb-more::before, .erinyen .tp-thumb:hover .tp-thumb-more::before { color: rgb(170, 170, 170); }
.erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background: rgb(255, 255, 255); }
.erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color: rgb(0, 0, 0); }
.erinyen .tp-tab-title { color: rgb(168, 216, 238); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.erinyen .tp-tab-desc { font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); line-height: 25px; font-family: "Roboto Slab"; }
.gyges.tp-bullets { }
.gyges.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: linear-gradient(rgb(119, 119, 119) 0%, rgb(102, 102, 102) 100%); padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; }
.gyges .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgb(51, 51, 51); border: 3px solid rgb(68, 68, 68); border-radius: 50%; cursor: pointer; box-sizing: content-box; }
.gyges .tp-bullet:hover, .gyges .tp-bullet.selected { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(225, 225, 225) 100%); }
.gyges .tp-bullet-image { }
.gyges .tp-bullet-title { }
.gyges .tp-thumb { opacity: 1; }
.gyges .tp-thumb-img-wrap { padding: 3px; background: rgba(0, 0, 0, 0.25); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0px; box-sizing: border-box; transition: 0.3s; }
.gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px 0px inset; }
.gyges .tp-thumb-title { position: absolute; bottom: 100%; display: inline-block; left: 50%; background: rgba(255, 255, 255, 0.8); padding: 10px 30px; border-radius: 4px; margin-bottom: 20px; opacity: 0; transition: 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; white-space: nowrap; }
.gyges .tp-thumb:hover .tp-thumb-title { transform: rotateX(0deg) translateX(-50%); opacity: 1; }
.gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(119, 119, 119) 100%); }
.gyges .tp-thumb-title::after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0px; border-color: rgba(255, 255, 255, 0.8) transparent transparent; bottom: -8px; }
.gyges .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto, sans-serif; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.gyges .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; }
.gyges .tp-tab-content { background: rgba(0, 0, 0, 0); padding: 15px 15px 15px 85px; left: 0px; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: rgb(51, 51, 51); display: inline-block; width: 100%; height: 100%; position: absolute; }
.gyges .tp-tab-date { display: block; color: rgba(255, 255, 255, 0.25); font-weight: 500; font-size: 12px; margin-bottom: 0px; }
.gyges .tp-tab-title { display: block; text-align: left; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; }
.gyges .tp-tab:hover, .gyges .tp-tab.selected { background: rgba(0, 0, 0, 0.5); }
.gyges .tp-tab-mask { }
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}
.hades.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.15); width: 100px; height: 100px; position: absolute; display: block; z-index: 1000; }
.hades.tparrows::before { font-family: revicons; font-size: 30px; color: rgb(255, 255, 255); display: block; line-height: 100px; text-align: center; transition: background 0.3s, color 0.3s; }
.hades.tparrows.tp-leftarrow::before { content: ""; }
.hades.tparrows.tp-rightarrow::before { content: ""; }
.hades.tparrows:hover::before { color: rgb(170, 170, 170); background: rgb(255, 255, 255); }
.hades .tp-arr-allwrapper { position: absolute; left: 100%; top: 0px; background: rgb(136, 136, 136); width: 100px; height: 100px; transition: 0.3s; opacity: 0; transform: rotateY(-90deg); transform-origin: 0% 50%; }
.hades.tp-rightarrow .tp-arr-allwrapper { left: auto; right: 100%; transform-origin: 100% 50%; transform: rotateY(90deg); }
.hades:hover .tp-arr-allwrapper { opacity: 1; transform: rotateY(0deg); }
.hades .tp-arr-iwrapper { }
.hades .tp-arr-imgholder { background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.hades .tp-arr-titleholder { }
.hades .tp-arr-subtitleholder { }
.hades.tp-bullets { }
.hades.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.hades .tp-bullet { width: 3px; height: 3px; position: absolute; background: rgb(136, 136, 136); cursor: pointer; border: 5px solid rgb(255, 255, 255); box-sizing: content-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 1px; perspective: 400px; transform: translateZ(0.01px); }
.hades .tp-bullet:hover, .hades .tp-bullet.selected { background: rgb(85, 85, 85); }
.hades .tp-bullet-image { position: absolute; top: -80px; left: -60px; width: 120px; height: 60px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; transition: 0.3s; transform-style: flat; perspective: 600px; transform: rotateX(-90deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 1px; transform-origin: 50% 100%; }
.hades .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: rotateX(0deg); visibility: visible; }
.hades .tp-bullet-title { }
.hades .tp-thumb { opacity: 1; }
.hades .tp-thumb-img-wrap { border-radius: 50%; padding: 3px; display: inline-block; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: relative; margin: 0px; box-sizing: border-box; transition: 0.3s; }
.hades .tp-thumb-image { padding: 3px; border-radius: 50%; display: block; box-sizing: border-box; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px 0px inset; }
.hades .tp-thumb:hover .tp-thumb-img-wrap, .hades .tp-thumb.selected .tp-thumb-img-wrap { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(119, 119, 119) 100%); }
.hades .tp-thumb-title::after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0px; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px; }
.hades .tp-tab { opacity: 1; }
.hades .tp-tab-title { display: block; color: rgb(51, 51, 51); font-weight: 600; font-size: 18px; text-align: center; line-height: 25px; }
.hades .tp-tab-price { display: block; text-align: center; color: rgb(153, 153, 153); font-size: 16px; margin-top: 10px; line-height: 20px; }
.hades .tp-tab-button { display: inline-block; margin-top: 15px; text-align: center; padding: 5px 15px; color: rgb(255, 255, 255); font-size: 14px; background: rgb(33, 155, 215); border-radius: 4px; font-weight: 400; }
.hades .tp-tab-inner { text-align: center; }
.hebe.tparrows { cursor: pointer; background: rgb(255, 255, 255); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000; }
.hebe.tparrows:hover { }
.hebe.tparrows::before { font-family: revicons; font-size: 30px; color: rgb(170, 170, 170); display: block; line-height: 70px; text-align: center; transition: color 0.3s; z-index: 2; position: relative; background: rgb(255, 255, 255); min-width: 70px; min-height: 70px; }
.hebe.tparrows.tp-leftarrow::before { content: ""; }
.hebe.tparrows.tp-rightarrow::before { content: ""; }
.hebe.tparrows:hover::before { color: rgb(0, 0, 0); }
.hebe .tp-title-wrap { position: absolute; z-index: 0; display: inline-block; background: rgba(0, 0, 0, 0.75); min-height: 60px; line-height: 60px; top: -10px; margin-left: 0px; transition: transform 0.3s; transform: scaleX(0); transform-origin: 0% 50%; }
.hebe.tp-rightarrow .tp-title-wrap { right: 0px; transform-origin: 100% 50%; }
.hebe.tparrows:hover .tp-title-wrap { transform: scaleX(1); }
.hebe .tp-arr-titleholder { position: relative; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 600; font-size: 12px; line-height: 90px; white-space: nowrap; padding: 0px 20px 0px 90px; }
.hebe.tp-rightarrow .tp-arr-titleholder { margin-left: 0px; padding: 0px 90px 0px 20px; }
.hebe.tparrows:hover .tp-arr-titleholder { transform: translateX(0px); transition-delay: 0.1s; opacity: 1; }
.hebe .tp-arr-imgholder { width: 90px; height: 90px; position: absolute; left: 100%; display: block; background-size: cover; background-position: center center; top: 0px; right: -90px; }
.hebe.tp-rightarrow .tp-arr-imgholder { right: auto; left: -90px; }
.hebe.tp-bullets { }
.hebe.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.hebe .tp-bullet { width: 3px; height: 3px; position: absolute; background: rgb(255, 255, 255); cursor: pointer; border: 5px solid rgb(34, 34, 34); border-radius: 50%; box-sizing: content-box; perspective: 400px; transform: translateZ(0.01px); transition: 0.3s; }
.hebe .tp-bullet:hover, .hebe .tp-bullet.selected { background: rgb(34, 34, 34); border-color: rgb(255, 255, 255); }
.hebe .tp-bullet-image { position: absolute; top: -90px; left: -40px; width: 70px; height: 70px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; transition: 0.3s; transform-style: flat; perspective: 600px; transform: scale(0); transform-origin: 50% 100%; border-radius: 6px; }
.hebe .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: scale(1); visibility: visible; }
.hebe .tp-bullet-title { }
.hebe .tp-tab-title { color: rgb(168, 216, 238); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.hebe .tp-tab-desc { font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); line-height: 25px; font-family: "Roboto Slab"; }
.hephaistos.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50%; }
.hephaistos.tparrows:hover { background: rgb(0, 0, 0); }
.hephaistos.tparrows::before { font-family: revicons; font-size: 18px; color: rgb(255, 255, 255); display: block; line-height: 40px; text-align: center; }
.hephaistos.tparrows.tp-leftarrow::before { content: ""; margin-left: -2px; }
.hephaistos.tparrows.tp-rightarrow::before { content: ""; margin-right: -2px; }
.hephaistos.tp-bullets { }
.hephaistos.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.hephaistos .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgb(153, 153, 153); border: 3px solid rgb(245, 245, 245); border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: rgba(130, 130, 130, 0.3) 0px 0px 2px 1px; }
.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected { background: rgb(255, 255, 255); border-color: rgb(0, 0, 0); }
.hephaistos .tp-bullet-image { }
.hephaistos .tp-bullet-title { }
.hermes.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 30px; height: 110px; position: absolute; display: block; z-index: 1000; }
.hermes.tparrows::before { font-family: revicons; font-size: 15px; color: rgb(255, 255, 255); display: block; line-height: 110px; text-align: center; transform: translateX(0px); transition: 0.3s; }
.hermes.tparrows.tp-leftarrow::before { content: ""; }
.hermes.tparrows.tp-rightarrow::before { content: ""; }
.hermes.tparrows.tp-leftarrow:hover::before { transform: translateX(-20px); opacity: 0; }
.hermes.tparrows.tp-rightarrow:hover::before { transform: translateX(20px); opacity: 0; }
.hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0px; left: 0px; visibility: hidden; transition: transform 0.3s 0.3s; perspective: 1000px; }
.hermes.tp-rightarrow .tp-arr-allwrapper { right: 0px; left: auto; }
.hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible; }
.hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0px; top: 0px; height: 110px; transform: translateX(-180px); transition: 0.3s 0.3s; }
.hermes.tp-rightarrow .tp-arr-imgholder { transform: translateX(180px); }
.hermes.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); }
.hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0px 10px; line-height: 30px; background: rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; transition: 0.3s; transform: rotateX(-90deg); transform-origin: 50% 0px; box-sizing: border-box; }
.hermes.tparrows:hover .tp-arr-titleholder { transition-delay: 0.6s; transform: rotateX(0deg); }
.hermes.tp-bullets { }
.hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; transition: background 0.3s; position: absolute; }
.hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.2); }
.hermes .tp-bullet::after { content: " "; position: absolute; bottom: 0px; height: 0px; left: 0px; width: 100%; background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 1px; transition: height 0.3s; }
.hermes .tp-bullet.selected::after { height: 100%; }
.hermes .tp-tab { opacity: 1; padding-right: 10px; box-sizing: border-box; }
.hermes .tp-tab-image { width: 100%; height: 60%; position: relative; }
.hermes .tp-tab-content { background: rgb(54, 54, 54); position: absolute; padding: 20px 20px 20px 30px; box-sizing: border-box; color: rgb(255, 255, 255); display: block; width: 100%; min-height: 40%; bottom: 0px; left: -10px; }
.hermes .tp-tab-date { display: block; color: rgb(136, 136, 136); font-weight: 600; font-size: 12px; margin-bottom: 10px; }
.hermes .tp-tab-title { display: block; color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 19px; }
.hermes .tp-tab.selected .tp-tab-title::after { width: 0px; height: 0px; border-style: solid; border-width: 30px 0px 30px 10px; border-color: transparent transparent transparent rgb(54, 54, 54); content: " "; position: absolute; right: -9px; bottom: 50%; margin-bottom: -30px; }
.hermes .tp-tab-mask { padding-right: 10px !important; }
@media only screen and (max-width: 960px) {
  .hermes .tp-tab .tp-tab-title { font-size: 14px; line-height: 16px; }
  .hermes .tp-tab-date { font-size: 11px; line-height: 13px; margin-bottom: 10px; }
  .hermes .tp-tab-content { padding: 15px 15px 15px 25px; }
}
@media only screen and (max-width: 768px) {
  .hermes .tp-tab .tp-tab-title { font-size: 12px; line-height: 14px; }
  .hermes .tp-tab-date { font-size: 10px; line-height: 12px; margin-bottom: 5px; }
  .hermes .tp-tab-content { padding: 10px 10px 10px 20px; }
}
.hesperiden.tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50%; }
.hesperiden.tparrows:hover { background: rgb(0, 0, 0); }
.hesperiden.tparrows::before { font-family: revicons; font-size: 20px; color: rgb(255, 255, 255); display: block; line-height: 40px; text-align: center; }
.hesperiden.tparrows.tp-leftarrow::before { content: ""; margin-left: -3px; }
.hesperiden.tparrows.tp-rightarrow::before { content: ""; margin-right: -3px; }
.hesperiden.tp-bullets { }
.hesperiden.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 8px; }
.hesperiden .tp-bullet { width: 12px; height: 12px; position: absolute; background: linear-gradient(rgb(153, 153, 153) 0%, rgb(225, 225, 225) 100%); border: 3px solid rgb(229, 229, 229); border-radius: 50%; cursor: pointer; box-sizing: content-box; }
.hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background: rgb(102, 102, 102); }
.hesperiden .tp-bullet-image { }
.hesperiden .tp-bullet-title { }
.hesperiden .tp-thumb { opacity: 1; perspective: 600px; }
.hesperiden .tp-thumb .tp-thumb-title { font-size: 12px; position: absolute; margin-top: -10px; color: rgb(255, 255, 255); display: block; z-index: 10000; background-color: rgb(0, 0, 0); padding: 5px 10px; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden; white-space: nowrap; transition: 0.3s; transform: rotateX(90deg) translateZ(0.001px); transform-origin: 50% 100%; opacity: 0; }
.hesperiden .tp-thumb:hover .tp-thumb-title { transform: rotateX(0deg); opacity: 1; }
.hesperiden .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Roboto, sans-serif; border-bottom: 1px solid rgb(229, 229, 229); }
.hesperiden .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left; }
.hesperiden .tp-tab-content { background: rgba(0, 0, 0, 0); padding: 15px 15px 15px 85px; left: 0px; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: rgb(51, 51, 51); display: inline-block; width: 100%; height: 100%; position: absolute; }
.hesperiden .tp-tab-date { display: block; color: rgb(170, 170, 170); font-weight: 500; font-size: 12px; margin-bottom: 0px; }
.hesperiden .tp-tab-title { display: block; text-align: left; color: rgb(51, 51, 51); font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; }
.hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background: rgb(238, 238, 238); }
.hesperiden .tp-tab-mask { }
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
}
.metis.tparrows { background: rgb(255, 255, 255); padding: 10px; transition: 0.3s; width: 60px; height: 60px; box-sizing: border-box; }
.metis.tparrows:hover { background: rgba(255, 255, 255, 0.75); }
.metis.tparrows::before { color: rgb(0, 0, 0); transition: 0.3s; }
.metis.tparrows:hover::before { transform: scale(1.5); }
.metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: rgba(0, 0, 0, 0.25); margin: 0px; box-sizing: border-box; transition: 0.3s; border-radius: 50%; }
.metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px 0px inset; width: 44px; height: 44px; background-size: cover; background-position: center center; }
.metis .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); padding: 10px 30px; border-radius: 4px; transition: 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; opacity: 0; white-space: nowrap; }
.metis .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); opacity: 1; }
.metis .tp-bullet.selected, .metis .tp-bullet:hover { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(119, 119, 119) 100%); }
.metis .tp-bullet-title::after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0px; border-color: rgba(0, 0, 0, 0.75) transparent transparent; bottom: -8px; }
.metis .tp-tab-number { color: rgb(255, 255, 255); font-size: 40px; line-height: 30px; font-weight: 400; font-family: "Playfair Display"; width: 50px; margin-right: 17px; display: inline-block; float: left; }
.metis .tp-tab-mask { padding-left: 20px; left: 0px; transition: padding-left 0.4s, left 0.4s, max-width 0.4s; max-width: 90px !important; }
.metis:hover .tp-tab-mask { padding-left: 0px; left: 50px; max-width: 500px !important; }
.metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left; }
.metis .tp-tab-title { color: rgb(255, 255, 255); font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Playfair Display"; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: 0.4s; }
.metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px; }
.metis:hover .tp-tab-title { transform: translateX(0px); }
.metis .tp-tab { opacity: 0.15; transition: 0.4s; }
.metis .tp-tab:hover, .metis .tp-tab.selected { opacity: 1; }
.metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid rgb(205, 176, 131); }
.metis.tp-tabs { max-width: 118px !important; padding-left: 50px; }
.metis.tp-tabs::before { content: " "; height: 100%; width: 88px; background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.1); left: 0px; top: 0px; position: absolute; transition: 0.4s; }
.metis.tp-tabs:hover::before { width: 118px; }
@media (max-width: 499px) {
  .metis.tp-tabs::before { background: rgba(0, 0, 0, 0.75); }
}
.persephone.tparrows { cursor: pointer; background: rgba(200, 200, 200, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border: 1px solid rgb(245, 245, 245); }
.persephone.tparrows:hover { background: rgb(51, 51, 51); }
.persephone.tparrows::before { font-family: revicons; font-size: 15px; color: rgb(255, 255, 255); display: block; line-height: 40px; text-align: center; }
.persephone.tparrows.tp-leftarrow::before { content: ""; }
.persephone.tparrows.tp-rightarrow::before { content: ""; }
.persephone.tp-bullets { }
.persephone.tp-bullets::before { content: " "; position: absolute; width: 100%; height: 100%; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; }
.persephone .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgb(170, 170, 170); border: 1px solid rgb(229, 229, 229); cursor: pointer; box-sizing: content-box; }
.persephone .tp-bullet:hover, .persephone .tp-bullet.selected { background: rgb(34, 34, 34); }
.persephone .tp-bullet-image { }
.persephone .tp-bullet-title { }
.uranus.tparrows { width: 50px; height: 50px; background: transparent; }
.uranus.tparrows::before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: 0.3s; }
.uranus.tparrows:hover::before { opacity: 0.75; }
.uranus .tp-bullet { border-radius: 50%; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 2px; transition: box-shadow 0.3s; background: transparent; }
.uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; border: none; border-radius: 50%; background: transparent; }
.uranus .tp-bullet-inner { transition: background-color 0.3s, transform 0.3s; top: 0px; left: 0px; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; cursor: pointer; position: absolute; }
.uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner { transform: scale(0.4); background-color: rgb(255, 255, 255); }
.zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0, 0, 0, 0.1); }
.zeus.tparrows::before { font-family: revicons; font-size: 20px; color: rgb(255, 255, 255); display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; }
.zeus.tparrows.tp-leftarrow::before { content: ""; }
.zeus.tparrows.tp-rightarrow::before { content: ""; }
.zeus .tp-title-wrap { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; transform: scale(0); transition: 0.3s; border-radius: 50%; }
.zeus .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; background-size: cover; border-radius: 50%; transform: translateX(-100%); transition: 0.3s; }
.zeus.tp-rightarrow .tp-arr-imgholder { transform: translateX(100%); }
.zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); opacity: 1; }
.zeus.tparrows:hover .tp-title-wrap { transform: scale(1); opacity: 1; }
.zeus .tp-bullet { box-sizing: content-box; border-radius: 50%; background-color: rgba(0, 0, 0, 0); transition: opacity 0.3s; width: 13px; height: 13px; border: 2px solid rgb(255, 255, 255); }
.zeus .tp-bullet::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; border-radius: 50%; background-color: rgb(255, 255, 255); transform: scale(0); transform-origin: 50% 50%; transition: transform 0.3s; }
.zeus .tp-bullet:hover::after, .zeus .tp-bullet.selected::after { transform: scale(1.2); }
.zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: center center / cover rgba(0, 0, 0, 0.5); bottom: 25px; left: 50%; margin-left: -65px; box-sizing: border-box; visibility: hidden; opacity: 0; backface-visibility: hidden; transform-origin: 50% 50%; transition: 0.3s; border-radius: 4px; }
.zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay { z-index: 2; transition: 0.5s; }
.zeus .tp-bullet-title { color: rgb(255, 255, 255); text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; backface-visibility: hidden; transform-origin: 50% 50%; transition: 0.3s; position: absolute; bottom: 45px; width: 135px; vertical-align: middle; left: -57px; }
.zeus .tp-bullet:hover .tp-bullet-title, .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay { opacity: 1; visibility: visible; transform: translateY(0px); }
.zeus .tp-thumb { opacity: 1; }
.zeus .tp-thumb-over { background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.3s; }
.zeus .tp-thumb-more::before { font-family: revicons; font-size: 12px; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; position: absolute; top: 20px; right: 20px; z-index: 2; }
.zeus .tp-thumb-more::before { content: ""; }
.zeus .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; font-size: 12px; color: rgb(255, 255, 255); display: block; line-height: 15px; text-align: left; position: absolute; top: 0px; left: 0px; z-index: 2; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: 0.3s; font-weight: 500; }
.zeus .tp-thumb.selected .tp-thumb-more::before, .zeus .tp-thumb:hover .tp-thumb-more::before { color: rgb(170, 170, 170); }
.zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background: rgb(0, 0, 0); }
.zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color: rgb(255, 255, 255); }
.zeus .tp-tab { opacity: 1; box-sizing: border-box; }
.zeus .tp-tab-title { display: block; text-align: center; background: rgba(0, 0, 0, 0.25); font-family: "Roboto Slab", serif; font-weight: 700; font-size: 13px; line-height: 13px; color: rgb(255, 255, 255); padding: 9px 10px; }
.zeus .tp-tab:hover .tp-tab-title, .zeus .tp-tab.selected .tp-tab-title { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
.post-tabs .tp-thumb { opacity: 1; }
.post-tabs .tp-thumb-over { background: rgb(37, 37, 37); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.3s; }
.post-tabs .tp-thumb-more::before { font-family: revicons; font-size: 12px; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; position: absolute; top: 15px; right: 15px; z-index: 2; }
.post-tabs .tp-thumb-more::before { content: ""; }
.post-tabs .tp-thumb-title { font-family: raleway; letter-spacing: 1px; font-size: 12px; color: rgb(255, 255, 255); display: block; line-height: 15px; text-align: left; position: absolute; top: 0px; left: 0px; z-index: 2; padding: 15px 30px 15px 15px; width: 100%; height: 100%; box-sizing: border-box; transition: 0.3s; font-weight: 500; }
.post-tabs .tp-thumb.selected .tp-thumb-more::before, .post-tabs .tp-thumb:hover .tp-thumb-more::before { color: rgb(170, 170, 170); }
.post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background: rgb(255, 255, 255); }
.post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color: rgb(0, 0, 0); }
