Your IP : 3.145.35.194
/*-----------------------------------------------------------------------------
- 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 TAB */
.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);
}
}