.cptch_ajax_wrap noscript {
color: red;
}
.cptch_img:hover {
cursor: default;
position: relative;
z-index: 10;
-webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
}
.cptch_left:hover { -webkit-transform: translateX(100%) scale(3, 3);
-moz-transform: translateX(100%) scale(3, 3);
-o-transform: translateX(100%) scale(3, 3);
-ms-transform: translateX(100%) scale(3, 3);
transform: translateX(100%) scale(3, 3);
}
.cptch_right:hover { -webkit-transform: translateX(-100%) scale(3, 3);
-moz-transform: translateX(-100%) scale(3, 3);
-ms-transform: translateX(-100%) scale(3, 3);
-o-transform: translateX(-100%) scale(3, 3);
transform: translateX(-100%) scale(3, 3);
}
.cptch_center:hover { -webkit-transform: scale(3, 3);
-moz-transform: scale(3, 3);
-o-transform: scale(3, 3);
-ms-transform: scale(3, 3);
transform: scale(3, 3);
}
.cptch_reload_button:hover {
cursor:pointer;
opacity: 0.7;
}
.cptch_reload_button.cptch_active {
opacity: 0.7;
animation: cptch_rotation 800ms infinite linear;
-webkit-animation: cptch_rotation 800ms infinite linear;
}
@-webkit-keyframes cptch_rotation {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes cptch_rotation {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes cptch_rotation {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@keyframes cptch_rotation {
0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}@font-face {
font-family: 'saudi-riyal-font';
src: url(//fmp.com.sa/wp-content/plugins/saudi-riyal-symbol-for-woocommerce/assets/saudi-riyal-font/fonts/saudi-riyal-font.eot?qlzodd);
src: url(//fmp.com.sa/wp-content/plugins/saudi-riyal-symbol-for-woocommerce/assets/saudi-riyal-font/fonts/saudi-riyal-font.eot?qlzodd#iefix) format('embedded-opentype'),
url(//fmp.com.sa/wp-content/plugins/saudi-riyal-symbol-for-woocommerce/assets/saudi-riyal-font/fonts/saudi-riyal-font.ttf?qlzodd) format('truetype'),
url(//fmp.com.sa/wp-content/plugins/saudi-riyal-symbol-for-woocommerce/assets/saudi-riyal-font/fonts/saudi-riyal-font.woff?qlzodd) format('woff'),
url(//fmp.com.sa/wp-content/plugins/saudi-riyal-symbol-for-woocommerce/assets/saudi-riyal-font/fonts/saudi-riyal-font.svg?qlzodd#saudi-riyal-font) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.sar-currency-symbol,
.wp-block-woocommerce-product-regular-price-field .components-input-control__prefix,
.wp-block-woocommerce-product-sale-price-field .components-input-control__prefix{
font-family: 'saudi-riyal-font' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}#woorelatedproducts li.product {
width: 100%;
margin-right: 0;
margin-bottom: 0;
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.wprr.btn.prev,
a.wprr.btn.next {
cursor: pointer;
}
.woo-related-shortcode .customNavigation {
display: none;
}
h2.woorelated-title.no-title {
display: none;
}.aps-row {
display: flex;
align-items: center;
}
.aps-col-xs-1,
.aps-col-sm-1,
.aps-col-md-1,
.aps-col-lg-1,
.aps-col-xs-2,
.aps-col-sm-2,
.aps-col-md-2,
.aps-col-lg-2,
.aps-col-xs-3,
.aps-col-sm-3,
.aps-col-md-3,
.aps-col-lg-3,
.aps-col-xs-4,
.aps-col-sm-4,
.aps-col-md-4,
.aps-col-lg-4,
.aps-col-xs-5,
.aps-col-sm-5,
.aps-col-md-5,
.aps-col-lg-5,
.aps-col-xs-6,
.aps-col-sm-6,
.aps-col-md-6,
.aps-col-lg-6,
.aps-col-xs-7,
.aps-col-sm-7,
.aps-col-md-7,
.aps-col-lg-7,
.aps-col-xs-8,
.aps-col-sm-8,
.aps-col-md-8,
.aps-col-lg-8,
.aps-col-xs-9,
.aps-col-sm-9,
.aps-col-md-9,
.aps-col-lg-9,
.aps-col-xs-10,
.aps-col-sm-10,
.aps-col-md-10,
.aps-col-lg-10,
.aps-col-xs-11,
.aps-col-sm-11,
.aps-col-md-11,
.aps-col-lg-11,
.aps-col-xs-12,
.aps-col-sm-12,
.aps-col-md-12,
.aps-col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.aps-col-xs-1,
.aps-col-xs-2,
.aps-col-xs-3,
.aps-col-xs-4,
.aps-col-xs-5,
.aps-col-xs-6,
.aps-col-xs-7,
.aps-col-xs-8,
.aps-col-xs-9,
.aps-col-xs-10,
.aps-col-xs-11,
.aps-col-xs-12 { }
.aps-col-xs-12 {
width: 100%;
}
.aps-col-xs-11 {
width: 91.66666667%;
}
.aps-col-xs-10 {
width: 83.33333333%;
}
.aps-col-xs-9 {
width: 75%;
}
.aps-col-xs-8 {
width: 66.66666667%;
}
.aps-col-xs-7 {
width: 58.33333333%;
}
.aps-col-xs-6 {
width: 50%;
}
.aps-col-xs-5 {
width: 41.66666667%;
}
.aps-col-xs-4 {
width: 33.33333333%;
}
.aps-col-xs-3 {
width: 25%;
}
.aps-col-xs-2 {
width: 16.66666667%;
}
.aps-col-xs-1 {
width: 8.33333333%;
}
.aps-col-xs-pull-12 {
right: 100%;
}
.aps-col-xs-pull-11 {
right: 91.66666667%;
}
.aps-col-xs-pull-10 {
right: 83.33333333%;
}
.aps-col-xs-pull-9 {
right: 75%;
}
.aps-col-xs-pull-8 {
right: 66.66666667%;
}
.aps-col-xs-pull-7 {
right: 58.33333333%;
}
.aps-col-xs-pull-6 {
right: 50%;
}
.aps-col-xs-pull-5 {
right: 41.66666667%;
}
.aps-col-xs-pull-4 {
right: 33.33333333%;
}
.aps-col-xs-pull-3 {
right: 25%;
}
.aps-col-xs-pull-2 {
right: 16.66666667%;
}
.aps-col-xs-pull-1 {
right: 8.33333333%;
}
.aps-col-xs-pull-0 {
right: auto;
}
.aps-col-xs-push-12 {
left: 100%;
}
.aps-col-xs-push-11 {
left: 91.66666667%;
}
.aps-col-xs-push-10 {
left: 83.33333333%;
}
.aps-col-xs-push-9 {
left: 75%;
}
.aps-col-xs-push-8 {
left: 66.66666667%;
}
.aps-col-xs-push-7 {
left: 58.33333333%;
}
.aps-col-xs-push-6 {
left: 50%;
}
.aps-col-xs-push-5 {
left: 41.66666667%;
}
.aps-col-xs-push-4 {
left: 33.33333333%;
}
.aps-col-xs-push-3 {
left: 25%;
}
.aps-col-xs-push-2 {
left: 16.66666667%;
}
.aps-col-xs-push-1 {
left: 8.33333333%;
}
.aps-col-xs-push-0 {
left: auto;
}
.aps-col-xs-offset-12 {
margin-left: 100%;
}
.aps-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.aps-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.aps-col-xs-offset-9 {
margin-left: 75%;
}
.aps-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.aps-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.aps-col-xs-offset-6 {
margin-left: 50%;
}
.aps-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.aps-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.aps-col-xs-offset-3 {
margin-left: 25%;
}
.aps-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.aps-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.aps-col-xs-offset-0 {
margin-left: 0;
}
@media (max-width: 575px) {
.aps-row {
display: block;
}
}
@media (min-width: 768px) {
.aps-col-sm-1,
.aps-col-sm-2,
.aps-col-sm-3,
.aps-col-sm-4,
.aps-col-sm-5,
.aps-col-sm-6,
.aps-col-sm-7,
.aps-col-sm-8,
.aps-col-sm-9,
.aps-col-sm-10,
.aps-col-sm-11,
.aps-col-sm-12 { }
.aps-col-sm-12 {
width: 100%;
}
.aps-col-sm-11 {
width: 91.66666667%;
}
.aps-col-sm-10 {
width: 83.33333333%;
}
.aps-col-sm-9 {
width: 75%;
}
.aps-col-sm-8 {
width: 66.66666667%;
}
.aps-col-sm-7 {
width: 58.33333333%;
}
.aps-col-sm-6 {
width: 50%;
}
.aps-col-sm-5 {
width: 41.66666667%;
}
.aps-col-sm-4 {
width: 33.33333333%;
}
.aps-col-sm-3 {
width: 25%;
}
.aps-col-sm-2 {
width: 16.66666667%;
}
.aps-col-sm-1 {
width: 8.33333333%;
}
.aps-col-sm-pull-12 {
right: 100%;
}
.aps-col-sm-pull-11 {
right: 91.66666667%;
}
.aps-col-sm-pull-10 {
right: 83.33333333%;
}
.aps-col-sm-pull-9 {
right: 75%;
}
.aps-col-sm-pull-8 {
right: 66.66666667%;
}
.aps-col-sm-pull-7 {
right: 58.33333333%;
}
.aps-col-sm-pull-6 {
right: 50%;
}
.aps-col-sm-pull-5 {
right: 41.66666667%;
}
.aps-col-sm-pull-4 {
right: 33.33333333%;
}
.aps-col-sm-pull-3 {
right: 25%;
}
.aps-col-sm-pull-2 {
right: 16.66666667%;
}
.aps-col-sm-pull-1 {
right: 8.33333333%;
}
.aps-col-sm-pull-0 {
right: auto;
}
.aps-col-sm-push-12 {
left: 100%;
}
.aps-col-sm-push-11 {
left: 91.66666667%;
}
.aps-col-sm-push-10 {
left: 83.33333333%;
}
.aps-col-sm-push-9 {
left: 75%;
}
.aps-col-sm-push-8 {
left: 66.66666667%;
}
.aps-col-sm-push-7 {
left: 58.33333333%;
}
.aps-col-sm-push-6 {
left: 50%;
}
.aps-col-sm-push-5 {
left: 41.66666667%;
}
.aps-col-sm-push-4 {
left: 33.33333333%;
}
.aps-col-sm-push-3 {
left: 25%;
}
.aps-col-sm-push-2 {
left: 16.66666667%;
}
.aps-col-sm-push-1 {
left: 8.33333333%;
}
.aps-col-sm-push-0 {
left: auto;
}
.aps-col-sm-offset-12 {
margin-left: 100%;
}
.aps-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.aps-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.aps-col-sm-offset-9 {
margin-left: 75%;
}
.aps-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.aps-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.aps-col-sm-offset-6 {
margin-left: 50%;
}
.aps-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.aps-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.aps-col-sm-offset-3 {
margin-left: 25%;
}
.aps-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.aps-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.aps-col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.aps-col-md-1,
.aps-col-md-2,
.aps-col-md-3,
.aps-col-md-4,
.aps-col-md-5,
.aps-col-md-6,
.aps-col-md-7,
.aps-col-md-8,
.aps-col-md-9,
.aps-col-md-10,
.aps-col-md-11,
.aps-col-md-12 { ;
}
.aps-col-md-12 {
width: 100%;
}
.aps-col-md-11 {
width: 91.66666667%;
}
.aps-col-md-10 {
width: 83.33333333%;
}
.aps-col-md-9 {
width: 75%;
}
.aps-col-md-8 {
width: 66.66666667%;
}
.aps-col-md-7 {
width: 58.33333333%;
}
.aps-col-md-6 {
width: 50%;
}
.aps-col-md-5 {
width: 41.66666667%;
}
.aps-col-md-4 {
width: 33.33333333%;
}
.aps-col-md-3 {
width: 25%;
}
.aps-col-md-2 {
width: 16.66666667%;
}
.aps-col-md-1 {
width: 8.33333333%;
}
.aps-col-md-pull-12 {
right: 100%;
}
.aps-col-md-pull-11 {
right: 91.66666667%;
}
.aps-col-md-pull-10 {
right: 83.33333333%;
}
.aps-col-md-pull-9 {
right: 75%;
}
.aps-col-md-pull-8 {
right: 66.66666667%;
}
.aps-col-md-pull-7 {
right: 58.33333333%;
}
.aps-col-md-pull-6 {
right: 50%;
}
.aps-col-md-pull-5 {
right: 41.66666667%;
}
.aps-col-md-pull-4 {
right: 33.33333333%;
}
.aps-col-md-pull-3 {
right: 25%;
}
.aps-col-md-pull-2 {
right: 16.66666667%;
}
.aps-col-md-pull-1 {
right: 8.33333333%;
}
.aps-col-md-pull-0 {
right: auto;
}
.aps-col-md-push-12 {
left: 100%;
}
.aps-col-md-push-11 {
left: 91.66666667%;
}
.aps-col-md-push-10 {
left: 83.33333333%;
}
.aps-col-md-push-9 {
left: 75%;
}
.aps-col-md-push-8 {
left: 66.66666667%;
}
.aps-col-md-push-7 {
left: 58.33333333%;
}
.aps-col-md-push-6 {
left: 50%;
}
.aps-col-md-push-5 {
left: 41.66666667%;
}
.aps-col-md-push-4 {
left: 33.33333333%;
}
.aps-col-md-push-3 {
left: 25%;
}
.aps-col-md-push-2 {
left: 16.66666667%;
}
.aps-col-md-push-1 {
left: 8.33333333%;
}
.aps-col-md-push-0 {
left: auto;
}
.aps-col-md-offset-12 {
margin-left: 100%;
}
.aps-col-md-offset-11 {
margin-left: 91.66666667%;
}
.aps-col-md-offset-10 {
margin-left: 83.33333333%;
}
.aps-col-md-offset-9 {
margin-left: 75%;
}
.aps-col-md-offset-8 {
margin-left: 66.66666667%;
}
.aps-col-md-offset-7 {
margin-left: 58.33333333%;
}
.aps-col-md-offset-6 {
margin-left: 50%;
}
.aps-col-md-offset-5 {
margin-left: 41.66666667%;
}
.aps-col-md-offset-4 {
margin-left: 33.33333333%;
}
.aps-col-md-offset-3 {
margin-left: 25%;
}
.aps-col-md-offset-2 {
margin-left: 16.66666667%;
}
.aps-col-md-offset-1 {
margin-left: 8.33333333%;
}
.aps-col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.aps-col-lg-1,
.aps-col-lg-2,
.aps-col-lg-3,
.aps-col-lg-4,
.aps-col-lg-5,
.aps-col-lg-6,
.aps-col-lg-7,
.aps-col-lg-8,
.aps-col-lg-9,
.aps-col-lg-10,
.aps-col-lg-11,
.aps-col-lg-12 { }
.aps-col-lg-12 {
width: 100%;
}
.aps-col-lg-11 {
width: 91.66666667%;
}
.aps-col-lg-10 {
width: 83.33333333%;
}
.aps-col-lg-9 {
width: 75%;
}
.aps-col-lg-8 {
width: 66.66666667%;
}
.aps-col-lg-7 {
width: 58.33333333%;
}
.aps-col-lg-6 {
width: 50%;
}
.aps-col-lg-5 {
width: 41.66666667%;
}
.aps-col-lg-4 {
width: 33.33333333%;
}
.aps-col-lg-3 {
width: 25%;
}
.aps-col-lg-2 {
width: 16.66666667%;
}
.aps-col-lg-1 {
width: 8.33333333%;
}
.aps-col-lg-pull-12 {
right: 100%;
}
.aps-col-lg-pull-11 {
right: 91.66666667%;
}
.aps-col-lg-pull-10 {
right: 83.33333333%;
}
.aps-col-lg-pull-9 {
right: 75%;
}
.aps-col-lg-pull-8 {
right: 66.66666667%;
}
.aps-col-lg-pull-7 {
right: 58.33333333%;
}
.aps-col-lg-pull-6 {
right: 50%;
}
.aps-col-lg-pull-5 {
right: 41.66666667%;
}
.aps-col-lg-pull-4 {
right: 33.33333333%;
}
.aps-col-lg-pull-3 {
right: 25%;
}
.aps-col-lg-pull-2 {
right: 16.66666667%;
}
.aps-col-lg-pull-1 {
right: 8.33333333%;
}
.aps-col-lg-pull-0 {
right: auto;
}
.aps-col-lg-push-12 {
left: 100%;
}
.aps-col-lg-push-11 {
left: 91.66666667%;
}
.aps-col-lg-push-10 {
left: 83.33333333%;
}
.aps-col-lg-push-9 {
left: 75%;
}
.aps-col-lg-push-8 {
left: 66.66666667%;
}
.aps-col-lg-push-7 {
left: 58.33333333%;
}
.aps-col-lg-push-6 {
left: 50%;
}
.aps-col-lg-push-5 {
left: 41.66666667%;
}
.aps-col-lg-push-4 {
left: 33.33333333%;
}
.aps-col-lg-push-3 {
left: 25%;
}
.aps-col-lg-push-2 {
left: 16.66666667%;
}
.aps-col-lg-push-1 {
left: 8.33333333%;
}
.aps-col-lg-push-0 {
left: auto;
}
.aps-col-lg-offset-12 {
margin-left: 100%;
}
.aps-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.aps-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.aps-col-lg-offset-9 {
margin-left: 75%;
}
.aps-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.aps-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.aps-col-lg-offset-6 {
margin-left: 50%;
}
.aps-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.aps-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.aps-col-lg-offset-3 {
margin-left: 25%;
}
.aps-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.aps-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.aps-col-lg-offset-0 {
margin-left: 0;
}
}
.aps-modal-window {
display: none;
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.aps-modal-window.active {
display: flex;
justify-content: center;
align-items: center;
padding: 15px 15px;
height: 100%;
}
.aps-modal-window .aps-modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
animation-name: animatetop;
animation-duration: 0.4s
}
.aps-modal-close:hover {
color: black;
text-decoration: none;
cursor: pointer;
}
body.standard_checkout_running {
overflow: hidden;
} .aps-modal-body {
padding: 2px 16px;
} .aps-modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
span.aps-modal-open {
cursor: pointer;
color: #43bad4;
}
div#terms-modal li::before {
display: none !important;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.pf-iframe-background{
position: fixed;
width: 100%;
height: 100%;
text-align: center;
top: 0px;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
overflow: auto;
}
.pf-iframe-container{
position: relative;
z-index: 99999999
}
iframe.aps_standard {
width:80% !important;
min-height:100% !important;
}
.pf-close-container{
display:block;
text-align:center;
margin:1em auto;
}
.pf-iframe-close{
font-size: 1.7em;
color: #fff;
cursor: pointer
}
.pf-iframe-spin{
font-size: 3em !important;
color: #fff;
display: block;
margin: 1em auto;
cursor: default
} .emi_carousel .emi_box {
text-align: center;
border: 1px solid #ccc;
margin: 0 5px;
border-radius: 3px;
padding: 10px 0;
min-width: 90%;
}
.emi_carousel .emi_box p {
margin : 0px;
margin-bottom: 5px;
}
.emi_carousel .emi_box p.int_rate {
color: #43bad4;
}
.emi_carousel .emi-carousel-left-arr,.emi_carousel .emi-carousel-right-arr {
position: absolute;
height: 100%;
display: flex;
align-items: center;
top: 0;
font-size:25px;
opacity: 0.7;
}
.emi_carousel .emi-carousel-left-arr {
left:0px;
}
.emi_carousel .emi-carousel-right-arr {
right:0px;
}
.emi_carousel .slick-list {
width:90%;
margin:auto;
}
.emi_carousel .slick-disabled {
opacity: 0.3;
}
.emi_box.selected {
border: 2px solid #78cee1;
}
.with_full_payment{
max-width: 70px;
margin: auto !important;
}
.plan_info {
margin-top:5px;
padding: 10px;
border: 1px solid;
}
.plan_info:empty {
display: none;
}
.card-row {
position: relative;
}
.card-row img.card-icon.active {
position: absolute !important;
right: 5px;
top: 7px;
width: auto;
height: 20px;
}
.card-row img.card-icon:not(.active) {
display:none
}
.card-row .input-text {
min-height: 30px;
height: 30px;
font-size: 14px;
width: 100%;
}
img.payment-icons {
float: none !important;
margin: 5px !important;
display: inline;
}
label.aps_error {
color: red;
font-weight: 500;
display: block;
}
.plans:empty+label.aps_error {
display: none;
} #applePay {
width: 150px !important;
height: 50px !important;
border: 0px !important;
border-radius: 5px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
-webkit-appearance: -apple-pay-button;
background-position: 50% 50% !important;
background-color: black !important;
background-size: 60% !important;
background-repeat: no-repeat !important;
z-index: 999;
}
.apple-pay-buy {
-apple-pay-button-type: buy;
}
.apple-pay-donate {
-apple-pay-button-type: donate;
}
.apple-pay-plain {
-apple-pay-button-type: plain;
}
.apple-pay-set-up {
-apple-pay-button-type: set-up;
}
.apple-pay-book {
-apple-pay-button-type: book;
}
.apple-pay-check-out {
-apple-pay-button-type: check-out;
}
.apple-pay-subscribe {
-apple-pay-button-type: subscribe;
}
.apple-pay-add-money {
-apple-pay-button-type: add-money;
}
.apple-pay-contribute {
-apple-pay-button-type: contribute;
}
.apple-pay-order {
-apple-pay-button-type: order;
}
.apple-pay-reload {
-apple-pay-button-type: reload;
}
.apple-pay-rent {
-apple-pay-button-type: rent;
}
.apple-pay-support {
-apple-pay-button-type: support ;
}
.apple-pay-tip {
-apple-pay-button-type: tip;
}
.apple-pay-top-up {
-apple-pay-button-type: top-up;
} .stc_pay_form:not(.active){
display: none;
}
section.stc_pay_form {
overflow: hidden;
}
.stc_pay_loader:not(.active){
display:none;
}
.stc_pay_loader.active{
display: flex !important;
position: relative;
height: 25px;
width: 100%;
align-items: center;
}
.stc_pay_loader.active .stc_pay_loader_icon{
height: 0;
width: 0;
padding: 5px;
border: 5px solid #ccc;
border-right-color: #888;
border-radius: 10px;
-webkit-animation: rotateValuLoader 1s infinite linear;
z-index: 99999;
position: absolute;
}
.stc_pay_loader.active .stc_pay_loader_caption{
margin-left: 25px;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_aps_stc_pay ,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_aps_stc_pay li{
line-height: 1;
padding: 10px 0px;
}
.stc_hosted_form , .stc_hosted_form .aps-row{
padding: 10px 0px;
}
.stc_pay_form .otp_generation_msg{
padding: 5px 0px;
} .tabby_form:not(.active){
display: none;
}
section.tabby_form {
overflow: hidden;
}
.tabby_loader:not(.active){
display:none;
}
.tabby_loader.active{
display: flex !important;
position: relative;
height: 25px;
width: 100%;
align-items: center;
}
.tabby_loader.active .tabby_loader_icon{
height: 0;
width: 0;
padding: 5px;
border: 5px solid #ccc;
border-right-color: #888;
border-radius: 10px;
-webkit-animation: rotateValuLoader 1s infinite linear;
z-index: 99999;
position: absolute;
}
.tabby_loader.active .tabby_loader_caption{
margin-left: 25px;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_aps_tabby ,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_aps_tabby li{
line-height: 1;
padding: 10px 0px;
}
.tabby_hosted_form , .tabby_hosted_form .aps-row{
padding: 10px 0px;
}
.tabby_form .otp_generation_msg{
padding: 5px 0px;
} .valu_form:not(.active), .otp_form:not(.active) {
display: none;
}
section.valu_form, section.otp_form {
overflow: hidden;
}
.tenure_carousel .tenureBox {
text-align: center;
border: 1px solid #ccc;
margin: 0 5px;
border-radius: 3px;
padding: 10px 0;
}
.tenure_carousel .tenureBox p {
margin-top: 0px;
margin-bottom: 5px;
}
.tenure_carousel .tenureBox p.int_rate {
color: #43bad4;
}
.tenure_carousel .tenure-carousel-left-arr,.tenure_carousel .tenure-carousel-right-arr {
position: absolute;
height: 100%;
display: flex;
align-items: center;
top: 0;
font-size:25px;
opacity: 0.7;
}
.tenure_carousel .tenure-carousel-left-arr {
left:0px;
}
.tenure_carousel .tenure-carousel-right-arr {
right:0px;
}
.tenure_carousel .slick-list {
width:90%;
margin:auto;
}
.tenure_carousel .slick-disabled {
opacity: 0.3;
}
.tenureBox.selected {
border: 2px solid #78cee1;
}
.valu_loader:not(.active), .otp_loader:not(.active) {
display:none;
}
.valu_loader.active, .otp_loader.active {
display: flex !important;
position: relative;
height: 25px;
width: 100%;
align-items: center;
}
.valu_loader.active .valu_loader_icon, .otp_loader.active .loader_icon {
height: 0;
width: 0;
padding: 5px;
border: 5px solid #ccc;
border-right-color: #888;
border-radius: 10px;
-webkit-animation: rotateValuLoader 1s infinite linear;
z-index: 99999;
position: absolute;
}
.valu_loader.active .valu_loader_caption, .otp_loader.active .loader_caption {
margin-left: 25px;
}
.valu_form .input-text, .otp_form .input-text {
width: 100%;
line-height: 1.25 !important;
padding: .5rem 1rem !important;
height: 35px;
}
.valu_form .aps-btn, .otp_form .aps-btn {
width: 100%;
font-size: 13px;
display: flex;
font-weight: 400;
height: 35px;
line-height: inherit;
text-decoration: none;
justify-content: center;
align-items: center;
padding: 0px;
}
.valu_form .aps-pad-none, .otp_form .aps-pad-none {
padding:0;
}
.valu_form span.country_code, .otp_form span.country_code {
height: 35px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #f5f5f5;
padding: 5px 10px;
background-color: #f5f5f5;
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
@-webkit-keyframes rotateValuLoader { 100% {
-webkit-transform: rotate(360deg);
}
}
.aps-d-none,.hide-me {
display: none !important;
}
.aps-margin-none {
margin: 0;
}
.apple-box {
display: block;
text-align: center;
}
img.issuer-logo {
width: 30px;
height: 30px;
margin-right: 5px !important;
float: none !important;
display: inline-block;
}
ul.token-box {
list-style-type: none;
margin-left: 0;
padding-left: 0;
width: 100%;
}
ul.token-box .card-icon {
margin: 0 10px 0 2px !important;
width: auto;
object-fit: contain;
height: auto;
float: left !important;
}
input.aps_token_card:not(:checked)+.aps_hosted_form,
input.aps_token_mobile:not(:checked)+.aps-hosted-form {
display: none;
}
.aps_saved_card_cvv {
height: 30px;
width: 100px;
margin: 0 5px !important;
}
ul.token-box li {
padding-bottom: 15px;
overflow: hidden;
}
.aps_saved_card_cvv {
height: 30px;
width: 100px;
margin: 0 5px !important;
border-radius: 2px;
}
input.field-error {
border: 2px solid red !important;
}
.aps-row:not(.checked) .aps_saved_card_cvv {
display: none;
}
.aps_payment_loader {
position: relative;
filter: contrast(0.5);
}
.aps_payment_loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//fmp.com.sa/wp-content/plugins/woocommerce-payfort-master/public/images/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0,0,0,.75);
z-index: 9999999 !important;
}
.aps-modal-close {
color: #aaa !important;
float: right;
font-size: 28px !important;
font-weight: bold;
position: relative;
right: 5px;
top: 2px;
}
#payment input[type='radio'] {
float:left !important;
}
.aps-pull-left {
float: left;
}
.aps-pull-right {
float: right;
}
.v-off {
visibility: hidden;
position: absolute;
}
div#cc_plans {
margin: 15px;
}
div#cc_plans:not(.active) .check_row {
display: none;
}
.wc_payment_method .payment_box {
overflow: hidden;
clear:both;
}
div.aps_hosted_form p:empty {
display: none;
}
.wc_payment_method .aps-row input[type='radio'] {
display: block;
}
.wc_payment_method span.aps-cards-container {
float: right;
}