Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- ARES SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- .ares.tparrows {
- cursor:pointer;
- background:#fff;
- 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:#aaa;
- display:block;
- line-height: 60px;
- text-align: center;
- -webkit-transition: color 0.3s;
- -moz-transition: color 0.3s;
- transition: color 0.3s;
- z-index:2;
- position:relative;
- }
- .ares.tparrows.tp-leftarrow:before {
- content: "\e81f";
- }
- .ares.tparrows.tp-rightarrow:before {
- content: "\e81e";
- }
- .ares.tparrows:hover:before {
- color:#000;
- }
- .ares .tp-title-wrap {
- position:absolute;
- z-index:1;
- display:inline-block;
- background:#fff;
- min-height:60px;
- line-height:60px;
- top:0px;
- margin-left:30px;
- border-radius:0px 30px 30px 0px;
- overflow:hidden;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transform:scaleX(0);
- -webkit-transform:scaleX(0);
- transform-origin:0% 50%;
- -webkit-transform-origin:0% 50%;
- }
- .ares.tp-rightarrow .tp-title-wrap {
- right:0px;
- margin-right:30px;margin-left:0px;
- -webkit-transform-origin:100% 50%;
- border-radius:30px 0px 0px 30px;
- }
- .ares.tparrows:hover .tp-title-wrap {
- transform:scaleX(1) scaleY(1);
- -webkit-transform:scaleX(1) scaleY(1);
- }
- .ares .tp-arr-titleholder {
- position:relative;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transform:translateX(200px);
- text-transform:uppercase;
- color:#000;
- 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);
- -webkit-transform:translateX(0px);
- transition-delay: 0.1s;
- opacity:1;
- }
- /* BULLETS */
- .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:#e5e5e5;
- border-radius:50%;
- cursor: pointer;
- box-sizing:content-box;
- }
- .ares .tp-bullet:hover,
- .ares .tp-bullet.selected {
- background:#fff;
- }
- .ares .tp-bullet-title {
- position:absolute;
- color:#888;
- font-size:12px;
- padding:0px 10px;
- font-weight:600;
- right:27px;
- top:-4px;
- background:#fff;
- background:rgba(255,255,255,0.75);
- visibility:hidden;
- transform:translateX(-20px);
- -webkit-transform:translateX(-20px);
- transition:transform 0.3s;
- -webkit-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 0 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);
- -webkit-transform:translateX(0px);
- }
- .ares .tp-bullet.selected:hover .tp-bullet-title {
- background:#fff;
- }
- .ares .tp-bullet.selected:hover .tp-bullet-title:after {
- border-color:transparent transparent transparent #fff;
- }
- .ares.tp-bullets:hover .tp-bullet-title {
- visibility:hidden;
- }
- .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
- visibility:visible;
- }
- /* TABS */
- .ares .tp-tab {
- opacity:1;
- padding:10px;
- box-sizing:border-box;
- font-family: "Roboto", sans-serif;
- border-bottom: 1px solid #e5e5e5;
- }
- .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);
- position:relative;
- padding:15px 15px 15px 85px;
- left:0px;
- overflow:hidden;
- margin-top:-15px;
- box-sizing:border-box;
- color:#333;
- display: inline-block;
- width:100%;
- height:100%;
- position:absolute; }
- .ares .tp-tab-date
- {
- display:block;
- color: #aaa;
- font-weight:500;
- font-size:12px;
- margin-bottom:0px;
- }
- .ares .tp-tab-title
- {
- display:block;
- text-align:left;
- color:#333;
- font-size:14px;
- font-weight:500;
- text-transform:none;
- line-height:17px;
- }
- .ares .tp-tab:hover,
- .ares .tp-tab.selected {
- background:#eee;
- }
- .ares .tp-tab-mask {
- }
- /* MEDIA QUERIES */
- @media only screen and (max-width: 960px) {
- }
- @media only screen and (max-width: 768px) {
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- CUSTOM SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .custom.tparrows {
- cursor:pointer;
- background:#000;
- background:rgba(0,0,0,0.5);
- width:40px;
- height:40px;
- position:absolute;
- display:block;
- z-index:10000;
- }
- .custom.tparrows:hover {
- background:#000;
- }
- .custom.tparrows:before {
- font-family: "revicons";
- font-size:15px;
- color:#fff;
- display:block;
- line-height: 40px;
- text-align: center;
- }
- .custom.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .custom.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- /* BULLETS */
- .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:#aaa;
- 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 {
- }
- /* THUMBS */
- /* TABS */
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- DIONE SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .dione.tparrows {
- height:100%;
- width:100px;
- background:transparent;
- background:rgba(0,0,0,0);
- line-height:100%;
- transition:all 0.3s;
- -webkit-transition:all 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);
- -webkit-transform:translateX(-50px);
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- opacity:0;
- left:0px;
- }
- .dione.tparrows.tp-rightarrow .tp-arr-imgholder {
- right:0px;
- left:auto;
- transform:translateX(50px);
- -webkit-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:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .dione.tparrows.tp-rightarrow:before {
- margin-left:6px;
- }
- .dione.tparrows:hover:before {
- transform:translateX(-20px);
- -webkit-transform:translateX(-20px);
- opacity:0;
- }
- .dione.tparrows.tp-rightarrow:hover:before {
- transform:translateX(20px);
- -webkit-transform:translateX(20px);
- }
- .dione.tparrows:hover .tp-arr-imgholder {
- transform:translateX(0px);
- -webkit-transform:translateX(0px);
- opacity:1;
- visibility:visible;
- }
- /* BULLETS */
- .dione .tp-bullet {
- opacity:1;
- width:50px;
- height:50px;
- padding:3px;
- background:#000;
- background-color:rgba(0,0,0,0.25);
- margin:0px;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .dione .tp-bullet-image {
- display:block;
- box-sizing:border-box;
- position:relative;
- -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- 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:#000;
- background:rgba(0,0,0,0.75);
- color:#fff;
- padding:10px 30px;
- border-radius:4px;
- -webkit-border-radius:4px;
- opacity:0;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- transform-origin:50% 100%;
- -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- -webkit-transform-origin:50% 100%;
- opacity:0;
- white-space:nowrap;
- }
- .dione .tp-bullet:hover .tp-bullet-title {
- transform:rotateX(0deg) translateX(-50%);
- -webkit-transform:rotateX(0deg) translateX(-50%);
- opacity:1;
- }
- .dione .tp-bullet.selected,
- .dione .tp-bullet:hover {
- background: rgba(255,255,255,1);
- background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
- background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
- }
- .dione .tp-bullet-title:after {
- content:" ";
- position:absolute;
- left:50%;
- margin-left:-8px;
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 8px 8px 0 8px;
- border-color: rgba(0,0,0,0.75) transparent transparent transparent;
- bottom:-8px;
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- ERINYEN SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .erinyen.tparrows {
- cursor:pointer;
- background:#000;
- 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:#fff;
- display:block;
- line-height: 70px;
- text-align: center;
- z-index:2;
- position:relative;
- }
- .erinyen.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .erinyen.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- .erinyen .tp-title-wrap {
- position:absolute;
- z-index:1;
- display:inline-block;
- background:#000;
- 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;
- -webkit-transition:opacity 0.3s;
- -moz-transition:opacity 0.3s;
- -webkit-transform: scale(0);
- -moz-transform: scale(0);
- transform: scale(0);
- visibility:hidden;
- opacity:0;
- }
- .erinyen.tparrows:hover .tp-title-wrap{
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
- opacity:1;
- visibility:visible;
- }
- .erinyen.tp-rightarrow .tp-title-wrap {
- right:0px;
- margin-right:0px;margin-left:0px;
- -webkit-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;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transform:translateX(200px);
- text-transform:uppercase;
- color:#fff;
- 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:#000;
- 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);
- -webkit-transform:translateX(0px);
- transition-delay: 0.1s;
- opacity:1;
- }
- /* BULLETS */
- .erinyen.tp-bullets {
- }
- .erinyen.tp-bullets:before {
- content:" ";
- position:absolute;
- width:100%;
- height:100%;
- background: #555555; /* old browsers */
- background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* ff3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */
- background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */
- background: -o-linear-gradient(top, #555555 0%,#222222 100%); /* opera 11.10+ */
- background: -ms-linear-gradient(top, #555555 0%,#222222 100%); /* ie10+ */
- background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* w3c */
- filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */
- padding:10px 15px;
- margin-left:-15px;margin-top:-10px;
- box-sizing:content-box;
- border-radius:10px;
- box-shadow:0px 0px 2px 1px rgba(33,33,33,0.3);
- }
- .erinyen .tp-bullet {
- width:13px;
- height:13px;
- position:absolute;
- background:#111;
- border-radius:50%;
- cursor: pointer;
- box-sizing:content-box;
- }
- .erinyen .tp-bullet:hover,
- .erinyen .tp-bullet.selected {
- background: #e5e5e5; /* old browsers */
- background: -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%); /* ff3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */
- background: -webkit-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */
- background: -o-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* opera 11.10+ */
- background: -ms-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* ie10+ */
- background: linear-gradient(to bottom, #e5e5e5 0%,#999999 100%); /* w3c */
- filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */
- border:1px solid #555;
- width:12px;height:12px;
- }
- .erinyen .tp-bullet-image {
- }
- .erinyen .tp-bullet-title {
- }
- /* THUMBS */
- .erinyen .tp-thumb {
- opacity:1
- }
- .erinyen .tp-thumb-over {
- background:#000;
- background:rgba(0,0,0,0.25);
- width:100%;
- height:100%;
- position:absolute;
- top:0px;
- left:0px;
- z-index:1;
- -webkit-transition:all 0.3s;
- transition:all 0.3s;
- }
- .erinyen .tp-thumb-more:before {
- font-family: "revicons";
- font-size:12px;
- color:#aaa;
- color:rgba(255,255,255,0.75);
- display:block;
- line-height: 12px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:20px;
- right:20px;
- z-index:2;
- }
- .erinyen .tp-thumb-more:before {
- content: "\e825";
- }
- .erinyen .tp-thumb-title {
- font-family:"Raleway";
- letter-spacing:1px;
- font-size:12px;
- color:#fff;
- display:block;
- line-height: 15px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:0px;
- left:0px;
- z-index:2;
- padding:20px 35px 20px 20px;
- width:100%;
- height:100%;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- font-weight:500;
- }
- .erinyen .tp-thumb.selected .tp-thumb-more:before,
- .erinyen .tp-thumb:hover .tp-thumb-more:before {
- color:#aaa;
- }
- .erinyen .tp-thumb.selected .tp-thumb-over,
- .erinyen .tp-thumb:hover .tp-thumb-over {
- background:#fff;
- }
- .erinyen .tp-thumb.selected .tp-thumb-title,
- .erinyen .tp-thumb:hover .tp-thumb-title {
- color:#000;
- }
- /* TABS */
- .erinyen .tp-tab-title {
- color:#a8d8ee;
- font-size:13px;
- font-weight:700;
- text-transform:uppercase;
- font-family:"Roboto Slab"
- margin-bottom:5px;
- }
- .erinyen .tp-tab-desc {
- font-size:18px;
- font-weight:400;
- color:#fff;
- line-height:25px;
- font-family:"Roboto Slab";
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- GYGES SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- /* BULLETS */
- .gyges.tp-bullets {
- }
- .gyges.tp-bullets:before {
- content:" ";
- position:absolute;
- width:100%;
- height:100%;
- background: #777777; /* Old browsers */
- background: -moz-linear-gradient(top, #777777 0%, #666666 100%);
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,#777777), color-stop(100%,#666666));
- background: -webkit-linear-gradient(top, #777777 0%,#666666 100%);
- background: -o-linear-gradient(top, #777777 0%,#666666 100%);
- background: -ms-linear-gradient(top, #777777 0%,#666666 100%);
- background: linear-gradient(to bottom, #777777 0%,#666666 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777",
- endColorstr="#666666",GradientType=0 );
- 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:#333;
- border:3px solid #444;
- border-radius:50%;
- cursor: pointer;
- box-sizing:content-box;
- }
- .gyges .tp-bullet:hover,
- .gyges .tp-bullet.selected {
- background: #ffffff; /* Old browsers */
- background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */
- background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",
- endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */
- }
- .gyges .tp-bullet-image {
- }
- .gyges .tp-bullet-title {
- }
- /* THUMBS */
- .gyges .tp-thumb {
- opacity:1
- }
- .gyges .tp-thumb-img-wrap {
- padding:3px;
- background:#000;
- background-color:rgba(0,0,0,0.25);
- display:inline-block;
- width:100%;
- height:100%;
- position:relative;
- margin:0px;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .gyges .tp-thumb-image {
- padding:3px;
- display:block;
- box-sizing:border-box;
- position:relative;
- -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- }
- .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;
- -webkit-border-radius:4px;
- margin-bottom:20px;
- opacity:0;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- transform-origin:50% 100%;
- -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- -webkit-transform-origin:50% 100%;
- white-space:nowrap;
- }
- .gyges .tp-thumb:hover .tp-thumb-title {
- transform:rotateX(0deg) translateX(-50%);
- -webkit-transform:rotateX(0deg) translateX(-50%);
- opacity:1;
- }
- .gyges .tp-thumb:hover .tp-thumb-img-wrap,
- .gyges .tp-thumb.selected .tp-thumb-img-wrap {
- background: rgba(255,255,255,1);
- background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
- background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
- }
- .gyges .tp-thumb-title:after {
- content:" ";
- position:absolute;
- left:50%;
- margin-left:-8px;
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 8px 8px 0 8px;
- border-color: rgba(255,255,255,0.8) transparent transparent transparent;
- bottom:-8px;
- }
- /* TABS */
- .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);
- position:relative;
- padding:15px 15px 15px 85px;
- left:0px;
- overflow:hidden;
- margin-top:-15px;
- box-sizing:border-box;
- color:#333;
- 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:#fff;
- 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 QUERIES */
- @media only screen and (max-width: 960px) {
- }
- @media only screen and (max-width: 768px) {
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- HADES SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .hades.tparrows {
- cursor:pointer;
- background:#000;
- 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:#fff;
- display:block;
- line-height: 100px;
- text-align: center;
- transition: background 0.3s, color 0.3s;
- }
- .hades.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .hades.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- .hades.tparrows:hover:before {
- color:#aaa;
- background:#fff;
- background:rgba(255,255,255,1);
- }
- .hades .tp-arr-allwrapper {
- position:absolute;
- left:100%;
- top:0px;
- background:#888;
- width:100px;height:100px;
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
- -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
- filter: alpha(opacity=0);
- -moz-opacity: 0.0;
- -khtml-opacity: 0.0;
- opacity: 0.0;
- -webkit-transform: rotatey(-90deg);
- transform: rotatey(-90deg);
- -webkit-transform-origin: 0% 50%;
- transform-origin: 0% 50%;
- }
- .hades.tp-rightarrow .tp-arr-allwrapper {
- left:auto;
- right:100%;
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: rotatey(90deg);
- transform: rotatey(90deg);
- }
- .hades:hover .tp-arr-allwrapper {
- -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- opacity: 1;
- -webkit-transform: rotatey(0deg);
- 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 {
- }
- /* BULLETS */
- .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:#888;
- cursor: pointer;
- border:5px solid #fff;
- box-sizing:content-box;
- box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
- -webkit-perspective:400;
- perspective:400;
- -webkit-transform:translatez(0.01px);
- transform:translatez(0.01px);
- }
- .hades .tp-bullet:hover,
- .hades .tp-bullet.selected {
- background:#555;
- }
- .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:all 0.3s;
- -webkit-transform-style:flat;
- transform-style:flat;
- perspective:600;
- -webkit-perspective:600;
- transform: rotatex(-90deg);
- -webkit-transform: rotatex(-90deg);
- box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
- transform-origin:50% 100%;
- -webkit-transform-origin:50% 100%;
- }
- .hades .tp-bullet:hover .tp-bullet-image {
- display:block;
- opacity:1;
- transform: rotatex(0deg);
- -webkit-transform: rotatex(0deg);
- visibility:visible;
- }
- .hades .tp-bullet-title {
- }
- /* THUMBS */
- .hades .tp-thumb {
- opacity:1
- }
- .hades .tp-thumb-img-wrap {
- border-radius:50%;
- padding:3px;
- display:inline-block;
- background:#000;
- background-color:rgba(0,0,0,0.25);
- width:100%;
- height:100%;
- position:relative;
- margin:0px;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .hades .tp-thumb-image {
- padding:3px;
- border-radius:50%;
- display:block;
- box-sizing:border-box;
- position:relative;
- -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- }
- .hades .tp-thumb:hover .tp-thumb-img-wrap,
- .hades .tp-thumb.selected .tp-thumb-img-wrap {
- background: rgba(255,255,255,1);
- background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
- background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
- }
- .hades .tp-thumb-title:after {
- content:" ";
- position:absolute;
- left:50%;
- margin-left:-8px;
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 8px 8px 0 8px;
- border-color: rgba(0,0,0,0.75) transparent transparent transparent;
- bottom:-8px;
- }
- /* TABS */
- .hades .tp-tab {
- opacity:1;
- }
- .hades .tp-tab-title
- {
- display:block;
- color:#333;
- font-weight:600;
- font-size:18px;
- text-align:center;
- line-height:25px;
- }
- .hades .tp-tab-price
- {
- display:block;
- text-align:center;
- color:#999;
- 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:#fff;
- font-size:14px;
- background:#219bd7;
- border-radius:4px;
- font-weight:400;
- }
- .hades .tp-tab-inner {
- text-align:center;
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- HEBE SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .hebe.tparrows {
- cursor:pointer;
- background:#fff;
- 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:#aaa;
- display:block;
- line-height: 70px;
- text-align: center;
- -webkit-transition: color 0.3s;
- -moz-transition: color 0.3s;
- transition: color 0.3s;
- z-index:2;
- position:relative;
- background:#fff;
- min-width:70px;
- min-height:70px;
- }
- .hebe.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .hebe.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- .hebe.tparrows:hover:before {
- color:#000;
- }
- .hebe .tp-title-wrap {
- position:absolute;
- z-index:0;
- display:inline-block;
- background:#000;
- background:rgba(0,0,0,0.75);
- min-height:60px;
- line-height:60px;
- top:-10px;
- margin-left:0px;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transform:scaleX(0);
- -webkit-transform:scaleX(0);
- transform-origin:0% 50%;
- -webkit-transform-origin:0% 50%;
- }
- .hebe.tp-rightarrow .tp-title-wrap {
- right:0px;
- -webkit-transform-origin:100% 50%;
- }
- .hebe.tparrows:hover .tp-title-wrap {
- transform:scaleX(1);
- -webkit-transform:scaleX(1);
- }
- .hebe .tp-arr-titleholder {
- position:relative;
- text-transform:uppercase;
- color:#fff;
- 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);
- -webkit-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;
- }
- /* BULLETS */
- .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:#fff;
- cursor: pointer;
- border:5px solid #222;
- border-radius:50%;
- box-sizing:content-box;
- -webkit-perspective:400;
- perspective:400;
- -webkit-transform:translateZ(0.01px);
- transform:translateZ(0.01px);
- transition:all 0.3s;
- }
- .hebe .tp-bullet:hover,
- .hebe .tp-bullet.selected {
- background:#222;
- border-color:#fff;
- }
- .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:all 0.3s;
- -webkit-transform-style:flat;
- transform-style:flat;
- perspective:600;
- -webkit-perspective:600;
- transform: scale(0);
- -webkit-transform: scale(0);
- transform-origin:50% 100%;
- -webkit-transform-origin:50% 100%;
- border-radius:6px;
- }
- .hebe .tp-bullet:hover .tp-bullet-image {
- display:block;
- opacity:1;
- transform: scale(1);
- -webkit-transform: scale(1);
- visibility:visible;
- }
- .hebe .tp-bullet-title {
- }
- /* TABS */
- .hebe .tp-tab-title {
- color:#a8d8ee;
- font-size:13px;
- font-weight:700;
- text-transform:uppercase;
- font-family:"Roboto Slab"
- margin-bottom:5px;
- }
- .hebe .tp-tab-desc {
- font-size:18px;
- font-weight:400;
- color:#fff;
- line-height:25px;
- font-family:"Roboto Slab";
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- HEPHAISTOS SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .hephaistos.tparrows {
- cursor:pointer;
- background:#000;
- 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:#000;
- }
- .hephaistos.tparrows:before {
- font-family: "revicons";
- font-size:18px;
- color:#fff;
- display:block;
- line-height: 40px;
- text-align: center;
- }
- .hephaistos.tparrows.tp-leftarrow:before {
- content: "\e82c";
- margin-left:-2px;
- }
- .hephaistos.tparrows.tp-rightarrow:before {
- content: "\e82d";
- margin-right:-2px;
- }
- /* BULLETS */
- .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:#999;
- border:3px solid #f5f5f5;
- border-radius:50%;
- cursor: pointer;
- box-sizing:content-box;
- box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);
- }
- .hephaistos .tp-bullet:hover,
- .hephaistos .tp-bullet.selected {
- background:#fff;
- border-color:#000;
- }
- .hephaistos .tp-bullet-image {
- }
- .hephaistos .tp-bullet-title {
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- HERMES SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .hermes.tparrows {
- cursor:pointer;
- background:#000;
- 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:#fff;
- display:block;
- line-height: 110px;
- text-align: center;
- transform:translateX(0px);
- -webkit-transform:translateX(0px);
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .hermes.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .hermes.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- .hermes.tparrows.tp-leftarrow:hover:before {
- transform:translateX(-20px);
- -webkit-transform:translateX(-20px);
- opacity:0;
- }
- .hermes.tparrows.tp-rightarrow:hover:before {
- transform:translateX(20px);
- -webkit-transform:translateX(20px);
- opacity:0;
- }
- .hermes .tp-arr-allwrapper {
- overflow:hidden;
- position:absolute;
- width:180px;
- height:140px;
- top:0px;
- left:0px;
- visibility:hidden;
- -webkit-transition: -webkit-transform 0.3s 0.3s;
- transition: transform 0.3s 0.3s;
- -webkit-perspective: 1000px;
- 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);
- -webkit-transform:translateX(-180px);
- transition:all 0.3s;
- transition-delay:0.3s;
- }
- .hermes.tp-rightarrow .tp-arr-imgholder{
- transform:translateX(180px);
- -webkit-transform:translateX(180px);
- }
- .hermes.tparrows:hover .tp-arr-imgholder {
- transform:translateX(0px);
- -webkit-transform:translateX(0px);
- }
- .hermes .tp-arr-titleholder {
- top:110px;
- width:180px;
- text-align:left;
- display:block;
- padding:0px 10px;
- line-height:30px; background:#000;
- background:rgba(0,0,0,0.75);color:#fff;
- font-weight:600; position:absolute;
- font-size:12px;
- white-space:nowrap;
- letter-spacing:1px;
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
- -webkit-transform: rotateX(-90deg);
- transform: rotateX(-90deg);
- -webkit-transform-origin: 50% 0;
- transform-origin: 50% 0;
- box-sizing:border-box;
- }
- .hermes.tparrows:hover .tp-arr-titleholder {
- -webkit-transition-delay: 0.6s;
- transition-delay: 0.6s;
- -webkit-transform: rotateX(0deg);
- transform: rotateX(0deg);
- }
- /* BULLETS */
- .hermes.tp-bullets {
- }
- .hermes .tp-bullet {
- overflow:hidden;
- border-radius:50%;
- width:16px;
- height:16px;
- background-color: rgba(0, 0, 0, 0);
- box-shadow: inset 0 0 0 2px #FFF;
- -webkit-transition: background 0.3s ease;
- transition: background 0.3s ease;
- position:absolute;
- }
- .hermes .tp-bullet:hover {
- background-color: rgba(0, 0, 0, 0.2);
- }
- .hermes .tp-bullet:after {
- content: ' ';
- position: absolute;
- bottom: 0;
- height: 0;
- left: 0;
- width: 100%;
- background-color: #FFF;
- box-shadow: 0 0 1px #FFF;
- -webkit-transition: height 0.3s ease;
- transition: height 0.3s ease;
- }
- .hermes .tp-bullet.selected:after {
- height:100%;
- }
- /* TABS */
- .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:#fff;
- display:block;
- width:100%;
- min-height:40%;
- bottom:0px;
- left:-10px;
- }
- .hermes .tp-tab-date
- {
- display:block;
- color:#888;
- font-weight:600;
- font-size:12px;
- margin-bottom:10px;
- }
- .hermes .tp-tab-title
- {
- display:block;
- color:#fff;
- 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 0 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 QUERIES */
- @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;}
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- HESPERIDEN SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .hesperiden.tparrows {
- cursor:pointer;
- background:#000;
- 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:#000;
- }
- .hesperiden.tparrows:before {
- font-family: "revicons";
- font-size:20px;
- color:#fff;
- display:block;
- line-height: 40px;
- text-align: center;
- }
- .hesperiden.tparrows.tp-leftarrow:before {
- content: "\e82c";
- margin-left:-3px;
- }
- .hesperiden.tparrows.tp-rightarrow:before {
- content: "\e82d";
- margin-right:-3px;
- }
- /* BULLETS */
- .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: #999999; /* old browsers */
- background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%); /* ff3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999),
- color-stop(100%,#e1e1e1)); /* chrome,safari4+ */
- background: -webkit-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */
- background: -o-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* opera 11.10+ */
- background: -ms-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* ie10+ */
- background: linear-gradient(to bottom, #999999 0%,#e1e1e1 100%); /* w3c */
- filter: progid:dximagetransform.microsoft.gradient(
- startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */
- border:3px solid #e5e5e5;
- border-radius:50%;
- cursor: pointer;
- box-sizing:content-box;
- }
- .hesperiden .tp-bullet:hover,
- .hesperiden .tp-bullet.selected {
- background:#666;
- }
- .hesperiden .tp-bullet-image {
- }
- .hesperiden .tp-bullet-title {
- }
- /* THUMBS */
- .hesperiden .tp-thumb {
- opacity:1;
- -webkit-perspective: 600px;
- perspective: 600px;
- }
- .hesperiden .tp-thumb .tp-thumb-title {
- font-size:12px;
- position:absolute;
- margin-top:-10px;
- color:#fff;
- display:block;
- z-index:10000;
- background-color:#000;
- padding:5px 10px;
- bottom:0px;
- left:0px;
- width:100%;
- box-sizing:border-box;
- text-align:center;
- overflow:hidden;
- white-space:nowrap;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- transform:rotatex(90deg) translatez(0.001px);
- transform-origin:50% 100%;
- -webkit-transform:rotatex(90deg) translatez(0.001px);
- -webkit-transform-origin:50% 100%;
- opacity:0;
- }
- .hesperiden .tp-thumb:hover .tp-thumb-title {
- transform:rotatex(0deg);
- -webkit-transform:rotatex(0deg);
- opacity:1;
- }
- /* TABS */
- .hesperiden .tp-tab {
- opacity:1;
- padding:10px;
- box-sizing:border-box;
- font-family: "Roboto", sans-serif;
- border-bottom: 1px solid #e5e5e5;
- }
- .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);
- position:relative;
- padding:15px 15px 15px 85px;
- left:0px;
- overflow:hidden;
- margin-top:-15px;
- box-sizing:border-box;
- color:#333;
- display: inline-block;
- width:100%;
- height:100%;
- position:absolute; }
- .hesperiden .tp-tab-date
- {
- display:block;
- color: #aaa;
- font-weight:500;
- font-size:12px;
- margin-bottom:0px;
- }
- .hesperiden .tp-tab-title
- {
- display:block;
- text-align:left;
- color:#333;
- font-size:14px;
- font-weight:500;
- text-transform:none;
- line-height:17px;
- }
- .hesperiden .tp-tab:hover,
- .hesperiden .tp-tab.selected {
- background:#eee;
- }
- .hesperiden .tp-tab-mask {
- }
- /* MEDIA QUERIES */
- @media only screen and (max-width: 960px) {
- }
- @media only screen and (max-width: 768px) {
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- METIS SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .metis.tparrows {
- background:#fff;
- padding:10px;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- width:60px;
- height:60px;
- box-sizing:border-box;
- }
- .metis.tparrows:hover {
- background:#fff;
- background:rgba(255,255,255,0.75);
- }
- .metis.tparrows:before {
- color:#000;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .metis.tparrows:hover:before {
- transform:scale(1.5);
- }
- /* BULLETS */
- .metis .tp-bullet {
- opacity:1;
- width:50px;
- height:50px;
- padding:3px;
- background:#000;
- background-color:rgba(0,0,0,0.25);
- margin:0px;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- border-radius:50%;
- }
- .metis .tp-bullet-image {
- border-radius:50%;
- display:block;
- box-sizing:border-box;
- position:relative;
- -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
- 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:#000;
- background:rgba(0,0,0,0.75);
- color:#fff;
- padding:10px 30px;
- border-radius:4px;
- -webkit-border-radius:4px;
- opacity:0;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- transform-origin:50% 100%;
- -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
- -webkit-transform-origin:50% 100%;
- opacity:0;
- white-space:nowrap;
- }
- .metis .tp-bullet:hover .tp-bullet-title {
- transform:rotateX(0deg) translateX(-50%);
- -webkit-transform:rotateX(0deg) translateX(-50%);
- opacity:1;
- }
- .metis .tp-bullet.selected,
- .metis .tp-bullet:hover {
- background: rgba(255,255,255,1);
- background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
- background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
- }
- .metis .tp-bullet-title:after {
- content:" ";
- position:absolute;
- left:50%;
- margin-left:-8px;
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 8px 8px 0 8px;
- border-color: rgba(0,0,0,0.75) transparent transparent transparent;
- bottom:-8px;
- }
- .metis .tp-tab-number {
- color: #fff;
- 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;
- max-width: 90px !important;
- transition: 0.4s padding-left, 0.4s left, 0.4s max-width;
- }
- .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: #fff;
- 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 all;
- }
- .metis .tp-tab-title-mask {
- position: absolute;
- overflow: hidden;
- left: 67px;
- }
- .metis:hover .tp-tab-title {
- transform: translateX(0);
- }
- .metis .tp-tab {
- opacity: 0.15;
- transition: 0.4s all;
- }
- .metis .tp-tab:hover,
- .metis .tp-tab.selected {
- opacity: 1;
- }
- .metis .tp-tab.selected .tp-tab-divider {
- border-right: 1px solid #cdb083;
- }
- .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.10);
- left: 0px;
- top: 0px;
- position: absolute;
- transition: 0.4s all;
- }
- .metis.tp-tabs:hover:before {
- width: 118px;
- }
- @media (max-width: 499px) {
- .metis.tp-tabs:before {
- background: rgba(0, 0, 0, 0.75);
- }
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- PERSEPHONE SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .persephone.tparrows {
- cursor:pointer;
- background:#aaa;
- background:rgba(200,200,200,0.5);
- width:40px;
- height:40px;
- position:absolute;
- display:block;
- z-index:100;
- border:1px solid #f5f5f5;
- }
- .persephone.tparrows:hover {
- background:#333;
- }
- .persephone.tparrows:before {
- font-family: "revicons";
- font-size:15px;
- color:#fff;
- display:block;
- line-height: 40px;
- text-align: center;
- }
- .persephone.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .persephone.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- /* BULLETS */
- .persephone.tp-bullets {
- }
- .persephone.tp-bullets:before {
- content:" ";
- position:absolute;
- width:100%;
- height:100%;
- background:#transparent;
- padding:10px;
- margin-left:-10px;margin-top:-10px;
- box-sizing:content-box;
- }
- .persephone .tp-bullet {
- width:12px;
- height:12px;
- position:absolute;
- background:#aaa;
- border:1px solid #e5e5e5;
- cursor: pointer;
- box-sizing:content-box;
- }
- .persephone .tp-bullet:hover,
- .persephone .tp-bullet.selected {
- background:#222;
- }
- .persephone .tp-bullet-image {
- }
- .persephone .tp-bullet-title {
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- URANUS SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .uranus.tparrows {
- width:50px;
- height:50px;
- background:transparent;
- }
- .uranus.tparrows:before {
- width:50px;
- height:50px;
- line-height:50px;
- font-size:40px;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- }
- .uranus.tparrows:hover:before {
- opacity:0.75;
- }
- /* BULLETS */
- .uranus .tp-bullet{
- border-radius: 50%;
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
- -webkit-transition: box-shadow 0.3s ease;
- transition: box-shadow 0.3s ease;
- background:transparent;
- }
- .uranus .tp-bullet.selected,
- .uranus .tp-bullet:hover {
- box-shadow: 0 0 0 2px #FFF;
- border:none;
- border-radius: 50%;
- background:transparent;
- }
- .uranus .tp-bullet-inner {
- background-color: rgba(255, 255, 255, 0.7);
- -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
- transition: background-color 0.3s ease, transform 0.3s ease;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- outline: none;
- border-radius: 50%;
- background-color: #FFF;
- 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);
- -webkit-transform: scale(0.4);
- background-color:#fff;
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- ZEUS SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- /* ARROWS */
- .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.10);
- }
- .zeus.tparrows:before {
- font-family: "revicons";
- font-size:20px;
- color:#fff;
- display:block;
- line-height: 70px;
- text-align: center;
- z-index:2;
- position:relative;
- }
- .zeus.tparrows.tp-leftarrow:before {
- content: "\e824";
- }
- .zeus.tparrows.tp-rightarrow:before {
- content: "\e825";
- }
- .zeus .tp-title-wrap {
- background:#000;
- background:rgba(0,0,0,0.5);
- width:100%;
- height:100%;
- top:0px;
- left:0px;
- position:absolute;
- opacity:0;
- transform:scale(0);
- -webkit-transform:scale(0);
- transition: all 0.3s;
- -webkit-transition:all 0.3s;
- -moz-transition:all 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%);
- -webkit-transform:translateX(-100%);
- transition: all 0.3s;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- }
- .zeus.tp-rightarrow .tp-arr-imgholder {
- transform:translateX(100%);
- -webkit-transform:translateX(100%);
- }
- .zeus.tparrows:hover .tp-arr-imgholder {
- transform:translateX(0);
- -webkit-transform:translateX(0);
- opacity:1;
- }
- .zeus.tparrows:hover .tp-title-wrap {
- transform:scale(1);
- -webkit-transform:scale(1);
- opacity:1;
- }
- /* BULLETS */
- .zeus .tp-bullet {
- box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%;
- background-color: rgba(0, 0, 0, 0);
- -webkit-transition: opacity 0.3s ease;
- transition: opacity 0.3s ease;
- width:13px;height:13px;
- border:2px solid #fff;
- }
- .zeus .tp-bullet:after {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- border-radius: 50%;
- background-color: #FFF;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transition: -webkit-transform 0.3s ease;
- transition: transform 0.3s ease;
- }
- .zeus .tp-bullet:hover:after,
- .zeus .tp-bullet.selected:after{
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- .zeus .tp-bullet-image,
- .zeus .tp-bullet-imageoverlay{
- width:135px;
- height:60px;
- position:absolute;
- background:#000;
- background:rgba(0,0,0,0.5);
- bottom:25px;
- left:50%;
- margin-left:-65px;
- box-sizing:border-box;
- background-size:cover;
- background-position:center center;
- visibility:hidden;
- opacity:0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease;
- border-radius:4px;
- }
- .zeus .tp-bullet-title,
- .zeus .tp-bullet-imageoverlay {
- z-index:2;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .zeus .tp-bullet-title {
- color:#fff;
- text-align:center;
- line-height:15px;
- font-size:13px;
- font-weight:600;
- z-index:3;
- visibility:hidden;
- opacity:0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease;
- 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;
- -webkit-transform:translateY(0px);
- transform:translateY(0px);
- }
- /* THUMBS */
- .zeus .tp-thumb {
- opacity:1
- }
- .zeus .tp-thumb-over {
- background:#000;
- background:rgba(0,0,0,0.25);
- width:100%;
- height:100%;
- position:absolute;
- top:0px;
- left:0px;
- z-index:1;
- -webkit-transition:all 0.3s;
- transition:all 0.3s;
- }
- .zeus .tp-thumb-more:before {
- font-family: "revicons";
- font-size:12px;
- color:#aaa;
- color:rgba(255,255,255,0.75);
- display:block;
- line-height: 12px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:20px;
- right:20px;
- z-index:2;
- }
- .zeus .tp-thumb-more:before {
- content: "\e825";
- }
- .zeus .tp-thumb-title {
- font-family:"Raleway";
- letter-spacing:1px;
- font-size:12px;
- color:#fff;
- display:block;
- line-height: 15px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:0px;
- left:0px;
- z-index:2;
- padding:20px 35px 20px 20px;
- width:100%;
- height:100%;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- font-weight:500;
- }
- .zeus .tp-thumb.selected .tp-thumb-more:before,
- .zeus .tp-thumb:hover .tp-thumb-more:before {
- color:#aaa;
- }
- .zeus .tp-thumb.selected .tp-thumb-over,
- .zeus .tp-thumb:hover .tp-thumb-over {
- background:#000;
- }
- .zeus .tp-thumb.selected .tp-thumb-title,
- .zeus .tp-thumb:hover .tp-thumb-title {
- color:#fff;
- }
- /* TABS */
- .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: #fff;
- padding: 9px 10px; }
- .zeus .tp-tab:hover .tp-tab-title,
- .zeus .tp-tab.selected .tp-tab-title {
- color: #000;
- background:rgba(255,255,255,1);
- }
- /*-----------------------------------------------------------------------------
- - Revolution Slider 5.0 Navigatin Skin Style -
- ZEUS SKIN
- author: ThemePunch
- email: info@themepunch.com
- website: http://www.themepunch.com
- -----------------------------------------------------------------------------*/
- .post-tabs .tp-thumb {
- opacity:1
- }
- .post-tabs .tp-thumb-over {
- background:#252525;
- width:100%;
- height:100%;
- position:absolute;
- top:0px;
- left:0px;
- z-index:1;
- -webkit-transition:all 0.3s;
- transition:all 0.3s;
- }
- .post-tabs .tp-thumb-more:before {
- font-family: "revicons";
- font-size:12px;
- color:#aaa;
- color:rgba(255,255,255,0.75);
- display:block;
- line-height: 12px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:15px;
- right:15px;
- z-index:2;
- }
- .post-tabs .tp-thumb-more:before {
- content: "\e825";
- }
- .post-tabs .tp-thumb-title {
- font-family:"raleway";
- letter-spacing:1px;
- font-size:12px;
- color:#fff;
- display:block;
- line-height: 15px;
- text-align: left;
- z-index:2;
- position:absolute;
- top:0px;
- left:0px;
- z-index:2;
- padding:15px 30px 15px 15px;
- width:100%;
- height:100%;
- box-sizing:border-box;
- transition:all 0.3s;
- -webkit-transition:all 0.3s;
- font-weight:500;
- }
- .post-tabs .tp-thumb.selected .tp-thumb-more:before,
- .post-tabs .tp-thumb:hover .tp-thumb-more:before {
- color:#aaa;
- }
- .post-tabs .tp-thumb.selected .tp-thumb-over,
- .post-tabs .tp-thumb:hover .tp-thumb-over {
- background:#fff;
- }
- .post-tabs .tp-thumb.selected .tp-thumb-title,
- .post-tabs .tp-thumb:hover .tp-thumb-title {
- color:#000;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement