.et-fb-settings-options-tab [class^="difl_"] svg,
.et-fb-settings-options-tab .df_adh_heading svg,
.et-fb-settings-options-tab .dfadh_heading_anim svg,
.et-fb-settings-options-tab .df_gravity_form svg
{
max-width: 20px;
margin: 0 auto;
}
.et-fb-settings-options-tab [class^="difl_"],
.et-fb-settings-options-tab .df_adh_heading,
.et-fb-settings-options-tab .dfadh_heading_anim,
.et-fb-settings-options-tab .df_gravity_form
{
background-image: url(https://www.tecsrg.co.jp/tec/wp-content/plugins/diviflash/public/css/img/flash.png) !important;
background-size: initial !important;
background-repeat: no-repeat !important;
background-position: 4px 2px !important;
} .df-product-outer-wrap .df-item-wrap.null_item_builder{
display: none !important;
}
p:empty {
display: none;
}
@media (min-width: 981px) { 
[data-item="1"] .swiper-slide{
width: calc(100%/1);
}
[data-item="2"] .swiper-slide{
width: calc(100%/2);
}
[data-item="3"] .swiper-slide{
width: calc(100%/3);
}
[data-item="4"] .swiper-slide{
width: calc(100%/4);
}
[data-item="5"] .swiper-slide{
width: calc(100%/5);
}
[data-item="6"] .swiper-slide{
width: calc(100%/6);
}
[data-item="7"] .swiper-slide{
width: calc(100%/7);
}
}
@media (max-width: 980px) and (min-width: 768px) {
[data-itemtablet="1"] .swiper-slide{
width: calc(100%/1);
}
[data-itemtablet="2"] .swiper-slide{
width: calc(100%/2);
}
[data-itemtablet="3"] .swiper-slide{
width: calc(100%/3);
}
[data-itemtablet="4"] .swiper-slide{
width: calc(100%/4);
}
[data-itemtablet="5"] .swiper-slide{
width: calc(100%/5);
}
[data-itemtablet="6"] .swiper-slide{
width: calc(100%/6);
}
[data-itemtablet="7"] .swiper-slide{
width: calc(100%/7);
}
}
@media (max-width: 767px) {
[data-itemphone="1"] .swiper-slide{
width: calc(100%/1);
}
[data-itemphone="2"] .swiper-slide{
width: calc(100%/2);
}
[data-itemphone="3"] .swiper-slide{
width: calc(100%/3);
}
[data-itemphone="4"] .swiper-slide{
width: calc(100%/4);
}
[data-itemphone="5"] .swiper-slide{
width: calc(100%/5);
}
[data-itemphone="6"] .swiper-slide{
width: calc(100%/6);
}
[data-itemphone="7"] .swiper-slide{
width: calc(100%/7);
}
} .df-item-wrap {
overflow: hidden;
position: relative;
}
.df-item-wrap *:not(.et_pb_background_pattern):not(.et_pb_background_mask):not(.df-overlay):not(.df-icon-wrap) {
position: relative;
}
.df-acf-field-inner {
display: inherit;
align-items: center;
}
.df-metabox-field-inner {
display: inherit;
align-items: center;
}   .flexmasonry {
display: flex;
flex-flow: column wrap;
align-content: space-between;
}
.flexmasonry-item { width: 100%; display: block;}
.flexmasonry-cols-2 .flexmasonry-item { width: 50%; }
.flexmasonry-cols-3 .flexmasonry-item { width: 33.333%; }
.flexmasonry-cols-4 .flexmasonry-item { width: 25%; }
.flexmasonry-cols-5 .flexmasonry-item { width: 20%; }
.flexmasonry-cols-6 .flexmasonry-item { width: 16.666%; }
.flexmasonry-cols-7 .flexmasonry-item { width: 14.285%; }
.flexmasonry-cols-8 .flexmasonry-item { width: 12.5%; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { order: 1; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n)   { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { order: 1; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n)   { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { order: 1; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { order: 2; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n)   { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { order: 1; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { order: 2; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { order: 3; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n)   { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { order: 1; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { order: 2; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { order: 3; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { order: 4; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n)   { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { order: 1; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { order: 2; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { order: 3; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { order: 4; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { order: 5; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n)   { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { order: 1; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { order: 2; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { order: 3; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { order: 4; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { order: 5; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { order: 6; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n)   { order: 8; }
.flexmasonry-break {
content: "";
flex-basis: 100%;
width: 0 !important;
margin: 0;
}
.flexmasonry-break-1 { order: 1; }
.flexmasonry-break-2 { order: 2; }
.flexmasonry-break-3 { order: 3; }
.flexmasonry-break-4 { order: 4; }
.flexmasonry-break-5 { order: 5; }
.flexmasonry-break-6 { order: 6; }
.flexmasonry-break-7 { order: 7; } .et-fb-form__toggle .et-fb-subtoggle-tabs-container .et-fb-subtoggle-tab .et-fb-icon--search-box,
.et-db #et-boc .et-l .et-fb-icon--search-box {
font-size: 15px;
font-family: FontAwesome!important;
}body #page-container{
margin-top: 0px !important;
}
.prevent_mainpage_scroll,
.prevent_content_scroll {
overflow:hidden;
}
#df-popup-extension .popup-container .df_popup_inner_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
min-width: 100%;
} #df-popup-extension .overlay {
opacity: 0;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
background: rgba(61,61,61,0.9);	
left:0;
top:0;
z-index: 16777270;  } #df-popup-extension .overlay.active{
animation: 1s popup_load;
opacity: 1;
visibility: visible;
}
#df-popup-extension .overlay .et_pb_section {   }
#df-popup-extension .overlay {
-webkit-overflow-scrolling: touch;
}
#df-popup-extension .overlay > .et_pb_section > div {
width:100%;
}
#df-popup-extension .do-loadingimg {
left : 50%;
top : 50%;
position : fixed;
z-index : 101;
width : 32px;
height : 32px;
margin-left : -16px;
margin-top : -16px;
} #df-popup-extension .popup-container .popup-close {
display: block;
position: fixed;
left: 97%;
overflow: hidden;
border: none;
outline: none;
z-index: 99991;
font-size: 48px;
line-height:24px;
color: #fff;
background-color: transparent;
font-family: inherit;
font-weight: 600;
text-align: center;
padding: 5px;
margin-left: -5px;
margin-top: 5px;
}
#df-popup-extension .popup-container .popup-close span.df_popup_custom_btn {
display: inline-block;
position: relative;
top: 0px; }
#df-popup-extension .popup-container .popup-close:hover {
opacity: .8;
}
#df-popup-extension .popup-container .popup-close-button span {
position:relative;
top:-2px;
}
#df-popup-extension .dov-zIndex0 {
z-index:0;
} html.stop-scrolling,
body.stop-scrolling { overflow: hidden !important
}
.df_popup_inner_container > .et_pb_row:first-child {
margin: 0 !important;
width: 100% !important;
}
.difl_popup .et_post_meta_wrapper{
display: none !important;
} @keyframes popup_load {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes popup_close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}  #df-popup-extension .df_popup_inner_container{
visibility: hidden;
} @keyframes slide_left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes slide_left_rev {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide_right {
0% {
transform: translateX(100%) translateY(0px);
}
0.1% {
transform: translateX(100%) translateY(0px);
}
100% {
transform: translateX(0) translateY(0px);
} }
@keyframes slide_right_rev {
0% {
transform: translateX(0) translateY(0px);
}
0.1% {
transform: translateX(0) translateY(0px);
}
100% {
transform: translateX(100%) translateY(0px);
}
}
@keyframes slide_up {
0% {
transform: translateY(-100%);
}
100% {
transform: none;
}
}
@keyframes slide_up_rev {
0% {
transform: none;
}
100% {
transform: translateY(-100%);
}
}
@keyframes slide_down {
0% {
transform: translateY(100%);
}
100% {
transform: none;
}
}
@keyframes slide_down_rev {
0% {
transform: none;
}
100% {
transform: translateY(100%);
}
}
@keyframes fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade_in_rev {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes zoom_left {
0% {
transform: scale(3) translateX(-100%);
}
100% {
transform: none;
}
}
@keyframes zoom_left_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(-100%);
}
}
@keyframes zoom_center {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoom_center_rev {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes zoom_right {
0% {
transform: scale(3) translateX(100%);
}
100% {
transform: none;
}
}
@keyframes zoom_right_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(100%);
}
} .popup-container .overlay .df_popup_wrapper {
width:100%;
height:auto;
display: flex;
flex-direction: column;
align-items: inherit;
justify-content: inherit;
}
@media (min-width: 768px) {
.popup-container .overlay .df_popup_wrapper {
width:100%
}
}
.popup-container .overlay .df_popup_wrapper {
min-width: 300px;
max-width: 100%;
}
.df_popup_wrapper .et_pb_section{
width:100%;
} .popup-container .df_popup_wrapper .woocommerce-product-gallery.images {
opacity:1 !important;
} .popup-container .overlay .df_popup_wrapper > #et-boc{
width: 100%;
align-items: inherit;
justify-content: inherit;
}
.popup-container .overlay .df_popup_wrapper > #et-boc .et-l{
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: inherit;
justify-content: inherit;
} body.popup_scroll_added{
overflow: hidden !important;
}
body.popup_scroll_added #df-popup-extension .popup-container .popup-close {
margin-left: -8px;
margin-top: -4px;
}.bx-wrapper {
position: relative;
margin-bottom: 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0; -webkit-perspective: 1000;
}
ul.bxslider {
list-style: none;
}
.bx-viewport { -webkit-transform: translateZ(0);
} .bx-wrapper {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
background: #fff;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/public/assets/img/spinner.svg) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/public/assets/css/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/public/assets/css/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/public/assets/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/public/assets/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@font-face {
font-family: 'sps-fontello';
src: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.eot?8767016);
src: url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.eot?8767016#iefix) format('embedded-opentype'),
url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.woff2?8767016) format('woff2'),
url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.woff?8767016) format('woff'),
url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.ttf?8767016) format('truetype'),
url(//www.tecsrg.co.jp/tec/wp-content/plugins/smart-post-show-pro/admin/font/fontello.svg?8767016#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="sps-icon-"]:before,
[class*=" sps-icon-"]:before {
font-family: "sps-fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.sps-icon-icon-3:before {
content: '\e800';
} .sps-icon-filter:before {
content: '\e81d';
} .sps-icon-filter:before {
content: '\e81d';
} .sps-icon-timeline:before {
content: '\e81e';
} .sps-icon-detail-page:before {
content: '\e81f';
} .sps-icon-typography:before {
content: '\e820';
} .sps-icon-accordion:before {
content: '\e821';
} .sps-icon-carousel-settings:before {
content: '\e822';
} .sps-icon-display-s:before {
content: '\e823';
} .sps-icon-basic-style-01-1:before {
content: '\e824';
} .sps-icon-content-1:before {
content: '\e825';
} .sps-icon-ad:before {
content: '\e826';
} .sps-icon-basic-style-01-2:before {
content: '\e827';
} .sps-icon-ajax-pag:before {
content: '\e829';
} .sps-icon-ajax-pag-2:before {
content: '\e82a';
} .sps-icon-isotope:before {
content: '\e82c';
} .sps-icon-ajax:before {
content: '\e82e';
} .sps-icon-radius-01:before {
content: '\e82f';
} .sps-icon-carousel-basic:before {
content: '\e830';
} .sps-icon-others:before {
content: '\e831';
} .sps-icon-navigation:before {
content: '\e833';
} .sps-icon-pagination:before {
content: '\e834';
} .sps-icon-right-open-1:before {
content: '\e900';
} .sps-icon-arrow-triangle-left:before {
content: '\e902';
} .sps-icon-right-open-big:before {
content: '\e905';
} .sps-icon-right-open-outline:before {
content: '\e907';
} .sps-icon-right:before {
content: '\e908';
} .sps-icon-left-open-2:before {
content: '\e914';
} .sps-icon-right-open-3:before {
content: '\e916';
} .sps-icon-arrow-triangle-right:before {
content: '\e917';
} .sps-icon-left:before {
content: '\e918';
} .sps-icon-left-open-4:before {
content: '\e920';
} .sps-icon-left-open-outline:before {
content: '\e921';
} .sps-icon-left-open-big:before {
content: '\e922';
} .sps-icon-right-open:before {
content: '\f006';
} .sps-icon-left-open:before {
content: '\f007';
} .sps-icon-angle-left:before {
content: '\f104';
} .sps-icon-angle-right:before {
content: '\f105';
} .sps-icon-external_link:before {
content: '\e801';
} .sps-icon-border:before {
content: '\e835';
}.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 {
display: inline;
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(//www.tecsrg.co.jp/tec/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;
}
.spsp-gutenberg-shortcode.editor-styles-wrapper::after {
display: none;
}
.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: 0 0 10px;
margin: 0;
flex-wrap: wrap;
}
.sps-az-filter-button.sps-glossary-filter li {
text-transform: capitalize;
list-style: none;
}
.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;
}