figure.handy-banner {
position: relative;
overflow: hidden;
display: inline-block;
text-align: center;
cursor: pointer;
}
figure.handy-banner img {
position: relative;
display: block;
height: auto;
max-width: 100%;
-webkit-transform: translateZ(0);
}
figure.handy-banner figcaption {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.handy-banner figcaption,
figure.handy-banner a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.handy-banner figcaption>a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
figure.handy-banner figcaption::before,
figure.handy-banner figcaption::after {
pointer-events: none;
}
figure.handy-banner figcaption>.main-caption,
figure.handy-banner figcaption>.secondary-caption {
position: absolute;
}
figure.handy-banner .button {
width: 120px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
font-size: 14px;
font-weight: normal;
} figure.effect-lily img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
max-width: -webkit-calc(100% + 60px);
max-width: calc(100% + 60px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
figure.effect-lily figcaption {
text-align: left;
}
figure.effect-lily .main-caption,
figure.effect-lily .secondary-caption {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-lily .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-lily .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover .secondary-caption {
opacity: 1;
}
figure.effect-lily:hover img,
figure.effect-lily:hover .main-caption,
figure.effect-lily:hover .secondary-caption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-lily:hover .secondary-caption {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
} figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
figure.effect-sadie .main-caption {
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie .secondary-caption {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie .secondary-caption {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.effect-sadie:hover .secondary-caption {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
figure.effect-roxy img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
max-width: -webkit-calc(100% + 60px);
max-width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
figure.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
figure.effect-roxy figcaption {
padding: 40px;
text-align: left;
}
figure.effect-roxy .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
figure.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-bubba {
background: #9e5406;
}
figure.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure.effect-bubba .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
figure.effect-bubba .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover .main-caption,
figure.effect-bubba:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
figure.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
figure.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
figure.effect-romeo:hover figcaption::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
figure.effect-romeo .main-caption,
figure.effect-romeo .secondary-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-romeo .main-caption {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
figure.effect-romeo .secondary-caption {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}
figure.effect-romeo:hover .main-caption {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
figure.effect-romeo:hover .secondary-caption {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
} figure.effect-honey img {
opacity: 1;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-honey:hover img {
opacity: 0.8;
}
figure.effect-honey .main-caption {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-honey:hover .main-caption,
figure.effect-honey:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
background-color: transparent;
;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.effect-oscar .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.effect-oscar figcaption::before,
figure.effect-oscar .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.effect-oscar:hover .main-caption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover .secondary-caption {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover figcaption {
background-color: rgba(0, 0, 0, 0.4);
}
figure.effect-oscar:hover img {
opacity: 0.7;
} figure.effect-marley .secondary-caption {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.effect-marley .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-marley:hover .main-caption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-marley .main-caption::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-marley .main-caption::after,
figure.effect-marley .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover .main-caption::after,
figure.effect-marley:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-ruby {
background-color: #17819c;
}
figure.effect-ruby img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-ruby .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-ruby .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.effect-ruby:hover .main-caption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-ruby:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} figure.effect-milo img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-milo:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
figure.effect-milo .secondary-caption {
width: 50%;
border-right: 1px solid #fff;
text-align: right;
padding-right: 10px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
figure.effect-milo:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-dexter {
background: -webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
background: linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%);
}
figure.effect-dexter img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-dexter:hover img {
opacity: 0.4;
}
figure.effect-dexter figcaption::after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
figure.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-dexter .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
figure.effect-dexter:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-sarah {
background: #42b078;
}
figure.effect-sarah img {
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
max-width: -webkit-calc(100% + 20px);
max-width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-sarah .main-caption::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
figure.effect-sarah:hover .main-caption::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-sarah .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
figure.effect-sarah:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico .secondary-caption {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover .secondary-caption {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} figure.effect-julia {
background: #2f3238;
}
figure.effect-julia img {
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-julia .main-caption,
figure.effect-julia .secondary-caption {
display: inline-block;
padding: 5px 15px;
background: rgba(255, 255, 255, 0.9);
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0);
}
figure.effect-julia .main-caption {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-julia .secondary-caption {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-julia:hover img {
opacity: 0.4;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
figure.effect-julia:hover .main-caption,
figure.effect-julia:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-goliath {
background: #df4e4e;
}
figure.effect-goliath img,
figure.effect-goliath .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-goliath img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-goliath .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
figure.effect-goliath:hover img {
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
figure.effect-goliath:hover .main-caption {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-goliath:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} figure.effect-selena {
background: #fff;
}
figure.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
figure.effect-selena .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-selena .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
figure.effect-selena:hover .main-caption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-selena:hover .secondary-caption {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0);
} figure.effect-kira {
background: #fff;
}
figure.effect-kira img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-kira figcaption {
z-index: 1;
}
figure.effect-kira .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
figure.effect-kira figcaption::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
figure.effect-kira:hover img {
opacity: 0.5;
}
figure.effect-kira:hover .secondary-caption {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-kira:hover figcaption::before {
opacity: 0.7;
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
} figure.effect-ming {
background: #030c17;
}
figure.effect-ming img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-ming figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
figure.effect-ming .main-caption {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-ming .secondary-caption {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-ming:hover .main-caption {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover .secondary-caption {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
figure.effect-ming:hover figcaption {
background-color: rgba(58, 52, 42, 0);
}
figure.effect-ming:hover img {
opacity: 0.4;
} .handy-promo-text::after {
content: '';
clear: both;
display: table;
}
.handy-promo-text .icon-wrapper {
display: inline-block;
width: auto;
height: auto;
line-height: inherit;
border: 0;
text-align: center;
}
.handy-promo-text .pos-left {
float: left;
margin-right: 15px;
}
.handy-promo-text .pos-right {
float: right;
margin-left: 15px;
}
.handy-promo-text .pos-center {
display: block;
width: 0 auto;
}
.handy-promo-text .icon-size-small {
font-size: 24px;
width: 40px;
height: 40px;
line-height: 40px;
}
.handy-promo-text .icon-size-normal {
font-size: 30px;
width: 50px;
height: 50px;
line-height: 50px;
}
.handy-promo-text .icon-size-large {
font-size: 36px;
width: 60px;
height: 60px;
line-height: 60px;
}
.handy-promo-text .background-rounded,
.handy-promo-text .background-rounded-outline {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.handy-promo-text .background-boxed,
.handy-promo-text .background-boxed-outline {
border-radius: 0;
}
.handy-promo-text .background-rounded-less,
.handy-promo-text .background-rounded-less-outline {
-webkit-border-radius: 6px;
border-radius: 6px;
}
.handy-promo-text .background-rounded-outline,
.handy-promo-text .background-boxed-outline,
.handy-promo-text .background-rounded-less-outline {
background-color: transparent !important;
border-style: solid;
border-width: 2px;
}
.handy-promo-text .icon-size-small.background-rounded-outline,
.handy-promo-text .icon-size-small.background-boxed-outline,
.handy-promo-text .icon-size-small.background-rounded-less-outline {
line-height: 36px;
}
.handy-promo-text .icon-size-normal.background-rounded-outline,
.handy-promo-text .icon-size-normal.background-boxed-outline,
.handy-promo-text .icon-size-normal.background-rounded-less-outline {
line-height: 46px;
}
.handy-promo-text .icon-size-large.background-rounded-outline,
.handy-promo-text .icon-size-large.background-boxed-outline,
.handy-promo-text .icon-size-large.background-rounded-less-outline {
line-height: 56px;
}
.handy-promo-text .text-wrapper {
overflow: hidden;
}
.handy-promo-text .text-wrapper h4 {
margin: -2px 0 0 0;
}
.handy-promo-text .text-wrapper h4 a {
color: inherit;
} .vc_tta-style-handy-style .vc_tta-tabs-list {
border-bottom: 1px solid #e1e1e1 !important;
overflow: visible !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list:after {
display: block;
content: '';
clear: both;
}
.vc_tta-style-handy-style .vc_tta-tabs-container {
margin: 0 !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li {
float: left;
margin: 0 0 -1px 0 !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li:first-of-type a {
border-left: 1px solid #e1e1e1 !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li a {
height: 55px;
line-height: 55px;
margin: 0;
padding: 0 40px !important;
border-right: 1px solid #e1e1e1 !important;
border-top: 1px solid #e1e1e1 !important;
border-bottom: 1px solid #e1e1e1 !important;
border-left: 0 !important;
background-color: #fafafa !important;
color: #000 !important;
-webkit-transition: background-color 0.3s ease-out !important;
-moz-transition: background-color 0.3s ease-out !important;
-ms-transition: background-color 0.3s ease-out !important;
-o-transition: background-color 0.3s ease-out !important;
transition: background-color 0.3s ease-out !important;
border-radius: 0 !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li a:before {
display: block;
content: '';
height: 2px;
width: 100%;
left: 0;
top: -1px;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
background: #c2d44e;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li a:hover:before {
opacity: 1;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li a:hover {
background-color: rgba(255, 255, 255, 0.6) !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li.vc_active a,
.vc_tta-style-handy-style .vc_tta-tabs-list li.vc_active a:focus,
.vc_tta-style-handy-style .vc_tta-tabs-list li.vc_active a:hover {
background: #fff !important;
border-bottom: 1px solid #fff !important;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li.vc_active a:before {
opacity: 1;
display: block;
content: '';
height: 3px !important;
width: 100% !important;
left: 0 !important;
top: -2px !important;
position: absolute;
background: #c2d44e;
}
.vc_tta-style-handy-style .vc_tta-tabs-list li.vc_active a:after {
display: none !important;
}
.vc_tta-style-handy-style .vc_tta-panels-container {
border: 1px solid #e1e1e1;
border-top: 0;
padding: 15px;
} .vc_tta-style-handy-style .vc_tta-panel-heading {
border: 1px solid #e1e1e1 !important;
margin: 1px 0 0 0 !important;
border-radius: 0 !important;
}
.vc_tta-style-handy-style .vc_tta-panels-container {
padding: 0 !important;
border: 0 !important;
}
.vc_tta-style-handy-style .vc_tta-panel-title {
color: inherit;
font-size: 17px;
font-family: "Open Sans", sans-serif;
font-weight: lighter;
margin-bottom: 0;
margin-top: 0;
}
.vc_tta-style-handy-style .vc_tta-panel-title>a {
background: #fafafa !important;
color: #151515 !important;
-webkit-transition: all 0.3s ease-out !important;
-moz-transition: all 0.3s ease-out !important;
-ms-transition: all 0.3s ease-out !important;
-o-transition: all 0.3s ease-out !important;
transition: all 0.3s ease-out !important;
}
.vc_tta-style-handy-style .vc_tta-panel-title:hover>a {
color: #fff !important;
background: #c2d44e !important;
}
.vc_tta-style-handy-style .vc_tta-panel-body {
border: 1px solid #e1e1e1 !important;
border-top: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
.vc_tta-style-handy-style .vc_tta-controls-icon:before {
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color: #151515 !important;
}
.vc_tta-style-handy-style .vc_tta-panel-title:hover .vc_tta-controls-icon:before {
color: #fff !important;
} .pt-sales-carousel {
display: inline-block;
width: auto;
position: relative;
}
.pt-sales-carousel ul.products {
margin: 0;
padding: 40px;
border-style: solid;
border-width: 1px;
}
.pt-sales-carousel ul.products li {
padding: 0;
text-align: left;
width: 100%;
}
.pt-sales-carousel ul.products li:after {
display: table;
content: '';
clear: both;
}
.pt-sales-carousel ul.products .img-wrapper {
max-width: 254px;
max-height: 288px;
float: left;
display: inline-block;
margin-right: 45px;
overflow: hidden;
}
.pt-sales-carousel ul.products .counter-wrapper {
display: inline-block;
float: left;
max-width: 300px;
}
.pt-sales-carousel ul.products h4 {
font-size: 36px;
font-weight: 200;
margin: 0 30px 0 0;
display: inline-block;
}
.pt-sales-carousel ul.products h4:before {
font-family: 'custom_font';
content: '\e811';
display: inline-block;
background: #c2d44e;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
margin-right: 10px;
padding: 6px;
vertical-align: top;
color: #fff;
font-size: 22px;
}
.pt-sales-carousel ul.products .sale-value {
padding: 0 15px;
font-size: 22px;
display: inline-block;
vertical-align: top;
color: #fff;
height: 39px;
line-height: 39px;
font-weight: lighter;
}
.pt-sales-carousel ul.products .countdown-wrapper {
display: inline-block;
padding: 15px 0;
text-align: left;
border-style: solid;
border-width: 1px 0;
width: 100%;
margin: 20px 0 20px 0;
}
.pt-sales-carousel ul.products .countdown-wrapper p {
font-size: 16px;
margin: 0 0 10px 0;
font-weight: lighter;
}
.pt-sales-carousel ul.products .countdown-row {
display: inline-block;
}
.pt-sales-carousel ul.products .countdown-section {
display: inline-block;
float: left;
font-size: 14px;
width: 65px;
}
.pt-sales-carousel ul.products .countdown-amount {
font-size: 25px;
}
.pt-sales-carousel ul.products .countdown-period {
display: block;
text-transform: lowercase;
font-weight: lighter;
}
.pt-sales-carousel ul.products .price-wrapper p {
border: 0 none !important;
padding: 0 45px 0 0 !important;
display: inline-block;
margin: 0;
position: relative;
line-height: 1.5;
min-height: 38px;
}
.pt-sales-carousel ul.products .price-wrapper del {
font-size: 16px;
display: inline-block;
margin-right: 10px;
}
.pt-sales-carousel ul.products .price-wrapper ins {
font-size: 24px;
background: transparent;
display: inline-block;
}
.pt-sales-carousel ul.products .price-wrapper .add_to_cart_button {
margin: 0;
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.pt-sales-carousel ul.products .price-wrapper .added_to_cart {
display: none;
}
.pt-sales-carousel span.prev,
.pt-sales-carousel span.next {
display: inline-block;
width: 36px;
height: 36px;
cursor: pointer;
border-style: solid;
border-width: 1px;
background: #fff;
position: absolute;
top: 50%;
margin-top: -18px;
z-index: 5;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pt-sales-carousel span.prev:before,
.pt-sales-carousel span.next:before {
display: inline-block;
position: absolute;
font-family: FontAwesome;
font-size: 22px;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.pt-sales-carousel span.prev:hover:before,
.pt-sales-carousel span.next:hover:before {
color: #fff;
}
.pt-sales-carousel .prev {
left: -10px;
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.pt-sales-carousel .prev:before {
content: '\f104';
left: 11px;
top: 7px;
}
.pt-sales-carousel .next {
right: -10px;
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.pt-sales-carousel .next:before {
content: '\f105';
left: 14px;
top: 7px;
}
.pt-sales-carousel .owl-theme .owl-controls .owl-page span {
background: #fff;
}
.pt-sales-carousel .wrapper:hover .prev,
.pt-sales-carousel .wrapper:hover .next {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
@media (max-width: 800px) {
.pt-sales-carousel ul.products li {
text-align: center;
}
.pt-sales-carousel ul.products .img-wrapper {
float: none;
}
.pt-sales-carousel ul.products .counter-wrapper {
float: none;
}
.pt-sales-carousel ul.products .countdown-wrapper {
text-align: center;
}
}
@media (max-width: 480px) {
.pt-sales-carousel ul.products .img-wrapper {
width: 100%;
margin: 0 0 20px 0;
}
.pt-sales-carousel ul.products .counter-wrapper {
width: 100%;
}
.pt-sales-carousel ul.products .countdown-wrapper .countdown-amount {
font-size: 20px;
}
.pt-sales-carousel .wrapper ul.products {
padding: 20px;
}
.pt-sales-carousel ul.products .price-wrapper p {
text-align: left;
}
.pt-sales-carousel ul.products .countdown-wrapper .countdown-section {
font-size: 10px;
width: 55px;
}
}
.vc_column_container .pt-sales-carousel {
width: 100%;
}
.vc_column_container .pt-sales-carousel .wrapper {
position: relative;
}
.vc_column_container .pt-sales-carousel ul.products .img-wrapper {
max-width: 100%;
max-height: 100%;
margin: 0;
}
.vc_column_container .pt-sales-carousel ul.products {
padding: 30px;
}
.vc_column_container .pt-sales-carousel ul.products .counter-wrapper {
max-width: 100%;
margin: 0;
padding-right: 0;
}
.vc_column_container.vc_col-sm-6 .pt-sales-carousel ul.products .countdown-section {
font-size: 12px;
width: 55px;
}
.vc_column_container.vc_col-sm-6 .pt-sales-carousel ul.products h4 {
margin: 0 20px 0 0;
} .pt-testimonials .carousel-container {
display: inline-block !important;
max-width: 100%;
}
.pt-testimonials .owl-theme .owl-controls {
margin-top: 0px;
}
.pt-testimonials .carousel-item:after {
display: block;
content: '';
clear: both;
}
.pt-testimonials .img-wrapper {
width: 120px;
height: 120px;
display: inline-block;
overflow: hidden;
}
.pt-testimonials .text-wrapper::after {
display: table;
content: '';
clear: both;
}
.pt-testimonials .text-wrapper h3 {
font-size: 18px;
margin: 0;
font-weight: lighter;
padding: 0;
}
.pt-testimonials .occupation {
font-size: 15px;
}
.pt-testimonials p {
margin: 0;
padding: 0;
}
.pt-testimonials .style_1 .item-wrapper {
width: 100%;
display: block;
}
.pt-testimonials .style_1 .text-wrapper h3,
.pt-testimonials .style_3 .text-wrapper h3 {
font-weight: normal;
}
.pt-testimonials .style_1 .img-wrapper {
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 0 20px;
}
.pt-testimonials .style_1 .item-wrapper {
text-align: center;
}
.pt-testimonials .style_1 p {
margin: 15px 0;
}
.pt-testimonials .style_2 .item-wrapper {
display: inline-block;
padding: 20px;
position: relative;
border-style: solid;
border-width: 1px;
margin: 0;
}
.pt-testimonials .style_2 .img-wrapper {
display: inline-block;
float: left;
margin: 0px 15px 0 0;
position: relative;
width: 90px;
height: 90px;
}
.pt-testimonials .style_2 .text-wrapper {
display: inline;
float: none;
padding: 0;
position: relative;
}
.pt-testimonials .style_2 .text-wrapper h3 {
display: inline;
font-size: 24px;
font-weight: lighter;
margin: 0;
padding: 0;
}
.pt-testimonials .style_2 span {
display: block;
font-weight: lighter;
width: 100%;
}
.pt-testimonials .style_2 p {
display: block;
margin: 0;
padding: 0;
text-align: justify;
}
.pt-testimonials .style_2 p q {
font-size: 14px;
display: inline-block;
border-style: solid;
border-width: 1px 0 0 0;
padding: 15px 0 0;
margin: 20px 0 0;
}
.pt-testimonials .star-rating {
overflow: hidden;
position: relative;
height: 20px;
line-height: 18px;
font-size: 13px;
width: 70px;
font-family: star;
margin: 10px 0 0;
}
.pt-testimonials .star-rating:before {
content: "\73\73\73\73\73";
float: left;
top: 0;
left: 0;
position: absolute;
color: #FFD700;
}
.pt-testimonials .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 15px;
}
.pt-testimonials .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #FFD700;
}
.pt-testimonials .style_2.owl-theme .owl-controls {
margin-top: 20px;
}
.pt-testimonials .style_3 .item-wrapper {
text-align: left;
position: relative;
padding: 0 0 120px;
margin: 0;
}
.pt-testimonials .style_3 .img-wrapper {
bottom: 0;
height: 90px;
left: 0;
margin: 0;
position: absolute;
width: 90px;
}
.pt-testimonials .style_3 .text-wrapper {
padding: 20px 20px 30px;
border-style: solid;
border-width: 1px;
position: relative;
}
.pt-testimonials .style_3 .text-wrapper:after,
.pt-testimonials .style_3 .text-wrapper:before {
display: inline-block;
content: '';
width: 0;
height: 0;
position: absolute;
bottom: -16px;
left: 26px;
}
.pt-testimonials .style_3 .text-wrapper:before {
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #e1e1e1;
}
.pt-testimonials .style_3 .text-wrapper:after {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #fff;
bottom: -15px;
left: 27px;
}
.pt-testimonials .style_3 p q {
font-size: 14px;
display: inline-block;
margin: 0;
padding: 10px 0 0;
} .pt-carousel .slider-navi {
padding-right: 0;
}
.pt-carousel .item-wrapper {
float: left;
padding: 0 15px;
max-width: 100%;
}
.pt-carousel figure {
position: relative;
}
.pt-carousel figcaption {
position: absolute;
display: inline-block;
vertical-align: middle;
padding: 20px;
opacity: 0;
text-align: center;
backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pt-carousel figcaption h3 {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: normal;
}
.pt-carousel figcaption a {
display: inline-block;
margin-left: 1px;
padding: 10px 12px;
text-align: center;
background: #f4f4f4;
color: #555555;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pt-carousel figcaption a .fa {
font-size: 22px;
}
.pt-carousel figcaption a:hover {
color: #fff;
}
.pt-carousel figcaption .caption-wrapper {
display: inline-block;
vertical-align: middle;
}
.pt-carousel figcaption .vertical-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.pt-carousel.animation-fading figure:hover figcaption {
opacity: 1;
width: 100%;
height: 100%;
}
.pt-carousel.animation-fading figure:hover figcaption .caption-wrapper {
opacity: 1;
-ms-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.pt-carousel.animation-fading figcaption {
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
color: #fff;
height: 0;
width: 0;
}
.pt-carousel.animation-fading figcaption h3,
.pt-carousel.animation-bottom-sliding figcaption h3 {
font-size: 16px;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
color: inherit;
}
.pt-carousel.animation-fading figcaption span,
.pt-carousel.animation-bottom-sliding figcaption span {
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.pt-carousel.animation-fading figcaption .btn-wrapper {
margin-top: 20px;
}
.pt-carousel.animation-fading figcaption .caption-wrapper {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pt-carousel.animation-bottom-sliding figure:hover figcaption {
bottom: 0;
opacity: 1;
}
.pt-carousel.animation-bottom-sliding figcaption {
background: rgba(255, 255, 255, 0.5);
color: #fff;
width: 100%;
padding: 10px 75px 10px 10px;
text-align: left;
position: absolute;
left: 0;
bottom: -60px;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pt-carousel.animation-bottom-sliding figcaption .btn-wrapper {
margin: 0;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
}
.pt-carousel.animation-bottom-sliding figcaption a {
display: inline-block;
margin-left: 5px;
padding: 5px 8px;
text-align: center;
background: #f4f4f4;
color: #555555;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt-carousel.animation-bottom-sliding figcaption a:hover {
color: #fff;
}
.pt-carousel.animation-bottom-sliding figcaption a .fa {
font-size: 16px;
}
.pt-carousel.animation-none figure:hover img {
opacity: 1;
}
.pt-carousel.animation-none img {
opacity: 0.8;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.pt-carousel.animation-none figcaption {
display: none;
}
.pt-carousel .carousel-item {
margin: 0 -15px;
}
.pt-carousel .carousel-item:after {
display: block;
content: '';
clear: both;
}
.pt-carousel .per-slide-6 .carousel-item {
margin-top: -30px;
}
.pt-carousel .per-slide-6 .item-wrapper {
width: 33%;
padding: 30px 15px 0;
}
.pt-carousel .per-slide-3 .item-wrapper {
width: 33%;
}
.pt-carousel .per-slide-2 .item-wrapper {
width: 50%;
}
.pt-carousel .per-slide-1 .item-wrapper {
width: 100%;
text-align: center;
}
.pt-carousel .item-wrapper.rotator {
padding-bottom: 0;
padding-top: 0;
}
.pt-carousel .item-wrapper.rotator figure {
background: #fafafa;
padding: 16px 8px;
text-align: center;
border-style: solid;
border-width: 1px;
max-width: 262px;
display: inline-block;
}
.pt-carousel .item-wrapper.rotator figcaption {
padding: 0 20px 15px 20px;
position: relative;
transition: none;
opacity: 1;
transform: none !important;
background: transparent;
display: block;
}
.pt-carousel .item-wrapper.rotator figcaption h3 {
font-size: 22px;
font-weight: 200;
display: block;
text-align: center;
border-style: solid;
border-width: 0 0 2px 0;
padding-bottom: 5px;
text-transform: uppercase;
background: transparent;
}
.pt-carousel .item-wrapper.rotator figcaption span {
display: block;
text-align: center;
font-size: inherit;
padding-top: 10px;
background: transparent;
}
.pt-carousel .item-wrapper.rotator a {
display: block;
position: relative;
font-size: 14px;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.95);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: -18px auto 0;
border-style: solid;
border-width: 1px;
padding: 8px 15px;
max-width: 130px;
}
.pt-carousel .item-wrapper.rotator a:hover {
opacity: 1;
}
.widget .pt-carousel .title-wrapper {
display: none;
} .pt-member-contact h3 {
font-size: 18px;
margin: 0;
font-weight: lighter;
}
.pt-member-contact span {
font-size: 15px;
}
.pt-member-contact p {
margin: 0;
padding: 0;
}
.pt-member-contact .contact-btns {
font-size: 20px;
}
.pt-member-contact .contact-btns a {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
text-align: center;
}
.pt-member-contact .contact-btns i::before {
font-size: 36px !important;
}
.pt-member-contact.img-pos-left .contact-img-wrapper {
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
float: left;
margin: 20px 25px 15px -90px;
overflow: hidden;
}
.pt-member-contact.img-pos-left .text-wrapper {
padding: 30px;
border-style: solid;
border-width: 1px;
margin-left: 60px;
}
.pt-member-contact.img-pos-left .text-wrapper h3 {
padding: 0;
display: inline-block;
}
.pt-member-contact.img-pos-left .text-wrapper span {
padding: 0;
display: block;
}
.pt-member-contact.img-pos-left .text-wrapper p {
padding: 10px 0 20px 0;
}
.pt-member-contact.img-pos-left .text-wrapper .contact-btns {
padding: 0;
}
.pt-member-contact.img-pos-top .text-wrapper {
padding: 0;
border-style: solid;
border-width: 0 1px 1px 1px;
}
.pt-member-contact.img-pos-top .text-wrapper h3 {
padding: 20px 20px 0 20px;
}
.pt-member-contact.img-pos-top .text-wrapper span {
padding: 0 20px;
}
.pt-member-contact.img-pos-top .text-wrapper p {
padding: 10px 20px 20px;
}
.pt-member-contact.img-pos-top .text-wrapper .contact-btns {
padding: 8px 20px 0 20px;
border-style: solid;
border-width: 1px 0 0 0;
}
.pt-member-contact.img-pos-center .contact-img-wrapper {
width: 100%;
max-width: 263px;
height: auto;
max-height: 263px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
margin: 0px;
overflow: hidden;
}
.pt-member-contact.img-pos-center .text-wrapper {
padding: 10px;
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.pt-member-contact.img-pos-center .text-wrapper:before {
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
content: '';
background: transparent;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt-member-contact.img-pos-center .text-wrapper:after {
display: inline-block;
height: 100%;
width: 1px;
content: '';
vertical-align: middle;
}
.pt-member-contact.img-pos-center .text-wrapper .vertical-wrapper {
display: inline-block;
vertical-align: middle;
}
.pt-member-contact.img-pos-center .text-wrapper h3,
.pt-member-contact.img-pos-center .text-wrapper span {
padding: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
color: #fff;
position: relative;
}
.pt-member-contact.img-pos-center .text-wrapper h3 {
font-size: 16px;
font-weight: 500;
}
.pt-member-contact.img-pos-center .text-wrapper span {
font-size: 13px;
font-weight: 200;
}
.pt-member-contact.img-pos-center:hover .text-wrapper:before {
top: 0;
left: 0;
width: 120px;
height: 120px;
}
.pt-member-contact.img-pos-center:hover .text-wrapper h3,
.pt-member-contact.img-pos-center:hover .text-wrapper span {
opacity: 1;
transition-delay: 0.3s;
} .pt-vendors-carousel {
margin: 0 -15px;
}
.wpb_content_element.pt-vendors-carousel .title-wrapper {
margin-bottom: 35px;
}
.pt-vendors-carousel ul {
list-style: none;
}
.pt-vendors-carousel ul li {
float: left;
padding: 0 15px;
text-align: center;
max-width: 100%;
}
.pt-vendors-carousel ul li .wrap {
position: relative;
text-align: center;
}
.pt-vendors-carousel ul li .wrap img {
display: inline-block;
max-width: 100%;
}
.pt-vendors-carousel ul li a.button {
width: 120px;
text-align: center;
display: inline-block;
position: absolute;
margin: -18px 0 0 -60px;
left: 50%;
top: 50%;
opacity: 0;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(2);
transform: scale(2);
height: 36px;
line-height: 36px;
}
.pt-vendors-carousel ul li:hover a {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.pt-vendors-carousel ul li h4 {
font-size: 18px;
font-weight: 300;
margin: 0;
padding: 7px 0;
} .pt-woo-shortcode,
.pt-posts-shortcode {
margin-left: -15px;
margin-right: -15px;
}
.wpb_content_element .shortcode-title {
display: inline-block;
font-weight: 300;
font-size: 30px;
padding-left: 15px;
margin-bottom: 0;
}
.wpb_content_element .title-wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
margin-bottom: 15px;
}
.pt-carousel .title-wrapper .shortcode-title,
.pt-testimonials .title-wrapper .shortcode-title {
padding-left: 0;
}
.pt-sales-carousel .shortcode-title {
padding-left: 0;
margin-bottom: 15px;
}
.slider-navi {
display: inline-block;
padding-right: 15px;
position: absolute;
right: 0;
}
.slider-navi span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 26px;
cursor: pointer;
font-size: 18px;
border-style: solid;
border-width: 1px;
border-radius: 0;
text-align: center;
background: transparent;
-webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
-moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
-ms-transition: color 0.3s ease-out, background-color 0.3s ease-out;
-o-transition: color 0.3s ease-out, background-color 0.3s ease-out;
transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.slider-navi span:hover {
color: #fff;
}
.slider-navi span::before {
display: inline-block;
font-family: FontAwesome;
content: '';
}
.slider-navi .prev::before {
content: '\f104';
}
.slider-navi .next {
margin-left: 10px;
}
.slider-navi .next::before {
content: '\f105';
} .pt-woo-shortcode .pt-extra-gallery-thumbs {
display: none !important;
}
.pt-woo-shortcode .fade-hover .pt-extra-gallery-thumbs {
display: inline-block !important;
}
.pt-woo-shortcode .product-category h3 {
display: none;
}
.pt-woo-shortcode.with-slider .woocommerce {
clear: both;
}
.pt-woo-shortcode ul.products {
margin: 0;
}
.pt-woo-shortcode.with-slider .products {
margin: 0;
height: 100%;
width: 100%;
padding: 0;
}
.pt-woo-shortcode.with-slider .products .product {
height: auto;
margin-bottom: 0;
list-style: none;
}
.pt-woo-shortcode.with-slider .products .product .short-description {
display: none;
}
.pt-woo-shortcode.with-slider .products .product .additional-buttons {
display: none;
}
.pt-woo-shortcode.with-slider .products .product .fade-hover .additional-buttons {
display: inline-block;
}
.owl-carousel .owl-item .product, .owl-carousel .owl-item .post {
width: 100%!important;
}
@media (max-width: 480px) {
.pt-woo-shortcode.with-slider .products {
padding: 0 7px;
}
.pt-woo-shortcode.with-slider .products .product {
padding: 0 7px;
}
}