.fixed-height-image {
height: 190px;
width: 100%;
}
.wcp-carousel-main-wrap .fixed-height-image img {
max-width: initial !important;
}
.rpc-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.wcp-carousel-main-wrap .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.wcp-carousel-main-wrap .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap .slick-list:focus {
outline: none;
}
.wcp-carousel-main-wrap .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.wcp-carousel-main-wrap .slick-slider .slick-track,
.wcp-carousel-main-wrap .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wcp-carousel-main-wrap .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.wcp-carousel-main-wrap .slick-track:before,
.wcp-carousel-main-wrap .slick-track:after {
display: table;
content: '';
}
.wcp-carousel-main-wrap .slick-track:after {
clear: both;
}
.wcp-carousel-main-wrap .slick-loading .slick-track {
visibility: hidden;
}
.wcp-carousel-main-wrap .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.wcp-carousel-main-wrap [dir='rtl'] .slick-slide {
float: right;
}
.wcp-carousel-main-wrap .slick-slide img {
display: block;
}
.wcp-carousel-main-wrap .slick-slide.slick-loading img {
display: none;
}
.wcp-carousel-main-wrap .slick-slide.dragging img {
pointer-events: none;
}
.wcp-carousel-main-wrap .slick-initialized .slick-slide {
display: block;
}
.wcp-carousel-main-wrap .slick-loading .slick-slide {
visibility: hidden;
}
.wcp-carousel-main-wrap .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.wcp-carousel-main-wrap .slick-arrow.slick-hidden {
display: none;
}
.wcp-carousel-main-wrap .rpc-wrapper img {
display: block;
border-radius: 0;
}
.clearfix {
clear: both;
}
.wcp-carousel-main-wrap figure.rpc-style-1 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background-color: #ececec;
color: #000000;
text-align: left;
font-size: 16px;
}
.wcp-carousel-main-wrap figure.rpc-style-1 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wcp-carousel-main-wrap figure.rpc-style-1 img {
max-width: 100%;
vertical-align: top;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wcp-carousel-main-wrap figure.rpc-style-1 figcaption {
padding: 25px;
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-1 .date,
.wcp-carousel-main-wrap figure.rpc-style-1 i {
background-color: #1abc9c;
top: 25px;
color: #fff;
left: 25px;
min-height: 60px;
min-width: 60px;
position: absolute;
text-align: center;
}
.wcp-carousel-main-wrap figure.rpc-style-1 .date {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.wcp-carousel-main-wrap figure.rpc-style-1 .date span {
display: block;
line-height: 30px;
}
.wcp-carousel-main-wrap figure.rpc-style-1 .date .month {
font-size: 16px;
background-color: rgba(0, 0, 0, 0.1);
}
.wcp-carousel-main-wrap figure.rpc-style-1 i {
line-height: 60px;
font-size: 30px;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.wcp-carousel-main-wrap figure.rpc-style-1 h3,
.wcp-carousel-main-wrap figure.rpc-style-1 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-1 h3 {
margin-bottom: 10px;
display: inline-block;
font-weight: 600;
color: #333333;
line-height: 1em;
font-size: 20px;
}
.wcp-carousel-main-wrap figure.rpc-style-1 p {
font-size: 0.8em;
margin-bottom: 20px;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-1 button {
border: medium none;
padding: 10px 20px;
background-color: #1abc9c;
font-weight: 800;
color: #ffffff;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 0.8em;
}
.wcp-carousel-main-wrap figure.rpc-style-1 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-1:hover img,
.wcp-carousel-main-wrap figure.rpc-style-1.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap figure.rpc-style-1:hover .date,
.wcp-carousel-main-wrap figure.rpc-style-1.hover .date {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.wcp-carousel-main-wrap figure.rpc-style-1:hover i,
.wcp-carousel-main-wrap figure.rpc-style-1.hover i {
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap figure.rpc-style-1:hover button,
.wcp-carousel-main-wrap figure.rpc-style-1.hover button {
background-color: #117964;
}
.wcp-carousel-main-wrap .rpc-style-2 {
color: #ffffff;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 1.6em;
margin: 0;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.wcp-carousel-main-wrap .rpc-style-2 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.wcp-carousel-main-wrap .rpc-style-2 img {
max-width: 100%;
vertical-align: top;
position: relative;
opacity: 0.75;
}
.wcp-carousel-main-wrap .rpc-style-2 figcaption {
padding: 25px 20px 25px;
position: absolute;
bottom: 0;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-2 .date {
background-color: #fff;
color: #333;
font-size: 18px;
font-weight: 800;
min-height: 48px;
min-width: 48px;
padding: 10px 0;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
top: 0;
}
.wcp-carousel-main-wrap .rpc-style-2 .date span {
display: block;
line-height: 14px;
}
.wcp-carousel-main-wrap .rpc-style-2 .date .month {
font-size: 11px;
}
.wcp-carousel-main-wrap .rpc-style-2 h3,
.wcp-carousel-main-wrap .rpc-style-2 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap .rpc-style-2 h3 {
font-weight: 800;
letter-spacing: -0.4px;
}
.wcp-carousel-main-wrap .rpc-style-2 .hover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
background-color: rgba(236, 188, 46, 0.75);
display: flex;
font-size: 65px;
justify-content: center;
opacity: 0;
}
.wcp-carousel-main-wrap .rpc-style-2 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-2:hover .hover,
.wcp-carousel-main-wrap .rpc-style-2.hover .hover {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
}
.wcp-carousel-main-wrap .rpc-style-2:hover figcaption,
.wcp-carousel-main-wrap .rpc-style-2.hover figcaption {
opacity: 0;
}
.wcp-carousel-main-wrap .rpc-style-2:hover .date,
.wcp-carousel-main-wrap .rpc-style-2.hover .date {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.wcp-carousel-main-wrap .rpc-style-3 {
color: #ffffff;
font-family: 'Lato', Arial, sans-serif;
font-size: 16px;
margin: 0;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.wcp-carousel-main-wrap .rpc-style-3 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.wcp-carousel-main-wrap .rpc-style-3 img {
max-width: 100%;
vertical-align: top;
position: relative;
}
.wcp-carousel-main-wrap .rpc-style-3 figcaption {
padding: 25px 20px 25px;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-3 figcaption:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0.8;
z-index: -1;
}
.wcp-carousel-main-wrap .rpc-style-3 .date {
background-color: #fff;
border-radius: 50%;
color: #700877;
font-size: 18px;
font-weight: 700;
min-height: 48px;
min-width: 48px;
padding: 10px 0;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
top: -25px;
}
.wcp-carousel-main-wrap .rpc-style-3 .date span {
display: block;
line-height: 14px;
}
.wcp-carousel-main-wrap .rpc-style-3 .date .month {
font-size: 11px;
}
.wcp-carousel-main-wrap .rpc-style-3 h3,
.wcp-carousel-main-wrap .rpc-style-3 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap .rpc-style-3 h3 {
display: inline-block;
font-weight: 700;
letter-spacing: -0.4px;
margin-bottom: 5px;
}
.wcp-carousel-main-wrap .rpc-style-3 p {
font-size: 0.8em;
line-height: 1.6em;
margin-bottom: 0px;
}
.wcp-carousel-main-wrap .rpc-style-3 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-3:hover img,
.wcp-carousel-main-wrap .rpc-style-3.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap .rpc-style-4 {
font-family: 'Roboto', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
border-radius: 5px;
border-top: 5px solid #d2652d;
color: #9e9e9e;
text-align: center;
font-size: 16px;
}
.wcp-carousel-main-wrap .rpc-style-4 *,
.wcp-carousel-main-wrap .rpc-style-4 *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.wcp-carousel-main-wrap .rpc-style-4 figcaption {
padding: 12% 10% 14%;
}
.wcp-carousel-main-wrap .rpc-style-4 img {
color: #fff;
width: 80px !important;
line-height: 80px;
border-radius: 50%;
padding: 0;
margin: 0 0 10px;
text-align: center;
display: inline-block !important;
}
.wcp-carousel-main-wrap .rpc-style-4 h3 {
color: #3c3c3c;
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin: 10px 0;
}
.wcp-carousel-main-wrap .rpc-style-4 p {
font-size: 0.9em;
font-weight: 300;
margin: 0 0 20px;
}
.wcp-carousel-main-wrap .rpc-style-4 .button {
text-decoration: none;
color: #777;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 5px 10px;
display: inline-block;
position: relative;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-4 .button:before {
background-color: #d2652d;
position: absolute;
top: 100%;
bottom: 0;
left: 0;
right: 0;
content: '';
z-index: -1;
opacity: 0;
}
.wcp-carousel-main-wrap .rpc-style-4 .button:hover {
color: #fff;
}
.wcp-carousel-main-wrap .rpc-style-4 .button:hover:before {
top: 0;
opacity: 1;
}
.wcp-carousel-main-wrap .rpc-style-5 {
font-family: 'Lato', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background-color: #ffffff;
color: #2B2B2B;
text-align: center;
font-size: 16px;
}
.wcp-carousel-main-wrap .rpc-style-5 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wcp-carousel-main-wrap .rpc-style-5 img {
max-width: 100%;
vertical-align: top;
position: relative;
display: block;
}
.wcp-carousel-main-wrap .rpc-style-5 figcaption {
padding: 10%;
padding-bottom: calc(25%);
background-color: #ffffff;
}
.wcp-carousel-main-wrap .rpc-style-5 h3 {
font-family: 'Oswald';
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin: 3px 0;
}
.wcp-carousel-main-wrap .rpc-style-5 h5 {
font-weight: 400;
margin: 0;
color: #888;
letter-spacing: 1px;
}
.wcp-carousel-main-wrap .rpc-style-5 footer {
border-top: 1px solid rgba(0, 0, 0, 0.065);
padding: 0 20px;
font-size: 13px;
line-height: 50px;
text-align: left;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.wcp-carousel-main-wrap .rpc-style-5 footer .icons {
position: absolute;
right: 20px;
top: 0;
}
.wcp-carousel-main-wrap .rpc-style-5 footer .icons > div {
display: inline-block;
margin-left: 8px;
}
.wcp-carousel-main-wrap .rpc-style-5 footer .icons i {
display: inline-block;
margin-right: 5px;
font-size: 1em;
}
.wcp-carousel-main-wrap .rpc-style-5 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-6 {
font-family: 'Open Sans', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background-color: #ffffff;
color: #000000;
text-align: left;
font-size: 16px;
}
.wcp-carousel-main-wrap .rpc-style-6 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wcp-carousel-main-wrap .rpc-style-6:after {
position: absolute;
top: 12px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 25px;
border-color: transparent transparent transparent #d2652d;
content: '';
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wcp-carousel-main-wrap .rpc-style-6 img {
max-width: 100%;
vertical-align: top;
position: relative;
display: block;
}
.wcp-carousel-main-wrap .rpc-style-6 figcaption {
padding: 20px 20px 30px;
background-color: #ffffff;
}
.wcp-carousel-main-wrap .rpc-style-6 .date {
background-color: #d2652d;
top: 15px;
color: #fff;
right: 15px;
min-height: 48px;
min-width: 48px;
position: absolute;
text-align: center;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
border-radius: 50%;
padding: 10px 0;
}
.wcp-carousel-main-wrap .rpc-style-6 .date span {
display: block;
line-height: 14px;
}
.wcp-carousel-main-wrap .rpc-style-6 .date .month {
font-size: 11px;
}
.wcp-carousel-main-wrap .rpc-style-6 h3,
.wcp-carousel-main-wrap .rpc-style-6 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap .rpc-style-6 h3 {
margin-bottom: 10px;
display: inline-block;
font-weight: 700;
}
.wcp-carousel-main-wrap .rpc-style-6 p {
font-size: 0.8em;
margin-bottom: 20px;
line-height: 1.6em;
}
.wcp-carousel-main-wrap .rpc-style-6 footer {
padding: 0 25px;
color: #999999;
font-size: 0.8em;
line-height: 50px;
text-align: left;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.wcp-carousel-main-wrap .rpc-style-6 footer > div {
display: inline-block;
margin-right: 15px;
}
.wcp-carousel-main-wrap .rpc-style-6 footer i {
margin-right: 5px;
font-size: 1.2em;
}
.wcp-carousel-main-wrap .rpc-style-6 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-6:hover:after,
.wcp-carousel-main-wrap .rpc-style-6.hover:after {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.wcp-carousel-main-wrap figure.rpc-style-7 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background-color: #ffffff;
color: #000000;
text-align: left;
font-size: 16px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.wcp-carousel-main-wrap figure.rpc-style-7 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wcp-carousel-main-wrap figure.rpc-style-7 img {
max-width: 100%;
vertical-align: top;
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-7 figcaption {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
padding: 15px 15px 30px;
background-color: #ffffff;
}
.wcp-carousel-main-wrap figure.rpc-style-7 .date {
background-color: #7f8c8d;
top: 15px;
color: #fff;
left: 15px;
min-height: 48px;
min-width: 48px;
position: absolute;
text-align: center;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.wcp-carousel-main-wrap figure.rpc-style-7 .date span {
display: block;
line-height: 24px;
}
.wcp-carousel-main-wrap figure.rpc-style-7 .date .month {
font-size: 14px;
background-color: rgba(0, 0, 0, 0.1);
}
.wcp-carousel-main-wrap figure.rpc-style-7 h3,
.wcp-carousel-main-wrap figure.rpc-style-7 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-7 h3 {
min-height: 50px;
margin-bottom: 10px;
margin-left: 60px;
display: inline-block;
font-weight: 600;
}
.wcp-carousel-main-wrap figure.rpc-style-7 p {
font-size: 0.8em;
margin-bottom: 20px;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-7 footer {
padding: 0 25px;
background-color: #667273;
color: #e6e6e6;
font-size: 0.8em;
line-height: 30px;
text-align: right;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-7 footer > div {
display: inline-block;
margin-left: 10px;
}
.wcp-carousel-main-wrap figure.rpc-style-7 footer i {
margin-right: 5px;
}
.wcp-carousel-main-wrap figure.rpc-style-7 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-7:hover img,
.wcp-carousel-main-wrap figure.rpc-style-7.hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.wcp-carousel-main-wrap .rpc-style-8 {
font-family: 'Quattrocento', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #141414;
text-align: left;
line-height: 1.4em;
font-size: 16px;
background-color: #ffffff;
}
.wcp-carousel-main-wrap .rpc-style-8 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.wcp-carousel-main-wrap .rpc-style-8 img {
max-width: 100%;
vertical-align: top;
}
.wcp-carousel-main-wrap .rpc-style-8 figcaption {
width: 100%;
background-color: #ffffff;
padding: 10px 25px 55px;
position: relative;
}
.wcp-carousel-main-wrap .rpc-style-8 figcaption:before {
position: absolute;
content: '';
z-index: 2;
bottom: 100%;
left: 0;
width: 100%;
height: 80px;
background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.wcp-carousel-main-wrap .rpc-style-8 figcaption a {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background-color: #cccccc;
color: #000000;
font-size: 0.8em;
text-transform: uppercase;
opacity: 0.65;
width: 100%;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
}
.wcp-carousel-main-wrap .rpc-style-8 figcaption a:hover {
opacity: 1;
}
.wcp-carousel-main-wrap .rpc-style-8 h3 {
margin: 0 0 10px;
font-weight: 300;
font-size: 1.5em;
line-height: 1.2em;
font-family: 'Oswald', Arial, sans-serif;
}
.wcp-carousel-main-wrap .rpc-style-8 p {
margin: 0 0 10px;
font-size: 0.9em;
letter-spacing: 1px;
opacity: 0.9;
}
.wcp-carousel-main-wrap .rpc-style-9 {
font-family: 'Roboto', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
line-height: 1.4em;
background-color: #141414;
}
.wcp-carousel-main-wrap .rpc-style-9 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.wcp-carousel-main-wrap .rpc-style-9 img {
max-width: 100%;
vertical-align: top;
opacity: 0.85;
}
.wcp-carousel-main-wrap .rpc-style-9 .date {
position: absolute;
background-color: #1e1e1e;
top: 0;
right: 0;
width: 100%;
padding: 10px 25px 0;
text-align: right;
font-size: 0.8em;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.wcp-carousel-main-wrap .rpc-style-9 .date:before {
position: absolute;
content: '';
top: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 400px 55px 0;
border-color: transparent #1e1e1e transparent transparent;
}
.wcp-carousel-main-wrap .rpc-style-9 figcaption {
width: 100%;
background-color: #141414;
padding: 0 25px 25px;
position: relative;
}
.wcp-carousel-main-wrap .rpc-style-9 figcaption:before {
position: absolute;
content: '';
bottom: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 55px 0 0 400px;
border-color: transparent transparent transparent #141414;
}
.wcp-carousel-main-wrap .rpc-style-9 figcaption a {
padding: 5px;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 0.7em;
text-transform: uppercase;
text-decoration: none;
margin: 10px 0;
display: inline-block;
opacity: 0.65;
width: 47%;
text-align: center;
font-weight: 600;
letter-spacing: 1px;
}
.wcp-carousel-main-wrap .rpc-style-9 figcaption a:hover {
opacity: 1;
}
.wcp-carousel-main-wrap .rpc-style-9 h3 {
margin: 0 0 10px;
font-weight: 300;
font-size: 1.5em;
line-height: 1.2em;
}
.wcp-carousel-main-wrap .rpc-style-9 p {
margin: 0 0 10px;
font-size: 0.8em;
letter-spacing: 1px;
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-10 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #1a1a1a;
color: #ffffff;
text-align: left;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.wcp-carousel-main-wrap figure.rpc-style-10 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .image {
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-10 img {
max-width: 100%;
vertical-align: top;
display: block;
}
.wcp-carousel-main-wrap figure.rpc-style-10 i {
position: absolute;
top: 7px;
left: 12px;
font-size: 32px;
opacity: 0;
z-index: 2;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-10 h3 {
margin: 0 0 10px;
font-weight: 500;
}
.wcp-carousel-main-wrap figure.rpc-style-10 p {
margin: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-10:before,
.wcp-carousel-main-wrap figure.rpc-style-10:after {
width: 120px;
height: 120px;
position: absolute;
top: 0;
left: 0;
content: '';
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 1;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap figure.rpc-style-10:before {
background-color: #20638f;
-webkit-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
border-right: 1px solid #20638f;
}
.wcp-carousel-main-wrap figure.rpc-style-10:after {
background-color: #962d22;
-webkit-transform: skew(-45deg) translateX(-175%);
transform: skew(-45deg) translateX(-175%);
border-right: 1px solid #962d22;
}
.wcp-carousel-main-wrap figure.rpc-style-10 figcaption {
padding: 25px;
background-color: #ffffff;
color: #000000;
position: relative;
font-size: 0.9em;
}
.wcp-carousel-main-wrap figure.rpc-style-10 figcaption p {
margin-bottom: 15px;
}
.wcp-carousel-main-wrap figure.rpc-style-10 figcaption:before {
width: 100px;
height: 100px;
position: absolute;
bottom: 100%;
right: 0;
content: '';
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
background-color: #20638f;
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
border-right: 1px solid #20638f;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .read-more {
display: inline-block;
width: auto;
border: 2px solid #20638f;
padding: 0.4em 0.6em;
color: #20638f;
text-decoration: none;
font-weight: 800;
font-size: 0.9em;
text-transform: uppercase;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .read-more:hover {
background-color: #20638f;
color: #ffffff;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .date {
position: absolute;
right: 10px;
bottom: 10px;
color: #fff;
max-height: 48px;
max-width: 48px;
text-align: center;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .date span {
display: block;
line-height: 24px;
}
.wcp-carousel-main-wrap figure.rpc-style-10 .date .month {
font-size: 14px;
}
.wcp-carousel-main-wrap figure.rpc-style-10:hover i,
.wcp-carousel-main-wrap figure.rpc-style-10.hover i {
opacity: 0.7;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.wcp-carousel-main-wrap figure.rpc-style-10:hover:before,
.wcp-carousel-main-wrap figure.rpc-style-10.hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.wcp-carousel-main-wrap figure.rpc-style-10:hover:after,
.wcp-carousel-main-wrap figure.rpc-style-10.hover:after {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: skew(-45deg) translateX(-75%);
transform: skew(-45deg) translateX(-75%);
}
.wcp-carousel-main-wrap figure.rpc-style-11 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background-color: #ffffff;
color: #000000;
text-align: left;
font-size: 16px;
}
.wcp-carousel-main-wrap figure.rpc-style-11 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wcp-carousel-main-wrap figure.rpc-style-11 .image {
max-height: 220px;
overflow: hidden;
}
.wcp-carousel-main-wrap figure.rpc-style-11 img {
max-width: 100%;
vertical-align: top;
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-11 figcaption {
margin: -40px 15px 0;
padding: 15px ;
position: relative;
background-color: #ffffff;
}
.wcp-carousel-main-wrap figure.rpc-style-11 .date {
background-color: #2980b9;
top: 15px;
color: #fff;
left: 15px;
min-height: 48px;
min-width: 48px;
position: absolute;
text-align: center;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.wcp-carousel-main-wrap figure.rpc-style-11 .date span {
display: block;
line-height: 24px;
}
.wcp-carousel-main-wrap figure.rpc-style-11 .date .month {
font-size: 14px;
background-color: rgba(0, 0, 0, 0.1);
}
.wcp-carousel-main-wrap figure.rpc-style-11 h3,
.wcp-carousel-main-wrap figure.rpc-style-11 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-11 h3 {
min-height: 50px;
margin-bottom: 10px;
margin-left: 60px;
display: inline-block;
font-weight: 600;
}
.wcp-carousel-main-wrap figure.rpc-style-11 p {
font-size: 0.8em;
margin-bottom: 20px;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-11 footer {
padding: 0 25px;
background-color: #20638f;
color: #e6e6e6;
font-size: 0.8em;
line-height: 30px;
text-align: right;
}
.wcp-carousel-main-wrap figure.rpc-style-11 footer > div {
display: inline-block;
margin-left: 10px;
}
.wcp-carousel-main-wrap figure.rpc-style-11 footer i {
margin-right: 5px;
}
.wcp-carousel-main-wrap figure.rpc-style-11 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-11:hover img,
.wcp-carousel-main-wrap figure.rpc-style-11.hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.wcp-carousel-main-wrap figure.rpc-style-12 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
font-size: 16px;
}
.wcp-carousel-main-wrap figure.rpc-style-12 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wcp-carousel-main-wrap figure.rpc-style-12 .image {
max-height: 220px;
overflow: hidden;
}
.wcp-carousel-main-wrap figure.rpc-style-12 img {
max-width: 100%;
vertical-align: top;
position: relative;
display: block;
}
.wcp-carousel-main-wrap figure.rpc-style-12 figcaption {
padding: 25px;
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-12 .date {
background-color: #c0392b;
top: 25px;
color: #fff;
left: 25px;
min-height: 48px;
min-width: 48px;
position: absolute;
text-align: center;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.wcp-carousel-main-wrap figure.rpc-style-12 .date span {
display: block;
line-height: 24px;
}
.wcp-carousel-main-wrap figure.rpc-style-12 .date .month {
font-size: 14px;
background-color: rgba(0, 0, 0, 0.1);
}
.wcp-carousel-main-wrap figure.rpc-style-12 h3,
.wcp-carousel-main-wrap figure.rpc-style-12 p {
margin: 0;
padding: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-12 h3 {
min-height: 50px;
margin-bottom: 10px;
margin-left: 60px;
display: inline-block;
font-weight: 600;
}
.wcp-carousel-main-wrap figure.rpc-style-12 p {
font-size: 0.8em;
margin-bottom: 20px;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-12 footer {
padding: 0 25px;
background-color: rgba(0, 0, 0, 0.5);
color: #e6e6e6;
font-size: 0.8em;
line-height: 30px;
text-align: right;
}
.wcp-carousel-main-wrap figure.rpc-style-12 footer > div {
display: inline-block;
margin-left: 10px;
}
.wcp-carousel-main-wrap figure.rpc-style-12 footer i {
margin-right: 5px;
}
.wcp-carousel-main-wrap figure.rpc-style-12 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-12:hover img,
.wcp-carousel-main-wrap figure.rpc-style-12.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap .rpc-style-13 {
font-family: 'Fira Sans Extra Condensed', Arial, sans-serif;
position: relative;
display: inline-block;
overflow: hidden;
margin: 0;
width: 100%;
font-size: 16px;
background-color: #fff;
color: #111;
line-height: 1.2em;
text-align: left;
}
.wcp-carousel-main-wrap .rpc-style-13 *,
.wcp-carousel-main-wrap .rpc-style-13 *:before,
.wcp-carousel-main-wrap .rpc-style-13 *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.wcp-carousel-main-wrap .rpc-style-13 img {
max-width: 100%;
vertical-align: top;
}
.wcp-carousel-main-wrap .rpc-style-13 figcaption {
padding: 10px;
}
.wcp-carousel-main-wrap .rpc-style-13 h3 {
font-size: 1.4rem;
font-weight: 400;
margin: 0 0 4px;
}
.wcp-carousel-main-wrap .rpc-style-13 .price {
margin: 8px 0;
font-weight: 700;
color: #4da3e2;
font-size: 1.5rem;
}
.wcp-carousel-main-wrap .rpc-style-13 .icons {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.wcp-carousel-main-wrap .rpc-style-13 .icons a {
margin: 2px;
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.wcp-carousel-main-wrap .rpc-style-13 .icons a i {
display: block;
font-size: 20px;
line-height: 40px;
width: 40px;
background-color: #ffffff;
text-align: center;
color: #000000;
}
.wcp-carousel-main-wrap .rpc-style-13 .icons a i:hover {
background-color: #4da3e2;
color: #ffffff;
cursor: pointer;
}
.wcp-carousel-main-wrap .rpc-style-13:hover a,
.wcp-carousel-main-wrap .rpc-style-13.hover a {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.wcp-carousel-main-wrap .rpc-style-13:hover a:nth-child(2),
.wcp-carousel-main-wrap .rpc-style-13.hover a:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wcp-carousel-main-wrap .rpc-style-13:hover a:nth-child(3),
.wcp-carousel-main-wrap .rpc-style-13.hover a:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap .rpc-style-14 {
font-family: 'Muli', sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
font-size: 16px;
background-color: #000000;
}
.wcp-carousel-main-wrap .rpc-style-14 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wcp-carousel-main-wrap .rpc-style-14 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.75;
}
.wcp-carousel-main-wrap .rpc-style-14 figcaption {
z-index: 1;
align-items: center;
position: absolute;
width: 100%;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(195, 86, 97, 0.85);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
padding: 20px;
}
.wcp-carousel-main-wrap .rpc-style-14 figcaption:before {
content: '';
width: 20px;
height: 20px;
background-color: #fff;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
position: absolute;
}
.wcp-carousel-main-wrap .rpc-style-14 h3,
.wcp-carousel-main-wrap .rpc-style-14 h5 {
margin: 0;
letter-spacing: 1px;
}
.wcp-carousel-main-wrap .rpc-style-14 h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.wcp-carousel-main-wrap .rpc-style-14 h5 {
font-weight: normal;
}
.wcp-carousel-main-wrap .rpc-style-14 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.wcp-carousel-main-wrap .rpc-style-14:hover > img,
.wcp-carousel-main-wrap .rpc-style-14.hover > img {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.wcp-carousel-main-wrap figure.rpc-style-15 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
color: #ffffff;
text-align: center;
}
.wcp-carousel-main-wrap figure.rpc-style-15 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wcp-carousel-main-wrap figure.rpc-style-15 img {
max-width: 100%;
position: relative;
opacity: 0.9;
padding: 35px;
vertical-align: top;
}
.wcp-carousel-main-wrap figure.rpc-style-15 figcaption {
box-shadow: inset 0 0 10px #000;
position: absolute;
top: 35px;
left: 35px;
right: 35px;
bottom: 35px;
border: 1px solid rgba(255, 255, 255, 0.8);
border-width: 0px 1px;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .icon,
.wcp-carousel-main-wrap figure.rpc-style-15 .caption {
overflow: hidden;
width: 100%;
position: absolute;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .icon {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .caption {
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-15 p,
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span {
display: table;
margin: 0 auto;
padding: 0 0px;
position: relative;
text-align: center;
width: auto;
font-size: 0.8em;
}
.wcp-carousel-main-wrap figure.rpc-style-15 p:before,
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:before,
.wcp-carousel-main-wrap figure.rpc-style-15 p:after,
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:after {
position: absolute;
height: 1px;
content: '';
background: white;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:before,
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:after {
width: 1000%;
top: 50%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:before {
left: -1000%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 .icon span:after {
right: -1000%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 i,
.wcp-carousel-main-wrap figure.rpc-style-15 p {
color: white;
background-color: #262626;
border: 1px solid rgba(255, 255, 255, 0.8);
}
.wcp-carousel-main-wrap figure.rpc-style-15 i {
display: inline-block;
font-size: 20px;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.8);
}
.wcp-carousel-main-wrap figure.rpc-style-15 p {
padding: 10px 20px;
border-radius: 45px;
}
.wcp-carousel-main-wrap figure.rpc-style-15 p:before,
.wcp-carousel-main-wrap figure.rpc-style-15 p:after {
width: 150%;
bottom: 50%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 p:before {
left: -150%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 p:after {
right: -150%;
}
.wcp-carousel-main-wrap figure.rpc-style-15 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-15:hover img,
.wcp-carousel-main-wrap figure.rpc-style-15.hover img {
opacity: 0.5;
}
.wcp-carousel-main-wrap figure.rpc-style-16 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
color: #333;
text-align: left;
}
.wcp-carousel-main-wrap figure.rpc-style-16 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.wcp-carousel-main-wrap figure.rpc-style-16 img {
max-width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-16 figcaption {
position: relative;
background-color: #ffffff;
padding: 25px;
}
.wcp-carousel-main-wrap figure.rpc-style-16 h3 {
position: absolute;
top: 25px;
left: 25px;
right: 25px;
color: #fff;
margin: 0;
font-weight: 400;
}
.wcp-carousel-main-wrap figure.rpc-style-16 h3 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-16 p {
font-weight: 500;
text-align: left;
margin: 0;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-16 .icons {
margin-top: 20px;
text-align: right;
}
.wcp-carousel-main-wrap figure.rpc-style-16 i {
margin-right: 5px;
display: inline-block;
font-size: 24px;
color: #000000;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: white;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 0.05);
}
.wcp-carousel-main-wrap figure.rpc-style-16 i:hover {
background-color: #000000;
color: white !important;
}
.wcp-carousel-main-wrap figure.rpc-style-16:hover img,
.wcp-carousel-main-wrap figure.rpc-style-16.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.wcp-carousel-main-wrap figure.rpc-style-17 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
color: #333;
text-align: left;
}
.wcp-carousel-main-wrap figure.rpc-style-17 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.wcp-carousel-main-wrap figure.rpc-style-17 img {
max-width: 100%;
vertical-align: top;
}
.wcp-carousel-main-wrap figure.rpc-style-17 figcaption {
position: relative;
background-color: #ffffff;
padding: 20px 25px 50px;
}
.wcp-carousel-main-wrap figure.rpc-style-17 h3 {
position: absolute;
bottom: 100%;
padding: 10px 25px;
border-radius: 0 5px 0 0;
margin: 0;
left: 0;
font-weight: 400;
background-color: #000000;
color: #ffffff;
}
.wcp-carousel-main-wrap figure.rpc-style-17 h3 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-17 p {
font-size: 0.8em;
font-weight: 500;
text-align: left;
margin: 0;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-17 .icons {
position: absolute;
bottom: 0;
right: 25px;
}
.wcp-carousel-main-wrap figure.rpc-style-17 i {
margin: 0 2px;
display: inline-block;
font-size: 20px;
color: #ffffff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #000000;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
border-radius: 5px 5px 0 0;
}
.wcp-carousel-main-wrap figure.rpc-style-17 i:hover {
background-color: #000000;
color: white !important;
}
.wcp-carousel-main-wrap figure.rpc-style-17 a {
opacity: 0.8;
display: inline-block;
}
.wcp-carousel-main-wrap figure.rpc-style-17 a:hover {
opacity: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-17:hover img,
.wcp-carousel-main-wrap figure.rpc-style-17.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap figure.rpc-style-18 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
color: #333;
text-align: left;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.wcp-carousel-main-wrap figure.rpc-style-18 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.wcp-carousel-main-wrap figure.rpc-style-18 img {
max-width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-18 figcaption {
position: relative;
background-color: #ffffff;
padding: 25px;
}
.wcp-carousel-main-wrap figure.rpc-style-18 h3 {
margin: 0 0 15px;
font-weight: 400;
}
.wcp-carousel-main-wrap figure.rpc-style-18 h3 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-18 p {
font-weight: 500;
text-align: left;
margin: 0;
line-height: 1.6em;
}
.wcp-carousel-main-wrap figure.rpc-style-18 .icons {
position: absolute;
top: 25px;
left: 25px;
}
.wcp-carousel-main-wrap figure.rpc-style-18 i {
margin-right: 5px;
display: inline-block;
font-size: 28px;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: white;
opacity: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.wcp-carousel-main-wrap figure.rpc-style-18 a {
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-18 a:hover {
opacity: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-18:hover img,
.wcp-carousel-main-wrap figure.rpc-style-18.hover img {
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.wcp-carousel-main-wrap figure.rpc-style-18:hover i,
.wcp-carousel-main-wrap figure.rpc-style-18.hover i {
opacity: 1;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.wcp-carousel-main-wrap figure.rpc-style-18:hover a:first-child i,
.wcp-carousel-main-wrap figure.rpc-style-18.hover a:first-child i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wcp-carousel-main-wrap figure.rpc-style-18:hover a:nth-child(2) i,
.wcp-carousel-main-wrap figure.rpc-style-18.hover a:nth-child(2) i {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap figure.rpc-style-18:hover a:nth-child(3) i,
.wcp-carousel-main-wrap figure.rpc-style-18.hover a:nth-child(3) i {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
max-height: 300px;
width: 100%;
background: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-19 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wcp-carousel-main-wrap figure.rpc-style-19 > img {
opacity: 1;
width: 100%;
filter: blur(0px);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption {
left: 30px;
margin-bottom: -50px;
position: absolute;
right: 30px;
text-align: left;
bottom: 100%;
-webkit-transition: bottom 0.35s;
transition: bottom 0.35s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption h2 {
width: 100%;
text-align: left;
border-radius: 0 0 5px 5px;
margin: 0;
padding: 15px 20px;
font-size: 1.1em;
bottom: 0;
font-weight: 300;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
background-color: #000000;
position: relative;
z-index: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption h2 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption p {
position: relative;
background-color: rgba(255, 255, 255, 0.9);
color: #000;
margin: 0;
font-size: 0.9em;
min-height: 220px;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption p span {
padding: 15px 20px;
position: absolute;
bottom: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption .icons {
padding: 5px;
position: absolute;
right: 0;
bottom: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption .icons i {
font-size: 23px;
padding: 4px;
color: #ffffff;
opacity: 1;
position: relative;
bottom: -90px;
opacity: 0;
-webkit-transition: bottom 0.35s, opacity 0.35s;
transition: bottom 0.35s, opacity 0.35s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption .icons a:first-child i {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption .icons a:nth-child(2) i {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 figcaption .icons a:nth-child(3) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wcp-carousel-main-wrap figure.rpc-style-19:after {
position: absolute;
display: block;
bottom: -15px;
height: 15px;
right: 30px;
left: 30px;
border-radius: 5px 5px 0 0;
background-color: #000000;
z-index: 2;
content: '';
-webkit-transition: bottom 0.35s;
transition: bottom 0.35s;
}
.wcp-carousel-main-wrap figure.rpc-style-19 a {
opacity: 0.7;
}
.wcp-carousel-main-wrap figure.rpc-style-19 a:hover {
opacity: 1;
}
.wcp-carousel-main-wrap figure.rpc-style-19:hover > img,
.wcp-carousel-main-wrap figure.rpc-style-19.hover > img {
opacity: 0.5;
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap figure.rpc-style-19:hover figcaption,
.wcp-carousel-main-wrap figure.rpc-style-19.hover figcaption {
bottom: 115px;
}
.wcp-carousel-main-wrap figure.rpc-style-19:hover figcaption .icons i,
.wcp-carousel-main-wrap figure.rpc-style-19.hover figcaption .icons i {
opacity: 1;
bottom: -41px;
}
.wcp-carousel-main-wrap figure.rpc-style-19:hover figcaption::before,
.wcp-carousel-main-wrap figure.rpc-style-19.hover figcaption::before {
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-19:hover:after,
.wcp-carousel-main-wrap figure.rpc-style-19.hover:after {
bottom: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-20 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #ffffff;
color: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-20 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.wcp-carousel-main-wrap figure.rpc-style-20 .image {
width: 50%;
overflow: hidden;
z-index: 1;
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
}
.wcp-carousel-main-wrap figure.rpc-style-20 .image img {
position: relative;
display: block;
max-width: 1000px !important;
width: 400px !important;
left: -15%;
z-index: 1;
-webkit-transform: skew(15deg);
transform: skew(15deg);
}
.wcp-carousel-main-wrap figure.rpc-style-20:before {
position: absolute;
content: '';
height: 100%;
width: 45%;
background: rgba(0, 0, 0, 0.2);
-webkit-transform: skewX(-17deg);
transform: skewX(-17deg);
-webkit-box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption {
padding: 20px 30px 20px 20px;
position: absolute;
right: 0;
bottom: 10px;
width: 50%;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption h2,
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption p {
margin: 0;
text-align: right;
padding: 10px 0;
width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption h2 {
font-size: 1.3em;
font-weight: 300;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption h2 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption p {
font-size: 0.9em;
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption .icons {
width: 100%;
text-align: right;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption .icons i {
font-size: 18px;
padding: 5px;
top: 50%;
color: #000000;
opacity: 0;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption a {
opacity: 0.3;
}
.wcp-carousel-main-wrap figure.rpc-style-20 figcaption a:hover {
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-20 .position {
position: absolute;
bottom: 0;
width: 100%;
text-align: right;
padding: 15px 30px;
font-size: 0.9em;
opacity: 1;
font-style: italic;
color: #ffffff;
background: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-20:hover figcaption,
.wcp-carousel-main-wrap figure.rpc-style-20.hover figcaption {
bottom: 40px;
}
.wcp-carousel-main-wrap figure.rpc-style-20:hover .icons i,
.wcp-carousel-main-wrap figure.rpc-style-20.hover .icons i {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wcp-carousel-main-wrap figure.rpc-style-21 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #ffffff;
color: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-21 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wcp-carousel-main-wrap figure.rpc-style-21 > img {
width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption {
padding: 20px 30px 20px 25%;
position: relative;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption h2,
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption p {
margin: 0;
text-align: right;
padding: 10px 0;
right: 0;
width: 100%;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption h2 {
font-size: 1.3em;
font-weight: 300;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption h2 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption p {
font-size: 0.9em;
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption .icons {
width: 100%;
text-align: right;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption .icons i {
font-size: 26px;
padding: 5px;
top: 50%;
color: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption a {
opacity: 0.3;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.wcp-carousel-main-wrap figure.rpc-style-21 figcaption a:hover {
opacity: 0.8;
}
.wcp-carousel-main-wrap figure.rpc-style-21 .position {
width: 100%;
text-align: right;
padding: 8px 30px 13px;
font-size: 0.8em;
opacity: 0.8;
font-style: italic;
}
.wcp-carousel-main-wrap figure.rpc-style-21:after {
position: absolute;
top: 0;
left: -20%;
height: 110%;
width: 30%;
background-color: #056759;
content: '';
border-right: 4px solid #044a40;
-webkit-transform: skewX(-7deg) translateX(0px);
transform: skewX(-7deg) translateX(0px);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.wcp-carousel-main-wrap figure.rpc-style-21:hover:after,
.wcp-carousel-main-wrap figure.rpc-style-21.hover:after {
-webkit-transform: skewX(-7deg) translateX(10px);
transform: skewX(-7deg) translateX(10px);
}
.wcp-carousel-main-wrap figure.rpc-style-22 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
}
.wcp-carousel-main-wrap figure.rpc-style-22 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wcp-carousel-main-wrap figure.rpc-style-22 > img {
opacity: 1;
width: 100%;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.wcp-carousel-main-wrap figure.rpc-style-22 figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
}
.wcp-carousel-main-wrap figure.rpc-style-22 figcaption h2 {
display: inline-block;
text-align: center;
border-radius: 5px;
margin: 0;
padding: 15px 10px;
position: absolute;
font-size: 1em;
top: 50%;
right: 30px;
left: 30px;
font-weight: 300;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
background-color: #000000;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.wcp-carousel-main-wrap figure.rpc-style-22 figcaption h2 span {
font-weight: 800;
}
.wcp-carousel-main-wrap figure.rpc-style-22 figcaption .image {
position: absolute;
top: 13%;
bottom: 35%;
width: 100%;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, 0%);
transform: translate(0px, 0%);
}
.wcp-carousel-main-wrap figure.rpc-style-22 figcaption .image img {
border-radius: 5px 5px 0 0;
display: inline-block;
position: absolute;
max-height: 100%;
max-width: 70%;
width: auto;
left: 50%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out, transform 0.5s ease-in-out;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.wcp-carousel-main-wrap figure.rpc-style-22 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
.wcp-carousel-main-wrap figure.rpc-style-22:hover > img,
.wcp-carousel-main-wrap figure.rpc-style-22.hover > img {
opacity: 0.5;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wcp-carousel-main-wrap figure.rpc-style-22:hover figcaption h2,
.wcp-carousel-main-wrap figure.rpc-style-22.hover figcaption h2 {
top: 65%;
}
.wcp-carousel-main-wrap figure.rpc-style-22:hover figcaption .image img,
.wcp-carousel-main-wrap figure.rpc-style-22.hover figcaption .image img {
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.wcp-carousel-main-wrap figure.rpc-style-22:hover figcaption::before,
.wcp-carousel-main-wrap figure.rpc-style-22.hover figcaption::before {
opacity: 0.8;
} .rpc-style-23 {
background-color: #000;
color: #fff;
display: inline-block;
font-family: 'Roboto', sans-serif;
font-size: 24px;
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.rpc-style-23 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.rpc-style-23:before,
.rpc-style-23:after {
background-color: rgba(0, 0, 0, 0.5);
border-top: 50px solid rgba(0, 0, 0, 0.5);
border-bottom: 50px solid rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
opacity: 0;
}
.rpc-style-23:before {
-webkit-transform: scaleY(2);
transform: scaleY(2);
}
.rpc-style-23:after {
-webkit-transform: scaleY(2);
transform: scaleY(2);
}
.rpc-style-23 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
.rpc-style-23 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.1em;
opacity: 0;
z-index: 2;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rpc-style-23 h3 {
font-size: 1em;
font-weight: 400;
letter-spacing: 1px;
margin: 0;
}
.rpc-style-23 h3 span {
display: block;
font-weight: 700;
}
.rpc-style-23 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
}
.rpc-style-23:hover > img,
.rpc-style-23.hover > img {
opacity: 0.7;
}
.rpc-style-23:hover:before,
.rpc-style-23.hover:before,
.rpc-style-23:hover:after,
.rpc-style-23.hover:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.rpc-style-23:hover figcaption,
.rpc-style-23.hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rpc-style-24 {
background-color: #000000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
color: #ffffff;
display: inline-block;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 1.6em;
margin: 0;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.rpc-style-24 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.rpc-style-24 img {
max-width: 100%;
opacity: 0.75;
position: relative;
vertical-align: top;
}
.rpc-style-24 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-24 h3 {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: #000000;
top: 0;
font-weight: 800;
letter-spacing: -0.4px;
margin: 0;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.rpc-style-24 p {
position: absolute;
width: 100%;
bottom: 0;
padding: 0px 20px;
opacity: 0;
text-align: right;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.rpc-style-24 i {
position: absolute;
top: 50%;
left: 50%;
font-size: 44px !important;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.rpc-style-24 .hover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
background-color: rgba(236, 188, 46, 0.75);
display: flex;
font-size: 65px;
justify-content: center;
opacity: 0;
}
.rpc-style-24 a {
left: 0;
bottom: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.rpc-style-24:hover .hover,
.rpc-style-24.hover .hover {
opacity: 1;
}
.rpc-style-24:hover p,
.rpc-style-24.hover p {
opacity: 1;
}
.rpc-style-24:hover h3,
.rpc-style-24.hover h3 {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.rpc-style-24:hover i,
.rpc-style-24.hover i {
-webkit-transform: translate(-50%, -50%) scale(0.1);
transform: translate(-50%, -50%) scale(0.1);
opacity: 0;
}
.rpc-style-25 {
background-color: #045e78;
color: #ffffff;
display: inline-block;
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin: 0;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.rpc-style-25 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.rpc-style-25:after {
background-color: white;
opacity: 0.6;
top: 0;
bottom: 0;
content: '';
left: -100%;
position: absolute;
width: 200px;
box-shadow: 0 0 100px white;
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.rpc-style-25 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
.rpc-style-25 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
line-height: 1em;
opacity: 0;
}
.rpc-style-25 h3 {
position: absolute;
left: 10px;
bottom: 10px;
font-size: 1.4em;
font-weight: 400;
line-height: 1.1em;
margin: 0;
}
.rpc-style-25 h3 span {
font-weight: 700;
}
.rpc-style-25 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-25:hover > img,
.rpc-style-25.hover > img {
opacity: 0.4;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.rpc-style-25:hover:after,
.rpc-style-25.hover:after {
left: 200%;
}
.rpc-style-25:hover figcaption,
.rpc-style-25.hover figcaption {
opacity: 1;
}
.rpc-style-26 {
color: #9e9e9e;
font-family: 'Roboto', Arial, sans-serif;
font-size: 16px;
margin: 0;
position: relative;
text-align: center;
width: 100%;
background-color: #ffffff;
border-radius: 5px;
border-top: 5px solid #d2652d;
}
.rpc-style-26 *,
.rpc-style-26 *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.rpc-style-26 img {
max-width: 100%;
vertical-align: top;
}
.rpc-style-26 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rpc-style-26 h3 {
color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 26px;
background-color: #d2652d;
margin: 0;
padding: 0 0 6px;
}
.rpc-style-26 i {
font-size: 60px !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
opacity: 0;
color: #d2652d;
}
.rpc-style-26 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rpc-style-26:hover img,
.rpc-style-26.hover img {
opacity: 0.2 !important;
}
.rpc-style-26:hover i,
.rpc-style-26.hover i {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
figure.rpc-style-27 {
font-family: 'Josefin Sans', sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: center;
font-size: 16px;
background-color: #000000;
}
figure.rpc-style-27 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
figure.rpc-style-27 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
figure.rpc-style-27 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 30px;
background-color: rgba(0, 0, 0, 0.75);
border: 4px solid rgba(255, 255, 255, 0.05);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0%;
-ms-transform-origin: 0 0%;
transform-origin: 0 0%;
}
figure.rpc-style-27 h3,
figure.rpc-style-27 p {
line-height: 1.5em;
margin: 0;
}
figure.rpc-style-27 h3 {
font-family: 'Cardo', serif;
display: inline-block;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
figure.rpc-style-27 p {
padding: 8px 0 15px;
}
figure.rpc-style-27 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
figure.rpc-style-27:hover > img,
figure.rpc-style-27.hover > img {
opacity: 0.2;
}
figure.rpc-style-27:hover figcaption,
figure.rpc-style-27.hover figcaption {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.rpc-style-28 {
font-family: 'Lato', sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
font-size: 16px;
background-color: #1A1A1A;
}
.rpc-style-28 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.rpc-style-28 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
.rpc-style-28 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 30px;
background-color: #202123;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.rpc-style-28 h3,
.rpc-style-28 p {
margin: 0;
}
.rpc-style-28 h3 {
font-family: 'Slabo 27px', serif;
line-height: 1.2em;
}
.rpc-style-28 h3 {
font-size: 1.9em;
color: #35ADF9;
}
.rpc-style-28 p {
border-top: 1px solid rgba(255, 255, 255, 0.2);
font-size: 0.9em;
margin-top: 12px;
padding: 12px 0 15px;
line-height: 1.5em;
}
.rpc-style-28 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-28:hover > img,
.rpc-style-28.hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.rpc-style-28:hover figcaption,
.rpc-style-28.hover figcaption {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.rpc-style-29 {
font-family: 'Source Sans Pro', sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #000000;
text-align: left;
font-size: 16px;
background-color: #fff;
}
.rpc-style-29 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.rpc-style-29 img {
vertical-align: top;
max-width: 100%;
backface-visibility: hidden;
}
.rpc-style-29 figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
align-items: center;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.rpc-style-29 h3,
.rpc-style-29 h5 {
margin: 0;
opacity: 0;
letter-spacing: 1px;
}
.rpc-style-29 h3 {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
font-weight: 400;
}
.rpc-style-29 h5 {
font-weight: normal;
font-style: italic;
color: #888;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.rpc-style-29 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-29:hover > img,
.rpc-style-29.hover > img {
opacity: 0.1;
}
.rpc-style-29:hover h3,
.rpc-style-29.hover h3,
.rpc-style-29:hover h5,
.rpc-style-29.hover h5 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.rpc-style-30 {
font-family: 'Lato', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #fff;
text-align: center;
font-size: 16px;
background-color: #000000;
line-height: 1.5em;
}
.rpc-style-30 *,
.rpc-style-30 *:before,
.rpc-style-30 *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.rpc-style-30 img {
width: calc(120%) !important;
max-width: initial !important;
backface-visibility: hidden;
vertical-align: top;
}
.rpc-style-30 figcaption {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
padding: 5px 40px;
opacity: 0;
}
.rpc-style-30 h3 {
margin: 0;
font-weight: 700;
}
.rpc-style-30 p {
font-weight: 400;
margin: 0;
font-size: 0.9em;
}
.rpc-style-30 i {
position: absolute;
color: #fff;
font-size: 34.375px !important;
line-height: 55px !important;
width: 55px;
bottom: 0;
right: 0;
background-color: #c0392b;
-webkit-transform: translateX(55px);
transform: translateX(55px);
}
.rpc-style-30 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rpc-style-30:hover img,
.rpc-style-30.hover img {
zoom: 1;
filter: alpha(opacity=30);
-webkit-opacity: 0.3;
opacity: 0.3;
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
.rpc-style-30:hover figcaption,
.rpc-style-30.hover figcaption {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.rpc-style-30:hover i,
.rpc-style-30.hover i {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.rpc-style-31 {
font-family: 'Source Sans Pro', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: center;
font-size: 16px;
}
.rpc-style-31 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.rpc-style-31 img {
opacity: 1;
width: 100%;
}
.rpc-style-31:after,
.rpc-style-31:before,
.rpc-style-31 figcaption:after,
.rpc-style-31 figcaption:before {
background: #0a0a0a;
width: 25%;
position: absolute;
content: '';
opacity: 0;
-webkit-transition: all 0.3s steps(4);
transition: all 0.3s steps(4);
z-index: 1;
top: 100%;
bottom: 0;
}
.rpc-style-31:before {
left: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.rpc-style-31:after {
left: 25%;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rpc-style-31 figcaption:before {
left: 50%;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
z-index: -1;
}
.rpc-style-31 figcaption:after {
left: 75%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
z-index: -1;
}
.rpc-style-31 figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding: 30px;
}
.rpc-style-31 h3,
.rpc-style-31 p,
.rpc-style-31 .icons {
margin: 0;
width: 100%;
opacity: 0;
}
.rpc-style-31 h3 {
font-weight: 900;
}
.rpc-style-31 p {
font-weight: 300;
}
.rpc-style-31 .icons {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
}
.rpc-style-31 i {
padding: 0px 10px;
display: inline-block;
font-size: 24px !important;
color: #ffffff;
text-align: center;
opacity: 0.8;
}
.rpc-style-31 i:hover {
opacity: 1;
}
.rpc-style-31:hover:after,
.rpc-style-31.hover:after,
.rpc-style-31:hover:before,
.rpc-style-31.hover:before,
.rpc-style-31:hover figcaption:after,
.rpc-style-31.hover figcaption:after,
.rpc-style-31:hover figcaption:before,
.rpc-style-31.hover figcaption:before {
top: 0;
opacity: 0.8;
}
.rpc-style-31:hover figcaption h3,
.rpc-style-31.hover figcaption h3,
.rpc-style-31:hover figcaption p,
.rpc-style-31.hover figcaption p,
.rpc-style-31:hover figcaption .icons,
.rpc-style-31.hover figcaption .icons {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rpc-style-31:hover figcaption h3,
.rpc-style-31.hover figcaption h3,
.rpc-style-31:hover figcaption .icons,
.rpc-style-31.hover figcaption .icons {
opacity: 1;
}
.rpc-style-31:hover figcaption p,
.rpc-style-31.hover figcaption p {
opacity: 0.7;
}
.rpc-style-32 {
font-family: 'Vollkorn', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #404040;
text-align: left;
font-size: 16px;
line-height: 1.5em;
}
.rpc-style-32 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rpc-style-32 img {
max-width: 100%;
vertical-align: top;
}
.rpc-style-32 figcaption {
background-color: #ffffff;
position: absolute;
top: 26px;
bottom: 26px;
left: 26px;
right: 26px;
padding: 22px;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.rpc-style-32 h3 {
text-align: center;
font-size: 1.5em;
color: #c31;
font-family: 'Unica One', Arial, sans-serif;
margin: 0 0 5px;
font-weight: 400;
}
.rpc-style-32 p {
margin: 0;
}
.rpc-style-32:before,
.rpc-style-32:after {
border: 1px solid rgba(255, 255, 255, 0.5);
content: "";
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rpc-style-32:before {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.rpc-style-32:after {
position: absolute;
top: 23px;
bottom: 23px;
left: 23px;
right: 23px;
}
.rpc-style-32 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
.rpc-style-32:hover figcaption,
.rpc-style-32.hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.rpc-style-33 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
background-color: #ffffff;
line-height: 1.4em;
transform: translateZ(0);
}
.rpc-style-33 *,
.rpc-style-33 *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.rpc-style-33 img {
max-width: 100%;
vertical-align: top;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.rpc-style-33:before {
background: #000000;
position: absolute;
content: '';
-webkit-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
z-index: 1;
bottom: 100%;
top: 0;
right: 0;
left: 0;
box-shadow: 0 0 40px white;
}
.rpc-style-33 figcaption {
position: absolute;
top: 0;
height: 100%;
left: 0;
width: 100%;
z-index: 2;
}
.rpc-style-33 h3,
.rpc-style-33 p {
margin: 0;
width: 100%;
opacity: 0;
padding: 25px;
}
.rpc-style-33 h3 {
font-family: 'Julius Sans One', Arial, sans-serif;
}
.rpc-style-33 p {
position: absolute;
bottom: 0;
padding-left: 60px;
font-size: 0.8em;
letter-spacing: 1px;
text-align: right;
}
.rpc-style-33 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 2;
}
.rpc-style-33:hover img,
.rpc-style-33.hover img {
opacity: 0.2;
}
.rpc-style-33:hover:before,
.rpc-style-33.hover:before {
bottom: 0;
box-shadow: 0 0 0px white;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rpc-style-33:hover figcaption h3,
.rpc-style-33.hover figcaption h3,
.rpc-style-33:hover figcaption p,
.rpc-style-33.hover figcaption p {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.rpc-style-33:hover figcaption h3,
.rpc-style-33.hover figcaption h3 {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0.5;
}
.rpc-style-33:hover figcaption p,
.rpc-style-33.hover figcaption p {
opacity: 0.7;
}
.rpc-style-34 {
font-family: 'Titillium Web', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #ffffff;
text-align: left;
font-size: 16px;
background-color: #0c1116;
line-height: 1.6em;
font-weight: 200;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.rpc-style-34 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
}
.rpc-style-34 *:before,
.rpc-style-34 *:after {
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.rpc-style-34 img {
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;
}
.rpc-style-34 figcaption {
position: absolute;
top: 50%;
margin: 0 40px;
padding: 10px 15px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.rpc-style-34 figcaption div {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.7;
}
.rpc-style-34 figcaption div:before,
.rpc-style-34 figcaption div:after {
position: absolute;
content: '';
background-color: rgba(255, 255, 255, 0.75);
left: 50%;
top: 50%;
}
.rpc-style-34 figcaption div:before {
width: 1px;
height: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.rpc-style-34 figcaption div:after {
height: 1px;
width: 50px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.rpc-style-34 p {
opacity: 0;
letter-spacing: 1px;
margin: 0;
}
.rpc-style-34 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rpc-style-34:hover img,
.rpc-style-34.hover img {
zoom: 1;
filter: alpha(opacity=15);
-webkit-opacity: 0.15;
opacity: 0.15;
}
.rpc-style-34:hover figcaption p,
.rpc-style-34.hover figcaption p {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
opacity: 1;
}
.rpc-style-34:hover figcaption .plus1,
.rpc-style-34.hover figcaption .plus1,
.rpc-style-34:hover figcaption .plus2,
.rpc-style-34.hover figcaption .plus2 {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.rpc-style-34:hover figcaption .plus1:before,
.rpc-style-34.hover figcaption .plus1:before,
.rpc-style-34:hover figcaption .plus1:after,
.rpc-style-34.hover figcaption .plus1:after {
top: 0%;
left: 0%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rpc-style-34:hover figcaption .plus2:before,
.rpc-style-34.hover figcaption .plus2:before,
.rpc-style-34:hover figcaption .plus2:after,
.rpc-style-34.hover figcaption .plus2:after {
top: 100%;
left: 100%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
figure.rpc-style-35 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #000000;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%);
background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%);
}
figure.rpc-style-35 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
figure.rpc-style-35 img {
max-width: 100%;
}
figure.rpc-style-35 figcaption {
position: absolute;
bottom: 0%;
left: 0;
width: 100%;
z-index: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
figure.rpc-style-35 h3,
figure.rpc-style-35 p {
margin: 0;
width: 100%;
padding: 10px 20px;
}
figure.rpc-style-35 h3 {
color: #ffffff;
position: absolute;
bottom: 100%;
display: inline-block;
font-weight: 400;
}
figure.rpc-style-35 p {
background: rgba(255, 255, 255, 0.9);
text-align: right;
bottom: 0;
font-size: 0.8em;
font-weight: 500;
}
figure.rpc-style-35 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.rpc-style-35:hover img,
figure.rpc-style-35.hover img {
opacity: 0.4;
}
figure.rpc-style-35:hover figcaption,
figure.rpc-style-35.hover figcaption {
-webkit-transform: translateY(0);
transform: translateY(0);
}
figure.rpc-style-36 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
color: #ffffff;
text-align: center;
font-size: 16px;
}
figure.rpc-style-36 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
figure.rpc-style-36 img {
max-width: 100%;
position: relative;
opacity: 0.9;
}
figure.rpc-style-36 figcaption {
position: absolute;
top: 45%;
left: 7%;
right: 7%;
bottom: 45%;
border: 1px solid white;
border-width: 1px 1px 0;
}
figure.rpc-style-36 .heading {
overflow: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
position: absolute;
bottom: 0;
width: 100%;
}
figure.rpc-style-36 h3 {
display: table;
margin: 0 auto;
padding: 0 10px;
position: relative;
text-align: center;
width: auto;
font-weight: 400;
}
figure.rpc-style-36 h3 span {
font-weight: 800;
}
figure.rpc-style-36 h3:before,
figure.rpc-style-36 h3:after {
position: absolute;
display: block;
width: 1000%;
height: 1px;
content: '';
background: white;
top: 50%;
}
figure.rpc-style-36 h3:before {
left: -1000%;
}
figure.rpc-style-36 h3:after {
right: -1000%;
}
figure.rpc-style-36 p {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
width: 100%;
padding: 0 20px;
margin: 0;
opacity: 0;
line-height: 1.6em;
font-size: 0.9em;
}
figure.rpc-style-36 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.rpc-style-36:hover img,
figure.rpc-style-36.hover img {
opacity: 0.25;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.rpc-style-36:hover figcaption,
figure.rpc-style-36.hover figcaption {
top: 7%;
bottom: 7%;
}
figure.rpc-style-36:hover p,
figure.rpc-style-36.hover p {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
figure.rpc-style-37 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: right;
}
figure.rpc-style-37 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.rpc-style-37 img {
max-width: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
figure.rpc-style-37 span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
line-height: 65px;
opacity: 0;
padding-left: 50px;
padding-right: 20px;
border-radius: 65px;
font-weight: 800;
color: rgba(255, 255, 255, 0);
}
figure.rpc-style-37 span:before,
figure.rpc-style-37 span:after {
content: '';
-webkit-transform: scale(0.75);
transform: scale(0.75);
height: 65px;
background: rgba(255, 255, 255, 0.5);
border-radius: 65px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
figure.rpc-style-37 span:before {
width: 65px;
opacity: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
figure.rpc-style-37 span:after {
width: 100%;
}
figure.rpc-style-37 i {
position: absolute;
top: 0;
left: 0;
font-size: 34px !important;
color: #000000;
width: 65px;
height: 65px;
line-height: 65px !important;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
figure.rpc-style-37 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.rpc-style-37:hover img,
figure.rpc-style-37.hover img {
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.rpc-style-37:hover span,
figure.rpc-style-37.hover span {
opacity: 1;
-webkit-animation: rpcstyle37anim 0.8s 0.1s forwards;
animation: rpcstyle37anim 0.8s 0.1s forwards;
}
figure.rpc-style-37:hover span:before,
figure.rpc-style-37.hover span:before {
opacity: 1;
}
figure.rpc-style-37:hover span:after,
figure.rpc-style-37.hover span:after {
-webkit-transform: scale(1);
transform: scale(1);
}
figure.rpc-style-37:hover span i,
figure.rpc-style-37.hover span i {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: rotate(0);
transform: rotate(0);
}
@-webkit-keyframes rpcstyle37anim {
0% {
color: rgba(255, 255, 255, 0);
width: 65px;
}
20% {
color: rgba(255, 255, 255, 0);
width: 65px;
}
70% {
color: rgba(255, 255, 255, 0);
width: 200px;
}
100% {
color: #ffffff;
width: 200px;
}
}
@keyframes rpcstyle37anim {
0% {
color: rgba(255, 255, 255, 0);
width: 65px;
}
20% {
color: rgba(255, 255, 255, 0);
width: 65px;
}
70% {
color: rgba(255, 255, 255, 0);
width: 200px;
}
100% {
color: #ffffff;
width: 200px;
}
}
figure.rpc-style-38 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: left;
}
figure.rpc-style-38 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
figure.rpc-style-38 img {
max-width: 100%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
figure.rpc-style-38 figcaption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%) scaleY(0);
transform: translateY(-50%) scaleY(0);
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
figure.rpc-style-38 h3,
figure.rpc-style-38 i {
background: #ffffff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
line-height: 50px;
}
figure.rpc-style-38 h3 {
margin: 0;
font-weight: 400;
padding-left: 25px;
padding-right: 25px;
background-color: #000000;
color: rgba(255, 255, 255, 0);
}
figure.rpc-style-38 h3 span {
font-weight: 800;
}
figure.rpc-style-38 i {
position: absolute;
top: 50%;
right: 0;
line-height: 50px !important;
font-size: 34px !important;
color: #000000;
width: 50px;
height: 50px;
z-index: 1;
text-align: center;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
figure.rpc-style-38 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.rpc-style-38:hover img,
figure.rpc-style-38.hover img {
opacity: 0.4;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.rpc-style-38:hover figcaption,
figure.rpc-style-38.hover figcaption {
-webkit-transform: translateY(-50%) scaleY(1);
transform: translateY(-50%) scaleY(1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.rpc-style-38:hover h3,
figure.rpc-style-38.hover h3,
figure.rpc-style-38:hover h3 span,
figure.rpc-style-38.hover h3 span {
color: #ffffff;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
figure.rpc-style-38:hover i,
figure.rpc-style-38.hover i {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-39 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
text-align: center;
}
figure.rpc-style-39 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
figure.rpc-style-39:before,
figure.rpc-style-39:after {
position: absolute;
width: 100%;
background: #000000;
height: 0px;
display: block;
content: '';
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
figure.rpc-style-39:before {
top: 0;
}
figure.rpc-style-39:after {
bottom: 0;
}
figure.rpc-style-39 img {
max-width: 100%;
margin-bottom: -5px;
}
figure.rpc-style-39 figcaption {
position: relative;
background: #ffffff;
}
figure.rpc-style-39 h3,
figure.rpc-style-39 p {
margin: 0;
display: inline-block;
width: 100%;
}
figure.rpc-style-39 h3 {
width: 70%;
padding: 12px 15px;
background: #333333;
-webkit-transform: translateY(-50%) rotate(0deg) scale(1);
transform: translateY(-50%) rotate(0deg) scale(1);
}
figure.rpc-style-39 p {
font-size: 0.9em;
font-weight: 500;
background: #ffffff;
color: #4d4d4d;
padding: 10px 40px 40px;
}
figure.rpc-style-39 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.rpc-style-39 h3,
figure.rpc-style-39:before,
figure.rpc-style-39:after {
background: #34495e;
}
figure.rpc-style-39:hover figcaption h3,
figure.rpc-style-39.hover figcaption h3 {
-webkit-transform: translateY(-50%) rotate(-8deg) scale(1.1);
transform: translateY(-50%) rotate(-8deg) scale(1.1);
}
figure.rpc-style-39:hover:before,
figure.rpc-style-39.hover:before,
figure.rpc-style-39:hover:after,
figure.rpc-style-39.hover:after {
height: 10px;
}
figure.rpc-style-40 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
display: inline-block;
margin: 0;
width: 100%;
overflow: hidden;
text-align: center;
background: #000000;
}
figure.rpc-style-40 * {
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
figure.rpc-style-40 img {
opacity: 0.25;
max-width: 100%;
position: relative;
top: 0;
left: 0;
}
figure.rpc-style-40 figcaption {
position: absolute;
top: 50%;
left: 30px;
right: 30px;
-webkit-transform: rotate(0deg) translateY(-50%) scale(1);
transform: rotate(0deg) translateY(-50%) scale(1);
-webkit-transform-origin: center 0;
transform-origin: center 0;
}
figure.rpc-style-40 figcaption h3 {
top: 50%;
letter-spacing: -1px;
color: #ffffff;
padding: 10px 0;
margin: 0;
font-weight: 400;
}
figure.rpc-style-40 figcaption h3 span {
font-weight: 800;
}
figure.rpc-style-40 figcaption:before,
figure.rpc-style-40 figcaption:after {
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 2px;
position: absolute;
content: "";
display: block;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
figure.rpc-style-40 figcaption:before {
left: 0;
top: 0;
}
figure.rpc-style-40 figcaption:after {
bottom: 0;
right: 0;
}
figure.rpc-style-40 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.rpc-style-40:hover img,
figure.rpc-style-40.hover img {
opacity: 1;
}
figure.rpc-style-40:hover figcaption,
figure.rpc-style-40.hover figcaption {
-webkit-transform: rotate(-45deg) translateY(-50%) scale(0.9);
transform: rotate(-45deg) translateY(-50%) scale(0.9);
}
figure.rpc-style-40:hover figcaption:before,
figure.rpc-style-40.hover figcaption:before,
figure.rpc-style-40:hover figcaption:after,
figure.rpc-style-40.hover figcaption:after {
width: 200%;
}
figure.rpc-style-41 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
text-align: center;
background: #000000;
}
figure.rpc-style-41 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
figure.rpc-style-41:before,
figure.rpc-style-41:after {
position: absolute;
width: 100%;
background: #000000;
height: 0px;
display: block;
content: '';
z-index: 1;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
figure.rpc-style-41:before {
top: 0;
}
figure.rpc-style-41:after {
bottom: 0;
}
figure.rpc-style-41 .image {
position: relative;
}
figure.rpc-style-41 .image img {
max-width: 100%;
margin-bottom: -5px;
}
figure.rpc-style-41 .icons {
top: 50%;
width: 100%;
position: absolute;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
figure.rpc-style-41 .icons i {
opacity: 0;
display: inline-block;
font-size: 28px !important;
border: solid 3px #ffffff;
margin: 5px;
color: #ffffff;
height: 45px;
width: 45px;
line-height: 45px !important;
border-radius: 50%;
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
figure.rpc-style-41 figcaption {
position: relative;
background: #ffffff;
}
figure.rpc-style-41 h3,
figure.rpc-style-41 p {
margin: 0;
display: inline-block;
width: 100%;
}
figure.rpc-style-41 h3 {
font-weight: 400;
font-size: 1.5em;
width: 100%;
padding: 12px 15px;
background: #333333;
}
figure.rpc-style-41 h3 span {
font-weight: 800;
}
figure.rpc-style-41 p {
font-size: 0.9em;
font-weight: 500;
background: #ffffff;
color: #4d4d4d;
padding: 30px 40px 40px;
}
figure.rpc-style-41 a {
opacity: 0.7;
}
figure.rpc-style-41 a:hover {
opacity: 1;
}
figure.rpc-style-41:hover img,
figure.rpc-style-41.hover img {
opacity: 0.35;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.rpc-style-41:hover i,
figure.rpc-style-41.hover i {
opacity: 1;
}
figure.rpc-style-41:hover:before,
figure.rpc-style-41.hover:before,
figure.rpc-style-41:hover:after,
figure.rpc-style-41.hover:after {
height: 10px;
}
figure.rpc-style-41:hover a:first-child i,
figure.rpc-style-41.hover a:first-child i {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.rpc-style-41:hover a:nth-child(2) i,
figure.rpc-style-41.hover a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.rpc-style-41:hover a:nth-child(3) i,
figure.rpc-style-41.hover a:nth-child(3) i {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
figure.rpc-style-42 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: center;
}
figure.rpc-style-42 * {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
figure.rpc-style-42 img {
opacity: 1;
width: 100%;
}
figure.rpc-style-42 figcaption {
top: 50%;
left: 40px;
right: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
figure.rpc-style-42 figcaption h3 {
position: relative;
font-weight: 400;
margin: 0;
-webkit-transform: translateY(75%);
transform: translateY(75%);
}
figure.rpc-style-42 figcaption h3 span {
font-weight: 800;
}
figure.rpc-style-42 figcaption p {
font-size: 0.9em;
font-weight: 500;
opacity: 0;
margin: 0;
}
figure.rpc-style-42:before,
figure.rpc-style-42:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
}
figure.rpc-style-42:before {
border-top: 1px double #fff;
border-bottom: 1px double #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
figure.rpc-style-42:after {
border-right: 1px double #fff;
border-left: 1px double #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure.rpc-style-42 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.rpc-style-42:hover img,
figure.rpc-style-42.hover img {
opacity: 0.2;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.rpc-style-42:hover figcaption h3,
figure.rpc-style-42.hover figcaption h3,
figure.rpc-style-42:hover figcaption p,
figure.rpc-style-42.hover figcaption p {
opacity: 1;
border-color: rgba(255, 255, 255, 0.5);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
figure.rpc-style-42:hover figcaption p,
figure.rpc-style-42.hover figcaption p {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-42:hover:before,
figure.rpc-style-42.hover:before,
figure.rpc-style-42:hover:after,
figure.rpc-style-42.hover:after {
opacity: 0.8;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.rpc-style-43 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: center;
}
figure.rpc-style-43 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.rpc-style-43 img {
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.rpc-style-43 figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.rpc-style-43 figcaption > div {
height: 50%;
overflow: hidden;
width: 100%;
position: relative;
}
figure.rpc-style-43 figcaption::before {
position: absolute;
top: 50%;
right: 50%;
left: 50%;
height: 2px;
content: '';
opacity: 0;
background-color: rgba(255, 255, 255, 0);
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.rpc-style-43 h3,
figure.rpc-style-43 p {
margin: 0;
padding: 30px 35px;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-43 h3 {
display: inline-block;
word-spacing: -0.1em;
font-weight: 300;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 60%, rgba(0, 0, 0, 0.7) 100%);
-webkit-transform: translate3d(0%, 50%, 0);
transform: translate3d(0%, 50%, 0);
}
figure.rpc-style-43 p {
font-weight: 300;
top: 0%;
color: #000;
background: #fff;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 40%, rgba(0, 0, 0, 0.1) 100%);
-webkit-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0);
}
figure.rpc-style-43 .curl {
width: 0px;
height: 0px;
position: absolute;
bottom: 0;
right: 0;
background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #cccccc 38%, #bbbbbb 44%, #aaaaaa 50%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.4));
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transition: all .3s ease;
}
figure.rpc-style-43 .curl:before,
figure.rpc-style-43 .curl:after {
content: '';
position: absolute;
z-index: -1;
left: 12%;
bottom: 6%;
width: 70%;
max-width: 300px;
max-height: 100px;
height: 55%;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
transform: skew(-10deg) rotate(-6deg);
}
figure.rpc-style-43 .curl:after {
left: auto;
right: 6%;
bottom: auto;
top: 14%;
transform: skew(-15deg) rotate(-84deg);
}
figure.rpc-style-43 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.rpc-style-43:hover img,
figure.rpc-style-43.hover img {
opacity: 0.7;
}
figure.rpc-style-43:hover figcaption h3,
figure.rpc-style-43.hover figcaption h3,
figure.rpc-style-43:hover figcaption p,
figure.rpc-style-43.hover figcaption p {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-43:hover figcaption h3,
figure.rpc-style-43.hover figcaption h3 {
opacity: 1;
}
figure.rpc-style-43:hover figcaption p,
figure.rpc-style-43.hover figcaption p {
opacity: 1;
}
figure.rpc-style-43:hover figcaption::before,
figure.rpc-style-43.hover figcaption::before {
background: #ffffff;
left: 0px;
right: 0px;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.rpc-style-43:hover figcaption .curl,
figure.rpc-style-43.hover figcaption .curl {
width: 40px;
height: 40px;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
figure.rpc-style-44 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: center;
}
figure.rpc-style-44 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.rpc-style-44 img {
max-width: 100%;
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.rpc-style-44 figcaption {
font-size: 1.25em;
}
figure.rpc-style-44 > div {
position: absolute;
bottom: 0;
left: 0;
padding: 3em 3em;
width: 100%;
height: 100%;
}
figure.rpc-style-44 > div::before {
position: absolute;
top: 30px;
right: 50%;
bottom: 30px;
left: 50%;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-right: 1px solid rgba(255, 255, 255, 0.8);
content: '';
opacity: 0;
background-color: #ffffff;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.rpc-style-44 h3,
figure.rpc-style-44 p {
margin: 0 0 5px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.rpc-style-44 h3 {
word-spacing: -0.15em;
font-weight: 300;
-webkit-transform: translate3d(0%, 100%, 0);
transform: translate3d(0%, 100%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-44 p {
font-weight: 200;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.rpc-style-44 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.rpc-style-44:hover img {
opacity: 0.35;
}
figure.rpc-style-44:hover > div h3 {
opacity: 1;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.rpc-style-44:hover > div p {
opacity: 0.8;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.rpc-style-44:hover > div::before {
background: rgba(255, 255, 255, 0);
left: 30px;
right: 30px;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rpc-style-45 .rpc-post-image {
overflow: hidden;
position: relative; 
}
.rpc-style-45 {
padding: 10px; 
}
.rpc-style-45 .rpc-post-image img {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
}
.rpc-style-45 .rpc-post-image:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.rpc-style-45 .rpc-post-category {
margin: 10px 0;
display: inline-block;
}
.rpc-style-45 .rpc-post-category a {
text-decoration: none;
display: inherit;
color: #fff;
background: #000;
font-size: 10px;
padding: 2px 5px;
margin-right: 2px;
text-transform: uppercase;
}
.rpc-style-45 .rpc-post-title {
margin-bottom: 10px;
margin-top: 5px;
padding-top: 0;
}
.rpc-style-45 .rpc-post-title a {
text-decoration: none;
color: #000;
line-height: 1.2;
font-size: 19px;
}
.rpc-style-45 .rpc-post-meta {
float: left;
font-size: 12px;
margin-top: 2px;
margin-right: 20px;
margin-bottom: 6px;
}
.rpc-style-45 .rpc-post-date {
font-size: 12px;
}
.rpc-style-45 .rpc-post-date i {
margin-right: 5px;
}
.rpc-style-45 .rpc-post-meta i {
font-size: 13px;
margin-right: 5px;
}
.rpc-style-45 .rpc-post-meta a {
text-decoration: none;
font-size: 13px;
margin-right: 15px;
}
.rpc-style-45 .rpc-post-comment {
font-size: 10px;
text-align: center;
line-height: 1;
position: relative;
padding: 2px 7px;
background: #fff;
}
.rpc-style-45 .rpc-comment-box {
position: absolute;
margin-bottom: 4px;
top: 10px;
right: 15px;
}
.rpc-style-45 .rpc-post-comment:before {
content: " ";
position: absolute;
bottom: -4px;
left: 30%;
border-width: 0 0 6px 6px;
border-style: solid;
border-color: transparent #fff;
}
.rpc-style-45 .rpc-post-comment a {
text-decoration: none;
font-size: 11px;
color: #000;
}
.rpc-style-45 .rpc-post-para p {
color: #888;
font-size: 14px;
margin-top: 10px;
text-align: justify;
}
.rpc-style-46 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
width: 100%;
color: #ffffff;
margin: 0;
text-align: left;
background-color: #0d0d0d;
font-size: 16px;
}
.rpc-style-46 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.rpc-style-46 img {
position: relative;
max-width: 50%;
vertical-align: top;
}
.rpc-style-46 figcaption {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
padding: 20px 0 20px 50%;
}
.rpc-style-46 figcaption:before,
.rpc-style-46 figcaption:after {
width: 1px;
height: 0;
}
.rpc-style-46 figcaption:before {
right: 0;
top: 0;
}
.rpc-style-46 figcaption:after {
left: 0;
bottom: 0;
}
.rpc-style-46 h3,
.rpc-style-46 p {
line-height: 1.5em;
padding: 0 30px;
}
.rpc-style-46 h3 {
margin: 0 0 5px;
font-weight: 700;
}
.rpc-style-46 p {
font-size: 0.8em;
font-weight: 500;
margin: 0 0 15px;
}
.rpc-style-46 a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.rpc-style-46:before,
.rpc-style-46:after,
.rpc-style-46 figcaption:before,
.rpc-style-46 figcaption:after {
position: absolute;
content: '';
background-color: #ffffff;
z-index: 1;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0.8;
}
.rpc-style-46:before,
.rpc-style-46:after {
height: 1px;
width: 0%;
}
.rpc-style-46:before {
top: 0;
left: 0;
}
.rpc-style-46:after {
bottom: 0;
right: 0;
}
.rpc-style-46:hover figcaption,
.rpc-style-46.hover figcaption {
opacity: 1;
background-color: rgba(255, 255, 255, 0.05);
}
.rpc-style-46:hover figcaption:before,
.rpc-style-46.hover figcaption:before,
.rpc-style-46:hover figcaption:after,
.rpc-style-46.hover figcaption:after {
height: 100%;
}
.rpc-style-46:hover:before,
.rpc-style-46.hover:before,
.rpc-style-46:hover:after,
.rpc-style-46.hover:after {
width: 100%;
}
.rpc-style-46:hover:before,
.rpc-style-46.hover:before,
.rpc-style-46:hover:after,
.rpc-style-46.hover:after,
.rpc-style-46:hover figcaption:before,
.rpc-style-46.hover figcaption:before,
.rpc-style-46:hover figcaption:after,
.rpc-style-46.hover figcaption:after {
opacity: 0.1;
}
@media only screen and (max-width: 480px) {
.rpc-style-46 img {
max-width: 100%;
}
.rpc-style-46 figcaption {
position: relative;
padding-left: 0px;
}
}
.rpc-style-47 {
margin: 0;
padding: 0 10px;
text-align: center;
}
.rpc-style-47 a {
text-decoration: none;
}
.rpc-style-47 a {
text-decoration: none;
}
.rpc-style-47 h3 {
margin: 12px 0;
}
.rpc-style-47.rpc-wrapper {
border-left: 1px solid #000;
}
.slick-current .rpc-style-47.rpc-wrapper {
border-left: none;
}
.rpc-style-48 {
position: relative;
width: 100%;
margin: 0;
background: #ffffff;
text-align: center;
color: #000000;
font-size: 16px;
}
.rpc-style-48 * {
-webkit-box-sizing: border-box;
box-sizing: padding-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rpc-style-48 img {
max-width: 100%;
vertical-align: top;
position: relative;
background-color: #666666;
padding-top: 40px;
}
.rpc-style-48 figcaption {
padding: 20px;
}
.rpc-style-48 h3,
.rpc-style-48 p {
margin: 0;
}
.rpc-style-48 h3 {
font-size: 1.3em;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
}
.rpc-style-48 p {
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 300;
}
.rpc-style-48 .price {
font-size: 18px;
margin-top: 7px;
}
.rpc-style-48 .price s {
margin-right: 5px;
opacity: 0.5;
font-size: 0.9em;
}
.rpc-style-48 i {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 56px;
line-height: 56px !important;
text-align: center;
border-radius: 50%;
background-color: #666666;
color: #ffffff;
font-size: 30px !important;
}
.rpc-style-48 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-48:hover i,
.rpc-style-48.hover i,
.rpc-style-48:hover img,
.rpc-style-48.hover img {
background-color: #2980b9;
}
.rpc-style-48:hover i,
.rpc-style-48.hover i {
-webkit-transform: translate(-50%, 5px);
transform: translate(-50%, 5px);
}
.rpc-style-49 {
position: relative;
margin: 0;
margin-bottom: 30px !important;
width: 100%;
background: #ffffff;
text-align: center;
color: #000000;
font-size: 16px;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rpc-style-49 * {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rpc-style-49 img {
max-width: 100%;
vertical-align: top;
position: relative;
}
.rpc-style-49 figcaption {
padding: 20px 15px;
}
.rpc-style-49 h3,
.rpc-style-49 p {
margin: 0;
}
.rpc-style-49 h3 {
font-size: 1.3em;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
}
.rpc-style-49 p {
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 300;
}
.rpc-style-49 .price {
font-size: 18px;
margin-top: 7px;
}
.rpc-style-49 .price s {
margin-right: 5px;
opacity: 0.5;
font-size: 0.9em;
}
.rpc-style-49 i {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 56px;
height: 56px;
line-height: 56px !important;
text-align: center;
border-radius: 50%;
background-color: #666666;
color: #ffffff;
font-size: 1.6em !important;
border: 4px solid #ffffff;
}
.rpc-style-49 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rpc-style-49:hover,
.rpc-style-49.hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.rpc-style-49:hover i,
.rpc-style-49.hover i {
background-color: #2980b9;
}
.rpc-style-50 {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #ffffff;
text-align: left;
color: #000000;
font-size: 16px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-perspective: 20em;
perspective: 20em;
}
.rpc-style-50 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rpc-style-50 img {
max-width: 100%;
vertical-align: top;
position: relative;
}
.rpc-style-50 .add-to-cart {
position: absolute;
top: 0;
right: 0;
padding-right: 10px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
font-size: 0.9em;
opacity: 0;
background-color: #409ad5;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.rpc-style-50 .add-to-cart i {
display: inline-block;
margin-right: 10px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #164666;
color: #ffffff;
font-size: 1.4em;
}
.rpc-style-50 figcaption {
padding: 20px;
}
.rpc-style-50 h3,
.rpc-style-50 p {
margin: 0;
}
.rpc-style-50 h3 {
font-size: 1.5em;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.rpc-style-50 p {
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 400;
}
.rpc-style-50 .price {
font-weight: 500;
font-size: 1.5em;
line-height: 48px;
letter-spacing: 1px;
}
.rpc-style-50 .price s {
margin-right: 5px;
opacity: 0.5;
font-size: 0.9em;
}
.rpc-style-50 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rpc-style-50:hover .add-to-cart,
.rpc-style-50.hover .add-to-cart {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.rpc-style-50:hover .add-to-cart i,
.rpc-style-50.hover .add-to-cart i {
background-color: #2980b9;
}
figure.rpc-style-51 {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
color: #333;
text-align: left;
}
figure.rpc-style-51 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
figure.rpc-style-51 img {
max-width: 100%;
vertical-align: top;
}
figure.rpc-style-51 figcaption {
position: relative;
background-color: #ffffff;
padding: 20px 25px 50px;
}
figure.rpc-style-51 h3 {
position: absolute;
bottom: 100%;
text-transform: uppercase;
padding: 0px 25px;
line-height: 44px;
margin: 0;
left: 0;
font-weight: 400;
background-color: #000000;
color: #ffffff;
}
figure.rpc-style-51 h3 span {
font-weight: 800;
}
figure.rpc-style-51 h3:before {
position: absolute;
left: 100%;
border-style: solid;
border-width: 44px 0 0 12px;
border-color: transparent transparent transparent #000000;
content: '';
top: 0;
}
figure.rpc-style-51 p {
text-align: left;
margin: 0;
}
figure.rpc-style-51 .price {
position: absolute;
top: 0;
right: 0;
color: #ffffff;
background-color: #000000;
padding: 0 10px;
line-height: 40px;
font-weight: 800;
}
figure.rpc-style-51 .price:before {
position: absolute;
right: 100%;
border-style: solid;
border-width: 0 12px 40px 0;
border-color: transparent #000000 transparent;
content: '';
top: 0;
}
figure.rpc-style-51 a {
text-decoration: none;
position: absolute;
bottom: 0;
right: 0;
background-color: #000000;
line-height: 40px;
padding: 0 10px;
color: #ffffff;
font-weight: 800;
font-size: 0.9em;
text-transform: uppercase;
}
figure.rpc-style-51 a:before {
position: absolute;
right: 100%;
border-style: solid;
border-width: 0 0 40px 12px;
border-color: transparent transparent #000000;
content: '';
top: 0;
}
figure.rpc-style-51 {
background-color: #2472a4;
}
figure.rpc-style-51 h3,
figure.rpc-style-51 a,
figure.rpc-style-51 .price {
background-color: #2472a4;
}
figure.rpc-style-51 .price:before {
border-color: transparent #2472a4 transparent;
}
figure.rpc-style-51 h3:before {
border-color: transparent transparent transparent #2472a4;
}
figure.rpc-style-51 a:before {
border-color: transparent transparent #2472a4;
}
figure.rpc-style-51:hover img,
figure.rpc-style-51.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}