.pcp-demo-section {
max-width: 1200px;
margin: 0 auto;
}
.pcp-section-padding {
padding: 80px 0;
}
.sp-pcp-section .fa {
font-style: inherit;
font-family: FontAwesome;
}
.elementor-default .sp-pcp-section .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
overflow: initial;
}
.sp-pcp-section.sp-pcp-container:has(.ast-article-single){
background: transparent;
} .pcp-align-left {
text-align: left;
}
.pcp-align-center {
text-align: center;
}
.pcp-align-right {
text-align: right;
}
.sp-pcp-section {
color: #444;
}
.entry .entry-content .sp-pcp-section a,
.sp-pcp-section a {
text-decoration: none;
transition: all 0.33s;
}
.sp-pcp-section img {
max-width: 100%;
vertical-align: middle;
}
.sp-pcp-section * {
box-sizing: border-box;
}
.sp-pcp-section .swiper-container:not(.thumbnails_slider.thumbnail-slider-top) {
position: initial;
overflow: hidden;
}
.sp-pcp-section .swiper-container.thumbnails_slider.thumbnail-slider-top {
position: relative;
overflow: hidden;
}
.sp-pcp-section .swiper-container.swiper-3d:not(.swiper-coverflow) {
overflow: visible;
} .sp-pcp-post .sp-pcp-thumb:focus,
.sp-pcp-post .sp-pcp-thumb img:focus,
.sp-pcp-post .sp-pcp-thumb:hover,
.sp-pcp-post .sp-pcp-thumb img:hover {
outline: none;
text-decoration: none;
outline-offset: 0;
color: transparent;
border: none;
}
.sp-pcp-post {
display: -webkit-flex;
display: flex;
flex-direction: column;
overflow: hidden;
}
.sp-pcp-post a {
text-decoration: none;
}
.sp-pcp-post .pcp-post-thumb-wrapper {
overflow: hidden;
display: block;
} .sp-pcp-post .sp-pcp-post-thumb-area {
position: relative; text-align: center;
}
.sp-pcp-post.sp-pcp-content-box .sp-pcp-post-thumb-area {
z-index: 1;
}
.sp-pcp-post .sp-pcp-post-thumb-area img {
max-width: 100%;
transition: ease all 0.3s;
height: auto;
}
.sp-pcp-post .sp-pcp-title a,
.sp-pcp-post .sp-pcp-title {
font-size: 20px;
margin-top: 0;
color: #111;
font-weight: 400;
word-break: break-word;
text-decoration: none;
}
.sp-pcp-post .sp-pcp-title,
.sp-pcp-post .sp-smart-post-product-cat {
margin: 0px 0px 5px 0px;
}
.sp-pcp-post .sp-pcp-post-meta ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
}
.sp-pcp-post .sp-pcp-post-meta ul li {
display: inline-block;
margin: 0 5px 5px 0;
}
.sp-pcp-post .sp-pcp-post-meta ul li img,
.sp-pcp-post .sp-pcp-post-meta ul li .fa,
.sp-pcp-post .sp_pcp_cf_list .fa {
margin-right: 3px;
float: left;
}
.sp-pcp-post .sp-pcp-post-meta ul li img {
margin-bottom: -4px;
}
.sp-pcp-post .sp-pcp-post-meta ul li a {
display: inline-block;
text-decoration: none;
box-shadow: none;
}
.sp-pcp-post .sp-pcp-post-content {
margin-bottom: 16px;
}
.sp-pcp-post .sp-pcp-post-content p:first-of-type {
margin-top: 0;
}
.sp-pcp-post .sp-pcp-post-content p:last-of-type {
margin-bottom: 0;
}
.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore {
margin-top: 15px;
}
.sp-pcp-post .sp-pcp-post-content .read-more {
display: none;
}
.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
display: inline-block;
border: 1px solid;
padding: 7px 12px;
box-shadow: 0 0 0;
text-decoration: none;
} .sp-pcp-post-content .et_pb_section {
padding: 0;
}
.sp-pcp-post-content .et_pb_section .et_pb_row {
margin: 0;
padding: 0;
} .sml-single-page-wrapp .woocommerce,
.sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating {
display: inline-block !important;
}
.sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating .star-rating {
display: inline-flex;
margin: 8px 0 0 0;
overflow: hidden;
position: relative;
height: 15px;
line-height: 15px;
font-size: 15px;
width: 78px;
float: none;
text-align: left;
background: none;
}
.sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
background: none;
}
.sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating span.sp-pcp-review-count {
transform: translate(-4px, -3px);
display: inline-block;
}
.pcp-modal .star-rating::before,
.pcp-modal .woocommerce .star-rating::before,
.sp-pcp-section .woocommerce .star-rating::before,
.sp-pcp-section .sp-pcp-post .star-rating::before {
content: "\f005\f005\f005\f005\f005";
position: absolute;
font-family: FontAwesome;
left: 0;
letter-spacing: 1px;
opacity: 1;
font-size: 14px;
}
.pcp-modal .star-rating span::before,
.pcp-modal .woocommerce .star-rating span::before,
.sp-pcp-section .sp-pcp-post .star-rating span::before {
content: "\f005\f005\f005\f005\f005";
position: absolute;
font-family: FontAwesome;
top: 0;
left: 0;
letter-spacing: 1px;
font-size: 14px;
} .theme-bazar .sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating span.sp-pcp-review-count {
transform: translate(-10px, -5px);
}
.theme-savoy .sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating .star-rating {
height: 20px;
} .sp-pcp-section .sp-pcp-post .sp-pcp-product-price,
.pcp-modal .sp-pcp-product-price {
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin-bottom: 5px;
} .pcp-modal .sp-pcp-cart-button a,
.sp-pcp-post .woocommerce a.button,
.sp-pcp-post .sp-pcp-cart-button a {
padding: 6px 14px;
font-weight: 600;
line-height: 24px;
height: auto;
} .sp-pcp-post .sp-pcp-sale-text {
position: absolute;
transform: rotate(-45deg);
top: 0.925rem;
left: -27px;
padding: 6px 24px;
width: 106px;
z-index: 2;
color: #ffffff;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
font-style: normal;
font-weight: 400;
background-color: #D64224;
} .sp-pcp-post .sp-pcp-social-share {
margin-bottom: 10px;
}
.sp-pcp-post .sp-pcp-social-share a {
display: inline-block;
text-align: center;
margin-right: 1px;
color: #fff;
margin-bottom: 5px;
}
.sp-pcp-post .sp-pcp-social-share a .fa {
height: 30px;
width: 30px;
font-size: 16px;
line-height: 30px;
background-color: #55acee;
border-radius: 50%;
}
.sp-pcp-post .sp-pcp-social-share a.pcp_circle .fa {
border-radius: 50%;
}
.sp-pcp-post .sp-pcp-social-share a.icon_only .fa {
border-radius: 0%;
background-color: transparent;
border: none;
color: #666;
}
.sp-pcp-post .sp-pcp-social-share a.pcp_square .fa {
border-radius: 0%;
}
.sp-pcp-post .sp-pcp-social-share a.pcp_rounded .fa {
border-radius: 3px;
}  .sp-pcp-post-thumb-area>.pcp-category.top_right {
bottom: auto;
top: 15px;
left: auto;
width: 100%;
right: 10px;
text-align: right;
padding-left: 10px;
}
.sp-pcp-post-thumb-area>.pcp-category.top_left {
right: auto;
bottom: auto;
top: 15px;
left: 15px;
padding-right: 15px;
text-align: left;
}
.sp-pcp-post-thumb-area>.pcp-category.bottom_left {
right: auto;
bottom: 15px;
top: auto;
margin-bottom: 0;
left: 15px;
padding-right: 15px;
text-align: left;
}
.sp-pcp-post-thumb-area>.pcp-category.bottom_right {
bottom: 15px;
top: auto;
left: auto;
margin-bottom: 0;
right: 10px;
text-align: right;
padding-left: 10px;
}
.sp-pcp-post-thumb-area>.pcp-category {
position: absolute;
z-index: 4;
line-height: 1.1;
width: 100%;
} .sp-pcp-post>.pcp-category,
.pcp-modal .sp-pcp-title .pcp-category {
margin-bottom: 10px;
overflow: hidden;
}
.sp-pcp-post .pcp-category {
margin-bottom: 7px;
overflow: hidden;
}
.sp-pcp-post .pcp-category a {
color: #fff;
text-transform: uppercase;
background: #ff0000;
font-weight: 600;
padding: 2px 10px;
font-size: 9px;
margin-right: 5px;
margin-bottom: 5px;
line-height: 20px;
display: block;
box-shadow: 0 0 0;
border: none;
overflow: hidden;
display: inline-block; }
.sp-pcp-post .pcp-category a:last-child {
margin-right: 0;
} .sp-pcp-post .pcp-icon-over-thumb {
position: absolute;
height: 100%;
width: 100%;
background: rgba(17, 17, 17, 0.749);
bottom: 0;
left: 0;
right: -1px;
display: flex;
opacity: 0;
}
.sp-pcp-post .pcp-icon-over-thumb .pcp-icons {
margin: auto;
}
.sp-pcp-post .pcp-icon-over-thumb .pcp-icons a {
margin-right: 5px;
text-align: center;
}
.sp-pcp-post .pcp-icon-over-thumb .pcp-icons a .fa {
height: 32px;
width: 32px;
font-size: 14px;
line-height: 32px;
color: #fff;
background-color: rgba(102, 102, 102, 0.749);
}
.sp-pcp-post .pcp-icon-over-thumb .pcp-icons a:hover .fa {
background-color: rgb(228, 70, 70);
}
.sp-pcp-post .pcp-post-thumb-wrapper:hover .pcp-icon-over-thumb {
opacity: 1;
}
.sp-pcp-content-box.content-box-position-in-top .pcp-post-thumb-wrapper:hover .pcp-icon-over-thumb,
.sp-pcp-content-box.content-box-position-in-middle .pcp-post-thumb-wrapper:hover .pcp-icon-over-thumb,
.sp-pcp-content-box.content-box-position-in-bottom .pcp-post-thumb-wrapper:hover .pcp-icon-over-thumb,
.sp-pcp-post.sp-overlay .pcp-post-thumb-wrapper:hover .pcp-icon-over-thumb {
opacity: 0;
}    .sp-pcp-post.left-thumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: unset; }
.sp-pcp-post.left-thumb .sp-pcp-post-details {
margin-left: 20px;
}
.thumbnails_slider .sp-pcp-post.left-thumb .sp-pcp-post-details {
margin-left: 1px;
}
.sp-pcp-post.left-thumb .pcp-post-thumb-wrapper {
order: unset; margin: 0;
max-width: 40%;
} .sp-pcp-post.right-thumb {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: row-reverse; }
.sp-pcp-post.right-thumb .pcp-post-thumb-wrapper {
order: unset;
flex: 0 0 40%;
margin: 0;
}
.sp-pcp-post.right-thumb .sp-pcp-post-details {
text-align: right;
margin-right: 20px;
} .sp-pcp-post.sp-overlay {
position: relative;
overflow: hidden;
}
.sp-pcp-post.sp-overlay .pcp-post-thumb-wrapper {
margin-bottom: 0;
}
.sp-pcp-post.sp-overlay .sp-pcp-post-details {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
top: 0;
right: 0;
}
.sp-pcp-post.overlay-content-position-top .sp-pcp-post-details,
.sp-pcp-post.overlay-content-position-middle .sp-pcp-post-details,
.sp-pcp-post.overlay-content-position-bottom .sp-pcp-post-details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sp-pcp-post.sp-pcp-content-box .sp-pcp-post-details-content {
z-index: 2;
}
.sp-pcp-post:is(.overlay-content-position-middle, .overlay-content-position-bottom, .overlay-content-position-top) .sp-pcp-post-details-content {
width: 100%;
}
.sp-pcp-post.overlay-content-position-top .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-in-top .sp-pcp-post-details-content {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.sp-pcp-post.overlay-content-position-middle .sp-pcp-post-details,
.sp-pcp-post.content-box-position-in-middle .sp-pcp-post-details {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sp-pcp-post.overlay-content-position-bottom .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-in-bottom .sp-pcp-post-details-content {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
} .sp-pcp-post.sp-pcp-content-box {
position: relative;
}
.sp-pcp-post.sp-pcp-content-box .pcp-post-thumb-wrapper {
margin-bottom: 0;
}
.sp-pcp-post.content-box-position-in-top .sp-pcp-post-details,
.sp-pcp-post.content-box-position-in-middle .sp-pcp-post-details,
.sp-pcp-post.content-box-position-in-bottom .sp-pcp-post-details,
.sp-pcp-post.content-box-position-outer-top,
.sp-pcp-post.content-box-position-outer-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.sp-pcp-post.content-box-position-in-top .sp-pcp-post-details,
.sp-pcp-post.content-box-position-in-middle .sp-pcp-post-details,
.sp-pcp-post.content-box-position-in-bottom .sp-pcp-post-details {
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
}
.sp-pcp-post.content-box-position-outer-right,
.sp-pcp-post.content-box-position-outer-left {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: row-reverse;
width: 100%;
}
.sp-pcp-post.content-box-position-outer-right .pcp-post-thumb-wrapper {
flex: 0 0 50%;
order: 1;
}
.sp-pcp-post.content-box-position-outer-right .sp-pcp-post-details {
margin-left: -30px;
z-index: 1;
}
.sp-pcp-post.content-box-position-outer-left .pcp-post-thumb-wrapper {
flex: 0 0 50%;
order: unset;
}
.sp-pcp-post.content-box-position-outer-left .sp-pcp-post-details {
margin-right: -30px;
z-index: 1;
}
.sp-pcp-post.content-box-position-outer-top .pcp-post-thumb-wrapper {
flex: 0 0 50%;
order: 1;
}
.sp-pcp-post.content-box-position-outer-top .sp-pcp-post-details,
.sp-pcp-post.content-box-position-outer-bottom .sp-pcp-post-details {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
z-index: 1;
overflow: hidden;
}
.sp-pcp-post.content-box-position-outer-top .sp-pcp-post-details {
margin-bottom: -50px;
z-index: 10;
position: relative;
}
.sp-pcp-post.content-box-position-outer-bottom .pcp-post-thumb-wrapper {
flex: 0 0 50%;
order: unset;
}
.sp-pcp-post.content-box-position-outer-left .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-outer-bottom .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-outer-right .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-outer-top .sp-pcp-post-details-content {
overflow: hidden;
}
.sp-pcp-post.content-box-position-outer-bottom .sp-pcp-post-details {
margin-top: -50px;
position: relative;
z-index: 10;
}
.sp-pcp-post.content-box-position-in-top .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-in-middle .sp-pcp-post-details-content,
.sp-pcp-post.content-box-position-in-bottom .sp-pcp-post-details-content {
width: 100%;
overflow: hidden;
} .sp-pcp-post.sp-pcp-content-box-below .sp-pcp-post-details {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
top: 0;
text-align: center;
padding: 20px;
}
.sp-pcp-post.sp-pcp-content-box-below .sp-pcp-post-details-content {
background: #fff;
padding: 15px 0 10px;
position: absolute;
right: 20px;
left: 20px;
top: 100%;
margin-top: -35px;
border: 2px solid #ddd;
}
.sp-pcp-post.sp-pcp-content-box-below .pcp-post-thumb-wrapper {
margin-bottom: 0;
}
.sp-pcp-post.sp-pcp-content-box-below {
position: relative;
} .sp-pcp-post.sp-pcp-right-top {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: unset;
width: 100%;
}
.sp-pcp-post.sp-pcp-right-top .pcp-post-thumb-wrapper {
order: unset;
}
.sp-pcp-post.sp-pcp-right-top .sp-pcp-post-content,
.sp-pcp-post.sp-pcp-right-top .sp-pcp-post-meta ul li,
.sp-pcp-post.sp-pcp-right-top .sp-pcp-post-meta ul li a,
.sp-pcp-post.sp-pcp-right-top .sp-pcp-title h2,
.sp-pcp-post.sp-pcp-right-top .sp-pcp-readmore a {
color: #fff;
}
.sp-pcp-post.sp-pcp-right-top .sp-pcp-post-details {
padding: 20px;
position: relative;
margin-left: -25px;
margin-top: 20px;
background: #244964;
} .sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item {
width: 50%;
position: relative;
}
.sp-pcp-timeline-section:is(.timeline_style_3, .timeline_style_4) .pcp-timeline-item {
width: 100%;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 1) {
float: left;
clear: left;
}
.sp-pcp-timeline-section:not(.timeline_style_2):is(.timeline_style_3) .pcp-timeline-item:nth-child(2n + 1) {
float: right;
clear: right;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 2) {
float: right;
clear: right;
}
.sp-pcp-timeline-section:not(.timeline_style_2):is(.timeline_style_4) .pcp-timeline-item:nth-child(2n + 2) {
float: left;
clear: left;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 1) .sp-pcp-post {
float: left;
left: 0;
opacity: 1;
}
.sp-pcp-timeline-section:not(.timeline_style_2):is(.timeline_style_3) .pcp-timeline-item:nth-child(2n + 1) .sp-pcp-post {
float: right;
left: auto;
right: 0;
opacity: 1;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post {
float: right;
}
.sp-pcp-timeline-section:not(.timeline_style_2):is(.timeline_style_4) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post {
float: left;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:before {
content: "";
width: 10px;
height: 10px;
border: 3px solid #ddd;
background-color: #ddd;
border-radius: 50%;
position: absolute;
right: -5px;
top: 20px;
z-index: 1000;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 2):before {
left: -5px;
right: auto;
top: 60px;
}
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-item:before,
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-item:nth-child(2n + 2):before {
left: 5px;
right: auto;
}
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-item:before,
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-item:nth-child(2n + 2):before {
left: auto;
right: 7px;
} .sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-grid::after {
position: absolute;
content: "";
height: 100%;
top: 0;
bottom: 0;
left: 50%;
background: #ddd;
width: 2px;
margin-left: -1px;
z-index: 999;
}
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-grid::after {
left: 10px;
}
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-grid::after {
right: 10px;
left: auto;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item .sp-pcp-post {
background: #eee;
position: relative;
width: calc(100% - 40px);
margin: auto;
float: left;
margin-bottom: 40px;
clear: both;
overflow: visible;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item .sp-pcp-post::before {
content: "";
position: absolute;
top: 14px;
right: 100%;
height: 0;
width: 0;
border: 10px solid transparent;
z-index: 99;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item .sp-pcp-post::after {
content: "";
position: absolute;
right: 100%;
height: 0;
width: 0;
}
.sp-pcp-timeline-section:is(.timeline_style_3) .pcp-timeline-item .sp-pcp-post::after {
left: 100%;
right: auto;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item .sp-pcp-post::before {
top: 14px;
left: 100%;
border-color: transparent transparent transparent #efefef;
}
.sp-pcp-timeline-section:is(.timeline_style_3) .pcp-timeline-item .sp-pcp-post::before {
left: auto;
right: 100%;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item .sp-pcp-post::after {
border: 12px solid transparent;
left: 100%;
border-color: transparent transparent transparent #000;
}
.sp-pcp-timeline-section:is( .timeline_style_3) .pcp-timeline-item .sp-pcp-post::after {
left: auto;
right: 100%;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post::after {
top: 52px;
left: auto;
right: 100%;
border-color: transparent #000 transparent transparent;
}
.sp-pcp-timeline-section:is(.timeline_style_4) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post::after {
left: 100%;
right: auto;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post::before {
top: 54px;
left: auto;
right: 100%;
border-color: transparent #efefef transparent transparent;
}
.sp-pcp-timeline-section:is(.timeline_style_4) .pcp-timeline-item:nth-child(2n + 2) .sp-pcp-post::before {
left: 100%;
right: auto;
} .sp-pcp-post .sp-pcp-social-share a.pcp-twitter .fa {
background-color: #55acee;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-facebook .fa {
background-color: #3b5999;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-linkedin .fa {
background-color: #0077b5;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-xing .fa {
background: #1a7576;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-pocket .fa {
background: #ef4056;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-digg .fa {
background: #262626;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-envelope .fa {
background: #7d7d7d;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-instagram .fa {
background: #e4405f;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-vk .fa {
background-color: #4c75a3;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-tumblr .fa {
background-color: #34465d;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-pinterest .fa {
background-color: #bd081c;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-reddit .fa {
background-color: #ff5700;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-blogger .fa {
background-color: #f57d00;
}
.sp-pcp-post .sp-pcp-social-share a.pcp-whatsapp .fa {
background-color: #25d366;
} .pcp_same_height .item,
.pcp-carousel-wrapper.pcp_same_height .swiper-slide {
height: auto;
}
.pcp_same_height .sp-pcp-post,
.pcp-carousel-wrapper.pcp_same_height .swiper-slide .sp-pcp-post {
height: 100%;
}
.pcp-carousel-wrapper .bottom_center.sp-pcp-carousel {
padding-bottom: 72px;
}
.pcp-carousel-wrapper {
position: relative;
}
.timeline_style_2 .sps-timeline-button-next,
.timeline_style_2 .sps-timeline-button-prev,
.pcp-carousel-wrapper .pcp-button-prev,
.pcp-carousel-wrapper .pcp-button-next {
display: flex;
align-items: center;
justify-content: center;
background-image: none;
background-size: auto;
font-size: 25px;
height: 33px;
width: 33px;
margin-top: 16px;
line-height: 31px;
-webkit-transition: 0.3s;
}
.pcp-carousel-wrapper .pcp-button-prev.top_right,
.pcp-carousel-wrapper .pcp-button-next.top_right {
top: 0;
right: 0;
left: auto;
}
.timeline_style_2 .sps-timeline-button-next.top_right{
top: 8px;
right: -10px;
left: auto;
}
.pcp-carousel-wrapper .pcp-button-prev.top_right {
right: 10px;
left: auto;
transform: translateX(-100%);
}
.pcp-carousel-wrapper .pcp-button-prev.top_center,
.pcp-carousel-wrapper .pcp-button-next.top_center {
top: 0;
left: 50%;
text-align: center;
transform: translateX(-100%);
}
.pcp-carousel-wrapper .pcp-button-prev.top_center {
right: auto;
transform: translateX(10px);
}
.timeline_style_2 .sps-timeline-button-prev.top_left,
.pcp-carousel-wrapper .pcp-button-prev.top_left,
.pcp-carousel-wrapper .pcp-button-next.top_left {
top: 0;
left: 0;
text-align: center;
}
.timeline_style_2 .sps-timeline-button-prev.top_left {
top: 8px;
left: -10px;
right: auto;
}
.pcp-carousel-wrapper .pcp-button-next.top_left {
right: 0;
left: 10px;
transform: translateX(100%);
}
.timeline_style_2 .sps-timeline-button-next::after,
.timeline_style_2 .sps-timeline-button-prev::after,
.pcp-carousel-wrapper .swiper-button-prev::after,
.pcp-carousel-wrapper .swiper-button-next::after {
display: none;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #888;
}
.pcp-carousel-wrapper.center .swiper-slide .sp-pcp-post {
transform: scale(0.9);
opacity: 0.8;
transition: 0.22s all;
}
.pcp-carousel-wrapper.center .swiper-slide.swiper-slide-active .sp-pcp-post {
transform: scale(1.1);
opacity: 1;
}
.pcp-carousel-wrapper .pcp-carousel-fade .swiper-slide,
.pcp-carousel-wrapper .swiper-cube .swiper-slide,
.pcp-carousel-wrapper .swiper-flip .swiper-slide {
display: flex;
} .pcp-carousel-wrapper .pcp-button-prev.bottom_right,
.pcp-carousel-wrapper .pcp-button-next.bottom_right {
bottom: 0;
right: 0;
top: auto;
}
.pcp-carousel-wrapper .pcp-button-prev.bottom_right {
right: 10px;
left: auto;
transform: translateX(-100%);
}
.pcp-carousel-wrapper .pcp-button-prev.bottom_center,
.pcp-carousel-wrapper .pcp-button-next.bottom_center {
top: auto;
bottom: 33px;
left: calc(50% + 5px);
text-align: center;
}
.pcp-carousel-wrapper .pcp-button-prev.bottom_center {
right: 10px;
left: 50%;
transform: translateX(-100%);
}
.pcp-carousel-wrapper .pcp-button-prev.bottom_left,
.pcp-carousel-wrapper .pcp-button-next.bottom_left {
top: auto;
bottom: 0;
left: 0;
}
.pcp-carousel-wrapper .pcp-button-next.bottom_left {
right: 0;
left: 10px;
transform: translateX(100%);
} .pcp-carousel-wrapper .pcp-button-next.vertically_center_outer,
.pcp-carousel-wrapper .pcp-button-prev.vertically_center_outer {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -40px;
right: auto;
}
.pcp-carousel-wrapper .pcp-button-next.vertically_center_outer,
.pcp-carousel-wrapper .pcp-button-next.vertical_center_inner_hover {
right: -40px;
left: auto;
}
.pcp-carousel-wrapper .pcp-button-prev.vertically_center_outer {
left: 0px;
}
.pcp-carousel-wrapper .pcp-button-next.vertically_center_outer {
right: 0px;
}
.pcp-carousel-wrapper .swiper-3d:not(.swiper-coverflow) .pcp-button-prev.vertically_center_outer {
left: -40px;
}
.pcp-carousel-wrapper .swiper-3d:not(.swiper-coverflow) .pcp-button-next.vertically_center_outer {
right: -40px;
}
.pcp-carousel-wrapper .pcp-button-prev.vertical_center_inner {
right: auto;
left: 0px;
}
.pcp-carousel-wrapper .pcp-button-next.vertical_center_inner {
right: 0px;
left: auto;
}
.pcp-carousel-wrapper .pcp-button-prev.swiper-button-prev i,
.pcp-carousel-wrapper .pcp-button-next.swiper-button-next i {
line-height: 31px;
}
.pcp-carousel-wrapper .pcp-button-prev.swiper-button-prev:hover,
.pcp-carousel-wrapper .pcp-button-next.swiper-button-next:hover {
background: #444444;
color: #fff;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .pcp-button-next:is(.vertical_center, .vertically_center_outer, .vertical_center_inner) {
opacity: 0;
left: auto;
right: -60px;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .pcp-button-prev:is(.vertical_center, .vertically_center_outer, .vertical_center_inner) {
opacity: 0;
left: -60px;
right: auto;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-pcp-carousel:hover .pcp-button-next.vertical_center {
opacity: 1;
left: auto;
right: 10px;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-pcp-carousel:hover .pcp-button-prev.vertical_center {
opacity: 1;
left: 10px;
right: auto;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover:hover .pcp-button-next.vertically_center_outer {
opacity: 1;
left: auto;
right: 0px;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover:hover .pcp-button-prev.vertically_center_outer {
opacity: 1;
left: 0px;
right: auto;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-pcp-carousel:hover .pcp-button-next.vertical_center_inner {
opacity: 1;
left: auto;
right: 0px;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-pcp-carousel:hover .pcp-button-prev.vertical_center_inner {
opacity: 1;
left: 0px;
right: auto;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-thumbnail-style-right .sp-pcp-carousel:hover .pcp-button-next:is(.vertical_center, .vertical_center_inner) {
right: 30%;
}
.pcp-carousel-wrapper.pcp_nev_visible_on_hover .sp-thumbnail-style-left .sp-pcp-carousel:hover .pcp-button-prev:is(.vertical_center, .vertical_center_inner) {
left: 30%;
} .pcp-carousel-wrapper .swiper-pagination-bullets.pcp-pagination:is(.dots, .dynamic) .swiper-pagination-bullet {
width: 11px;
height: 11px;
opacity: 1;
}
.pcp-carousel-wrapper .swiper-pagination-bullets.number .swiper-pagination-bullet {
margin: 0 4px;
background: #444;
padding: 5px 10px;
border-radius: 0;
opacity: 1;
height: 34px;
color: #fff;
width: auto;
min-width: 34px;
margin: 3px 3px;
display: inline-block;
font-size: 14px;
text-align: center;
}
.pcp-carousel-wrapper .swiper-pagination-bullets.number.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
width: 34px;
}
.pcp-pagination.strokes .swiper-pagination-bullet {
border-radius: 0;
border-radius: 2px;
height: 5px;
width: 20px;
} .pcp-carousel-wrapper .pcp-pagination.swiper-pagination-fraction {
display: flex;
justify-content: center;
bottom: 0;
}
.pcp-carousel-wrapper .pcp-pagination.swiper-pagination-fraction .pcp-swiper-pagination-fraction {
height: 60px;
width: 60px;
border-radius: 50%;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
background: #d9e3e8;
} .sp-pcp-collapse .pcp-collapse-header {
padding: 15px;
display: block;
border-bottom: none;
word-wrap: break-word;
margin: 0;
font-size: 20px;
cursor: pointer;
}
.sp-pcp-collapse .sp-pcp-single-accordion {
border: 1px solid #ddd;
margin-bottom: 10px;
}
.sp-pcp-collapse .pcp-collapse-header .ui-icon {
margin-right: 8px;
font-size: 14px;
line-height: 25px;
text-indent: initial;
}
.sp-pcp-collapse .pcp-collapse-header a .fa {
padding-right: 5px;
}
.sp-pcp-collapse .pcp-collapse-body {
padding: 20px;
border-top: 1px solid #ddd;
}
.sp-pcp-collapse .pcp-collapse-header a {
color: #444;
font-size: 20px;
text-decoration: none;
font-weight: normal;
} .sp-pcp-container {
width: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
}
.sp-pcp-row.no-gutters>[class*="sp-pcp-col-"] {
padding-right: 0;
padding-left: 0;
}
.sp-pcp-row {
display: flex;
flex-wrap: wrap; }
.sp-pcp-row [class*="sp-pcp-col-"] {
width: 100%; padding-top: 0;
}
.sp-pcp-container .bx-wrapper {
box-shadow: none;
margin-bottom: 0;
}
.sp-pcp-container .bx-wrapper .bx-loading {
display: none;
}   .sp-pcp-block-6 {
flex: 1 1 calc(50% - 20px);
min-height: 100%;
max-width: 50%;
}   .sp-pcp-block-4 .sp-pcp-block-half,
.sp-pcp-block-3 .sp-pcp-block-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
[class*="sp-pcp-block-"] .sp-pcp-post,
[class*="sp-pcp-block-"] .sp-pcp-post-thumb-area,
[class*="sp-pcp-block-"] .pcp-post-thumb-wrapper {
height: 100%;
}
[class*="sp-pcp-block-"] .sp-pcp-post-thumb-area img {
height: 100%;
width: 100%;
}  .zigzag-container .sp-pcp-col-xs-1 .sp-pcp-post {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: unset;
width: 100%;
}
.zigzag-container .sp-pcp-col-xs-1:nth-child(2n) .sp-pcp-post {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-direction: row-reverse;
width: 100%;
}
.zigzag-container .sp-pcp-col-xs-1:nth-child(2n) .sp-pcp-post .pcp-post-thumb-wrapper {
order: unset;
margin-left: 20px;
}
.zigzag-container .sp-pcp-col-xs-1 .sp-pcp-post .pcp-post-thumb-wrapper {
order: unset;
margin-left: 20px;
}
.zigzag-container .sp-pcp-col-xs-1 .sp-pcp-post-details {
margin-left: 20px;
margin-right: 0;
}
.zigzag-container .sp-pcp-col-xs-1:nth-child(2n) .sp-pcp-post-details {
text-align: right;
margin-right: 20px;
margin-left: 0;
}
.zigzag-container .sp-pcp-post .pcp-post-thumb-wrapper {
width: 100%;
} .pcp-shuffle-filter .pcp-button {
padding: 8px 14px;
border-radius: 3px;
display: inline-block;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-weight: 500;
} .pcp-post-pagination {
margin-top: 20px;
margin-bottom: 30px;
}
.pcp-post-pagination a,
.pcp-post-pagination .page-numbers {
background: #fff;
color: #5e5e5e;
border: 2px solid #bbb;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 14px;
text-align: center;
display: inline-block;
font-weight: 700;
margin-right: 4px;
text-decoration: none;
font-weight: 700;
border-radius: 3px;
-webkit-transition: all 0.33s;
transition: all 0.33s;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
text-decoration: none !important;
}
.pcp-post-pagination a.pcp_next.active,
.pcp-post-pagination a.pcp_prev.active {
display: none;
}
.pcp-post-pagination .page-numbers.current,
.pcp-post-pagination a.active {
cursor: auto;
color: #fff;
background: #e1624b;
border-color: #e1624b;
text-decoration: none;
}
.pcp-load-more button {
margin-top: 20px;
box-shadow: none;
border: none;
border-radius: 2px;
padding: 10px 18px;
background: #e1624b;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
cursor: pointer;
}
.pcp-hide {
display: none;
}
.pcp-post-pagination a.pcp-hide,
.pcp-post-pagination .page-numbers.pcp-hide {
display: none;
}
.pcp-infinite-scroll-loader svg {
stroke: #e1624b;
} .pcp-modal {
width: auto;
margin: auto;
overflow: auto;
max-height: 100vh;
max-width: 1050px;
}
.pcp-modal .popup_ajax_content {
padding: 30px;
position: relative;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
opacity: 0.96;
}
.pcp-popup-button-next,
.pcp-popup-button-prev {
position: absolute;
color: #fff;
top: 50%;
z-index: 99999;
width: 50px;
height: 100px;
text-align: center;
float: none;
overflow: hidden;
display: block;
cursor: pointer;
background-color: #1e1e1e99;
padding: 0;
margin-top: -50px;
transition: all 0.33s;
}
.pcp-popup-button-next .fa,
.pcp-popup-button-prev .fa {
line-height: 100px;
font-size: 24px;
}
.pcp-popup-button-prev {
left: 0;
margin-left: -17px;
}
.pcp-popup-button-next {
right: 0;
margin-right: -17px;
}
.pcp-popup.mfp-wrap {
z-index: 1000001;
}
.pcp-modal button.mfp-close {
background: transparent;
color: #444;
opacity: 1;
width: 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
font-size: 30px;
} .pcp-filter-bar .pcp-order button:hover {
background: #e1624b;
color: #fff;
}
.pcp-filter-bar .pcp-order button {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 5px;
height: 50px;
padding: 0;
width: 100px;
line-height: 1;
background: #e1624b;
color: #fff;
border: none;
}
.pcp-filter-bar {
overflow: hidden;
}
.pcp-filter-bar .pcp-bar {
margin-right: 10px;
vertical-align: top;
}
.pcp-filter-bar label,
.spf .pcp-filter-bar label {
display: inline-block;
font-size: 16px;
font-weight: 400;
margin-right: 6px;
text-transform: capitalize;
margin-bottom: 10px;
}
.pcp-filter-bar .pcp-bar button,
.pcp-filter-bar .pcp-bar select {
min-width: 180px;
height: 40px;
border: 2px solid #bbb;
padding: 0 9px;
font-size: 14px;
overflow: hidden;
display: inline-block;
width: auto;
}
.pcp_ex_filter_bar .pcp-order.pcp-bar.fl-btn p:not(:empty),
.pcp-filter-bar .pcp-bar p:not(:empty) {
padding-bottom: 10px;
margin-bottom: 0;
font-size: 21px;
text-transform: capitalize;
line-height: 22px;
}
.pcp-filter-bar .pcp-bar {
margin-bottom: 30px;
} .pcp-bar {
padding-bottom: 20px;
}
.pcp-slider {
width: 50%;
display: inline-block;
margin-top: 15px;
}
.pcp-order.pcp-bar.fl-btn input:checked~div,
.pcp-order-by.pcp-bar.fl-btn input:checked~div,
.pcp-author-filter.pcp-bar.fl_button input:checked~div,
.pcp-custom-field-filter.pcp-bar.fl_button input:checked~div,
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_button input:checked~div {
background: #e1624b;
border-color: #e1624b;
color: #fff;
cursor: default;
}
.pcp-order.pcp-bar.fl-btn input~div,
.pcp-order-by.pcp-bar.fl-btn input~div,
.pcp-author-filter.pcp-bar.fl_button input~div,
.pcp-custom-field-filter.pcp-bar.fl_button input~div,
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_button input~div {
padding: 4px 10px;
cursor: pointer;
border-radius: 3px;
font-size: 13px;
font-weight: 700;
border: 2px solid #bbb;
text-transform: uppercase;
text-align: center;
line-height: 1.85;
}
.pcp-order.pcp-bar.fl-btn input,
.pcp-order-by.pcp-bar.fl-btn input,
.pcp-author-filter.pcp-bar.fl_button input,
.pcp-custom-field-filter.pcp-bar.fl_button input,
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_button input {
display: none;
}
.fl_checkbox input {
margin-right: 5px;
}
.pcp-order.pcp-bar.fl-btn,
.pcp-order-by.pcp-bar.fl-btn,
.pcp-author-filter.pcp-bar.fl_button,
.pcp-custom-field-filter.pcp-bar.fl_button,
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_button {
display: block;
margin: 0;
}
.pcp-order.pcp-bar.fl-btn .fl_radio,
.pcp-order-by.pcp-bar.fl-btn .fl_radio,
.pcp-author-filter.pcp-bar.fl_button .fl_radio,
.pcp-custom-field-filter.pcp-bar.fl_button .fl_radio,
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_button .fl_radio {
display: inline-block;
}
.pcp-filter-bar .pcp-filter-by.pcp-bar.fl_checkbox label {
display: block;
}
.pcp_ex_filter_bar .pcp-order.pcp-bar.fl-btn .fl_radio {
margin: 0px 8px 8px 0px;
}
.pcp_ex_filter_bar .pcp-order.pcp-bar.fl-btn p {
margin-bottom: 10px;
}
.pcp-ajax-search.pcp-bar input {
background: #fff;
background: #ffffff;
color: #5e5e5e;
border-color: #bbbbbb;
height: 40px;
font-size: 14px;
border: 2px solid #bbbbbb;
margin-left: 5px;
}
.sp-pcp-section .ui-slider {
position: relative;
text-align: left;
}
.sp-pcp-section .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.sp-pcp-section .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .sp-pcp-section .ui-slider.ui-state-disabled .ui-slider-handle,
.sp-pcp-section .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.sp-pcp-section .ui-slider-horizontal {
height: .8em;
}
.sp-pcp-section .ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.sp-pcp-section .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.sp-pcp-section .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.sp-pcp-section .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.sp-pcp-section .ui-slider-vertical {
width: .8em;
height: 100px;
}
.sp-pcp-section .ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.sp-pcp-section .ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.sp-pcp-section .ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.sp-pcp-section .ui-slider-vertical .ui-slider-range-max {
top: 0;
} .sp-pcp-section .ui-state-default,
.sp-pcp-section .ui-widget-content .ui-state-default,
.sp-pcp-section .ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6;
font-weight: bold;
color: #1c94c4;
}
.sp-pcp-section .ui-state-default a,
.sp-pcp-section .ui-state-default a:link,
.sp-pcp-section .ui-state-default a:visited {
color: #1c94c4;
text-decoration: none;
}
.sp-pcp-section .ui-state-hover,
.sp-pcp-section .ui-widget-content .ui-state-hover,
.sp-pcp-section .ui-widget-header .ui-state-hover,
.sp-pcp-section .ui-state-focus,
.sp-pcp-section .ui-widget-content .ui-state-focus,
.sp-pcp-section .ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce;
font-weight: bold;
color: #e1624b;
}
.sp-pcp-section .ui-state-hover a,
.sp-pcp-section .ui-state-hover a:hover,
.sp-pcp-section .ui-state-hover a:link,
.sp-pcp-section .ui-state-hover a:visited,
.sp-pcp-section .ui-state-focus a,
.sp-pcp-section .ui-state-focus a:hover,
.sp-pcp-section .ui-state-focus a:link,
.sp-pcp-section .ui-state-focus a:visited {
color: #e1624b;
text-decoration: none;
}
.sp-pcp-section .ui-state-active,
.sp-pcp-section .ui-widget-content .ui-state-active,
.sp-pcp-section .ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #ffffff;
font-weight: bold;
color: #e1624b;
}
.sp-pcp-section .ui-state-active a,
.sp-pcp-section .ui-state-active a:link,
.sp-pcp-section .ui-state-active a:visited {
color: #e1624b;
text-decoration: none;
} .sp-pcp-section .ui-corner-all,
.sp-pcp-section .ui-corner-top,
.sp-pcp-section .ui-corner-left,
.sp-pcp-section .ui-corner-tl {
border-top-left-radius: 4px;
}
.sp-pcp-section .ui-corner-all,
.sp-pcp-section .ui-corner-top,
.sp-pcp-section .ui-corner-right,
.sp-pcp-section .ui-corner-tr {
border-top-right-radius: 4px;
}
.sp-pcp-section .ui-corner-all,
.sp-pcp-section .ui-corner-bottom,
.sp-pcp-section .ui-corner-left,
.sp-pcp-section .ui-corner-bl {
border-bottom-left-radius: 4px;
}
.sp-pcp-section .ui-corner-all,
.sp-pcp-section .ui-corner-bottom,
.sp-pcp-section .ui-corner-right,
.sp-pcp-section .ui-corner-br {
border-bottom-right-radius: 4px;
}
.sp-pcp-section .ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee;
color: #333333;
}
.sp-pcp-section .ui-widget-header {
border: 1px solid #e1624b;
background: #e1624b;
color: #ffffff;
font-weight: bold;
} .pcp-ajax-preloader {
text-align: center;
} .pcp-preloader {
background-color: #fff;
background-image: url(//senasis.armedikaklinika.lt/wp-content/plugins/smart-post-show-pro/public/assets/img/preloader.svg);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
z-index: 9999;
width: 100%;
height: 100%;
visibility: visible;
}
.pcp-carousel-wrapper .swiper-rtl .swiper-button-next.top_right,
.pcp-carousel-wrapper .swiper-rtl .swiper-button-next.bottom_right {
left: auto;
right: auto;
} .spsp-license-notice {
background: #ffebee;
color: #444;
padding: 18px 16px;
border: 1px solid #d0919f;
border-radius: 4px;
font-size: 18px;
line-height: 28px;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.sp-pcp-post .pcp_hover.fadeIn {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.sp-pcp-post:hover .fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.sp-pcp-post .pcp_hover.fadeInDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.sp-pcp-post:hover .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.sp-pcp-post .pcp_hover.fadeInRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.sp-pcp-post:hover .fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.sp-pcp-post .pcp_hover.fadeInLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.sp-pcp-post:hover .fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.sp-pcp-post .pcp_hover.fadeInUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.sp-pcp-post:hover .fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.sp-pcp-post .pcp_hover.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
}
.sp-pcp-post:hover .flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.sp-pcp-post .pcp_hover.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
.sp-pcp-post:hover .flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.sp-pcp-post .pcp_hover.slideInUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.sp-pcp-post:hover .slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.sp-pcp-post .pcp_hover.slideInDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.sp-pcp-post:hover .slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
} @-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.sp-pcp-post .pcp_hover.zoomIn {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
.sp-pcp-post:hover .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.sp-pcp-post .pcp_hover.zoomInDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
.sp-pcp-post:hover .zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.sp-pcp-post:hover .jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.sp-pcp-post .pcp_hover.rollIn {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.sp-pcp-post:hover .rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
.sp-pcp-post-audio-thumb-area,
.sp-pcp-post-video-thumb-area {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.sp-pcp-post-audio-thumb-area iframe,
.sp-pcp-post-video-thumb-area iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sp-pcp-post .sp-pcp-post-video-thumb-area video {
width: 100%;
height: auto;
}
.woocommerce div.product .sp-pcp-post .sp-pcp-product-rating .woocommerce-product-rating {
margin-bottom: 5px;
} .spsp-gutenberg-shortcode.editor-styles-wrapper {
padding: 0;
line-height: 24px;
}
.block-editor-page .editor-styles-wrapper select,
.block-editor-page select.spsp-shortcode-selector,
.block-editor-page select.spsp-shortcode-selector:focus,
.block-editor-page select.spsp-shortcode-selector:focus-visible {
width: 250px;
padding: 5px;
border: 1px solid #ccc;
font-size: 13px;
padding-right: 25px;
} .pcp-table-layout tr.sp-pcp-post {
padding: 0 0 0 0;
display: table-row;
}
.pcp-table-layout .table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.pcp-table-layout {
overflow-x: auto;
}
.pcp-table-layout table {
width: 100%;
text-align: center;
border: none;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #ddd;
}
.pcp-table-layout table td,
.pcp-table-layout table th {
padding: 10px;
border: 0;
vertical-align: middle;
}
.pcp-table-layout table th {
font-weight: 700;
font-size: 16px;
color: #212121;
text-align: left;
text-transform: uppercase;
background: hsl(0deg 0% 60% / 10%);
}
.pcp-table-layout table tbody tr.sp-pcp-post:nth-child(even) {
background-color: hsl(0deg 0% 60% / 10%);
}
.pcp-table-layout .table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media only screen and (max-width: 576px) {
.pcp-table-layout .table-responsive td .sp-pcp-title {
min-width: 160px;
}
.pcp-table-layout .table-responsive td .sp-pcp-post-content {
min-width: 200px;
}
}
.sp-pcp-carousel .swiper-horizontal>.pcp-pagination-scrollbar,
.pcp-pagination-scrollbar.swiper-scrollbar-horizontal {
position: relative;
width: 70%;
margin: auto;
margin-top: 20px;
}
.sp-pcp-carousel .pcp-pagination-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.pcp-pagination-scrollbar {
height: 50%;
top: 50%;
transform: translateY(-50%);
}
.pcp-carousel-wrapper.center .sp-pcp-carousel{
padding-top: 30px;
}
.sp-pcp-post .sp-pcp-social-share .pcp-copy-url {
position: relative;
}
.post-url-copy-popup {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
font-weight: 600;
}
.sp-pcp-thumbnail-slider-wrapper {
display: flex;
flex-direction: column;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-top {
flex-direction: column-reverse;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-right {
flex-direction: row;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left {
flex-direction: row-reverse;
}
.thumbnail-slider-bottom .sp-pcp-post .sp-pcp-post-thumb-area img {
height: 100px;
}
.thumbnail-slider-bottom .sp-pcp-post {
padding: 10px;
}
.pcp_same_height .thumbnail-slider-bottom .sp-pcp-post,
.pcp-carousel-wrapper.pcp_same_height .thumbnail-slider-bottom .swiper-slide .sp-pcp-post {
height: inherit;
}
.sp-pcp-thumbnail-slider-wrapper:is(.sp-thumbnail-style-right, .sp-thumbnail-style-left) .thumbnail-slider-top {
width: 70%;
}
.sp-pcp-thumbnail-slider-wrapper:is(.sp-thumbnail-style-right, .sp-thumbnail-style-left) .thumbnail-slider-bottom {
width: calc(30% - 20px);
height: 100%;
margin-left: 20px;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left .thumbnail-slider-bottom {
margin-left: 0;
margin-right: 20px;
}
.pcp-carousel-wrapper .sp-thumbnail-style-right .pcp-button-next.vertical_center,
.pcp-carousel-wrapper .sp-thumbnail-style-right .pcp-button-next.vertical_center_inner {
right: 0;
}
.pcp-carousel-wrapper .sp-thumbnail-style-left .pcp-button-prev.vertical_center,
.pcp-carousel-wrapper .sp-thumbnail-style-left .pcp-button-prev.vertical_center_inner {
left: 0;
}
.pcp-carousel-wrapper .sp-thumbnail-style-left .pcp-button-next.vertical_center,
.pcp-carousel-wrapper .sp-thumbnail-style-left .pcp-button-next.vertical_center_inner {
right: 0;
}
.sp-pcp-thumbnail-slider-wrapper:is(.sp-thumbnail-style-right, .sp-thumbnail-style-left) .thumbnail-slider-bottom .sp-pcp-post {
height: 100%;
align-items: center;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-right .swiper-pagination-vertical.swiper-pagination-bullets,
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left .swiper-vertical>.swiper-pagination-bullets { top: auto; bottom: 0;
display: flex;
justify-content: center;
width: 100%;
} .sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-right .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin-right: 6px;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-right .thumbnail-slider-bottom .swiper-slide.sp-smart-pro-item {
border-left: 4px solid transparent;
transition: .2s linear;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left .thumbnail-slider-bottom .swiper-slide.sp-smart-pro-item {
border-right: 4px solid transparent;
transition: .2s linear;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-left .thumbnail-slider-bottom .sp-smart-pro-item.swiper-slide-active .sp-pcp-post {
border-right: 4px solid #e1624b;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-right .thumbnail-slider-bottom .sp-smart-pro-item.swiper-slide-active .sp-pcp-post {
border-left: 4px solid #e1624b;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-bottom .thumbnail-slider-bottom .sp-smart-pro-item.swiper-slide-active .sp-pcp-post{
border-top: 4px solid #e1624b;
}
.sp-pcp-thumbnail-slider-wrapper.sp-thumbnail-style-top .thumbnail-slider-bottom .swiper-slide.sp-smart-pro-item.swiper-slide-active .sp-pcp-post {
border-bottom: 4px solid #e1624b;
}
.sp-pcp-block-hierarchical.hierarchical-style-1 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
display: grid;
}
.sp-pcp-block-hierarchical.hierarchical-style-1 .style-1:nth-child(1) {
grid-row: span 2;
grid-column: span 2;
} .sp-pcp-block-hierarchical.hierarchical-style-2,
.sp-pcp-block-hierarchical.hierarchical-style-4 {
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
display: grid;
}
.sp-pcp-block-hierarchical.hierarchical-style-2 .style-2:nth-child(1),
.sp-pcp-block-hierarchical.hierarchical-style-4 .style-4:nth-child(1) {
grid-column: span 2;
grid-row: span 2;
}
.sp-pcp-block-hierarchical.hierarchical-style-4 .style-4:nth-child(2) {
grid-column: span 2;
} .timeline_style_2 .sps-timeline-post-date{
padding-bottom: 50px;
position: relative;
text-align: center;
}
.timeline_style_2 .sps-timeline-post-date .sp-pcp-post-meta li.sps-meta-type-date i,
.timeline_style_2 .sps-timeline-post-date .sp-pcp-post-meta li:not(.sps-meta-type-date){
display: none;
}
.sps-timeline-border-style{
background-color: #85C1E9;
max-width: 94%;
height: 4px;
position: absolute;
top: 43px;
margin: auto;
border-radius: 4px;
width: 100%;
left: 3%;
}
.timeline_style_2 .sps-timeline-post-date::after{
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
top: 50px;
left: 50%;
transform: translate(-50%,-13px);
background: #048de8;;
}
.timeline_style_2 .sp-pcp-post{
position: relative;
overflow: initial;
}
.timeline_style_2 .sp-pcp-post::before{
content: '';
position: absolute;
height: 0;
width: 0;
border: 10px solid transparent;
z-index: 99;
top: -20px;
left: 50%;
transform: translateX(-50%);
border-color: transparent transparent #000 transparent;
}
.sps-timeline-swiper-container.swiper-container {
position: relative;
}
.sp-pcp-timeline-section:is(.timeline_style_3,.timeline_style_4) .pcp-timeline-item{
display: flex;
flex-direction: row;
}
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-item{
flex-direction: row-reverse;
}
.sp-pcp-timeline-section.timeline_style_4 .sps-timeline-post-date,
.sp-pcp-timeline-section.timeline_style_3 .sps-timeline-post-date{
max-width: 300px;
width: 100%;
margin-top: 14px;
text-align: center;
}
.sp-pcp-timeline-section:is(.timeline_style_3, .timeline_style_4) .pcp-timeline-item:nth-child(2n + 2) .sps-timeline-post-date{
margin-top: 54px;
}
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-grid::after {
left: 250px;
}
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-grid::after {
right: 250px;
}
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-item:before,
.sp-pcp-timeline-section.timeline_style_3 .pcp-timeline-item:nth-child(2n + 2):before {
left: calc(250px - 5px);
}
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-item:before,
.sp-pcp-timeline-section.timeline_style_4 .pcp-timeline-item:nth-child(2n + 2):before {
right: calc(250px - 4px);
}
.sp-pcp-timeline-section:is(.timeline_style_3,.timeline_style_4) .pcp-timeline-item .sp-pcp-post {
width: calc(100% - 300px);
}
.sp-pcp-container:is(.sp-pcp-timeline-section) .sp-pcp-post .sp-pcp-post-thumb-area{
text-align: left;
}
.sps-timeline-button-prev,.sps-timeline-button-next{
color: #598fbf;
} .sps-az-filter-button.sps-glossary-filter {
justify-content: center;
display: flex;
padding-bottom: 10px;
flex-wrap: wrap;
}
.sps-az-filter-button.sps-glossary-filter li {
text-transform: capitalize;
list-style: none;
margin: 4px;
}
.sps-az-filter-button.sps-glossary-filter li button{
background-color: #e2e2e2;
color: #444444;
border: 0px solid #444444;
border-radius: 2px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
text-transform: none;
text-align: center;
position: relative;
padding: 8px 15px;
font-weight: 600;
border: none;
border-radius: 2px;
display: inline-block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: none;
cursor: pointer;	
}
.sps-az-filter-button.sps-glossary-filter li button.active{
background-color: #F05D31;
color: #ffffff;
border-color: #F05D31;
}
.sps-glossary-disabled {
pointer-events: none;
background-color: gray;
opacity: .5;
}
.sps-glossary-items-group{
width: 100%;
}
.sps-glossary-items-group .sps-glossary-items-header {
font-size: 20px;
line-height: 1.3;
color: #000;
background-color: #F0F0F0;
font-weight: 600;
display: block;
text-align: center;
clear: both;
padding: 6px;
margin-bottom: 10px;
border-radius: 2px;
}
.sps-glossary-items-group .sps-glossary-items-content {
display: flex;
flex-wrap: wrap;
}
.sp-pcp-timeline-section:not(.timeline_style_2) .pcp-timeline-grid {
clear: both;
overflow: hidden;
position: relative;
}