@charset "UTF-8";.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}:where(.wp-block-columns){margin-bottom:1.75em}.wp-block-cover{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover .wp-block-cover__image-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}:where(.wp-block-cover:not(.has-text-color)){color:#fff}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.wp-block-group{box-sizing:border-box}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image figure{margin:0}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ul{box-sizing:border-box}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-text-align-center{text-align:center}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.wp-block-image{margin:0 0 1em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}/* WordPress core "global styles" + per-block support CSS, normally injected inline in by WP itself (not served as a static file) on every front-end page load. Captured from the live site's #global-styles-inline-css, #classic-theme-styles-inline-css, #core-block-supports-inline-css, #wp-img-auto-sizes-contain-inline-css, #wp-block-cover-inline-css, #wp-block-heading-inline-css, #wp-block-paragraph-inline-css, #wp-block-columns-inline-css and #wp-block-separator-inline-css style blocks. Required for the Gutenberg color-palette utility classes (has-luminous-vivid-amber-color, etc.), font-size utility classes, and cover/columns/separator block-support rules used throughout the real page content to render at all. */ /* wp-emoji-styles-inline-css - without this, the footer's WP-core emoji (the location pin before the address) renders at its native SVG intrinsic size (150x150) instead of matching surrounding text height. */ /* wp-block-library-inline-css - additional core color/font-size/gradient names beyond global-styles-inline-css, plus the responsive-image rule (img[class*=wp-image-]{max-width:100%}) that content images rely on to scale down on narrow viewports instead of overflowing. */ :root .has-text-align-center { text-align: center; } html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } :where(figure) { margin: 0 0 1em; } /* classic-theme-styles-inline-css */ /* global-styles-inline-css */ :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important} /* core-block-supports-inline-css */ /* wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i]){contain-intrinsic-size:3000px 1500px} /* wp-block-cover-inline-css */ .wp-block-cover{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover .wp-block-cover__image-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}:where(.wp-block-cover:not(.has-text-color)){color:#fff}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1} /* wp-block-heading-inline-css */ /* wp-block-paragraph-inline-css */ /* wp-block-columns-inline-css */ .wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}:where(.wp-block-columns){margin-bottom:1.75em} /* wp-block-separator-inline-css */ .wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important} /* Theme Name: Quality Theme URI: https://webriti.com/quality-lite-version-details-page/ Author: Webriti Author URI: https://webriti.com/ Description: Quality is a perfect theme to create a corporate/business website. It boasts 3 beautifully designed page templates, namely Business Page, Full-width, and Blog. Quality is built on the Bootstrap CSS Framework, which makes it fully responsive on all devices, and is translation-ready. To enable the Business template, just create a normal WordPress page and select Business Template as page template. The Business template can be further personalized in the customizer. Each section in the Business Template is designed according to current business requirements, with sections like Banner, Services, Projects etc. You can use this theme for any type of activity. Quality supports famous plugins like Contact Form 7, to create your contact page or any type of forms you might want to add. Work with the most popular page builders as Elementor, Beaver Builder, etc... Quality also gives a clean and appealing look to the WordPress core gallery feature.This theme is General Data Protection Regulation ready as it comes with WP GDPR Compliant. See Quality's demo at https://demo.webriti.com/?theme=Quality Tags: full-width-template, threaded-comments, custom-menu, two-columns, translation-ready, sticky-post, blog, footer-widgets, featured-images, right-sidebar Version: 2.8.2 Requires at least: 4.5 Tested up to: 6.9 Requires PHP: 5.4 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: quality * Quality Css created By Shahid - Scientech IT */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 COMMON 2.0 HEADER CONTACT DETAILS 3.0 HEADER SIDEBAR WIDGET 4.0 SOCIAL ICONS 5.0 MAIN SLIDER 6.0 OWL SLIDER NEXT - PREV BUTTONS 7.0 OWL SLIDER / DOTS PAGINATIONS 8.0 SECTION HEADER 9.0 MIXED CLASSES 10.0 FLEXBOX CSS 12.0 FUNFACT SECTION 13.0 PORTFOLIO 13.1 PORTFOLIO VARIATION TWO SECTION 13.2 PORTFOLIO LIGHTBOX 13.3 PORTFOLIO TABS 13.4 PORTFOLIO DETAIL SECTION 14.0 BLOG SECTION 14.1 HOMEPAGE BLOG SECTION 14.2 BLOG META 14.3 BLOG MASONRY SECTION 14.4 BLOG CONTENT & PAGINATION 14.5 Blog Author 15.0 COMMENTS 15.1 COMMENT FORM 16.0 SIDEBAR & WIDGETS SECTION 16.1 SOCIAL WIDGET 16.2 CONTACT INFO WIDGET 16.3 NEWS WIDGETS 16.4 SEARCH WIDGETS 16.5 CALENDER WIDGET 17.0 WP DEFAULT CLASSES 18.0 FOOTER SECTION 18.1 FOOTER CONTACT INFO WIDGET 18.2 FOOTER COPYRIGHTS - SITE INFO 19.0 TESTIMONIAL SECTION 20.0 CLIENTS SECTION 21.0 TEAM SECTION 22.0 SHOP SECTION 23.0 CALL TO ACTION SECTION 24.0 PAGE TITLE SECTION 25.0 ABOUT US PAGE SECTION 26.0 CONTACT PAGE SECTION 27.0 GOOGLE MAP SECTION 28.0 CONTACT & ADDRESS INFORMATION SECTION 29.0 PAGE SCROLL UP 30.0 Jetpack Gallery Overlay 31.0 WOOCOMMERCE CSS 31.1 WOOCOMMERCE SIDEBAR WIDGETS 31.2 WOOCOMMERCE PRODUCT CAROUSEL 13.3 WOOCOMMERCE SINGLE PRODUCT CSS 32.0 HEADER LOGO --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Common --------------------------------------------------------------*/ html { font-size: 16px !important; overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: scrollbar; } @media(min-width:60em) { html { font-size: 16px; } } body { background: #fff; color: #6a6a6a; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.000rem; line-height: 1.5; font-weight: 400; padding: 0; background-attachment: fixed; text-rendering: optimizeLegibility; overflow-x: hidden; transition: 0.5s ease all; } h1, .h1 { font-size: 2.250rem; } /* =36px */ h2, .h2 { font-size: 1.875rem; } /* =30px */ h3, .h3 { font-size: 1.500rem; } /* =24px */ /* =20px */ /* =18px */ /* =16px */ h1, .h1, h2, .h2, h3, .h3 { margin: 0 0 25px; font-weight: 600; color: #121212; } p { line-height: 1.7; margin: 0 0 25px; } p:last-child { margin: 0px; } a{ transition: all 0.3s ease 0s; } a:hover, a:focus { color: #121212; /*outline: none;*/ text-decoration: none; } img { display: block; max-width: 100%; height: auto; } /*Paragraph & Widget*/ /*p a { box-shadow: 0 1px 0 0 currentColor; } p a:hover { box-shadow: 0 2px 0 0 currentColor; }*/ /*Input Type Fields*/ input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="date"], input[type="color"] { height: 45px; } input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="date"], input[type="color"], textarea { padding: 6px 12px; border-radius: 0px; font-size: 0.875rem; letter-spacing: 0px; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; color: #6a6a6a; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #e9e9e9; display: block; width: 100%; } input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #6a6a6a; } input[type="text"]::-moz-placeholder, textarea::-moz-placeholder { color: #6a6a6a; } input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #6a6a6a; } input[type="submit"] { border: none; color: #ffffff; font-size: 0.938rem; font-weight: 600; display: inline-block; border-radius: 50px; padding: 10px 40px; margin: 0px; transition: all 0.3s ease-in-out; } input[type="submit"]:hover { background-color: #121212; } /*Blockquote*/ /* Ul and ol lists */ ul { font-weight: normal; margin: 0 0 25px 0; padding-left: 18px; } ul { list-style: disc; } ul > li { margin: 0; padding: 0.5rem 0; border: none; } ul li:last-child { padding-bottom: 0; } ul li ul { margin: 0; } ul li li { padding-left: 0; border: 0; } /*Address*/ address { font-style: italic; margin: 0 0 25px; } address span, address p { display: block; margin: 0 0 10px; } address span:last-child { padding-bottom: 0; } address i { padding-right: 10px; padding-left: 1px; } address a { box-shadow: none; } /*Table*/ table { font-weight: 500; font-size: 0.938rem; border-spacing: 0; border-width: 1px 0 0 1px; table-layout: fixed; width: 100%; margin: 0 0 25px; padding: 0; } table, table th, table td { background-color: #fff; color: #6a6a6a; border: 1px solid rgba(51, 51, 51, 0.1); } table th, table td { padding: 0.7rem; } table th { color: #121212; border-width: 0 1px 1px 0; font-weight: 700; } table td > a { font-weight: 600; box-shadow: 0 1px 0 0 currentColor; } table a { text-decoration: none; } /*Definition Lists*/ /*Abriviation, Acronym, Big, Strike, del, em, Ins, cite, q*/ s { text-decoration: line-through; } em { font-style:italic; } code { color: #444444; } code { background-color: #f8f8f8; font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; color: #121212; padding: 2px 5px; white-space: normal; } /*=================================================================================== 2.0 HEADER CONTACT DETAILS ===================================================================================*/ /*=================================================================================== 3.0 HEADER SIDEBAR WIDGET ===================================================================================*/ /*=================================================================================== 4.0 SOCIAL ICONS ===================================================================================*/ /*===================================================================================*/ /* 5.0 MAIN SLIDER /*===================================================================================*/ /*Standard Format*/ /*===================================================================================*/ /* 6.0 OWL SLIDER NEXT - PREV BUTTONS /*===================================================================================*/ /*Portfolio Next Prev*/ /*Testimonial & Shop Next Prev*/ /*===================================================================================*/ /* 7.0 OWL SLIDER / DOTS PAGINATIONS /*===================================================================================*/ /*===================================================================================*/ /* 8.0 SECTION HEADER /*===================================================================================*/ /*===================================================================================*/ /* 9.0 MIXED CLASSES /*===================================================================================*/ #section-block { padding: 100px 0 50px; } .padding-0 { padding-left: 0px; padding-right: 0px; } /*===================================================================================*/ /* 11.0 SERVICE SECTION /*===================================================================================*/ .service { background-color: #ffffff; border-bottom: 1px solid #e8e8e8; } .service .post { background-color: #fff; position: relative; margin: 0 0 20px; padding: 30px 20px 30px; border-radius: 3px; transition: 0.3s; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .service .post:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } .service .post:before, .service .post:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; z-index: 0; border-radius: 3px; } .service .post:before { border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .service .post:after { border-left-width: 2px; border-left-style: solid; border-right-width: 2px; border-right-style: solid; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .service .post:hover:after, .service .post:hover:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .service .post p { margin: 0; } /*===================================================================================*/ /* 10.0 FLEXBOX CSS /*===================================================================================*/ /*===================================================================================*/ /* 12.0 FUNFACT SECTION /*===================================================================================*/ /*===================================================================================*/ /* 13.0 PORTFOLIO SECTION /*===================================================================================*/ /*===================================================================================*/ /* 13.1 PORTFOLIO VARIATION TWO SECTION /*===================================================================================*/ /*===================================================================================*/ /* 13.2 PORTFOLIO LIGHTBOX /*===================================================================================*/ /*===================================================================================*/ /* 13.3 PORTFOLIO TABS /*===================================================================================*/ /*.portfolio-tabs { text-align: center; margin: 0 0 50px; padding: 0; } .portfolio-tabs li { display: inline-block; position: relative; margin: 0px 15px 5px; } .portfolio-tabs li a { background: transparent; color: #6a6a6a; display: inline-block; text-decoration: none; font-weight: 600; padding: 0px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .portfolio-tabs li.active > a, .portfolio-tabs li > a:hover { background: transparent; color: #121212; } .portfolio-tabs li.active a:before, .portfolio-tabs li a:before { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-tabs li.active a:before, .portfolio-tabs li a:before { top: unset; bottom: 0; display: block; height: 2px; width: 0%; content: ""; } .portfolio-tabs li.active a:hover:before, .portfolio-tabs li a:hover:before { opacity: 1; width: 100%; }*/ /*===================================================================================*/ /* 13.4 PORTFOLIO DETAIL SECTION /*===================================================================================*/ /*===================================================================================*/ /* 14.0 BLOG SECTION /*===================================================================================*/ /*===================================================================================*/ /* 14.1 HOMEPAGE BLOG SECTION /*===================================================================================*/ .news { padding: 70px 0 30px; margin: 0; width: 100%; } .news .post { background-color: transparent; margin: 0 0 50px; padding: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news .post:hover { -webkit-box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .post-content { padding: 30px 25px; } /*===================================================================================*/ /* 14.2 BLOG META /*===================================================================================*/ /*Meta Category*/ /*Meta Comments*/ /*Meta Date & Avatar*/ /*Edit Post*/ /*More Link*/ /*===================================================================================*/ /* 14.3 BLOG MASONRY SECTION /*===================================================================================*/ /*===================================================================================*/ /* 14.4 BLOG CONTENT & PAGINATION /*===================================================================================*/ .site-content { padding: 0; margin: 0; width: 100%; } .site-content .news { padding: 0; } .site-content .news .post { background-color: transparent; -webkit-box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.1); margin: 0 0 60px; } .site-content .news .post:hover { -webkit-box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0px 22px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /*===================================================================================*/ /* 14.5 Blog Author /*===================================================================================*/ /*===================================================================================*/ /* 15.0 COMMENTS /*===================================================================================*/ /*===================================================================================*/ /* 15.1 COMMENT FORM /*===================================================================================*/ /*===================================================================================*/ /* 16.0 SIDEBAR & WIDGETS SECTION /*===================================================================================*/ /*===================================================================================*/ /* 16.1 SOCIAL WIDGET /*===================================================================================*/ /*===================================================================================*/ /* 16.2 CONTACT INFO WIDGET /*===================================================================================*/ /*===================================================================================*/ /* 16.3 NEWS WIDGETS /*===================================================================================*/ /*===================================================================================*/ /* 16.4 SEARCH WIDGETS /*===================================================================================*/ /*===================================================================================*/ /* 16.5 CALENDER WIDGET /*===================================================================================*/ /* #calendar_wrap td { border-width: 0 1px 1px 0; line-height: 2.5; } */ /* #wp-calendar tr td { border-width: 0 1px 1px 0; } */ /*Sidebar Widget Archive, Widget categories, Widget Links, Widget Meta, widget Nav Menu, Widget Pages, Widget Recent Comments, Widget Recent Entries */ /*Widget Navigation */ /*Widget Pages */ /*Tags Widget*/ /*===================================================================================*/ /* 17.0 WP DEFAULT CLASSES /*===================================================================================*/ /*===================================================================================*/ /* 18.0 FOOTER SECTION /*===================================================================================*/ .site-footer { background-color: #1a1a1a; margin: 0; padding: 0; width: 100%; font-size: 0.938rem; } /*Footer Blockquote*/ /*Footer Calender Widget*/ /*Footer Tags Widget*/ /*Footer Dl Dt Widget*/ /*Footer Contact Info Widget*/ /*===================================================================================*/ /* 18.1 FOOTER CONTACT INFO WIDGET /*===================================================================================*/ /*===================================================================================*/ /* 18.2 FOOTER COPYRIGHTS - SITE INFO /*===================================================================================*/ /*===================================================================================*/ /* 19.0 TESTIMONIAL SECTION /*===================================================================================*/ /*===================================================================================*/ /* 20.0 CLIENTS SECTION /*===================================================================================*/ .clients { border-top: 4px double #e9e9e9; padding: 60px 0 40px; margin-top: 10px; } /*===================================================================================*/ /* 21.0 TEAM SECTION /*===================================================================================*/ /*===================================================================================*/ /* 22.0 SHOP SECTION /*===================================================================================*/ /*===================================================================================*/ /* 23.0 CALL TO ACTION SECTION /*===================================================================================*/ /*===================================================================================*/ /* 24.0 PAGE TITLE SECTION /*===================================================================================*/ .page-breadcrumb { list-style: none outside none; margin: 0px; padding: 0px 0 10px; font-weight: 500; font-size: 0.938rem; } .page-breadcrumb > li { color: #6a6a6a; display: inline-block; } .page-breadcrumb > li + li:before { color: #121212; font-family: 'fontAwesome'; content: "\f105"; padding: 0 10px 0 5px; } .page-breadcrumb > li a { color: #6a6a6a; } .page-breadcrumb > li.active a { color: #121212; } @media (max-width: 768px) { /*.page-breadcrumb { text-align: center; padding: 15px 0 5px; float: none; }*/ .page-breadcrumb {text-align: center;padding: 5px 0 5px;float: none;} } /*===================================================================================*/ /* 25.0 ABOUT US PAGE SECTION /*===================================================================================*/ /*===================================================================================*/ /* 26.0 CONTACT PAGE SECTION /*===================================================================================*/ #section-block.contact { padding-bottom: 0px; } /*===================================================================================*/ /* 27.0 GOOGLE MAP SECTION /*===================================================================================*/ /*===================================================================================*/ /* 28.0 CONTACT & ADDRESS INFORMATION SECTION /*===================================================================================*/ /*===================================================================================*/ /* 29.0 PAGE SCROLL UP /*===================================================================================*/ /* Text meant only for screen readers. */ /* Text meant only for screen readers. */ /*===================================================================================*/ /* 30.0 Jetpack Gallery Overlay /*===================================================================================*/ /*===================================================================================*/ /* 31.0 WOOCOMMERCE CSS /*===================================================================================*/ /*===================================================================================*/ /* 31.1 WOOCOMMERCE SIDEBAR WIDGETS /*===================================================================================*/ .title h3 { font-weight: 300; } /*===================================================================================*/ /* 31.2 WOOCOMMERCE PRODUCT CAROUSEL /*===================================================================================*/ /*Woocommerce Section----------------------------------------------------------------------------------------*/ /* .products span { color: #64646d; font-size: 0.938rem; font-weight: 600; } */ .page-breadcrumb > li { color:#ffffff; } @media (min-width: 768px) { .col { width: 50%; } } @media (min-width: 992px) { .col { width: 20%; } } .col { float: left; } /*===================================================================================*/ /* 31.3 WOOCOMMERCE SINGLE PRODUCT CSS /*===================================================================================*/ /*===================================================================================*/ /* 32.0 HEADER LOGO /*===================================================================================*/ .site-title h2 { font-size: 1.85rem; margin: auto; } .site-description { padding: 2px; } .site-title { padding: 10px; float: left; } /* Header Logo*/ @media (max-width: 480px) { .site-title { text-align: center; float: none; padding: 0; } } .dropdown-menu > .active > a:focus,.navbar-toggler:focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .page-breadcrumb > li.active { color: #121212; } @media ( max-width: 768px ){ #section-block { padding: 70px 0 35px; }} textarea:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /*blockquote p a, blockquote p a:hover, .post-content p a, .post-content p a:hover, .post-content table td a { box-shadow: none; }*/ .post-content a { text-decoration: underline; } table td > a { box-shadow: 0 0 0 0 currentColor !important; } .service .post { text-align: center; } .site-content .news .post-content { display: block; overflow: hidden; margin: 0px; } /* New widget css */ /*css for NavXT */ .page-breadcrumb span a { color: #6a6a6a; } /*css for Rank Math Breadcrumbs */ .page-breadcrumb span a:hover { color: #00a7d1; } .navbar-custom li > a {display: block;text-decoration: none;} body a:not(.news article a){text-decoration: none;} @media (min-width: 1200px) {body .container {width: 1170px;}} #section-block .post .post,.site-content .news .post .post,.site-content .news .post .post:hover{-webkit-box-shadow: unset;} /* Theme Name: Quality orange Theme URI: https://webriti.com/quality-orange-child-version-details-page/ Author: webriti Author URI: https://www.webriti.com Description: A Business theme which is ideal for creating a corporate or business website. Quality Orange is a colored-variation child theme of Quality. Quality Orange comes with various locales. Template: quality Tags: full-width-template, translation-ready, theme-options, custom-menu, threaded-comments, two-columns, sticky-post, blog, footer-widgets, featured-images, right-sidebar, left-sidebar Version: 1.3.1 Requires at least: 4.7 Tested up to: 6.9 Requires PHP: 5.4 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: quality-orange */ /*===================================================================================*/ /* Navbar-5 and index5 /*===================================================================================*/ .index5.navbar-header {background-color: #333333;} .navbar5.navbar-custom { min-height: 60px; padding:0; } .navbar5.navbar-custom .navbar-nav li > a { padding: 20px 15px 20px 15px; } .navbar5 ul li > a:before { content: ''; display: block; top: 30px; height: 2px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; position: relative; } .navbar5 ul li > a:hover:before { width: 100%; background: #00a8c9;; left: 0; } .navbar5 ul li > .dropdown-menu li > a:hover:before {background: #bbb;} .navbar5 .navbar-toggler { float: none; margin: 10px auto 10px; } .index5.navbar-header p { color: #FFFFFF; } @media (max-width: 600px) { .index5.navbar-header {text-align: center;} } .site-description { display: inline-block; } .navbar-header.index5{ padding: 30px 0px 25px; float: none; } .site-title h2 a { font-size: 1.85rem; margin: auto; } @media (max-width: 1100px) { .index5 .site-title.site-branding-text { text-align: center; float: none; }} .wp-block-image img{ width: 100%; } body .site-title {padding: 5px;} .navbar-custom{background-color:#fff0;border:0;border-radius:0;z-index:1000;font-size:1rem;transition:background,padding .4s ease-in-out 0s;margin:0;min-height:100px;padding:18px 0}.navbar a{transition:color .125s ease-in-out 0s}.navbar-custom .dropdown-menu{background:rgb(26 26 26);border-radius:0;border:0;padding:0;box-shadow:none}.navbar-custom .navbar-nav li{margin:0 10px;padding:0}.navbar-custom .navbar-nav li>a{position:relative;color:#121213;font-weight:600;font-size:1rem;line-height:1.4;padding:22px 15px;transition:all .35s ease}.navbar-custom .dropdown-menu>li>a{border-bottom:1px solid rgb(73 71 71 / .3)!important;padding:11px 11px 11px 0;letter-spacing:0;color:#bbb;font-size:.875rem;line-height:1.4;transition:all .35s ease}.navbar-custom .dropdown-menu .dropdown-menu{border-left:1px solid rgb(73 71 71 / .3);left:100%;right:auto;top:0;margin-top:0}.navbar-custom .navbar-nav>li>a:focus,.navbar-custom .navbar-nav>li>a:hover{background:0 0}.navbar-custom .navbar-nav>.active>a,.navbar-custom .navbar-nav>.active>a:hover,.navbar-custom .navbar-nav>.active>a:focus{background-color:#fff0}.navbar-custom .dropdown-menu a>i.fa{font-size:.938rem;position:absolute;right:0;margin-top:-6px;top:50%}@media (min-width:1100px){.navbar-custom .dropdown-menu a>i.fa{display:none}}@media (min-width:1100px){.navbar-custom .dropdown-menu a span:after{position:absolute;display:block;right:0;top:50%;margin-top:-6px;font:normal normal normal 14px/1 FontAwesome;font-size:.938rem;content:"\f105";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.navbar-custom .dropdown-menu>li{padding:0 20px;margin:0}.navbar-custom .dropdown-menu>li>a:focus,.navbar-custom .dropdown-menu>li>a:hover{background:0 0;color:#fff}.navbar-custom .dropdown-menu>.active>a,.navbar-custom .dropdown-menu>.active>a:hover,.navbar-custom .dropdown-menu>.active>a:focus{color:#fff;background-color:#fff0}.navbar-custom .dropdown a>i.fa{padding-left:7px;font-size:.938rem}.dropdown-menu{min-width:180px}ul.dropdown-menu span{padding-left:20px}@media (max-width:991px){.navbar-custom .navbar-nav{letter-spacing:0;margin-top:1px}.navbar-custom .navbar-nav li{margin:0 20px;padding:0}.navbar-custom .navbar-nav li>a{color:#bbb;padding:12px 0}.navbar-custom .navbar-nav>li>a:focus,.navbar-custom .navbar-nav>li>a:hover{background:0 0;color:#fff}.navbar-custom .navbar-nav .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;color:#bbb;white-space:normal}.navbar-custom .navbar-nav .dropdown-menu>li>a{padding:12px 30px 12px 0}.navbar-custom .dropdown-menu{position:static;float:none;width:auto;margin-top:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-custom .dropdown a>i.fa{position:absolute;display:block;right:0;top:6px;margin-top:0;padding-left:0;width:30px;height:30px;text-align:center;line-height:1.7;font-size:1rem}.navbar-custom .dropdown-menu .dropdown-menu{border-left:none}.navbar-custom .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom .navbar-nav .dropdown-menu>li>a:focus{color:#fff}.navbar-custom li a{border-bottom:1px solid rgb(73 71 71 / .3)!important}.navbar-header{float:none}.navbar-toggler{display:block;margin:29px 15px 29px 0;padding:5px 10px;float:right}.navbar-collapse{border-top:1px solid #fff0;box-shadow:inset 0 1px 0 rgb(255 255 255 / .1)}.navbar-custom .navbar-nav{background-color:#1a1a1a;float:none!important;margin:0!important}.navbar-custom .navbar-nav>li{float:none}.navbar-header{padding:0 15px;width:100%}.navbar-collapse{padding-right:0;padding-left:0}}@media (max-width:768px){.navbar-header{padding:0 15px}.navbar-collapse{padding-right:15px;padding-left:15px}}@media (max-width:600px){.navbar-toggler{float:none;margin:10px auto 30px}.site-title{float:unset}}@media (min-width:992px){.navbar-custom .container-fluid{width:970px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}}@media (min-width:1200px){.navbar-custom .container-fluid{width:1170px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}}@media only screen and (max-width:767px) and (min-width:601px){.site-title{padding:15px}}@media (max-width:600px){.navbar-header{text-align:center}.site-title{margin-bottom:0}}@media (min-width:601px) and (max-width:992px){.navbar-toggler{margin:12px 15px 12px 0}}@media (min-width:1101px) and (max-width:1371px){.navbar-custom .dropdown-menu .fa-angle-down:before{content:"\f105"}}@media (min-width:992px) and (max-width:1099px){.dropdown-menu .fa-angle-down:before{content:"\f105"}} /* * Author: Quality * Created by: Shahid (Scientech IT) * Copyright (c) 2018 Quality * Date: 23 April, 2018 * http://www.webriti.com * Name: default.css */ /*===================================================================================*/ /* NAVBAR /*===================================================================================*/ .navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus { color: #00a8c9; } .site-title h2 a:focus,.site-title h2 a:hover {color: #00a8c9;} a { color: #00a8c9; } /*===================================================================================*/ /* HEADER CONTACT DETAILS /*===================================================================================*/ /*===================================================================================*/ /* MAIN SLIDER /*===================================================================================*/ input[type="submit"]{ background: #00a8c9; } /*===================================================================================*/ /* OWL SLIDER NEXT - PREV BUTTONS /*===================================================================================*/ /*===================================================================================*/ /* OWL SLIDER / DOTS PAGINATIONS /*===================================================================================*/ /*===================================================================================*/ /* SECTION HEADER /*===================================================================================*/ /*===================================================================================*/ /* MIXED CLASSES /*===================================================================================*/ /*===================================================================================*/ /* SERVICE SECTION /*===================================================================================*/ .service .post:before { border-top-color: #00a8c9; border-bottom-color: #00a8c9; } .service .post:after { border-left-color: #00a8c9; border-right-color: #00a8c9; } /*===================================================================================*/ /* FUNFACT SECTION /*===================================================================================*/ /*===================================================================================*/ /* PORTFOLIO SECTION /*===================================================================================*/ /*===================================================================================*/ /* HOMEPAGE BLOG SECTION /*===================================================================================*/ /*===================================================================================*/ /* FOOTER COPYRIGHTS - SITE INFO /*===================================================================================*/ /*===================================================================================*/ /* TESTIMONIAL SECTION /*===================================================================================*/ /*===================================================================================*/ /* SHOP SECTION /*===================================================================================*/ /*===================================================================================*/ /* PAGE TITLE SECTION /*===================================================================================*/ .page-breadcrumb > li a:hover, .page-breadcrumb > li a:focus { color: #00a8c9; } /*===================================================================================*/ /* ABOUT US PAGE SECTION /*===================================================================================*/ /*===================================================================================*/ /* TEAM SECTION /*===================================================================================*/ /*===================================================================================*/ /* CONTACT & ADDRESS INFORMATION SECTION /*===================================================================================*/ /*===================================================================================*/ /* PAGE SCROLL UP /*===================================================================================*/ /*WOOCOMMERCE CSS----------------------------------------------------------------------------------------------------*/ /* Woocommerce Colors-------------------------------------------------------------------------------------------- */ /*===================================================================================*/ /* WOOCOMMERCE PRODUCT CAROUSEL /*===================================================================================*/ /*Woocommerce Section----------------------------------------------------------------------------------------*/ /*===================================================================================*/ /* SERVICE SECTION /*===================================================================================*/ .service { background-color: #ffffff; border-bottom: 1px solid #e8e8e8; padding: 70px 0 30px; } .service .post { background-color: #fff; margin: 0 0 20px; padding: 30px 20px 30px; position: relative; border-radius: 3px; transition: 0.3s; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .service .post:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); } .service .post:before, .service .post:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; z-index: 0; border-radius: 3px; } .service .post:before { border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .service .post:after { border-left-width: 2px; border-left-style: solid; border-right-width: 2px; border-right-style: solid; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .service .post:hover:after, .service .post:hover:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .service .post p { margin: 0; } @media (max-width:1199.98px){#custom-collapse.navbar-collapse.show{display:block!important}}