@font-face {
font-family: "Roboto Condensed";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/RobotoCondensed-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/PlayfairDisplay-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/OpenSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Patua One";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/PatuaOne-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Jolly Lodger";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/JollyLodger-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url(//dxbpumppower.com/wp-content/plugins/category-ajax-filter/assets/css/font/Raleway-Regular.ttf);
font-display: swap;
}
#caf-post-layout-container {
width: 100%;
max-width: 100%;
padding: 20px 0;
}
#manage-ajax-response {
position: relative;
width: 100%;
min-height: 300px;
flex: 100%;
padding: 20px;
}
.caf-post-layout-container .status {
position: absolute;
width: 97%;
text-align: center;
height: 100%;
z-index: 9999;
display: none;
}
.caf-post-layout-container .status i {
top: 30%;
position: relative;
font-size: 45px;
color: #f79918;
background: #fff;
border-radius: 50%;
padding: 10px;
}
.caf-post-layout-container .status img {
height: 220px;
}
.caf-post-layout-container .status.active {
display: block; opacity: 1;
}
.error-caf {
position: relative;
width: 100%;
flex: 100%;
padding: 20px;
background-color: #d65151;
color: #fff;
text-align: center;
text-transform: capitalize;
}
.error-of-empty-result.error-caf,
.error-of-post-layout.error-caf {
height: 100%;
padding: 120px;
width: 100%;
}
.error-of-missing-id.error-caf {
display: inline-block;
width: 100% !important;
max-width: 100% !important;
}
.error-of-missing-id.error-caf a {
color: #f7f7f7;
text-decoration: underline;
}
.error-of-missing-id.error-caf a:hover {
color: #dad9d9;
text-decoration: underline;
} .caf_mb-0 {
margin-bottom: 0px !important;
}
.caf-mb-1 {
margin-bottom: 5px !important;
}
.caf-mb-2 {
margin-bottom: 10px !important;
}
.caf-mb-3 {
margin-bottom: 15px !important;
}
.caf-mb-4 {
margin-bottom: 20px !important;
}
.caf-mb-5 {
margin-bottom: 25px !important;
}
.caf-mt-0 {
margin-top: 0px !important;
}
.caf-mt-1 {
margin-top: 5px !important;
}
.caf-mt-2 {
margin-top: 10px !important;
}
.caf-mt-3 {
margin-top: 15px !important;
}
.caf-mt-4 {
margin-top: 20px !important;
}
.caf-mt-5 {
margin-top: 25px !important;
}  .caf-pr-0 {
padding-right: 0px !important;
}
.caf-pl-0 {
padding-left: 0px !important;
} .caf-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
.caf-col-md-1 {
}
.caf-col-md-2 {
}
.caf-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.caf-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.caf-col-md-5 {
}
.caf-col-md-6 {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
.caf-col-md-7 {
}
.caf-col-md-8 {
}
.caf-col-md-9 {
}
.caf-col-md-10 {
}
.caf-col-md-11 {
}
.caf-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 500px) {
.caf-col-md-tablet1 {
}
.caf-col-md-tablet2 {
}
.caf-col-md-tablet3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.caf-col-md-tablet4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.caf-col-md-tablet5 {
}
.caf-col-md-tablet6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.caf-col-md-tablet7 {
}
.caf-col-md-tablet8 {
}
.caf-col-md-tablet9 {
}
.caf-col-md-tablet10 {
}
.caf-col-md-tablet11 {
}
.caf-col-md-tablet12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 500px) {
.caf-col-md-mobile1 {
}
.caf-col-md-mobile2 {
}
.caf-col-md-mobile3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.caf-col-md-mobile4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.caf-col-md-mobile5 {
}
.caf-col-md-mobile6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.caf-col-md-mobile7 {
}
.caf-col-md-mobile8 {
}
.caf-col-md-mobile9 {
}
.caf-col-md-mobile10 {
}
.caf-col-md-mobile11 {
}
.caf-col-md-mobile12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.caf-col-md-1,
.caf-col-md-2,
.caf-col-md-3,
.caf-col-md-4,
.caf-col-md-5,
.caf-col-md-6,
.caf-col-md-7,
.caf-col-md-8,
.caf-col-md-9,
.caf-col-md-10,
.caf-col-md-11,
.caf-col-md-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.caf-animate-skew1 {
transition: all 10s ease-out 10s;
animation: skew 1s;
}
@keyframes skew {
0% {
transform: skewX(10deg);
}
100% {
transform: skewX(-10deg 1s);
}
}
@keyframes skew1 {
0% {
transform: translate3d(0px, 0px, 0px);
}
100% {
transform: translate3d(354px, 0px, 0px);
}
}