@charset "UTF-8";
@charset "UTF-8";
@font-face {
font-family: "bootstrap-icons";
src: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/fonts/bootstrap-icons.woff) format("woff2"),
url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/fonts/bootstrap-icons.woff2) format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-1::before { content: "\f2a5"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-1::before { content: "\f68a"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-1::before { content: "\f68d"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-1::before { content: "\f690"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-1::before { content: "\f695"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-1::before { content: "\f698"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-mortorboard-fill::before { content: "\f6a2"; }
.bi-mortorboard::before { content: "\f6a3"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-1::before { content: "\f6b6"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash-1::before { content: "\f6c2"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perferated-fill::before { content: "\f6c9"; }
.bi-ticket-perferated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport-1::before { content: "\f6e0"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-ssd-fill::before { content: "\f6ed"; }
.bi-ssd::before { content: "\f6ee"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-terminal-x::before { content: "\f6ff"; }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
-ms-filter: "alpha(opacity=0)"; }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
pointer-events: none;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input { width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
-ms-filter: "alpha(opacity=25)"; opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
-ms-filter: "alpha(opacity=70)"; font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
-ms-filter: "alpha(opacity=35)"; background-image: none;
}
.ui-state-disabled .ui-icon {
-ms-filter: "alpha(opacity=35)"; }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/css/images/ui-icons_777777_256x240.png);
}  .ui-icon-blank.ui-icon-blank.ui-icon-blank {
background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
} .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
-ms-filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }.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; } }
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
text-align: center;
}.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;box-shadow:0 3px 6px #ccc;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}:root {
--primary-color2: #ff6b55;
--primary-color3: #f46f30;
--gradient-color: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
--title-color1: #001d23;
--title-color2: #253d4e;
--text-color1: #8a8a8a;
--text-color2: #1f2124;
--text-color3: #62686e;
--text-color4: #4f4f4f;
--white: #ffffff;
--font-dosis: "Dosis";
--font-cabin: "Cabin";
} .widget-area .widget_egns_recent_post.widget_search {
background: unset;
box-shadow: none;
border-radius: unset;
padding: 0;
}
.widget-area .widget_egns_recent_post.widget_search::after {
content: none;
}
form.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
}
form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
background: var(--gradient-color);
border-radius: 0px 5px 5px 0px;
margin: 0;
border: none;
}
form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button svg {
fill: var(--white);
transform: rotate(265deg);
font-size: 20px;
} .widget-area .single-widgets.widget_egns_recent_post h1,
.widget-area .single-widgets.widget_egns_recent_post h2,
.widget-area .single-widgets.widget_egns_recent_post h3 {
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 1;
margin-bottom: 0;
}
.widget-area .widget_egns_recent_post::after {
content: "";
opacity: 0.2;
background: var(--primary-color3);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 70px;
}
.widget-area .single-widgets.widget_egns_recent_post .widget-title h3::after {
content: none;
}
.widget-area .widget_egns_recent_post:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts li a {
font-size: 1rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
transition: 0.35s;
}
.wp-block-latest-posts li a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.wp-block-latest-posts li {
margin-bottom: 12px;
}
.wp-block-latest-posts li:last-child {
margin-bottom: 0;
} .widget-area .widget_egns_recent_post ul,
.widget-area .widget_egns_recent_post ol {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
padding-top: 35px;
}
.widget-area .widget_egns_recent_post ul li,
.widget-area .widget_egns_recent_post ol li {
margin-top: 15px;
white-space: normal;
margin-bottom: 0;
}
.widget-area .widget_egns_recent_post ul li:first-child,
.widget-area .widget_egns_recent_post ol li:first-child {
margin-top: 0;
}
.wp-block-categories li:last-child {
margin-bottom: 0;
}
.widget-area .widget_egns_recent_post ul li a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
transition: 0.35s;
}
.widget-area .widget_egns_recent_post ul li.recentcomments a {
display: inline;
}
.widget-area .widget_egns_recent_post ul li a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.widget-area .widget_egns_recent_post ul li a span:before {
content: "(";
}
.widget-area .widget_egns_recent_post ul li a span::after {
content: ")";
}
p.logged-in-as a {
color: var(--primary-color2);
}
.logged-in-as a:nth-child(2) {
color: var(--primary-color2);
} .widget-area .widget_egns_recent_post .wp-block-tag-cloud {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
padding-top: 35px;
}
.widget-area .widget_egns_tag .wp-block-tag-cloud a:hover {
background: var(--gradient-color);
color: var(--white);
} .wp-block-search .wp-block-search__label {
margin-bottom: 25px;
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 1;
}  .blog-standard-area .blog-st-card {
position: relative;
}
.post .sticky-post-icon {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 100px;
content: "\e6de";
font-family: "themify";
display: block;
font-size: 80px;
color: var(--primary-color2);
left: auto;
padding-top: 14px;
line-height: 1;
text-align: center;
border-radius: 50%;
opacity: 0.3;
} .widget-area .widget_egns_recent_post ul.sub-menu,
.widget-area .widget_egns_recent_post ul.children {
padding-left: 15px;
padding-top: 15px;
}
.widget-area .widget_egns_recent_post ul.sub-menu li:first-child,
.widget-area .widget_egns_recent_post ul.children li:first-child {
padding-top: 0;
}
.wp-block-latest-comments {
margin: 0;
padding: 0;
}
.wp-block-latest-comments p,
.widget_recent_comments p {
margin-bottom: 0;
}
.wp-block-latest-comments__comment-meta {
background: none;
}
.wp-block-latest-comments li a,
.widget_recent_comments li a {
font-size: 1rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
transition: 0.35s;
line-height: 1.5;
}
.wp-block-latest-comments li a:hover,
.widget_recent_comments li a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} .nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: transparent;
color: var(--primary-color2);
}
.nice-select {
background-color: var(--white);
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: none;
font-weight: 500;
color: var(--text-color1);
height: 52px;
line-height: 52px;
outline: none;
position: relative;
text-align: left;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
width: 100%;
border-radius: 0px;
border: 1px solid rgba(41, 43, 49, 0.05);
font-size: 15px;
}
.nice-select .option {
margin-top: 0px !important;
word-break: break-word;
white-space: normal;
}
.nice-select .option {
color: var(--title-color1);
}
.widget-area .widget_egns_recent_post .nice-select {
margin-top: 47px;
}
label.wp-block-archives__label {
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.nice-select .current {
font-family: var(--font-cabin);
color: var(--text-color1);
font-size: 1rem;
}
.nice-select .list {
border: unset;
border: 1px solid rgba(41, 43, 49, 0.03);
margin-top: 3px;
z-index: 100;
border-radius: 0px;
width: 100%;
min-width: 80px;
}  .wp-calendar-table {
width: 100%;
margin: 0;
}
.widget-area .widget_egns_recent_post .wp-calendar-table {
margin-top: 47px;
}
table,
.page-wrapper table,
.blog-details table,
.comment-area table {
width: 100%;
border-left: 1px solid var(--primary-color2);
border-top: 1px solid var(--primary-color2);
margin-bottom: 30px;
}
#wp-calendar>caption {
background: var(--primary-color2) none repeat scroll 0 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
caption-side: top;
}
table th,
table tr,
.page-wrapper table th,
.page-wrapper table tr,
.page-wrapper table td,
.blog-details table th,
.blog-details table tr,
.blog-details table td,
.comment-area table th,
.comment-area table tr,
.comment-area table td {
border: 1px solid var(--primary-color2);
padding: 10px;
font-family: var(--font-cabin);
}
#wp-calendar th {
background: var(--primary-color3)1f;
padding: 5px 0;
text-align: center;
color: #252525;
font-size: 14px;
}
#wp-calendar tbody td {
border: 1px dashed var(--primary-color2);
padding: 5px 0;
text-align: center;
color: var(--text-color2);
}
nav.wp-calendar-nav {
color: var(--text-color2);
}
.wp-block-calendar a {
text-decoration: none;
} .widget_meta ul li a {
display: block;
margin-bottom: 10px;
position: relative;
font-weight: 500;
}
.widget_recent_entries li a {
display: block;
margin-bottom: 10px;
font-weight: 500;
}
.widget_meta ul li a:last-child {
margin-bottom: 0;
}
.widget_recent_entries li:last-child a {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
} .wp-block-rss__item-title a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.widget-area .widget_egns_recent_post.widget_rss p {
padding-top: 35px;
}
.widget-area .widget_egns_recent_post.widget_rss h3 a {
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 1;
}
.widget_rss li {
margin-bottom: 20px;
padding-bottom: 20px;
}
.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget_rss li a {
font-weight: 500;
}
.widget_rss li .rss-date {
display: block;
margin-bottom: 10px;
font-size: 14px;
color: var(--primary-color1);
}
.widget_rss li cite {
color: #252525;
letter-spacing: 1px;
margin-top: 5px;
display: block;
font-weight: 600;
}
.widget_rss li cite::before {
display: inline-block;
width: 20px;
height: 2px;
background: var(--primary-color1);
content: "";
position: relative;
top: -5px;
margin-right: 10px;
}
.sidebar-widget.page-search {
margin-top: 30px;
}
.widget_search .page-search form {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.sidebar-widget.page-search form input {
width: 70%;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.widget_search .page-search form button[type="submit"],
.error-area-wrapper form button[type="submit"] {
border-radius: 0px 143px 143px 0px;
height: 100%;
height: 48px;
padding: 10px 25px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: #f86ca7;
overflow: hidden;
z-index: 1;
font-weight: 600;
}
.widget_search .page-search form button[type="submit"]:hover,
.error-area-wrapper form button[type="submit"]:hover {
color: white;
}
.widget_search .page-search form button[type="submit"]::before,
.error-area-wrapper form button[type="submit"]::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.widget_search .page-search form button[type="submit"]:hover::before,
.error-area-wrapper form button[type="submit"]:hover::before {
width: 0;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
height: 50px;
border-radius: 3px 0px 0px 3px;
width: 100%;
border: 1px solid #F0F0F0;
padding: 20px;
}
.widget-area .widget_egns_recent_post .textwidget {
padding-top: 30px;
} .tagcloud {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 0;
padding-top: 35px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
.tagcloud a {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 600;
font-size: 0.875rem !important;
color: #a0a0a0;
background: rgba(197, 197, 197, 0.1);
border-radius: 2px;
padding: 5px 13px;
transition: 0.35s;
line-height: 30px;
margin-right: 5px;
}
.tagcloud a:hover {
background: var(--gradient-color);
color: var(--white);
} .blog-details ul,
.blog-details ol {
clear: both;
margin-top: 15px;
gap: 15px;
}
.blog-details ul li,
.blog-details ol li {
margin-bottom: 5px;
font-size: 1rem;
font-weight: 500;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
}
.page-wrapper .inner-post::after,
.entry-content::after,
.entry-summary::after,
.blog-details .blog-content::after {
clear: both;
content: "";
display: block;
} code {
padding: 5px 15px;
background: var(--primary-color2)82;
color: #212529 !important;
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
}
.para,
.faq-wrap .faq-body,
p {
font-size: 1.125rem;
font-weight: 400;
color: var(--text-color1);
font-family: var(--font-cabin);
line-height: 1.6;
} .blog-details img:last-of-type {
margin-bottom: 0;
}
.wp-block-image .alignright {
margin: 8px 0 8px 25px;
}
.wp-block-image figcaption {
text-align: unset;
}
.page-wrapper .inner-post::after,
.entry-content::after,
.entry-summary::after,
.blog-details .post-content::after {
clear: both;
content: "";
display: block;
} .alignleft {
float: left;
margin-right: 2em;
margin-bottom: 20px;
clear: both;
}
.wp-block-button__link {
background-color: var(--primary-color2);
padding: 8px 25px;
letter-spacing: 1;
color: #fff;
font-weight: 500;
}
.wp-block-button__link:hover {
background: #2e2d31;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0;
}
.alignright {
float: right;
margin-left: 2em;
margin-bottom: 20px;
clear: both;
} .wp-block-cover.has-background-dim {
color: #ffffff;
}
.wp-block-cover p.wp-block-cover-text {
font-size: 2em !important;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
line-height: 1.8;
color: #fff !important;
}
.alignfull,
.alignwide {
margin-bottom: 20px;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin-right: 5px;
}
.news-wrap2 .news-content figure.wp-block-gallery {
margin-bottom: 40px;
} .wp-block-latest-posts.wp-block-latest-posts__list {
margin-top: 30px;
}
.wp-block-latest-comments {
margin-top: 30px;
}
.blog-details-wrap .post-content blockquote.wp-block-quote>p,
.blog-details-wrap .post-content blockquote p,
.blog-comments blockquote p {
font-size: 1.375rem;
font-weight: 500;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
line-height: 1.7;
letter-spacing: 0.03em;
margin-bottom: 20px;
}
.blog-details-pages .wp-block-quote>cite,
.blog-details-pages .news-content blockquote cite {
font-size: 1.125rem;
font-weight: 500;
color: var(--title-color-dark);
font-family: var(--font-cabin);
}
.wp-block-media-text__content .has-large-font-size+p {
line-height: 1.6;
}
.news-wrap2 .news-content .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 100px !important;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 100px !important;
}
.news-wrap2 .news-content blockquote.has-text-color.has-light-gray-color {
padding: 50px 90px;
}
.news-wrap2 .news-content blockquote.has-text-color.has-light-gray-color p {
font-size: 24px;
color: var(--text-color1);
font-weight: 600;
line-height: 1.3em;
margin-bottom: 10px;
font-style: normal;
}
.wp-block-quote.has-text-align-right {
padding-right: 3em !important;
}
.page-wrapper blockquote,
.blog-details blockquote,
.comment-area blockquote {
background: var(--primary-color2)21;
border-radius: 5px;
padding: 20px 45px;
position: relative;
}
.blog-details blockquote::before,
.page-wrapper blockquote::before,
.comment-area blockquote::before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/quage-icon-top.svg);
position: absolute;
left: 15px;
}
.blog-details blockquote::after,
.page-wrapper blockquote::after,
.comment-area blockquote::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/quage-icon-btm.svg);
position: absolute;
right: 15px;
bottom: 15px;
}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote::before {
left: -45px;
top: -35px;
}
.page-wrapper blockquote p {
font-size: 1.375rem;
font-weight: 500;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
line-height: 1.7;
letter-spacing: 0.03em;
}
.blog-details-pages blockquote::after {
content: "";
width: 5px;
height: 100%;
background: #BF9444;
border-radius: 0px 5px 5px 0px;
position: absolute;
left: 0;
top: 0;
}
.blog-details-pages blockquote.has-very-dark-gray-color::after {
content: none;
}
blockquote.wp-block-quote.has-text-align-right.extraclass {
text-align: right;
}
.news-wrap2 .news-content .wp-block-quote.has-text-align-right {
padding-right: 2em;
}
.page-wrapper blockquote.extraclass,
.blog-details blockquote.extraclass,
.blog-details-pages .news-wrap2 .news-content blockquote.extraclass,
.comment-area blockquote.extraclass {
margin-bottom: 20px;
}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote {
max-width: 60%;
text-align: left;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
max-width: 80%;
background: transparent !important;
padding: 0 !important;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote cite {
font-size: 16px;
}
.news-wrap2 .news-content .has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
max-width: 80%;
background: transparent;
padding: 0;
}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote p {
font-size: 28px;
color: rgba(0, 29, 35, 0.7);
}  .blog-details-wrap .post-content p.has-large-font-size {
line-height: 1.6;
}
.blog-details-wrap .post-content p.has-large-font-size+p {
line-height: 1.3;
}
.blog-details-wrap .post-content .has-very-light-gray-color,
.blog-details-wrap .post-content .has-text-align-center.has-large-font-size {
color: #eee;
}
.wp-block-video figcaption {
margin-top: 15px;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.wp-block-archives-list.extraclass.wp-block-archives {
list-style: none;
padding: 0;
}
.wp-block-archives-list.extraclass.wp-block-archives li a:hover {
color: var(--primary-color2);
}
.blog-details .wp-block-archives-dropdown .nice-select,
.blog-details .wp-block-categories-dropdown .nice-select {
margin-bottom: 30px;
}
.wp-block-calendar {
margin-bottom: 30px;
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d;
background: #FAF7F7;
}
.blog-details form {
background: var(--white);
border-radius: 5px;
padding: 45px 35px;
margin-bottom: 20px;
text-align: left;
}
.blog-details form.post-password-form {
text-align: center;
}
.blog-details p.wp-block-tag-cloud {
margin-bottom: 25px;
} .wp-block-group.has-background {
padding: 20px;
margin-bottom: 30px;
}
.wp-block-file {
font-family: var(--font-cabin);
color: #868686;
}
.wp-block-embed__wrapper {
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
} .comment-area dl,
.comment-area ul,
.comment-area ol,
.comment-area address,
.post-content dl,
.post-content address,
.page-wrapper .inner-post dl,
.page-wrapper .inner-post ul,
.page-wrapper .inner-post ol,
.page-wrapper .inner-post address {
font-family: var(--font-cabin);
} .page-wrapper .inner-post .pagination {
clear: both;
gap: 10px;
}
.page-wrapper .inner-post .pagination .page-title {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 1.125rem;
line-height: 22px;
text-transform: capitalize;
color: var(--title-color1);
}
.paginations-area .pagination .page-item a.dots {
border: none;
background: unset;
}
.paginations-area .pagination .page-item a.dots:hover {
border: none;
background: unset;
color: unset;
box-shadow: none;
}
.pagination li .current {
z-index: 3;
display: inline-block;
color: var(--white);
background-color: var(--primary-color2);
border-color: var(--primary-color2);
padding: .175rem .75rem;
border-radius: 5px 5px 5px 0px;
font-weight: 600;
}
.pagination li a {
position: relative;
display: inline-block;
color: var(--title-color1);
font-size: 16px;
padding: .175rem .75rem;
font-weight: 600;
text-decoration: none;
background-color: var(--white);
border: 1px solid #EEEEEE;
border-radius: 5px 5px 5px 0px;
transition: 0.42s ease;
}
.pagination li a:hover {
color: var(--white);
background-color: var(--primary-color2);
} pre.wp-block-code {
background: var(--primary-color2)82;
border: none;
}
.wp-block-code code {
color: #2a2d33;
}
pre.wp-block-preformatted {
margin-top: 10px;
}
pre {
margin-top: 15px;
color: #212529;
background-color: var(--primary-color2)82;
background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
background-size: 38px 38px;
border: 1px solid var(--primary-color2)82;
display: block;
line-height: 19px;
margin-bottom: 20px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
word-break: break-word;
}
.blog-details-wrap .post-content blockquote {
margin-bottom: 20px;
}
.news-content .wp-block-table .has-fixed-layout * {
border-color: var(--primary-color1);
} .alignnone {
margin-bottom: 20px;
margin-top: 20px;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
} .blog-details form input {
height: 50px;
border-radius: 3px 0px 0px 3px;
width: inherit;
border: 1px solid #d6d6d6;
padding: 20px;
background: var(--white);
}
.blog-details input {
font-size: 14px;
height: 40px;
letter-spacing: 3px;
}
.blog-details form input[type="submit"],
.blog-details form button[type="submit"] {
min-width: 90px;
border-radius: 0px 5px 5px 0px;
font-weight: 600;
padding: 10px 15px;
background: var(--primary-color2);
border: none;
transition: all 0.42s ease-in-out;
height: 50px;
margin: 0;
color: var(--white);
} h3.comment-reply-title {
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
h3.comment-reply-title small {
font-weight: 400;
font-size: 1rem;
letter-spacing: 0.03em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
transition: 0.35s;
}
.comment-list li {
margin-bottom: 50px;
}
.comment-list li:last-child {
margin-bottom: 0;
}
.comment-respond {
margin-top: 40px;
}
.single-comment .comment-content {
max-width: 856px;
width: 100%;
}
.page-wrapper .comment-area .comment-content {
max-width: unset;
}
.comment-area blockquote {
margin-bottom: 30px;
}
#commentform .form-submit {
margin-bottom: 0;
}
@media (max-width: 576px) {
.blog-details-pages .comment-area .children {
padding: 0;
margin: 0 0 0 25px;
}
}
@media (max-width: 576px) {
.blog-details-pages .comment-area .comment-list-area .comment-list ul.children>li .single-comment {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.blog-details-pages .comment-area .comment-list-area .comment-list ul.children>li .single-comment .comment-image {
margin-bottom: 10px;
}
} .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
} embed,
iframe,
object {
max-width: 100%;
} .error-area-wrapper .search-form {
display: flex;
justify-content: center;
}
.error-area-wrapper h3 {
font-size: 3.225rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 63px;
letter-spacing: 0.03em;
text-transform: capitalize;
margin-bottom: 20px;
}
.error-area-wrapper p {
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 36px;
letter-spacing: 0.03em;
} .news-wrap2 .post-audio iframe,
.news-wrap2 .post-video iframe {
min-height: 400px;
}
.post-formate-quote blockquote {
font-size: 1.75rem;
font-weight: 700;
color: var(--text-color1);
font-family: var(--font-cormorant);
line-height: 1.3;
} .news-wrap2 .post-gallery {
position: relative;
}
.news-wrap2 .post-gallery .slider-arrows {
position: absolute;
top: 50%;
z-index: 2;
padding: 0 50px;
transform: translateY(-50%);
}
.news-wrap2 .post-gallery .slider-arrows .custom-swiper-prev,
.news-wrap2 .post-gallery .slider-arrows .custom-swiper-next {
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid var(--white);
transition: all 0.5s ease;
}
.news-wrap2 .post-gallery .blog-archive-arrows {
justify-content: space-between;
width: 100%;
flex-direction: row;
align-items: center;
}
.news-wrap2 .post-gallery .blog-archive-arrows i {
color: var(--primary-color1);
}
.blog-details-pages .news-content h2 {
font-weight: 700;
color: #000;
font-family: var(--font-cormorant);
}
.blog-details-pages .news-content .wp-block-column {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-pages .news-content .wp-block-column li {
font-size: 1.125rem;
font-weight: 400;
color: var(--text-color1);
font-family: var(--font-cabin);
margin-bottom: 10px;
}
.blog-details-pages .news-content .wp-block-column ul {
padding-left: 0;
list-style: none;
}
.blog-details-pages .news-content .wp-block-column ul li i {
font-weight: 700;
color: var(--primary-color1);
font-size: 14px;
margin-right: 7px;
}
.blog-details-pages .news-content .wp-block-column ul {
margin-top: 0px;
}
.blog-details-pages .news-content .wp-block-column ul:last-child {
margin-bottom: 0px;
}  select.wpcf7-form-control.wpcf7-select {
width: 100%;
background: rgba(9, 22, 29, 0.8);
border: 1px solid rgba(238, 238, 238, 0.1);
border-radius: 10px;
height: 55px;
padding: 8px 20px;
font-size: 1rem;
font-weight: 400;
color: white;
font-family: var(--font-cabin);
}
.nice-select.wpcf7-form-control.wpcf7-select {
width: 100%;
background: rgba(9, 22, 29, 0.8);
border: 1px solid rgba(238, 238, 238, 0.1);
border-radius: 10px;
height: 55px;
padding: 8px 20px;
font-size: 1rem;
font-weight: 400;
color: white;
font-family: var(--font-cabin);
}
.nice-select ul.list {
width: 100%;
background: var(--white);
border: 1px solid rgba(238, 238, 238, 0.1);
border-radius: 0px;
padding: 8px 20px;
font-size: 0.9rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
height: 250px;
overflow-y: scroll;
} input.wpcf7-form-control.wpcf7-text {
width: 100%;
background: #09161D;
border: 1px solid rgba(238, 238, 238, 0.2);
border-radius: 50px;
height: 55px;
padding: 20px 20px;
font-size: 1rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
font-family: var(--font-cabin);
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
background: rgba(9, 22, 29, 0.6);
border: 1px solid rgba(238, 238, 238, 0.1);
border-radius: 10px;
height: 200px;
padding: 20px 30px;
font-size: 1rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
font-family: var(--font-cabin);
}
input#datepicker {
width: 100%;
background: #09161D;
border: 1px solid rgba(238, 238, 238, 0.2);
border-radius: 50px;
height: 55px;
padding: 20px 20px;
font-size: 1rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
font-family: var(--font-cabin);
} input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 100%;
border-radius: 50px;
background-color: var(--primary-color1);
font-size: 1.125rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-cabin);
height: 55px;
z-index: 2;
transition: 0.3s ease all;
position: relative;
overflow: hidden;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
color: var(--primary-color1);
background-color: var(--white);
}  .widget-area .single-widgets .wp-block-social-links {
margin: 0;
padding: 0;
list-style: none;
padding-top: 48px;
gap: 35px;
display: flex;
align-items: center;
}
.widget-area .single-widgets .wp-block-social-links li {
margin: 0;
}
.widget-area .single-widgets .wp-block-social-links li a {
position: relative;
height: 36px;
width: 36px;
line-height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gradient-color);
border-radius: 50%;
color: var(--white);
font-size: 20px;
transform: 0.35s;
z-index: 1;
} .wc-block-featured-product__wrapper {
align-content: center;
align-items: center;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
overflow: hidden;
width: 100%;
padding: 15px;
}
.wc-block-featured-product .wc-block-featured-product__title,
.wc-block-featured-product .wc-block-featured-product__variation {
border: 0;
margin-top: 0;
padding: 0;
font-size: 30px;
margin-bottom: 20px;
}
.wc-block-featured-product__description {
padding: 0;
margin-bottom: 20px;
}
.wc-block-featured-product__description p {
line-height: 1.5;
margin: 0;
color: #fff;
}
.wc-block-featured-product__description,
.wc-block-featured-product__link,
.wc-block-featured-product__price,
.wc-block-featured-product__title,
.wc-block-featured-product__variation {
color: inherit;
padding: 0;
width: 100%;
z-index: 1;
margin-bottom: 20px;
}
.wc-block-featured-product__wrapper .wc-block-featured-product__price span.woocommerce-Price-amount.amount {
font-size: 24px;
}.alignleft {
float: left;
margin-bottom: 20px;
clear: both;
}
.alignright {
float: right;
margin-bottom: 20px;
clear: both;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.alignnone {
margin-bottom: 20px;
margin-top: 20px;
}
.alignfull,
.alignwide {
margin-bottom: 20px;
}
.clearfix {
display: block;
clear: both;
content: '';
}
a:focus,
a:hover {
text-decoration: none;
outline: 0;
}
img,
svg {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2e2d31;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
body,
html {
height: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
button,
input[type="submit"],
a.read-more {
position: relative;
z-index: 1;
}
button:before,
input[type="submit"]:before,
a.read-more:before {
z-index: -1;
position: absolute;
width: 0;
height: 100%;
content: "";
top: 0;
right: 0;
transition: 0.5s;
}
button:hover:before,
input[type="submit"]:hover:before,
a.read-more:hover:before {
right: auto;
left: 0;
width: 100%;
}
.center,
.left,
.right {
position: relative;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.font12 {
font-size: 12px;
}
.font14 {
font-size: 14px;
}
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font22 {
font-size: 22px;
}
.font24 {
font-size: 24px;
}
.font26 {
font-size: 26px;
}
.font28 {
font-size: 28px;
}
.font32 {
font-size: 32px;
}
.font30 {
font-size: 30px;
}
.font36 {
font-size: 36px;
}
.font38 {
font-size: 38px;
}
.font48 {
font-size: 48px;
}
.font42 {
font-size: 42px;
}
.font48 {
font-size: 48px;
}
.font50 {
font-size: 50px;
}
.font52 {
font-size: 52px;
}
.font60 {
font-size: 60px;
}
.font80 {
font-size: 80px;
}
.font120 {
font-size: 120px;
}
.font140 {
font-size: 140px;
}
@media only screen and (min-width: 1200px) {
.lg-center {
text-align: center;
}
.lg-left {
text-align: left;
}
.lg-right {
text-align: right;
}
.lg-font12 {
font-size: 12px;
}
.lg-font14 {
font-size: 14px;
}
.lg-font16 {
font-size: 16px;
}
.lg-font18 {
font-size: 18px;
}
.lg-font20 {
font-size: 20px;
}
.lg-font22 {
font-size: 22px;
}
.lg-font24 {
font-size: 24px;
}
.lg-font26 {
font-size: 26px;
}
.lg-font28 {
font-size: 28px;
}
.lg-font32 {
font-size: 32px;
}
.lg-font30 {
font-size: 30px;
}
.lg-font36 {
font-size: 36px;
}
.lg-font38 {
font-size: 38px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font42 {
font-size: 42px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font50 {
font-size: 50px;
}
.lg-font52 {
font-size: 52px;
}
.lg-font60 {
font-size: 60px;
}
.lg-font80 {
font-size: 80px;
}
.lg-font120 {
font-size: 120px;
}
.lg-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-center {
text-align: center;
}
.md-left {
text-align: left;
}
.md-right {
text-align: right;
}
.md-font12 {
font-size: 12px;
}
.md-font14 {
font-size: 14px;
}
.md-font16 {
font-size: 16px;
}
.md-font18 {
font-size: 18px;
}
.md-font20 {
font-size: 20px;
}
.md-font22 {
font-size: 22px;
}
.md-font24 {
font-size: 24px;
}
.md-font26 {
font-size: 26px;
}
.md-font28 {
font-size: 28px;
}
.md-font32 {
font-size: 32px;
}
.md-font30 {
font-size: 30px;
}
.md-font36 {
font-size: 36px;
}
.md-font38 {
font-size: 38px;
}
.md-font48 {
font-size: 48px;
}
.md-font42 {
font-size: 42px;
}
.md-font48 {
font-size: 48px;
}
.md-font50 {
font-size: 50px;
}
.md-font52 {
font-size: 52px;
}
.md-font60 {
font-size: 60px;
}
.md-font80 {
font-size: 80px;
}
.md-font120 {
font-size: 120px;
}
.md-font140 {
font-size: 140px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center {
text-align: center;
}
.sm-left {
text-align: left;
}
.sm-right {
text-align: right;
}
.sm-font12 {
font-size: 12px;
}
.sm-font14 {
font-size: 14px;
}
.sm-font16 {
font-size: 16px;
}
.sm-font18 {
font-size: 18px;
}
.sm-font20 {
font-size: 20px;
}
.sm-font22 {
font-size: 22px;
}
.sm-font24 {
font-size: 24px;
}
.sm-font26 {
font-size: 26px;
}
.sm-font28 {
font-size: 28px;
}
.sm-font32 {
font-size: 32px;
}
.sm-font30 {
font-size: 30px;
}
.sm-font36 {
font-size: 36px;
}
.sm-font38 {
font-size: 38px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font42 {
font-size: 42px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font50 {
font-size: 50px;
}
.sm-font52 {
font-size: 52px;
}
.sm-font60 {
font-size: 60px;
}
.sm-font80 {
font-size: 80px;
}
.sm-font120 {
font-size: 120px;
}
.sm-font140 {
font-size: 140px;
}
}
@media only screen and (max-width: 767px) {
.xs-center {
text-align: center;
}
.xs-left {
text-align: left;
}
.xs-right {
text-align: right;
}
.xs-font12 {
font-size: 12px;
}
.xs-font14 {
font-size: 14px;
}
.xs-font16 {
font-size: 16px;
}
.xs-font18 {
font-size: 18px;
}
.xs-font20 {
font-size: 20px;
}
.xs-font22 {
font-size: 22px;
}
.xs-font24 {
font-size: 24px;
}
.xs-font26 {
font-size: 26px;
}
.xs-font28 {
font-size: 28px;
}
.xs-font32 {
font-size: 32px;
}
.xs-font30 {
font-size: 30px;
}
.xs-font36 {
font-size: 36px;
}
.xs-font38 {
font-size: 38px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font42 {
font-size: 42px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font50 {
font-size: 50px;
}
.xs-font52 {
font-size: 52px;
}
.xs-font60 {
font-size: 60px;
}
.xs-font80 {
font-size: 80px;
}
.xs-font120 {
font-size: 120px;
}
.xs-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.xsl-center {
text-align: center;
}
.xsl-left {
text-align: left;
}
.xsl-right {
text-align: right;
}
.xsl-font12 {
font-size: 12px;
}
.xsl-font14 {
font-size: 14px;
}
.xsl-font16 {
font-size: 16px;
}
.xsl-font18 {
font-size: 18px;
}
.xsl-font20 {
font-size: 20px;
}
.xsl-font22 {
font-size: 22px;
}
.xsl-font24 {
font-size: 24px;
}
.xsl-font26 {
font-size: 26px;
}
.xsl-font28 {
font-size: 28px;
}
.xsl-font32 {
font-size: 32px;
}
.xsl-font30 {
font-size: 30px;
}
.xsl-font36 {
font-size: 36px;
}
.xsl-font38 {
font-size: 38px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font42 {
font-size: 42px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font50 {
font-size: 50px;
}
.xsl-font52 {
font-size: 52px;
}
.xsl-font60 {
font-size: 60px;
}
.xsl-font80 {
font-size: 80px;
}
.xsl-font120 {
font-size: 120px;
}
.xsl-font140 {
font-size: 140px;
}
}
.width50 {
width: 50px;
}
.width60 {
width: 60px;
}
.width70 {
width: 70px;
}
.width80 {
width: 80px;
}
.width90 {
width: 90px;
}
.width100 {
width: 100px;
}
.width110 {
width: 110px;
}
.width120 {
width: 120px;
}
.width50p {
width: 50%;
}
.width70p {
width: 70%;
}
.width80p {
width: 80%;
}
.width90p {
width: 90%;
}
.width100p,
.width100p img {
width: 100%;
}
.display-table {
display: table;
}
.display-table-cell {
display: table-cell;
}
.vertical-align-middle {
vertical-align: middle;
}
.last-p-mb0 p:last-of-type {
margin-bottom: 0;
}
.first-h4-mb0 h4:first-of-type {
margin-bottom: 0;
}
.font300 {
font-weight: 300;
}
.font400 {
font-weight: 400;
}
.font500 {
font-weight: 500;
}
.font600 {
font-weight: 600;
}
.font700 {
font-weight: 700;
}
.font800 {
font-weight: 800;
}
.fix {
overflow: hidden;
}
.relative {
position: relative;
overflow: hidden;
}
.absulute {
position: absolute;
}
.v-center {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 9;
}
.h-center {
left: 50%;
transform: translateX(-50%);
}
.h-center-reverse {
right: 50%;
transform: translateX(50%);
}
.content-center {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.item-center {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.flex-v-center {
display: flex;
align-items: center;
}
.display-block {
display: block;
}
.social-bookmark li {
display: inline;
}
.social-bookmark li a {
display: inline-block;
margin: 0 2px;
text-align: center;
}
.inline li {
display: inline;
}
.inline-block li {
display: inline-block;
}
.inline-block {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-width100p {
width: 100%;
}
.flex-v-center {
display: inherit;
}
}
@media only screen and (max-width: 767px) {
.xs-width100p {
width: 100%;
}
.flex-v-center {
align-items: inherit;
display: inherit;
}
}
.mt100 {
margin-top: 100px;
}
.mt90 {
margin-top: 90px;
}
.mt80 {
margin-top: 80px;
}
.mt70 {
margin-top: 70px;
}
.mt60 {
margin-top: 60px;
}
.mt50 {
margin-top: 50px;
}
.mt40 {
margin-top: 40px;
}
.mt30 {
margin-top: 30px;
}
.mt20 {
margin-top: 20px;
}
.mt10 {
margin-top: 10px;
}
.no-margin {
margin: 0;
}
.mb100 {
margin-bottom: 100px;
}
.mb90 {
margin-bottom: 90px;
}
.mb80 {
margin-bottom: 80px;
}
.mb70 {
margin-bottom: 70px;
}
.mb60 {
margin-bottom: 60px;
}
.mb50 {
margin-bottom: 50px;
}
.mb40 {
margin-bottom: 40px;
}
.mb30 {
margin-bottom: 30px;
}
.mb20 {
margin-bottom: 20px;
}
.mb10 {
margin-bottom: 10px;
}
.mb0 {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
.lg-mb0 {
margin-bottom: 0;
}
.lg-mb10 {
margin-bottom: 10px;
}
.lg-mb20 {
margin-bottom: 20px;
}
.lg-mb30 {
margin-bottom: 30px;
}
.lg-mb40 {
margin-bottom: 40px;
}
.lg-mb50 {
margin-bottom: 50px;
}
.lg-mb60 {
margin-bottom: 60px;
}
.lg-mb70 {
margin-bottom: 70px;
}
.lg-mb80 {
margin-bottom: 80px;
}
.lg-mb100 {
margin-bottom: 100px;
}
.lg-mt0 {
margin-top: 0;
}
.lg-mt10 {
margin-top: 10px;
}
.lg-mt20 {
margin-top: 20px;
}
.lg-mt30 {
margin-top: 30px;
}
.lg-mt40 {
margin-top: 40px;
}
.lg-mt50 {
margin-top: 50px;
}
.lg-mt60 {
margin-top: 60px;
}
.lg-mt70 {
margin-top: 70px;
}
.lg-mt80 {
margin-top: 80px;
}
.lg-mt100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-mb0 {
margin-bottom: 0;
}
.md-mb10 {
margin-bottom: 10px;
}
.md-mb20 {
margin-bottom: 20px;
}
.md-mb30 {
margin-bottom: 30px;
}
.md-mb40 {
margin-bottom: 40px;
}
.md-mb50 {
margin-bottom: 50px;
}
.md-mb60 {
margin-bottom: 60px;
}
.md-mb70 {
margin-bottom: 70px;
}
.md-mb80 {
margin-bottom: 80px;
}
.md-mb100 {
margin-bottom: 100px;
}
.md-mt0 {
margin-top: 0;
}
.md-mt10 {
margin-top: 10px;
}
.md-mt20 {
margin-top: 20px;
}
.md-mt30 {
margin-top: 30px;
}
.md-mt40 {
margin-top: 40px;
}
.md-mt50 {
margin-top: 50px;
}
.md-mt60 {
margin-top: 60px;
}
.md-mt70 {
margin-top: 70px;
}
.md-mt80 {
margin-top: 80px;
}
.md-mt100 {
margin-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-mb0 {
margin-bottom: 0;
}
.sm-mb10 {
margin-bottom: 10px;
}
.sm-mb20 {
margin-bottom: 20px;
}
.sm-mb30 {
margin-bottom: 30px;
}
.sm-mb40 {
margin-bottom: 40px;
}
.sm-mb50 {
margin-bottom: 50px;
}
.sm-mb60 {
margin-bottom: 60px;
}
.sm-mb70 {
margin-bottom: 70px;
}
.sm-mb80 {
margin-bottom: 80px;
}
.sm-mb100 {
margin-bottom: 100px;
}
.sm-mt0 {
margin-top: 0;
}
.sm-mt10 {
margin-top: 10px;
}
.sm-mt20 {
margin-top: 20px;
}
.sm-mt30 {
margin-top: 30px;
}
.sm-mt40 {
margin-top: 40px;
}
.sm-mt50 {
margin-top: 50px;
}
.sm-mt60 {
margin-top: 60px;
}
.sm-mt70 {
margin-top: 70px;
}
.sm-mt80 {
margin-top: 80px;
}
.sm-mt100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 767px) {
.xs-mb0 {
margin-bottom: 0;
}
.xs-mb10 {
margin-bottom: 10px;
}
.xs-mb20 {
margin-bottom: 20px;
}
.xs-mb30 {
margin-bottom: 30px;
}
.xs-mb40 {
margin-bottom: 40px;
}
.xs-mb50 {
margin-bottom: 50px;
}
.xs-mb60 {
margin-bottom: 60px;
}
.xs-mb70 {
margin-bottom: 70px;
}
.xs-mb80 {
margin-bottom: 80px;
}
.xs-mb100 {
margin-bottom: 100px;
}
.xs-mt0 {
margin-top: 0;
}
.xs-mt10 {
margin-top: 10px;
}
.xs-mt20 {
margin-top: 20px;
}
.xs-mt30 {
margin-top: 30px;
}
.xs-mt40 {
margin-top: 40px;
}
.xs-mt50 {
margin-top: 50px;
}
.xs-mt60 {
margin-top: 60px;
}
.xs-mt70 {
margin-top: 70px;
}
.xs-mt80 {
margin-top: 80px;
}
.xs-mt100 {
margin-top: 100px;
}
}
.section-padding {
padding: 100px 0;
}
.padding-top {
padding-top: 100px;
}
.padding-bottom {
padding-bottom: 100px;
}
.padding-100-70 {
padding-top: 100px;
padding-bottom: 70px;
}
.padding-100-50 {
padding-top: 100px;
padding-bottom: 50px;
}
.padding-100-40 {
padding-top: 100px;
padding-bottom: 40px;
}
.padding-100-30 {
padding-top: 100px;
padding-bottom: 30px;
}
.padding-50-50 {
padding: 50px 0;
}
.padding-150-150 {
padding: 150px 0;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding100 {
padding: 100px;
}
.padding90 {
padding: 90px;
}
.padding80 {
padding: 80px;
}
.padding70 {
padding: 70px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding: 20px;
}
.padding10 {
padding: 10px;
}
.no-padding {
padding: 0;
}
@media only screen and (min-width: 1200px) {
.lg-padding-top-10 {
padding-top: 10px;
}
.lg-padding-top-20 {
padding-top: 20px;
}
.lg-padding-top-30 {
padding-top: 30px;
}
.lg-padding-top-40 {
padding-top: 40px;
}
.lg-padding-top-50 {
padding-top: 50px;
}
.lg-padding-top-60 {
padding-top: 60px;
}
.lg-padding-top-70 {
padding-top: 70px;
}
.lg-padding-top-80 {
padding-top: 80px;
}
.lg-padding-top-90 {
padding-top: 90px;
}
.lg-padding-top-100 {
padding-top: 100px;
}
.lg-padding-bottom-10 {
padding-bottom: 10px;
}
.lg-padding-bottom-20 {
padding-bottom: 20px;
}
.lg-padding-bottom-30 {
padding-bottom: 30px;
}
.lg-padding-bottom-40 {
padding-bottom: 40px;
}
.lg-padding-bottom-50 {
padding-bottom: 50px;
}
.lg-padding-bottom-60 {
padding-bottom: 60px;
}
.lg-padding-bottom-70 {
padding-bottom: 70px;
}
.lg-padding-bottom-80 {
padding-bottom: 80px;
}
.lg-padding-bottom-90 {
padding-bottom: 90px;
}
.lg-padding-bottom-100 {
padding-bottom: 100px;
}
.lg-padding100 {
padding: 100px;
}
.lg-padding90 {
padding: 90px;
}
.lg-padding80 {
padding: 80px;
}
.lg-padding70 {
padding: 70px;
}
.lg-padding60 {
padding: 60px;
}
.lg-padding50 {
padding: 50px;
}
.lg-padding40 {
padding: 40px;
}
.lg-padding30 {
padding: 30px;
}
.lg-padding20 {
padding: 20px;
}
.lg-padding10 {
padding: 10px;
}
.lg-padding0 {
padding: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-padding-top-10 {
padding-top: 10px;
}
.md-padding-top-20 {
padding-top: 20px;
}
.md-padding-top-30 {
padding-top: 30px;
}
.md-padding-top-40 {
padding-top: 40px;
}
.md-padding-top-50 {
padding-top: 50px;
}
.md-padding-top-60 {
padding-top: 60px;
}
.md-padding-top-70 {
padding-top: 70px;
}
.md-padding-top-80 {
padding-top: 80px;
}
.md-padding-top-90 {
padding-top: 90px;
}
.md-padding-top-100 {
padding-top: 100px;
}
.md-padding-bottom-10 {
padding-bottom: 10px;
}
.md-padding-bottom-20 {
padding-bottom: 20px;
}
.md-padding-bottom-30 {
padding-bottom: 30px;
}
.md-padding-bottom-40 {
padding-bottom: 40px;
}
.md-padding-bottom-50 {
padding-bottom: 50px;
}
.md-padding-bottom-60 {
padding-bottom: 60px;
}
.md-padding-bottom-70 {
padding-bottom: 70px;
}
.md-padding-bottom-80 {
padding-bottom: 80px;
}
.md-padding-bottom-90 {
padding-bottom: 90px;
}
.md-padding-bottom-100 {
padding-bottom: 100px;
}
.md-padding100 {
padding: 100px;
}
.md-padding90 {
padding: 90px;
}
.md-padding80 {
padding: 80px;
}
.md-padding70 {
padding: 70px;
}
.md-padding60 {
padding: 60px;
}
.md-padding50 {
padding: 50px;
}
.md-padding40 {
padding: 40px;
}
.md-padding30 {
padding: 30px;
}
.md-padding20 {
padding: 20px;
}
.md-padding10 {
padding: 10px;
}
.md-padding0 {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-padding-top-10 {
padding-top: 10px;
}
.sm-padding-top-20 {
padding-top: 20px;
}
.sm-padding-top-30 {
padding-top: 30px;
}
.sm-padding-top-40 {
padding-top: 40px;
}
.sm-padding-top-50 {
padding-top: 50px;
}
.sm-padding-top-60 {
padding-top: 60px;
}
.sm-padding-top-70 {
padding-top: 70px;
}
.sm-padding-top-80 {
padding-top: 80px;
}
.sm-padding-top-90 {
padding-top: 90px;
}
.sm-padding-top-100 {
padding-top: 100px;
}
.sm-padding-bottom-10 {
padding-bottom: 10px;
}
.sm-padding-bottom-20 {
padding-bottom: 20px;
}
.sm-padding-bottom-30 {
padding-bottom: 30px;
}
.sm-padding-bottom-40 {
padding-bottom: 40px;
}
.sm-padding-bottom-50 {
padding-bottom: 50px;
}
.sm-padding-bottom-60 {
padding-bottom: 60px;
}
.sm-padding-bottom-70 {
padding-bottom: 70px;
}
.sm-padding-bottom-80 {
padding-bottom: 80px;
}
.sm-padding-bottom-90 {
padding-bottom: 90px;
}
.sm-padding-bottom-100 {
padding-bottom: 100px;
}
.sm-padding100 {
padding: 100px;
}
.sm-padding90 {
padding: 90px;
}
.sm-padding80 {
padding: 80px;
}
.sm-padding70 {
padding: 70px;
}
.sm-padding60 {
padding: 60px;
}
.sm-padding50 {
padding: 50px;
}
.sm-padding40 {
padding: 40px;
}
.sm-padding30 {
padding: 30px;
}
.sm-padding20 {
padding: 20px;
}
.sm-padding10 {
padding: 10px;
}
.sm-padding0 {
padding: 0;
}
.section-padding {
padding: 80px 0;
}
.padding-top {
padding-top: 80px;
}
.padding-bottom {
padding-bottom: 80px;
}
.padding-100-50 {
padding-top: 80px;
padding-bottom: 30px;
}
.padding-100-70 {
padding-top: 80px;
padding-bottom: 50px;
}
.padding-100-30 {
padding-top: 80px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.xs-padding-top-10 {
padding-top: 10px;
}
.xs-padding-top-20 {
padding-top: 20px;
}
.xs-padding-top-30 {
padding-top: 30px;
}
.xs-padding-top-40 {
padding-top: 40px;
}
.xs-padding-top-50 {
padding-top: 50px;
}
.xs-padding-top-60 {
padding-top: 60px;
}
.xs-padding-top-70 {
padding-top: 70px;
}
.xs-padding-top-80 {
padding-top: 80px;
}
.xs-padding-top-90 {
padding-top: 90px;
}
.xs-padding-top-100 {
padding-top: 100px;
}
.xs-padding-bottom-10 {
padding-bottom: 10px;
}
.xs-padding-bottom-20 {
padding-bottom: 20px;
}
.xs-padding-bottom-30 {
padding-bottom: 30px;
}
.xs-padding-bottom-40 {
padding-bottom: 40px;
}
.xs-padding-bottom-50 {
padding-bottom: 50px;
}
.xs-padding-bottom-60 {
padding-bottom: 60px;
}
.xs-padding-bottom-70 {
padding-bottom: 70px;
}
.xs-padding-bottom-80 {
padding-bottom: 80px;
}
.xs-padding-bottom-90 {
padding-bottom: 90px;
}
.xs-padding-bottom-100 {
padding-bottom: 100px;
}
.xs-padding100 {
padding: 100px;
}
.xs-padding90 {
padding: 90px;
}
.xs-padding80 {
padding: 80px;
}
.xs-padding70 {
padding: 70px;
}
.xs-padding60 {
padding: 60px;
}
.xs-padding50 {
padding: 50px;
}
.xs-padding40 {
padding: 40px;
}
.xs-padding30 {
padding: 30px;
}
.xs-padding20 {
padding: 20px;
}
.xs-padding10 {
padding: 10px;
}
.xs-padding0 {
padding: 0;
}
.section-padding {
padding: 50px 0;
}
.padding-top {
padding-top: 50px;
}
.padding-bottom {
padding-bottom: 50px;
}
.padding-100-50 {
padding-top: 50px;
padding-bottom: 0;
}
.padding-100-70 {
padding-top: 50px;
padding-bottom: 20px;
}
.padding-100-30 {
padding-top: 50px;
padding-bottom: 0;
}
}
.theme-bg {
background: #f85d1c;
}
.green-bg {
background: #f6fafb;
}
.white-green-bg {
background: #eaf6fa;
}
.gray-bg {
background: #f0f1ff;
}
.light-gray-bg {
background-color: #f7f7f7;
}
.deep-gray-bg {
background-color: #f2f0ff;
}
.sky-gray-bg {
background: #f7f9fc;
}
.soft-gray-bg {
background: #f8f8ff;
}
.dark-bg {
background: rgba(0, 0, 0, 0.85);
color: #fff;
}
.alt-dark-bg {
background: #0a0c19;
color: #fff;
}
.deep-dark-bg {
background: rgba(0, 0, 0, 0.9);
color: #fff;
}
.alt-deep-dark-bg {
background: #050713;
color: #fff;
}
.no-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.black,
.black a,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black small,
.red,
.red a,
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red small,
.white,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white small {
color: #fff;
}
.border {
border: 1px solid #ddd;
}
.border-left {
border-left: 1px solid #ddd;
}
.border-right {
border-right: 1px solid #ddd;
}
.border-bottom {
border-bottom: 1px solid #ddd;
}
.border-top {
border-top: 1px solid #ddd;
}
.border-righ-bottom {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
.border-xs {
border: 1px solid #ddd;
}
}
.border-radious5 {
border-radius: 5px;
}
.border-radious10 {
border-radius: 10px;
}
.border-radious20 {
border-radius: 20px;
}
.border-radious50 {
border-radius: 50px;
}
.shadow {
box-shadow: 0 0 3px #ddd;
}
.shadow10 {
box-shadow: 0 0 3px #ddd;
transition: 0.3s;
}
.shadow10:hover,
.shadow:hover {
transform: translateY(-5px);
}
.no-shadow {
box-shadow: 0 0 0 0 transparent;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
outline: 0;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
outline: 0;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
outline: 0;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
embed,
iframe,
object {
width: 100%;
border: 0;
}
figure.wp-block-gallery {
margin-bottom: 40px !important;
}body {
box-sizing: border-box;
}
:root {
--primary-color2: #ff6b55;
--primary-color3: #f46f30;
--gradient-color: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
--title-color1: #001d23;
--title-color2: #253d4e;
--text-color1: #8a8a8a;
--text-color2: #1f2124;
--text-color3: #62686e;
--text-color4: #4f4f4f;
--white: #ffffff;
--font-dosis: "Dosis";
--font-cabin: "Cabin";
}
*,
*::before,
*::after {
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
word-wrap: break-word;
}
table * {
word-break: initial;
}
#site-content {
overflow: hidden;
}
.page-wrapper .inner-post table th,
.blog-wrapper .blog-details table th,
.blog-comment-form table th {
color: #00274e;
} header .site-title h3 {
color: #fff;
margin: 0;
font-weight: 500;
}
header .set-menu h4 a {
color: #fff;
}
@media (max-width: 991px) {
header .set-menu h4 {
margin-top: 25px;
}
} .group::after,
.entry-content::after {
clear: both;
content: "";
display: block;
} a,
path {
transition: all 0.15s linear;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
text-align: center;
display: inline-block;
text-decoration: none;
transition: all 0.45s ease-in-out;
text-transform: capitalize;
font-family: var(--font-dosis);
cursor: pointer;
overflow: hidden;
}
button i,
input[type="button"] i,
input[type="reset"] i,
input[type="submit"] i {
font-weight: 200;
vertical-align: middle; color: white;
} select {
border: 1px solid #cccccc;
}
textarea {
border-radius: 3px 0px 0px 3px;
width: 100%;
border: 1px solid #F0F0F0;
padding: 20px;
background: #F0F0F0;
}
.blog-details-single input {
padding: 10px;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
}
.kc-contact-form7 input,
.kc-contact-form7 textarea {
padding: 10px;
}
.owl-carousel .owl-item img {
max-width: 100%;
width: auto;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--primary-color1);
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
float: left;
margin-right: 2em;
}
.alignright {
float: right;
margin-left: 2em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .widget select {
max-width: 100%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-wrapper .inner-post:after,
.entry-content:after,
.entry-summary:after,
.blog-details .blog-content::after {
clear: both;
content: "";
display: block;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.blog-news .blog-post-area #commentform {
padding-bottom: 0;
}
.blog-news .blog-comment-form .form-submit {
margin-bottom: 0;
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
} .page-wrapper .inner-post .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
color: #555;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.single .blog-wrapper .blog-details figure.gallery-item {
margin-bottom: 20px;
}
.single .blog-wrapper .blog-details figure.gallery-item img {
margin-bottom: 5px;
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin-right: 5px;
}   .single-widgets area form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
margin-bottom: 10px;
}
@media (max-width: 767px) {
body:not(.rtl) .elementor-2670 .elementor-element.elementor-element-ad8c723 {
left: 60px;
top: 50%;
margin-top: -35px;
}
.custom-shape-left {
display: none !important;
}
} @media (max-width: 991px) {
body.logged-in.admin-bar .main-menu.show-menu {
margin-top: 42px;
}
body.logged-in.admin-bar header.sticky .main-menu.show-menu {
margin-top: 0;
}
.widget-area {
margin-top: 40px;
}
} @media (max-width: 991px) {
body.logged-in.admin-bar .main-menu.show-menu {
margin-top: 42px;
}
body.logged-in.admin-bar header .main-nav {
margin-top: 32px;
}
body.logged-in.admin-bar header.sticky .main-nav {
margin-top: 0;
}
body.logged-in.admin-bar header.sticky .main-menu.show-menu {
margin-top: 0;
}
.widget-area {
margin-top: 40px;
}
}
body.logged-in.admin-bar .header-area.sticky {
margin-top: 32px;
position: absolute;
}
body.logged-in.admin-bar .header-area.sticky {
position: fixed;
}
@media screen and (max-width: 783px) {
body.logged-in.admin-bar .header-area.sticky {
margin-top: 0;
position: fixed;
}
body.logged-in.admin-bar .header-area.sticky .main-nav {
margin-top: 0;
}
}
@media screen and (max-width: 576px) {
body.logged-in.admin-bar .header-area.sticky {
position: fixed;
}
}:root {
--primary-color2: #ff6b55;
--primary-color3: #f46f30;
--gradient-color: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
--title-color1: #001d23;
--title-color2: #253d4e;
--title-color-dark: #09161d;
--text-color1: #8a8a8a;
--text-color2: #1f2124;
--text-color3: #62686e;
--text-color4: #4f4f4f;
--white: #ffffff;
--font-dosis: "Dosis";
--font-cabin: "Cabin";
} .woocommerce {
margin: 0;
padding: 0;
}
.sec-mar {
margin: 120px 0 120px 0;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
} .woocommerce-products-header {
min-height: 500px;
position: relative;
z-index: 9;
display: flex;
align-items: center;
background-size: cover;
padding: 260px 0px 140px;
background-color: #000;
}
.woocommerce-products-header h1 {
letter-spacing: 2px;
font-size: 4.375rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
}
.woocommerce .woocommerce-breadcrumb {
padding: 0;
margin: 10px 0;
font-size: 20px;
font-weight: 500;
color: var(--white);
}
.woocommerce .woocommerce-breadcrumb a {
color: var(--primary-color3);
}
.shop-sort-group {
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
background: var(--white);
margin-bottom: 30px;
border-radius: 6px;
padding: 20px;
}
.woocommerce-page .woocommerce-result-count {
float: none;
margin: 0;
display: inline-block;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin: 0;
}
.woocommerce-page .woocommerce-ordering .nice-select {
height: auto;
background: #FBFBFB;
border-radius: 3px;
border: none;
min-width: 210px;
line-height: 1.9;
font-family: var(--font-cabin);
font-weight: 500;
font-size: 12px;
color: rgba(37, 61, 78, 0.7);
padding-top: 5px;
padding-bottom: 5px;
}
.woocommerce-page .woocommerce-ordering .nice-select .list {
width: 100%;
z-index: 10;
}
.woocommerce-page .woocommerce-ordering .nice-select .option {
padding: 0 10px;
}
.woocommerce-page .woocommerce-ordering .nice-select .current {
color: var(--text-secondary);
font-size: 16px;
font-weight: 400;
}
.woocommerce span.onsale {
position: absolute;
min-height: unset;
min-width: unset;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 1;
top: 10px;
left: 10px;
margin: 0;
border-radius: 30px;
color: var(--white);
padding: 5px 10px;
background-color: var(--primary-color3);
z-index: 9;
}
.woocommerce ul.products li.product a {
text-decoration: none;
color: #fff;
background-color: var(--primary-color3);
}
.woocommerce ul.products li.product a:hover {
color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0;
margin-bottom: 10px;
font-size: 20px;
color: var(--primary-color3);
}
.woocommerce ul.products li.product .price {
color: var(--primary-color3);
font-size: 18px;
display: block;
font-weight: 600;
margin-bottom: 0;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: 0.5;
display: inline-block;
font-size: 14px;
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 600;
display: inline-block;
text-decoration: none;
}
.woocommerce ul.products li.product .product-thumbnails {
position: relative;
}
.woocommerce ul.products li.product .product-thumbnails a img {
margin: 0;
}
.woocommerce ul.products li.product .product-thumbnails .button {
position: absolute;
bottom: 0;
left: 15px;
font-size: 12px;
padding: 12px 20px;
min-width: 120px;
opacity: 0;
visibility: hidden;
text-transform: uppercase;
transition: all ease-in-out 0.5s;
}
.woocommerce ul.products li.product:hover .product-thumbnails .button {
bottom: 15px;
visibility: visible;
opacity: 1;
color: var(--white);
}
.woocommerce ul.products li.product .product-thumbnails a.added_to_cart {
position: absolute;
bottom: 20px;
right: 15px;
padding: 5px;
color: var(--white);
font-size: 10px;
min-width: 80px;
text-align: center;
border-radius: 30px;
text-transform: uppercase;
background-color: var(--primary-color3);
}
.woocommerce ul.products li.product .product-content {
padding: 20px;
border: 1px solid #eee;
border-top: 0;
} .woocommerce nav.woocommerce-pagination ul {
border: none;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
padding: 0;
margin: 0 2px;
float: none;
display: inline-block;
overflow: hidden;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: unset;
font-size: 16px;
font-weight: 400;
padding: 0;
min-width: unset;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--primary-color3);
color: var(--white);
}  .woocommerce .single-product {
margin: 0;
padding: 0;
}
.woocommerce-error,
.woocommerce-info {
border-top-color: var(--primary-color3);
}
.woocommerce-info .showcoupon {
color: var(--primary-color3);
font-weight: 600;
}
.woocommerce div.product {
position: relative; margin-bottom: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images {
margin-bottom: 80px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: transparent;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
width: 15px;
height: 15px;
top: 10px;
left: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
width: 3px;
height: 12px;
top: 22px;
left: 28px;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--primary-color3);
font-size: 20px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 600;
display: inline-block;
text-decoration: navajowhite;
}
.woocommerce div.product .woocommerce-product-details__short-description p {
font-size: 16px;
font-weight: 400;
margin: 0;
color: var(--text-secondary);
}
.woocommerce div.product form.cart {
margin: 30px 0;
}
.woocommerce div.product form.cart div.quantity {
position: relative;
float: left;
margin: 0 10px 0 0;
}
.woocommerce-variation.single_variation {
margin-bottom: 25px;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px;
margin-bottom: 30px;
}
.woocommerce div.product form.cart div.quantity button::before,
.woocommerce div.product form.cart div.quantity button::after {
display: none;
}
.woocommerce div.product form.cart div.quantity .minus,
.woocommerce div.product form.cart div.quantity .plus {
position: absolute;
left: 15px;
top: 50%;
color: #000;
font-size: 14px;
width: auto;
border: none;
padding: 0;
line-height: 40px;
background: transparent;
transform: translateY(-50%);
}
.woocommerce div.product form.cart div.quantity .plus {
left: auto;
right: 15px;
}
.woocommerce .quantity .qty {
text-align: center;
font-size: 16px;
min-width: 150px;
border-radius: 3px;
padding: 0 30px;
border: 1px solid #eee;
height: 50px;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
transition: all ease 0.5s;
width: auto;
min-width: 150px;
}
.woocommerce div.product form.cart .button::before,
.woocommerce div.product form.cart .button::after {
display: none;
}
.woocommerce div.product form.cart button.button.alt {
background-color: #25373a;
color: var(--white);
}
.woocommerce div.product form.cart button.button.alt:hover {
background-color: #ff553c;
color: var(--white);
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var(--primary-color3);
color: var(--white);
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #000;
color: var(--white);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
color: var(--white);
font-size: 1.125rem;
border-radius: 3px;
background-color: var(--primary-color3);
-webkit-font-smoothing: antialiased;
line-height: 25px;
}
.woocommerce div.product div.summary .product_meta span {
font-size: 16px;
margin: 5px 0;
color: #000;
font-weight: 600;
margin-right: 30px;
}
.woocommerce div.product div.summary .product_meta span .sku {
color: var(--primary-color3);
font-weight: 600;
}
.woocommerce div.product div.summary .product_meta span a {
font-weight: 600;
color: var(--primary-color3);
}
.woocommerce div.product div.summary .product_meta span.sku_wrapper,
.woocommerce div.product div.summary .product_meta span.posted_in {
display: block;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
clear: both;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0 0 50px 0;
padding-bottom: 15px;
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
position: relative;
z-index: 0; padding: 0;
border: none;
border-radius: 0;
display: inline-block;
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
color: var(--primary-color3);
z-index: 2;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
padding: 0;
color: #001d23;
font-weight: 700;
display: inline-block;
text-decoration: none;
font-size: 1.125rem;
}
.woocommerce table.shop_attributes td p {
padding: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 24px;
color: #000;
display: block;
margin-bottom: 20px;
font-weight: 600;
}
.related.products,
.woocommerce-tabs.wc-tabs-wrapper {
margin-top: 80px;
}
.related.products h2 {
margin-bottom: 40px;
}
.related.products ul.products li {
margin-bottom: 0;
width: 100%;
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
background-color: var(--primary-color3);
color: var(--white);
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
gap: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
float: none;
margin: 10px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
border: 1px solid var(--primary-color3);
}
.woocommerce-message {
border-top-color: var(--primary-color3);
}
.woocommerce-message::before {
content: "\e015";
color: var(--primary-color3);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-size: 18px;
font-weight: 600;
color: var(--white);
background-color: var(--primary-color3);
}
.woocommerce a.button:hover {
color: var(--white);
background-color: var(--title-color-dark);
}
.woocommerce-message a.button,
.woocommerce-Message a.button {
font-size: 12px;
padding: 10px 20px;
text-transform: capitalize;
} .woocommerce div.product form.cart .variations {
margin-bottom: 30px;
}
.woocommerce div.product form.cart .variations tr th {
padding: 10px;
}
.woocommerce div.product form.cart .variations tr td {
position: relative;
line-height: normal;
vertical-align: middle;
}
.woocommerce div.product form.cart .variations tr td .nice-select {
width: 100%;
height: 45px;
padding: 0 10px;
line-height: 45px;
font-size: 16px;
font-weight: 600;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.83em;
position: absolute;
left: 0;
bottom: -15px;
font-weight: 500;
text-transform: uppercase;
color: var(--primary-color3);
}
form.variations_form.cart th.label {
width: 110px;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: transparent;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: transparent;
}
form.variations_form.cart td.value .nice-select ul.list {
height: auto;
}
.value.datepicker {
position: relative;
}
.value.datepicker:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/calendar-check.png);
position: absolute;
right: 15px;
top: 15px;
}
.value.datepicker input#datepicker {
width: 100%;
height: 50px;
font-family: var(--font-cabin);
border-radius: 0;
border: 1px solid rgba(41, 43, 49, 0.05);
padding: 10px 17px;
font-size: .75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: var(--white);
} .woocommerce div.product form.cart table.group_table tr {
border: none;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: middle;
}
.woocommerce div.product form.cart .group_table td ins {
text-decoration: none;
} .woocommerce #reviews #comments h2 {
clear: none;
margin-bottom: 40px;
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
margin: 0 0 30px;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
top: 50%;
width: 80px;
height: 80px;
transform: translateY(-50%);
border-radius: 50%;
}
.woocommerce div.product .woocommerce-product-rating {
margin: 20px 0 5px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 100px;
padding: 20px;
background: #FAF7F7;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 16px;
margin-bottom: 10px;
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0;
}
.woocommerce .products .star-rating {
margin: 10px 0 0 0;
}
.woocommerce .star-rating,
.woocommerce .star-rating::before {
color: var(--primary-color3);
}
.woocommerce #review_form #respond .comment-reply-title {
margin-bottom: 20px;
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
display: block;
}
.woocommerce #review_form #respond .comment-notes {
color: #333;
font-weight: 600;
}
.woocommerce #review_form #respond .comment-form input {
border: 1px solid #eee;
background: transparent;
}
.woocommerce #review_form #respond .comment-form label {
display: inline;
margin-bottom: 5px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
width: 100%;
gap: 20px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .nice-select {
max-width: 170px;
width: 100%;
border: 1px solid #eee;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .nice-select.open .list {
width: 100%;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating label {
margin: 0;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .stars {
margin: 0;
line-height: 1;
}
.woocommerce p.stars a {
color: #f46f30 !important;
}
.woocommerce p.stars:hover a::before {
content: "\e020";
color: var(--primary-color3);
}
.woocommerce #review_form #respond .comment-form textarea {
background: transparent;
border: 1px solid #eee;
height: 150px;
}
.woocommerce #review_form #respond .comment-form input[type="submit"] {
color: var(--white);
border: none;
background: var(--primary-color3);
min-width: 150px;
}
.woocommerce #review_form #respond .comment-form input[type="submit"]:hover {
color: var(--white);
background-color: #000;
}  .woocommerce-cart-form {
padding: 40px 10px;
background-color: rgba(0, 0, 0, 0.02);
}
.woocommerce table.shop_table {
border: none;
margin: 0;
text-align: left;
width: 100%;
border-collapse: collapse;
border-radius: 0;
}
.woocommerce table.shop_table tr {
border: none;
}
.woocommerce table.shop_table th {
font-weight: 600;
padding: 10px 15px;
line-height: normal;
border: none;
color: var(--primary-color3);
border-bottom: 1px solid #eee;
}
.woocommerce table.shop_table td {
border: none;
padding: 10px 15px;
vertical-align: middle;
line-height: normal;
border-bottom: 1px solid #eee;
}
.woocommerce table.shop_table td.actions {
border-bottom: 0;
padding-top: 30px;
}
.woocommerce-cart table.cart .product-thumbnail {
position: relative;
}
.woocommerce-cart table.cart .product-thumbnail img {
width: 60px;
margin-left: 20px;
}
.woocommerce-cart table.cart .product-thumbnail .product-remove {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.woocommerce-cart table.cart .product-thumbnail .product-remove a.remove {
color: red;
font-weight: unset;
line-height: 0.9em;
}
.woocommerce-cart table.cart .product-thumbnail .product-remove a.remove:hover {
color: var(--white);
background: var(--primary-color3);
}
.woocommerce table.shop_table .quantity {
position: relative;
display: inline-block;
}
.woocommerce table.shop_table .quantity .qty {
height: 40px;
width: 120px !important;
}
.woocommerce table.shop_table .quantity .minus,
.woocommerce table.shop_table .quantity .plus {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
background: transparent;
color: var(--primary-color3);
font-size: 11px;
line-height: 40px;
border: none;
width: auto;
}
.woocommerce table.shop_table .quantity .plus {
left: auto;
right: 14px;
}
.woocommerce table.shop_table .coupon {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.woocommerce table.shop_table td.actions button.button:before,
.woocommerce table.shop_table td.actions button.button:after {
display: none;
}
.woocommerce table.shop_table td.actions button.button {
font-size: 16px;
padding: 14px 40px;
background-color: #000;
transition: all ease-in-out 0.5s;
}
.woocommerce table.shop_table td.actions button.button:hover {
color: var(--white);
background-color: var(--primary-color3);
}
.woocommerce-message .restore-item {
font-weight: 600;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 0;
margin-top: 40px;
} .woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button {
color: #000;
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after {
display: none;
}
.cart_totals h2 {
font-size: 16px;
margin-bottom: 30px;
text-transform: uppercase;
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
.woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping th,
.woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping td {
padding: 20px 15px;
}
.woocommerce table.shop_table tr.order-total th,
.woocommerce table.shop_table tr.order-total td {
border-bottom: none;
}
.woocommerce-cart-form__cart-item.cart_item td a {
color: #5e5e5e;
}
.woocommerce-cart-form__cart-item.cart_item td a:hover {
color: var(--primary-color3);
}  .woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 49.5%;
}
.woocommerce form.checkout_coupon button.button::before,
.woocommerce form.checkout_coupon button.button::after {
display: none;
}
.woocommerce form.checkout_coupon button:hover {
color: var(--white);
background-color: var(--primary-color3);
} .woocommerce-billing-fields h3 {
font-size: 1.563rem;
font-weight: 800;
font-family: var(--font-dosis);
line-height: 1.6;
color: var(--title-color1);
text-transform: capitalize;
margin-bottom: 20px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #eee;
padding: 20px;
text-align: left;
border-radius: 5px;
max-width: 600px;
margin: 40px auto;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper p.form-row {
padding: 3px;
margin: 0 0 20px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
border: 1px solid #eee;
height: 48px;
padding: 0 10px;
}
.select2-container--default .select2-selection--single {
background-color: var(--white);
border: 1px solid #eee;
border-radius: 4px;
height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
position: absolute;
top: 1px;
right: 5px;
width: 20px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
height: 150px;
padding: 10px;
}
#ship-to-different-address {
position: relative;
font-size: 1.563rem;
margin-bottom: 20px;
color: var(--title-color1);
padding-left: 30px;
font-family: var(--font-dosis);
text-transform: capitalize;
font-weight: 800;
}
#ship-to-different-address-checkbox {
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
} #order_review_heading {
font-size: 24px;
color: var(--primary-color3);
margin-bottom: 30px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
border-radius: 5px;
}
.woocommerce-checkout-review-order table.shop_table td {
font-weight: 600;
}
.woocommerce-checkout-review-order table.shop_table td span {
font-weight: 400;
margin-top: 3px;
display: inline-block;
}
.woocommerce-checkout-review-order table.shop_table .order-total td span {
font-weight: 600;
color: #000;
}
.woocommerce ul#shipping_method li input {
vertical-align: unset;
}
.place-order button {
height: 48px;
transition: all ease-in-out.5s;
}
.place-order button::before,
.place-order button::after {
display: none;
} .woocommerce .woocommerce-order-details h2 {
font-size: 24px;
color: var(--primary-color3);
margin-bottom: 30px;
}
.woocommerce ul.order_details {
padding: 0;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 5em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.woocommerce .woocommerce-order-details table.shop_table th,
.woocommerce .woocommerce-order-details table.shop_table td {
font-size: 14px;
font-weight: 400;
padding: 10px 0;
color: var(--text-secondary);
}
.woocommerce .woocommerce-order-details table.shop_table th,
.woocommerce .woocommerce-order-details table.shop_table th {
font-size: 18px;
font-weight: 600;
color: #000;
}
.woocommerce-table__product-name.product-name a {
color: #000;
font-weight: 600;
}
ul.wc-item-meta {
padding-left: 10px;
}
ul.wc-item-meta li {
margin: 10px 0;
}
ul.wc-item-meta li strong,
ul.wc-item-meta li p {
font-size: 14px;
line-height: 1;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 20px;
}
.woocommerce-column__title {
font-size: 24px;
color: var(--primary-color3);
margin-bottom: 30px;
}
.woocommerce .woocommerce-customer-details address {
border: none;
padding: 0;
} .woocommerce-no-products-found {
text-align: center;
margin: 80px 0;
}
.woocommerce-no-products-found img {
margin-bottom: 30px;
}
.woocommerce-no-products-found span {
font-size: 40px;
font-weight: 600;
display: block;
margin-bottom: 20px;
color: var(--primary-color3);
font-family: var(--font-yeseva);
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 0.2em 0 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: right;
height: 40px;
margin-top: 20px;
padding: 10px 20px;
}  .woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 25px;
}
.woocommerce-MyAccount-navigation ul li:last-child {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
font-size: 16px;
color: #000;
font-weight: 500;
padding: 8px 20px;
background-color: rgb(221, 221, 221, 0.2);
display: block;
text-transform: capitalize;
border: 1px solid #eee;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--primary-color3);
border-left: 5px solid var(--primary-color3);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.button.view {
padding: 8px 15px;
font-size: 10px;
}
.woocommerce-Addresses {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 40px;
}
.woocommerce-Address {
height: 100%;
box-sizing: border-box;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
padding: 20px;
}
.woocommerce-account .addresses .title h3 {
float: left;
font-size: 24px;
color: var(--primary-color3);
margin-bottom: 30px;
}
.woocommerce-account .addresses .title .edit {
float: right;
color: var(--primary-color3);
}
.woocommerce-EditAccountForm.edit-account legend {
font-size: 20px;
color: var(--primary-color3);
text-transform: uppercase;
margin: 10px 0 0px;
font-weight: 500;
}
.woocommerce-EditAccountForm.edit-account button.button,
.woocommerce-address-fields button.button {
margin-top: 15px;
transition: all ease-in-out 0.5s;
}
.woocommerce-EditAccountForm.edit-account button.button:before,
.woocommerce-EditAccountForm.edit-account button.button:after,
.woocommerce-address-fields button.button:before,
.woocommerce-address-fields button.button:after {
display: none;
}
.woocommerce-EditAccountForm.edit-account button.button:hover,
.woocommerce-address-fields button.button:hover {
color: var(--white);
background-color: var(--primary-color3);
}
.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination a.button {
margin-top: 40px;
min-width: 120px;
font-weight: 500;
text-align: center;
padding: 12px 20px;
} .wishlist_table .product-add-to-cart a {
display: inline-block !important;
margin: 0 auto 5px !important;
text-align: center;
font-size: 15px;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
transition: all 0.4s ease-in-out;
background: var(--gradient-color);
padding: 10px 20px;
border-radius: 30px;
}
.wishlist_table .product-add-to-cart a:hover {
color: var(--text-color2);
}  #shop-left-sidebar {
margin: 0;
padding: 0;
}
.shop-widget-item {
margin-bottom: 40px;
}
.shop-widget-item:last-child {
margin-bottom: 0;
}
.shop-widget-title {
position: relative;
font-size: 2.4rem;
font-weight: 600;
color: var(--primary-color3);
font-family: var(--font-yeseva);
display: inline-block;
padding-bottom: 12px;
margin-bottom: 30px;
} .wc-block-components-sort-select {
margin-bottom: 20px;
text-align: left;
}
.wc-block-components-sort-select__label {
display: inline-block;
font-weight: 500;
margin-right: 15px;
font-size: 16px;
text-transform: uppercase;
color: #333;
}
.wc-block-components-sort-select__select {
font-size: 16px;
border: 1px solid #eee;
padding: 5px 10px;
cursor: pointer;
background: transparent;
}
.wc-block-components-review-list-item__info {
margin-bottom: 15px;
} .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
font-weight: 600;
color: var(--title-color2);
transition: all .5s;
}
.wc-block-grid__product-title:hover {
color: var(--primary-color3);
}
.wc-block-grid__product-rating .star-rating {
float: none;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
border: 1px solid #bababa;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
font-size: 12px;
}
.wc-block-grid__product-onsale {
position: absolute;
font-size: 12px;
font-weight: 600;
top: 5px;
right: 5px;
border: none;
color: var(--white);
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
}
.wc-block-grid__product-price del {
font-size: 12px;
}
.wc-block-grid__product-price ins {
text-decoration: none;
}
.wc-block-grid__product-price {
display: block;
color: #000;
font-weight: 600;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-size: 14px;
}
.wp-block-button__link:hover {
background: #2e2d31;
color: var(--white);
} .wc-block-product-categories-list {
margin: 0;
padding: 0;
list-style: none;
}
.wc-block-product-categories-list li {
position: relative;
margin-bottom: 10px;
}
.wc-block-product-categories-list li:last-child {
margin: 0;
}
.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
position: absolute;
right: 0;
}
.wc-block-product-categories-list li a {
font-size: 16px;
font-weight: 600;
color: var(--text-secondary);
display: inline-block;
transition: all ease-in-out 0.5s;
}
.wc-block-product-categories-list li a:hover,
.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
color: var(--primary-color3);
}
.wc-block-product-categories-list li ul {
padding-left: 20px;
margin-top: 10px;
} .wc-blocks-filter-wrapper h3 {
position: relative;
font-size: 2.4rem;
font-weight: 600;
color: var(--primary-color3);
font-family: var(--font-yeseva);
display: inline-block;
padding-bottom: 12px;
margin-bottom: 30px;
}
.wc-block-components-price-slider__controls {
align-items: center;
display: flex;
gap: 10px;
justify-content: space-between;
margin: 30px 0;
}
.wc-block-components-price-slider__controls input.wc-block-formatted-money-amount {
border: 0;
padding: 0;
max-width: unset;
}  .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
float: left;
min-width: 150px;
margin: 10px 20px 0 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
margin-top: 15px;
}
.woocommerce-LostPassword.lost_password {
margin: 0;
color: red;
font-weight: 500;
}
.woocommerce-privacy-policy-text a {
color: #000;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}  .collection-card .collection-content .price bdi span {
font-weight: 700 !important;
font-family: var(--font-cabin) !important;
margin-left: 5px !important;
}
.essential-items-area .collection-card .collection-content h4 a h2 {
text-align: left;
}
.collection-card .collection-content h4 a h2 {
font-size: 1.375rem !important;
font-weight: 700 !important;
color: var(--title-color2) !important;
font-family: var(--font-dosis) !important;
transition: 0.35s !important;
}
.collection-card .collection-content h4 a h2:hover {
color: var(--primary-color3) !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0;
height: 40px;
width: 40px;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid;
border-color: rgba(0, 29, 35, 0.3);
font-size: 1.125rem;
font-weight: 500;
color: rgba(41, 43, 49, 0.7);
font-family: var(--font-cabin);
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
color: var(--white);
}
.woocommerce ul.products li.product a span {
display: none;
}
.woocommerce ul.products li.product a i {
color: #fff;
margin-left: 10px !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit { }
.yith-wcwl-wishlistaddedbrowse {
display: none;
}
.yith-wcwl-wishlistexistsbrowse .feedback {
display: none;
}
.star-rating {
overflow: hidden !important;
position: relative !important;
height: 1em !important;
line-height: 1 !important;
font-size: 1em !important;
width: 5.4em !important;
font-family: star !important;
margin-bottom: 0.7rem !important;
}
.star-rating::before {
content: "sssss" !important;
float: left !important;
top: 0 !important;
left: 0 !important;
position: absolute !important;
}
.star-rating span {
overflow: hidden !important;
float: left !important;
top: 0 !important;
left: 0 !important;
position: absolute !important;
padding-top: 1.5em !important;
}
.star-rating span::before {
content: "SSSSS" !important;
top: 0 !important;
position: absolute !important;
left: 0 !important;
}
.woocommerce table.shop_table th {
font-size: 1.25rem;
font-weight: 700;
color: var(--title-color-dark);
font-family: var(--font-dosis);
opacity: 1;
padding: 15px;
vertical-align: top;
border-width: 1px;
border-color: #eee;
}
.woocommerce table.shop_table td {
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
border-width: 1px;
border-color: #eee;
vertical-align: middle;
padding: 15px;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0;
}
.woocommerce-cart-form__cart-item.cart_item td a {
color: var(--title-color1);
transition: 0.35s;
}
.cart_totals h2 {
font-size: 16px;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
color: #00152b;
padding: 13px 0;
font-size: 21px;
background: #f5f5f5;
}
.woocommerce table.shop_table td.actions .coupon input.input-text {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
height: 45px;
min-width: 250px;
border: 1px solid #eee;
background-color: #ffffff;
box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.05);
border-radius: 5px 0px 0px 5px;
padding: 10px 15px;
margin-right: 0;
}
.woocommerce table.shop_table td.actions button.button {
color: var(--white);
background-color: var(--primary-color3);
}
.woocommerce table.shop_table td.actions button.button:hover {
color: var(--white);
background-color: #000;
}
.woocommerce-cart-form thead {
background: #f5f5f5;
}
.customer_details_address {
border-radius: 5px;
padding: 40px;
box-shadow: 4px 8px 30px rgba(141, 141, 141, 0.1);
}
.woocommerce form .form-row label {
line-height: 2;
font-size: 1rem;
font-weight: 500;
color: var(--text-color2);
font-family: var(--font-cabin);
margin-bottom: 10px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
display: block;
width: 100%;
transition: 0.3s ease;
width: 100%;
height: 45px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
}
.woocommerce form .form-row textarea {
padding: 20px;
background: #fff;
display: block;
width: 100%;
transition: all 0.4s ease;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
margin-right: 0;
border: 1px solid #eee;
border-radius: 5px;
}
.nice-select {
width: 100%;
}
div#order_review {
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 5px;
}
#order_review_heading {
font-size: 24px;
color: var(--primary-color3);
margin-bottom: 30px;
display: none;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: left;
height: 50px;
margin-top: 20px;
padding: 13px 70px;
width: 100%;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
font-size: 2.188rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 10px;
letter-spacing: 0.02em;
}
.entry-summary span.woocommerce-Price-amount.amount {
margin-bottom: 0;
font-size: 25px;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
}
.woocommerce div.product form.cart div.quantity .minus,
.woocommerce div.product form.cart div.quantity .plus {
height: 32px;
width: 32px;
line-height: 33px;
border-radius: 50%;
background-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 26px;
}
.entry-summary .yith-wcwl-add-button {
float: left;
margin-top: 6px;
}
.entry-summary .woocommerce a.button {
padding: 15px 20px I !important;
margin-left: 70px;
}
.entry-summary a.add_to_wishlist.single_add_to_wishlist {
background-color: var(--primary-color3);
padding: 8px 20px;
color: #ffffff;
font-size: 18px;
border-radius: 5px;
font-weight: 600;
margin-right: 30px;
}
.entry-summary a.compare.button {
border-radius: 5px;
padding: 10px 30px;
}
.entry-summary a.add_to_wishlist.single_add_to_wishlist:hover {
color: var(--white);
background-color: var(--title-color-dark);
}
.entry-summary .product_meta {
margin-top: 30px;
display: flex;
}
.woocommerce div.product div.summary .product_meta span.sku_wrapper,
.woocommerce div.product div.summary .product_meta span.posted_in {
display: block;
font-size: 20px;
}
.woocommerce div.product div.summary .product_meta span .sku {
color: var(--primary-color3);
font-weight: 600;
font-size: 20px;
}
.woocommerce-tabs li#tab-title-description {
margin-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: var(--title-color1);
border-color: var(--primary-color3);
color: var(--white);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 10px 55px;
border-radius: 0px;
background: #f4f4f4;
font-size: 1.125rem I !important;
font-weight: 700 !important;
color: #001d23;
font-family: var(--font-dosis);
text-transform: capitalize;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: unset;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: unset;
}
.woocommerce-product-attributes table tbody tr th {
border-width: 1px;
border-color: #8b7f7f;
padding: 15px;
color: #5e5e5e;
font-family: var(--font-cabin);
vertical-align: middle;
}
.woocommerce-product-attributes table tbody tr td {
border-width: 1px;
border-color: #8b7f7f;
padding: 15px;
color: #5e5e5e;
font-family: var(--font-cabin);
vertical-align: middle;
}
.woocommerce table.shop_attributes th {
font-weight: 700;
padding: 8px;
border-top: 0;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td {
font-weight: 700;
border-top: 0;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce-product-gallery__image {
background: rgba(0, 29, 35, 0.1);
height: 500px;
display: flex !important;
align-items: center;
justify-content: center;
padding: 50px;
margin-bottom: 25px;
border-radius: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: unser;
}
.woocommerce #review_form #respond .comment-form input[type="submit"] {
border: none;
min-width: 150px;
background-color: #25373a;
color: var(--white);
}
.woocommerce #review_form #respond .comment-form input[type="submit"]:hover {
background-color: #ff553c;
color: var(--white);
}
.woocommerce #review_form #respond .comment-reply-title {
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
margin-bottom: 20px;
display: block;
}
.woocommerce #review_form #respond .comment-form input[type="text"] {
width: 100%;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
height: 45px;
}
.woocommerce #review_form #respond .comment-form input::placeholder {
color: #000;
}
.woocommerce #review_form #respond .comment-form input[type="email"] {
width: 100%;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
height: 45px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating label {
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.woocommerce #review_form #respond .comment-form textarea {
width: 100%;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #000;
font-family: var(--font-cabin);
padding: 10px 20px;
}
.woocommerce #review_form #respond .comment-form label {
color: #333;
font-weight: 600;
}
table.woocommerce-product-attributes.shop_attributes tbody tr {
border: unset;
}
.woocommerce table.shop_attributes th {
font-weight: 700;
font-size: 1.25rem;
color: #00152b;
font-family: var(--font-dosis);
text-align: center;
}
.woocommerce table.shop_attributes td p {
border-width: 1px;
border-color: #eee;
padding: 15px;
color: #5e5e5e;
font-family: var(--font-cabin);
vertical-align: middle;
}
.woocommerce table.shop_attributes th {
width: 250px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.comment-form-rating .nice-select .current {
font-family: var(--font-cabin);
color: #333;
font-size: 1rem;
font-weight: 600;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating label {
margin-bottom: 0;
font-size: 1rem;
font-weight: 600;
color: #333;
font-family: var(--font-cabin);
}
.woocommerce #review_form #respond .comment-form input[type="submit"] {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
background-color: #25373a;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.35s;
padding: 15px 50px;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
}
strong.woocommerce-review__author {
font-size: 1.125rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.related.products h2 {
font-size: 2.813rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin-right: 50px;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: -52px;
margin: -0.5em -0.5em 0 0;
padding: 7px;
}
.yith-wcwl-wishlistexistsbrowse {
float: left;
background-color: var(--primary-color3);
padding: 6px 20px;
color: #ffffff;
font-size: 18px;
border-radius: 5px;
font-weight: 600;
margin-right: 30px;
transition: 0.3s;
display: none;
}
.yith-wcwl-wishlistexistsbrowse:hover {
color: var(--white);
background-color: var(--title-color-dark);
}
a.woocommerce-review-link {
font-size: 1rem;
font-weight: 600;
color: var(--title-color1);
opacity: 0.6;
font-family: var(--font-cabin);
text-transform: capitalize;
margin-left: 5px;
}
a.woocommerce-review-link:hover {
color: var(--primary-color3);
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added {
display: none;
}
a.added_to_cart.wc-forward {
padding-bottom: 27px 38px;
width: 100% !important;
display: block;
padding: 10px 20px;
margin-top: 4px;
}
.collection-card .yith-wcwl-add-button a span {
display: none;
}
.collection-card .yith-wcwl-add-button a i {
color: #fff;
margin-left: 10px;
}
.products a.added_to_cart.wc-forward {
margin-top: 18px;
}
.home3-collection-area .collection-card .offer-card {
left: 0;
top: 0;
}
.home3-collection-area .collection-card .cart-icon-list {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 0;
top: -14px;
opacity: 0;
transform: scale(0.5);
transition: 0.4s;
z-index: 2;
margin-top: 15px;
}
.products .collection-card .cart-icon-list {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 0;
top: -32px;
opacity: 0;
transform: scale(0.5);
transition: 0.4s;
z-index: 2;
margin-top: 15px;
}
.woocommerce ul.products li.product a:hover {
background: #253d4e;
}
.woocommerce ul.products li.product .button img {
max-width: unset;
width: unset;
margin-top: 8px;
margin-left: 6px;
}
.woocommerce ul.products li.product .view-dt-btn a:hover {
background: unset !important;
}
.related .woocommerce ul.products li.product,
.related .woocommerce-page ul.products li.product {
width: 100% !important;
}
#shop-left-sidebar form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
background: var(--gradient-color);
border-radius: 0px 5px 5px 0px;
margin: 0;
border: none;
white-space: nowrap;
padding: 13px 40px 11px 18px;
border-radius: 0px 30px 30px 0;
color: #fff !important;
}
#shop-left-sidebar form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
color: #333 !important;
}
#shop-left-sidebar form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
#shop-left-sidebar .widget_egns_recent_post {
position: relative;
background: #ffffff;
box-shadow: 0px 0px 30px rgb(0 0 0 / 4%);
border-radius: 5px;
padding: 30px;
}
#shop-left-sidebar .widget_egns_recent_post .wc-block-grid__products {
margin-bottom: 0;
}
#shop-left-sidebar .wc-block-grid.has-3-columns .wc-block-grid__product {
flex: unset;
max-width: 100%;
}
.widget_egns_recent_post .wp-block-search .wp-block-search__label,
.widget_egns_recent_post .wc-blocks-filter-wrapper h3,
.widget_egns_recent_post .wp-block-group__inner-container h2,
.widget_egns_recent_post .shop-widget-title h3 {
font-size: 1.375rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 20px;
}
.widget_egns_recent_post .wc-block-product-categories-list li a {
font-weight: 600;
font-family: var(--font-cabin);
color: #767676;
cursor: pointer;
font-size: 18px;
}
#shop-left-sidebar .widget_egns_recent_post::after {
content: "";
opacity: 0.05;
background: var(--title-color1);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 73px;
}
.cart_item .variation {
display: flex;
align-items: center;
gap: 5px;
margin-top: 10px;
}
.cart_item .variation dt {
font-weight: 400;
}
#shop-left-sidebar form.wp-block-search .wp-block-search__inside-wrapper {
margin-top: 30px;
}
.woocommerce-page .woocommerce-result-count {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 0;
text-transform: capitalize;
}
.woocommerce-page .woocommerce-ordering .nice-select .current {
font-size: 14px;
font-weight: 400;
color: #333;
}
.widget_egns_recent_post .wc-block-product-categories-list li a:hover {
color: var(--primary-color3);
font-weight: 700;
}
#shop-left-sidebar .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
font-weight: 600;
}
#shop-left-sidebar .wc-block-components-product-rating__stars:before {
color: lightgray;
content: "SSSSS";
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
}
#shop-left-sidebar .wc-block-components-product-rating__stars span:before {
color: #f46f30;
content: "SSSSS";
left: 0;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
}
.wc-block-price-filter input {
background: unset;
}
#shop-left-sidebar .shop-widget-title {
position: relative;
font-size: 2.4rem;
font-weight: 600;
color: var(--primary-color3);
font-family: var(--font-yeseva);
display: block;
padding-bottom: 12px;
margin-bottom: 0;
}
#shop-left-sidebar .wc-block-components-price-slider {
margin-bottom: 0;
}
.wc-block-components-price-slider__range-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0 !important;
display: block;
height: 0;
left: 0;
margin: 0;
outline: none;
outline: none !important;
padding: 0 !important;
pointer-events: none;
position: relative;
position: absolute;
top: -26px;
width: 100%;
}
#shop-left-sidebar .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
border-radius: 4px;
border-width: 1px;
font-size: 0.875em;
margin: 0;
max-width: 80px;
min-width: 0;
padding: 8px;
width: auto;
border: 1px solid #ddd !important;
height: 30px;
padding: 0 10px !important;
}
#shop-left-sidebar .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
background-color: transparent;
color: var(--title-color1);
font-family: "Cabin";
font-style: normal;
font-weight: 400;
font-size: 14px;
padding-left: 0;
min-width: 57px;
}
@media screen and (max-width: 768px) {
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: calc(50% - 20px);
float: left;
clear: both;
margin: 0 0 2.992em;
}
}
@media screen and (max-width: 575px) {
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: 100%;
float: left;
clear: both;
margin: 0 0 2.992em;
}
}
.woocommerce .wishlist-title h2 {
font-weight: 700;
font-size: 30px;
color: #00152b;
font-family: var(--font-dosis);
margin-bottom: 25px;
}
.woocommerce table.shop_table td {
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
border-width: 1px;
border-color: #eee;
vertical-align: middle;
padding: 15px;
font-size: 16px;
}
.woocommerce table.shop_table td.product-name a:hover {
color: var(--primary-color3);
}
.yith-wcwl-share h4.yith-wcwl-share-title {
margin: 20px 0;
font-size: 22px;
font-weight: 500;
}
.entry-content .yith-wcwl-share ul li,
.yith-wcwl-share ul li {
display: inline-block;
margin-left: 0;
margin-right: 6px;
}
.wishlist_table thead {
background: #f5f5f5;
}
.woocommerce ul.products li.product .price ins span bdi {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-cabin);
}
.woocommerce ul.products li.product .price del bdi span.woocommerce-Price-currencySymbol {
font-size: 0.875rem;
font-weight: 400;
color: #ABABAB;
font-family: var(--font-cabin);
margin-left: 5px;
}
#shop-left-sidebar input#wp-block-search__input-1 {
height: unset !important;
}
@media screen and (max-width: 991px) {
.shop-main-area {
padding: 0;
margin-top: 40px;
}
}
#shop-left-sidebar .wc-block-components-price-slider__range-input-progress {
--track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: var(--primary-color3);
background-color: #fff;
border: 1px solid var(--primary-color3);
height: 8px;
border-radius: 3px;
}
#shop-left-sidebar .wc-block-components-price-slider__range-input {
top: -24px;
opacity: unset;
}
.woocommerce ul.products li.product .price del {
font-size: 0.875rem;
font-weight: 400;
color: #ABABAB;
font-family: var(--font-cabin);
margin-left: 5px;
}
.shop-details-page .shop-details-content .shopuct-review2 li a {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
opacity: 0.6;
font-family: var(--font-cabin);
text-transform: capitalize;
margin-left: 5px;
} .product__details__pic__item {
margin-bottom: 20px;
}
.product__details__pic__slider img {
cursor: pointer;
}
.product__details__pic__slider.owl-carousel .owl-item img {
width: auto;
}
.product__details__text h3 {
color: #252525;
font-weight: 700;
margin-bottom: 16px;
}
.product__details__text .product__details__rating {
font-size: 14px;
margin-bottom: 12px;
}
.product__details__text .product__details__rating i {
margin-right: -2px;
color: #EDBB0E;
}
.product__details__text .product__details__rating span {
color: #dd2222;
margin-left: 4px;
}
.product__details__text .product__details__price {
font-size: 30px;
color: #dd2222;
font-weight: 600;
margin-bottom: 15px;
}
.product__details__text p {
margin-bottom: 45px;
}
.product__details__text .primary-btn {
padding: 16px 28px 14px;
margin-right: 6px;
margin-bottom: 5px;
}
.product__details__text .heart-icon {
display: inline-block;
font-size: 16px;
color: #6f6f6f;
padding: 13px 16px 13px;
background: #f5f5f5;
}
.product__details__text ul {
border-top: 1px solid #ebebeb;
padding-top: 40px;
margin-top: 50px;
}
.product__details__text ul li {
font-size: 16px;
color: #1c1c1c;
list-style: none;
line-height: 36px;
}
.product__details__text ul li b {
font-weight: 700;
width: 170px;
display: inline-block;
}
.product__details__text ul li span samp {
color: #dd2222;
}
.product__details__text ul li .share {
display: inline-block;
}
.product__details__text ul li .share a {
display: inline-block;
font-size: 15px;
color: #1c1c1c;
margin-right: 25px;
}
.product__details__text ul li .share a:last-child {
margin-right: 0;
}
.product__details__quantity {
display: inline-block;
margin-right: 6px;
}
.pro-qty {
width: 140px;
height: 50px;
display: inline-block;
position: relative;
text-align: center;
background: #f5f5f5;
margin-bottom: 5px;
}
.pro-qty input {
height: 100%;
width: 100%;
font-size: 16px;
color: #6f6f6f;
width: 50px;
border: none;
background: #f5f5f5;
text-align: center;
}
.pro-qty .qtybtn {
width: 35px;
font-size: 16px;
color: #6f6f6f;
cursor: pointer;
display: inline-block;
}
.product__details__tab {
padding-top: 85px;
}
.product__details__tab .nav-tabs {
position: relative;
border-bottom: none;
justify-content: center;
}
.product__details__tab .nav-tabs:before {
position: absolute;
left: 0;
top: 12px;
height: 1px;
width: 370px;
background: #ebebeb;
content: "";
}
.product__details__tab .nav-tabs:after {
position: absolute;
right: 0;
top: 12px;
height: 1px;
width: 370px;
background: #ebebeb;
content: "";
}
.product__details__tab .nav-tabs li {
margin-bottom: 0;
margin-right: 65px;
}
.product__details__tab .nav-tabs li:last-child {
margin-right: 0;
}
.product__details__tab .nav-tabs li a {
font-size: 16px;
color: #999999;
font-weight: 700;
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0;
}
.product__details__tab .product__details__tab__desc {
padding-top: 44px;
}
.product__details__tab .product__details__tab__desc h6 {
font-weight: 700;
color: #333333;
margin-bottom: 26px;
}
.product__details__tab .product__details__tab__desc p {
color: #666666;
} .shop-details-content form.cart {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.quantity {
position: relative;
}
.quantity button.plus,
.quantity button.minus {
height: 32px;
width: 32px;
line-height: 33px;
border-radius: 50%;
background-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 26px;
}
.quantity button i {
font-size: 14px;
}
.product-details .cart button.plus {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.product-details .cart button.minus {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.product-details .cart .quantity .qty {
text-align: center;
font-size: 16px;
height: 50px;
border: 1px solid rgba(0, 29, 35, 0.1);
padding: 5px;
border-radius: 30px;
width: 100%;
color: var(--title-color1);
font-family: var(--font-cabin);
}
button.single_add_to_cart_button.button.alt.wp-element-button {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
background-color: #25373A;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.35s;
padding: 10px 70px;
}
button.single_add_to_cart_button.button.alt.wp-element-button:hover {
color: var(--white);
}
button.single_add_to_cart_button.button.alt.wp-element-button:hover::after {
right: 0px;
bottom: 0px;
background-color: #FF553C;
}
button.single_add_to_cart_button.button.alt.wp-element-button::after {
content: "";
background-color: var(--title-color1);
height: 100%;
width: 100%;
position: absolute;
right: -3px;
bottom: -3px;
border-radius: 5px;
z-index: -2;
transition: 0.35s;
}
#sbw_wc-adding-button {
position: relative;
width: 100%;
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
text-align: center;
display: block;
padding: 12px 15px;
transition: 0.4s;
margin-top: 25px;
background: var(--gradient-color);
}
.shop-details-content .cart a.button.alt {
display: none;
}
.shop-details-page .shop-details-content .buy-now-btn a:hover {
background: #000;
}
.shop-details-content .yith-wcwl-add-to-wishlist .yith-wcwl-add-button i {
margin-right: 10px;
border: 1px solid;
border-radius: 50%;
font-size: 12px;
border-color: rgba(114, 114, 114, 0.3);
height: 24px;
width: 24px;
line-height: 24px;
text-align: center;
}
.compare-wishlist-area ul li {
display: flex;
}
.shop-details-page .shop-details-content .compare-wishlist-area ul li>a span {
height: 24px;
width: 24px;
white-space: nowrap;
border: 1px solid;
border-color: rgba(114, 114, 114, 0.3);
border-radius: 50%;
}
.shop-details-page .woocommerce.product.compare-button a {
background: none;
}
.shop-details-page .yith-wcwl-add-to-wishlist {
margin-top: 0
}
.shop-details-page .woocommerce a.button {
padding: 0.618em 0;
}
.compare-wishlist-area ul li img {
height: auto;
max-width: 100%;
padding-bottom: 3px;
}
.shop-details-page .shop-details-content .price-tag ins {
text-decoration: none;
}
.shop-details-page .shop-details-content p {
padding-top: 6px !important;
}
.woocommerce-tabs .wc-tabs {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid #F0F0F0;
}
.woocommerce-tabs ul li.active {
background-color: var(--title-color1);
border-color: var(--primary-color3);
color: var(--white);
}
.woocommerce-tabs ul li {
border-radius: 0px;
background: #F4F4F4;
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.woocommerce-tabs ul li a {
display: inline-block;
padding: 10px 55px;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding-top: 35px;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
display: none;
}
.comment-form-rating ul.list li {
background: none;
padding: 0;
font-size: 1rem;
font-weight: 500;
}
.product__details__pic__item {
margin-bottom: 20px;
text-align: center;
background: rgba(0, 29, 35, 0.1);
}
.shop-details-page .shop-details-content h1 {
font-size: 2.188rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 10px;
letter-spacing: 0.02em;
}
@media screen and (max-width: 991px) {
#review_form_wrapper {
margin-top: 30px;
}
}
.woocommerce-Reviews div#review_form_wrapper {
border: 1px solid #F4F4F4;
border-radius: 5px;
padding: 50px 30px;
background: #fff;
}
#shop-left-sidebar input#wp-block-search__input-1 {
width: 100%;
background: #F0F0F0;
border-radius: 143px;
padding: 10px 25px;
font-size: 0.875rem;
font-weight: 400;
color: #272727;
font-family: var(--font-cabin);
opacity: 0.7;
margin-right: 0;
}
#shop-left-sidebar form.wp-block-search .wp-block-search__inside-wrapper {
margin-top: 30px;
display: flex;
align-items: center;
background: #F0F0F0;
border-radius: 143px;
height: 48px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 13px 0;
}
.woocommerce-cart-form .quantity button i {
color: var(--title-color-dark);
font-size: 14px;
}
.shop-details-content .yith-wcwl-wishlistexistsbrowse {
float: left;
background-color: unset;
padding: 6px 20px;
color: #ffffff;
font-size: 18px;
border-radius: 5px;
font-weight: 600;
margin-right: 30px;
transition: 0.3s;
display: block;
position: relative;
}
.shop-details-content .yith-wcwl-wishlistexistsbrowse:after {
content: "\F417";
position: absolute;
left: -8px;
top: 7px;
font-family: bootstrap-icons !important;
color: red;
border: 1px solid red;
border-radius: 50%;
font-size: 10px;
padding: 2px;
color: #727272;
border-color: #727272;
padding-left: 4px;
padding-right: 5px;
}
.shop-details-content .cart.grouped_form table tr,
.shop-details-content .cart.grouped_form table tr td,
.shop-details-content .cart.grouped_form table {
border: none;
padding: 0;
}
.shop-details-content form.cart.grouped_form {
display: block;
}
.shop-details-content form.cart.grouped_form button.single_add_to_cart_button.button.alt.wp-element-button {
margin-left: 0;
width: 100%;
}
.shop-details-content .cart.grouped_form table tr td {
position: relative;
padding-right: 20px;
padding-bottom: 20px;
}
.woocommerce-cart-form .nice-number>button:first-child {
left: 23px;
background: unset;
}
.woocommerce-cart-form .nice-number>button:last-child {
right: 23px;
background: unset;
}
form.variations_form.cart {
display: block;
}
.shop-details-content .cart.variations_form table tr,
.shop-details-content .cart.variations_form table th,
.shop-details-content .cart.variations_form table tr td,
.shop-details-content .cart.variations_form table {
border: none;
padding: 0;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.swiper.essential-items-slider {
padding-right: 2px;
} .h3-offer-area .offer-right .offer-right-card .offer-content .price {
color: var(--primary-color3);
font-size: 1.5rem;
display: block;
font-weight: 600;
margin-bottom: 20px;
}
.h3-offer-area .offer-right .offer-right-card .offer-content .price del {
font-size: 0.875rem;
font-weight: 400;
color: #ABABAB;
font-family: var(--font-cabin);
}
.h3-offer-area .offer-right .offer-right-card .offer-content span {
font-weight: 400;
font-family: var(--font-cabin);
}
.price h6 ins {
text-decoration: none;
}
.h3-offer-area .offer-right .offer-right-card .offer-content>span {
font-weight: 400;
font-family: var(--font-cabin);
color: var(--primary-color3);
}
span.wc-block-components-product-rating-count {
margin-left: 4px;
}
.nice-select:after {
height: 8px;
width: 8px;
right: 30px;
top: 49%;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.woocommerce #review_form #respond .comment-form .comment-form-rating {
display: block;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .stars {
margin-bottom: 12px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating label {
margin-bottom: 4px;
font-size: 1rem;
font-weight: 600;
color: #333;
font-family: var(--font-cabin);
display: block;
}
}
@media screen and (max-width: 494px) {
.woocommerce #review_form #respond .comment-form .comment-form-rating {
display: block;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .stars {
margin-bottom: 12px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating label {
margin-bottom: 4px;
font-size: 1rem;
font-weight: 600;
color: #333;
font-family: var(--font-cabin);
display: block;
}
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
position: relative;
display: flex;
flex-wrap: wrap;
}
.single_variation_wrap .woocommerce-variation-add-to-cart-enabled button.single_add_to_cart_button.button.alt.wp-element-button {
margin-left: 15px;
}
.woocommerce-variation-price .price {
color: var(--primary-color3);
font-size: 30px;
display: block;
font-weight: 600;
margin-bottom: 0;
}
.woocommerce-variation-price .price del {
font-size: 1.2rem;
font-weight: 400;
color: #ABABAB;
font-family: var(--font-cabin);
margin-left: 5px;
}
.woocommerce-variation-price .price del bdi span.woocommerce-Price-currencySymbol {
font-size: 1.2rem;
font-weight: 400;
color: #ABABAB;
font-family: var(--font-cabin);
margin-left: 5px;
}
.woocommerce-variation-price ins {
text-decoration: none;
}
a.reset_variations {
font-size: 1.125rem;
font-weight: 700;
color: #fff;
font-family: var(--font-dosis);
letter-spacing: 0.03em;
position: relative;
text-align: center;
display: block;
padding: 12px 15px;
transition: 0.4s;
background: #ff553c;
border-radius: 5px;
margin-top: 18px;
transition: .3s;
}
a.reset_variations:hover {
background: #25373A;
color: #fff;
}
table.variations tbody tr th {
vertical-align: baseline;
padding-top: 14px !important;
} @media only screen and (min-width: 1200px) and (max-width: 1450px) {
.product__details__pic__item img {
max-height: 500px;
}
} @media only screen and (min-width: 1200px) {
button.single_add_to_cart_button.button.alt.wp-element-button {
padding: 10px 50px;
}
} @media only screen and (min-width: 992px) and (max-width: 1199px) {
.woocommerce ul.order_details li {
margin-right: 2em;
}
button.single_add_to_cart_button.button.alt.wp-element-button {
padding: 10px 35px;
}
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
margin-top: 50px;
}
.customer_details_address {
margin-bottom: 50px;
}
.woocommerce ul.order_details {
padding: 0;
}
.woocommerce ul.order_details li {
float: none;
margin: 20px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-right: 20px;
}
.related.products ul.products li {
width: 100% !important;
}
} @media only screen and (min-width: 576px) and (max-width: 767px) {
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
margin-top: 50px;
}
.customer_details_address {
margin-bottom: 50px;
}
.woocommerce ul.order_details {
padding: 0;
}
.woocommerce ul.order_details li {
float: none;
margin: 20px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin-bottom: 50px;
}
.related.products ul.products li {
width: 100% !important;
}
.woocommerce-tabs ul li {
padding: 10px 40px;
}
.woocommerce-tabs .wc-tabs {
gap: 15px;
}
} @media only screen and (max-width: 575px) {
.product-details .cart .quantity .qty {
max-width: 150px;
}
button.single_add_to_cart_button.button.alt.wp-element-button {
padding: 10px 40px;
}
.woocommerce-tabs ul li {
padding: 10px 40px;
}
.woocommerce-tabs .wc-tabs {
gap: 15px;
}
.woocommerce #review_form #respond .comment-form .comment-form-rating .nice-select {
max-width: 100%;
} .woocommerce-page .woocommerce-ordering {
float: none;
margin-top: 10px;
}
.woocommerce-page .woocommerce-ordering .nice-select {
float: none;
padding: 0;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
margin-top: 50px;
}
.woocommerce-cart-form {
overflow-x: auto;
}
.customer_details_address {
margin-bottom: 50px;
}
.customer_details_address {
padding: 10px;
}
.woocommerce ul.order_details {
padding: 0;
}
.woocommerce ul.order_details li {
float: none;
margin: 20px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin-bottom: 50px;
}
.wc-block-grid__products .wc-block-grid__product-image img {
width: 100%;
}
}
@media screen and (max-width: 519px) {
.woocommerce table.shop_table .coupon {
display: block;
}
.woocommerce table.shop_table td.actions .coupon input.input-text {
width: 100%;
}
.shop_table .coupon button.button.wp-element-button {
width: 100% !important;
margin-top: 10px;
}
}
@media screen and (max-width: 991px) {
.woocommerce table.shop_table .quantity .qty {
margin-right: -20px;
}
} .ui-widget-content {
border: 1px solid #fff;
background: #121528;
color: #fff;
}
.ui-datepicker table {
border: 0;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0;
color: #fff;
}
.ui-datepicker tr {
border: 0;
}
 * {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
:root {
--primary-color2: #ff6b55;
--primary-color3: #f46f30;
--gradient-color: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
--title-color1: #001d23;
--title-color2: #253d4e;
--text-color1: #8a8a8a;
--text-color2: #1f2124;
--text-color3: #62686e;
--text-color4: #4f4f4f;
--white: #ffffff;
--font-dosis: "Dosis";
--font-cabin: "Cabin";
}
.font h1 {
font-size: 1.875rem;
color: var(--gradient-color);
font-family: var(--font-dosis);
}  html {
font-size: 100%;
scroll-behavior: smooth;
}
@media (min-width: 1200px) and (max-width: 1399px) {
html {
font-size: 97%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
html {
font-size: 95%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html {
font-size: 90%;
}
}
@media (min-width: 576px) and (max-width: 768px) {
html {
font-size: 90%;
}
}
@media (max-width: 576px) {
html {
font-size: 88%;
}
}
body {
font-family: var(--font-dosis);
color: var(--text-color1);
background: #fbfbfb;
font-size: 16px;
margin: 0;
}
button {
outline: none;
border: none;
}
input {
outline: none;
border: none;
}
p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 30px;
}
a {
text-decoration: none;
color: unset;
}
a:hover {
text-decoration: none;
color: unset;
}
a:focus {
outline: 0 solid;
}
input:focus,
textarea:focus,
button:focus {
outline: none;
}
i.bx {
vertical-align: middle;
}
.mb-240 {
margin-bottom: 240px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-240 {
margin-bottom: 210px;
}
}
@media (max-width: 991px) {
.mb-240 {
margin-bottom: 200px;
}
}
.pt-120 {
padding-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-120 {
padding-top: 90px;
}
}
@media (max-width: 991px) {
.pt-120 {
padding-top: 80px;
}
}
.pt-90 {
padding-top: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-90 {
padding-top: 70px;
}
}
@media (max-width: 991px) {
.pt-90 {
padding-top: 60px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-90 {
padding-bottom: 70px;
}
}
@media (max-width: 991px) {
.pb-90 {
padding-bottom: 60px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-90 {
padding-bottom: 70px;
}
}
@media (max-width: 991px) {
.pb-90 {
padding-bottom: 60px;
}
}
.pb-120 {
padding-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-120 {
padding-bottom: 90px;
}
}
@media (max-width: 991px) {
.pb-120 {
padding-bottom: 80px;
}
}
.pbb-120 {
padding-top: 120px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pbb-120 {
padding-top: 90px !important;
}
}
@media (max-width: 991px) {
.pbb-120 {
padding-top: 80px !important;
}
}
.pb-65 {
padding-bottom: 65px;
}
.mt-120 {
margin-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-120 {
margin-top: 90px;
}
}
@media (max-width: 991px) {
.mt-120 {
margin-top: 80px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-120 {
margin-bottom: 90px;
}
}
@media (max-width: 991px) {
.mb-120 {
margin-bottom: 80px;
}
}
.mb-100 {
margin-bottom: 100px;
}
.sec-mb-100 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
.sec-mb-100 {
margin-bottom: 40px;
}
}
.pt-80 {
padding-top: 80px;
}
.pt-30 {
padding-top: 30px;
}
.pt-70 {
padding-top: 70px;
}
.pt-50 {
padding-top: 50px;
}
.pt-40 {
padding-top: 40px;
}
.pt-10 {
padding-top: 10px;
}
.pb-80 {
padding-bottom: 80px;
}
.pt-110 {
padding-top: 110px;
}
.pe-80 {
padding-right: 80px;
}
.pb-60 {
padding-bottom: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.mb-60 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.mb-80 {
margin-bottom: 80px;
}
}
.mb--70 {
margin-bottom: 70px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-10 {
margin-top: 10px;
}
.mt-25 {
margin-top: 25px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-50 {
margin-top: 50px;
}
.mb-10 {
margin-bottom: 12px !important;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
@media (max-width: 767px) {
.mt-70 {
margin-top: 40px;
}
}
.mb-95 {
margin-bottom: 95px;
}
.mb-90 {
margin-bottom: 90px;
}
.bg--light {
background: #fafafa;
}
@media screen and (max-width: 991px) {
.sec-mar {
margin: 80px 0 80px 0;
}
}
.ui-datepicker {
width: 17em;
padding: 0.5em 0.5em 0;
display: none;
z-index: 99;
}
.ui-datepicker td {
border: 0;
padding: 2px;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
background: var(--gradient-color);
border: 1px solid var(--gradient-color);
color: #fff;
border-radius: 0px;
}
div#ui-datepicker-div {
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
border-radius: 0px;
margin-top: 3px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid rgba(238, 238, 238, 0.5);
background: var(--white);
font-weight: normal;
padding: 4px;
transition: all 0.45s ease;
color: var(--text-color1);
text-align: center;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-button:hover,
html .ui-button.ui-state-disabled:hover:hover,
html .ui-button.ui-state-disabled:active:hover {
border: 1px solid var(--title-color1);
color: var(--title-color1);
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid var(--title-color1) !important;
color: var(--title-color1) !important;
}
.ui-widget-header .ui-icon {
background-image: unset;
position: relative;
}
.ui-widget-header .ui-icon::after {
content: "\f12c";
position: absolute;
left: 0;
top: 0;
font-family: "bootstrap-icons";
color: var(--white);
z-index: 9;
}
.ui-datepicker-prev {
border: 1px solid var(--gradient-color);
}
.ui-datepicker-prev:hover {
border: 1px solid var(--gradient-color);
background-color: inherit;
}
.ui-datepicker-prev::after {
content: "\f12c";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: -1px;
left: 5px;
z-index: 9;
margin: auto;
font-size: 22px;
color: var(--white);
transition: all 0.35s ease;
}
.ui-datepicker-prev span.ui-icon {
display: none !important;
visibility: hidden;
}
.ui-datepicker-next {
border: 1px solid var(--gradient-color);
}
.ui-datepicker-next:hover {
border: 1px solid var(--gradient-color);
background-color: inherit;
}
.ui-datepicker-next::after {
content: "\f135";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: -1px;
left: 5px;
z-index: 9;
margin: auto;
font-size: 22px;
color: var(--white);
transition: all 0.35s ease;
}
.ui-datepicker-next span.ui-icon {
display: none !important;
visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 3px;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
} .egns-preloader {
min-width: 100%;
min-height: 100%;
position: fixed !important;
z-index: 999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
}
.egns-preloader::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100vh;
background: #fff;
z-index: -1;
}
.circle-border {
width: 100%;
max-width: 140px;
height: 100%;
max-height: 140px;
border: 0px solid var(--primary-color2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
border-radius: 50%;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
}
.circle-border svg {
fill: var(--primary-color2);
}
.circle-border svg path {
stroke: var(--primary-color2);
}
.circle-border .moving-circle {
width: 10px;
height: 10px;
background: var(--primary-color2);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2s linear infinite;
animation: circle 2s linear infinite;
}
.circle-border .moving-circle:nth-child(2) {
width: 10px;
height: 10px;
background: var(--primary-color2);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2.25s linear infinite;
animation: circle 2.25s linear infinite;
}
.circle-border .moving-circle:nth-child(3) {
width: 10px;
height: 10px;
background: var(--primary-color2);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2.5s linear infinite;
animation: circle 2.5s linear infinite;
}
@-webkit-keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
@keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
#outline {
stroke-dasharray: 2.427766571px, 242.7766571045px;
stroke-dashoffset: 0;
-webkit-animation: anim 1.6s linear infinite;
animation: anim 1.6s linear infinite;
}
@-webkit-keyframes anim {
12.5% {
stroke-dasharray: 33.9887319946px, 242.7766571045px;
stroke-dashoffset: -26.7054322815px;
}
43.75% {
stroke-dasharray: 84.9718299866px, 242.7766571045px;
stroke-dashoffset: -84.9718299866px;
}
100% {
stroke-dasharray: 2.427766571px, 242.7766571045px;
stroke-dashoffset: -240.3488905334px;
}
}
@keyframes anim {
12.5% {
stroke-dasharray: 33.9887319946px, 242.7766571045px;
stroke-dashoffset: -26.7054322815px;
}
43.75% {
stroke-dasharray: 84.9718299866px, 242.7766571045px;
stroke-dashoffset: -84.9718299866px;
}
100% {
stroke-dasharray: 2.427766571px, 242.7766571045px;
stroke-dashoffset: -240.3488905334px;
}
} #progress {
position: fixed;
bottom: 30px;
right: 30px;
height: 40px;
width: 40px;
display: none;
place-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 9999;
}
#progress-value {
display: block;
height: calc(100% - 6px);
width: calc(100% - 6px);
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 20px;
color: var(--primary-color2);
}
.clearfix::after {
clear: both;
content: "";
display: block;
} .section-title1 span {
display: inline-block;
font-size: 1.375rem;
font-weight: 500;
font-family: var(--font-cabin);
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.section-title1 h2 {
font-size: 3.125rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.3;
margin-bottom: 0;
color: var(--title-color1);
text-transform: capitalize;
}
@media (max-width: 576px) {
.section-title1 h2 {
font-size: 2.5rem;
}
}
.section-title3 h2 {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
margin-bottom: 0;
text-transform: capitalize;
}
.section-title3 h2 span {
padding: 0px 5px;
} .btn-lg {
padding: 8px 50px;
}
.primary-btn1 {
font-size: 1.125rem;
font-weight: 700;
color: #fff;
font-family: var(--font-dosis);
border-radius: 40px;
display: inline-block;
position: relative;
overflow: hidden;
background: var(--title-color1);
z-index: 1;
}
.primary-btn1::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: left;
}
.primary-btn1:hover {
color: #fff;
}
.primary-btn1:hover::before {
width: 0;
}
.primary-btn2 {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
background-color: #ef9685;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.35s;
}
.primary-btn2::after {
content: "";
background-color: var(--primary-color3);
height: 100%;
width: 100%;
position: absolute;
right: -3px;
bottom: -3px;
border-radius: 5px;
z-index: -2;
transition: 0.35s;
}
.primary-btn2:hover {
color: var(--white);
}
.primary-btn2:hover::after {
right: 0px;
bottom: 0px;
background-color: var(--title-color1);
}
.primary-btn3 {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
background-color: #25373a;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.35s;
}
.primary-btn3::after {
content: "";
background-color: var(--title-color1);
height: 100%;
width: 100%;
position: absolute;
right: -3px;
bottom: -3px;
border-radius: 5px;
z-index: -2;
transition: 0.35s;
}
.primary-btn3:hover {
color: var(--white);
}
.primary-btn3:hover::after {
right: 0px;
bottom: 0px;
background-color: #ff553c;
}
.primary-btn5 {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
text-transform: capitalize;
display: inline-block;
position: relative;
background: var(--title-color2);
border-radius: 5px;
padding: 10px 58px;
transition: 0.5s;
}
.primary-btn5::after {
content: "";
opacity: 0.1;
border: 1px solid #ffffff;
border-radius: 5px;
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
transition: 0.5s;
}
.primary-btn5:hover {
color: var(--white);
background: var(--primary-color3);
}
.primary-btn5:hover::after {
opacity: 1;
border: 1px solid #ffffff;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.primary-btn6 {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
text-transform: capitalize;
display: inline-block;
position: relative;
background: var(--primary-color3);
border-radius: 5px;
padding: 10px 58px;
transition: 0.5s;
white-space: nowrap;
}
.primary-btn6::after {
content: "";
opacity: 0.1;
border: 1px solid #ffffff;
border-radius: 5px;
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
transition: 0.5s;
}
.primary-btn6:hover {
background: var(--title-color1);
color: var(--white);
}
.primary-btn6:hover::after {
opacity: 1;
border: 1px solid #214842;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
} .top-bar {
padding: 7px 0;
background: #fbfbfb;
}
@media (max-width: 991px) {
.top-bar {
padding: 7px 50px;
}
}
@media (max-width: 767px) {
.top-bar .social-area {
display: none;
visibility: hidden;
}
}
.top-bar .social-area ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 50px;
}
.top-bar .social-area ul li {
position: relative;
}
.top-bar .social-area ul li a i {
font-size: 1.25rem;
color: var(--title-color1);
transition: 0.35s;
}
.top-bar .social-area ul li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(0, 29, 35, 0.2);
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
}
.top-bar .social-area ul li:first-child::after {
display: none;
visibility: hidden;
}
.top-bar .social-area ul li:hover a i {
color: var(--primary-color2);
}
.top-bar .opening-time p {
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 500;
font-family: var(--font-dosis);
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1.4;
}
.top-bar .opening-time p span {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.03em;
background: var(--title-color1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
@media (max-width: 767px) {
.top-bar .contact-number {
display: none;
visibility: hidden;
}
}
.top-bar .contact-number a {
font-size: 1rem;
font-weight: 700;
font-family: var(--font-dosis);
letter-spacing: 0.03em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: flex;
align-items: center;
}
.top-bar .contact-number a svg {
margin-left: 7px;
}
.top-bar .contact-number a svg path {
fill: var(--primary-color2);
}
.top-bar.two {
background-color: #fef1dd;
}
@media (max-width: 767px) {
.top-bar.two {
justify-content: center;
}
}
@media (max-width: 991px) {
.top-bar.two .contact-number {
display: none;
visibility: hidden;
}
}
.top-bar.two .contact-number a {
font-size: 1rem;
font-weight: 700;
font-family: var(--font-dosis);
letter-spacing: 0.03em;
background: var(--title-color2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: flex;
align-items: center;
}
.top-bar.two .contact-number a img {
margin-right: 7px;
}
.top-bar.two .opening-time p {
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 500;
font-family: var(--font-cabin);
background: var(--primary-color3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: 0.03em;
}
.top-bar.two .opening-time p span {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.03em;
background: var(--title-color1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
@media (max-width: 767px) {
.top-bar.two .social-area {
display: none;
visibility: hidden;
}
}
.top-bar.two .social-area ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 50px;
}
.top-bar.two .social-area ul li {
position: relative;
}
.top-bar.two .social-area ul li a i {
font-size: 1.25rem;
color: var(--title-color1);
transition: 0.35s;
}
.top-bar.two .social-area ul li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(0, 29, 35, 0.2);
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
}
.top-bar.two .social-area ul li:first-child::after {
display: none;
visibility: hidden;
}
.top-bar.two .social-area ul li:hover a i {
color: var(--primary-color2);
}
.mobile-search {
background: rgba(0, 0, 0, 0.85);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
width: 100%;
height: 100%;
border-radius: 4px;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
align-items: center;
position: fixed;
cursor: pointer;
transform: scale(0);
top: 0;
left: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: 0.65s ease;
padding: 35px 100px;
}
@media (max-width: 767px) {
.mobile-search {
padding: 20px;
}
}
.mobile-search label {
font-family: var(--font-dosis);
color: #fff;
font-size: 1.5rem;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 20px;
}
.mobile-search.slide {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.mobile-search input {
border: none;
border-radius: unset;
border-bottom: 1px solid #ff7f18;
padding-left: 0;
padding-bottom: 5px;
width: 100%;
background: 0 0;
transition: 0.3s ease-in-out;
color: #fff;
margin-bottom: 20px;
}
.mobile-search input:focus {
border-bottom: 1px solid #ff7f18;
}
.mobile-search input::-moz-placeholder {
font-family: var(--font-dosis);
color: var(--text-color1);
}
.mobile-search input:-ms-input-placeholder {
font-family: var(--font-dosis);
color: var(--text-color1);
}
.mobile-search input::placeholder {
font-family: var(--font-dosis);
color: var(--text-color1);
}
.mobile-search .search-cross-btn {
color: #fff;
cursor: pointer;
background: var(--gradient-color);
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
line-height: 41px;
transition: 0.5s ease;
}
.mobile-search .search-cross-btn i {
font-size: 25px;
cursor: pointer;
}
.mobile-search .search-cross-btn:hover {
background: linear-gradient(90deg, #ff7f18 0%, #f86ca7 100%);
color: #fff;
} header.style-1 {
position: relative;
width: 100%;
z-index: 99;
padding: 0px 7%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--title-color1);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-1 {
padding: 0px 2%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-1 {
padding: 0px 2%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 {
padding: 0px 2%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header.style-1 {
padding: 0px 2%;
}
}
@media (max-width: 767px) {
header.style-1 {
padding: 0px 2%;
}
}
header.style-1.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 9999;
-webkit-animation: smooth-header 0.65s linear;
animation: smooth-header 0.65s linear;
}
@-webkit-keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-1 .header-logo {
padding: 10px 0px;
}
@media (max-width: 991px) {
header.style-1 .header-logo {
width: 100px;
padding: 20px 0;
}
}
header.style-1 .header-logo img {
min-width: 120px;
max-width: 100%;
}
header.style-1 .menu-close-btn i {
color: var(--white);
}
header.style-1 .nav-right {
gap: 24px;
}
@media (max-width: 1500px) {
header.style-1 .nav-right {
gap: 15px;
}
}
header.style-1 .nav-right ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
gap: 24px;
}
@media (max-width: 1500px) {
header.style-1 .nav-right ul {
gap: 15px;
}
}
@media (max-width: 767px) {
header.style-1 .nav-right ul {
display: none;
visibility: hidden;
}
}
header.style-1 .nav-right ul li {
position: relative;
}
header.style-1 .nav-right ul li a {
position: relative;
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
transition: 0.35s;
}
header.style-1 .nav-right ul li a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
opacity: 0;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
header.style-1 .nav-right ul li a svg {
fill: var(--white);
}
header.style-1 .nav-right ul li a:hover {
border-color: var(--primary-color3);
}
header.style-1 .nav-right ul li a:hover::after {
opacity: 1;
}
header.style-1 .nav-right ul .search-btn {
padding: 20px 0;
cursor: pointer;
}
header.style-1 .nav-right ul .search-btn .nav__search-form {
position: absolute;
top: calc(100% + 15px);
right: -32px;
width: 300px;
display: flex;
justify-content: center;
flex-direction: column;
background-color: var(--title-color1);
border: 1px solid #000;
padding: 0 15px;
transition: 0.35s;
opacity: 0;
visibility: hidden;
border-radius: 5px;
height: 65px;
}
header.style-1 .nav-right ul .search-btn .nav__search-form::after {
content: "";
width: 0px;
height: 0px;
top: -8px;
right: 40px;
position: absolute;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid var(--title-color1);
z-index: -1;
}
header.style-1 .nav-right ul .search-btn .nav__search-form form {
display: flex;
align-items: center;
width: 100%;
}
header.style-1 .nav-right ul .search-btn .nav__search-form form i {
color: #fff;
font-weight: 700;
display: inline-block;
}
header.style-1 .nav-right ul .search-btn .nav__search-form input {
border: none;
background: none;
outline: none;
width: 100%;
padding: 0 6px;
color: var(--white);
font-family: var(--font-cabin);
font-weight: 400;
}
header.style-1 .nav-right ul .search-btn .nav__search-form input[type=submit] {
width: auto;
}
header.style-1 .nav-right ul .search-btn .nav__search-form button {
border: none;
background: transparent;
color: var(--heading-color);
width: 50px;
}
header.style-1 .nav-right ul .search-btn:hover .nav__search-form {
opacity: 1;
visibility: visible;
top: calc(100% + 7px);
}
header.style-1 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
header.style-1 .nav-right .mobile-menu-btn i {
color: var(--white);
font-size: 25px;
}
@media (max-width: 991px) {
header.style-1 .nav-right .mobile-menu-btn {
display: block;
visibility: visible;
}
}
header.style-1 .mobile-menu-btn {
cursor: pointer;
display: none;
visibility: hidden;
}
header.style-1 .mobile-menu-btn i {
color: var(--white);
font-size: 25px;
}
@media (max-width: 991px) {
header.style-1 .mobile-menu-btn {
display: block;
visibility: visible;
}
}
header.style-1 .main-menu {
display: inline-block;
}
header.style-1 .main-menu .mobile-menu-logo {
display: none;
}
header.style-1 .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-1 .main-menu ul > li {
display: inline-block;
position: relative;
padding: 0 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .main-menu ul > li {
padding: 0px 18px;
}
}
header.style-1 .main-menu ul > li:hover i {
color: var(--gradient-color) !important;
}
header.style-1 .main-menu ul > li a {
font-size: 0.938rem;
color: var(--white);
font-weight: 400;
letter-spacing: 0.02em;
display: block;
text-transform: uppercase;
padding: 25px 10px;
position: relative;
font-family: var(--font-cabin);
transition: all 0.5s ease-out 0s;
position: relative;
}
@media (max-width: 1500px) {
header.style-1 .main-menu ul > li a {
padding: 25px 0px;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu ul > li a {
padding: 25px 10px;
}
}
header.style-1 .main-menu ul > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li i {
font-size: 20px;
text-align: center;
color: var(--white);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: block;
transition: all 0.5s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-1 .main-menu ul > li i {
opacity: 1;
}
}
header.style-1 .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
opacity: 0;
visibility: hidden;
min-width: 220px;
background: var(--title-color1);
text-align: left;
transform: translateY(20px);
}
header.style-1 .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-1 .main-menu ul > li ul.sub-menu > li i {
position: absolute;
top: 10px;
right: 6px;
display: block;
color: var(--white);
font-size: 20px;
display: none;
}
header.style-1 .main-menu ul > li ul.sub-menu > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
top: 15px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-1 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-1 .main-menu ul > li ul.sub-menu > li .dropdown-icon {
color: #fff;
opacity: 1;
top: 16px;
font-size: 14px;
}
header.style-1 .main-menu ul > li ul.sub-menu > li a {
display: block;
padding: 15px 15px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1;
transition: all 0.4s ease-out 0s;
position: relative;
}
header.style-1 .main-menu ul > li ul.sub-menu > li a:hover {
color: var(--primary-color2);
font-weight: 600;
}
header.style-1 .main-menu ul > li ul.sub-menu > li a.active {
color: var(--primary-color2);
font-weight: 600;
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 210px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: #0b0f14;
top: 0;
}
@media only screen and (max-width: 1199px) {
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu li i {
display: none;
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu li.current_page_item > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li ul.sub-menu > li .sub-menu li.menu-item-has-children i {
display: block;
}
header.style-1 .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
header.style-1 .main-menu ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: 27px;
right: 15px;
font-size: 13px;
color: var(--white);
}
@media (max-width: 1500px) {
header.style-1 .main-menu ul > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .main-menu ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-1 .main-menu ul > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
header.style-1 .main-menu ul > li:hover > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li:hover::after {
color: var(--primary-color2);
font-weight: 800;
}
header.style-1 .main-menu ul > li.active > a {
color: var(--primary-color2);
}
header.style-1 .main-menu ul > li.active::after {
color: var(--primary-color2);
font-weight: 800;
}
header.style-1 .main-menu ul li.menu-item-has-children > i {
display: block;
color: #fff;
font-size: 15px;
top: 25px;
right: 15px;
}
@media only screen and (max-width: 991px) {
header.style-1 .main-menu ul li.menu-item-has-children > i {
top: 8px;
}
}
@media only screen and (max-width: 991px) {
header.style-1 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--title-color1);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-1 .main-menu.show-menu {
transform: translateX(0);
}
header.style-1 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-1 .main-menu ul {
float: none;
text-align: left;
padding: 50px 10px 35px 0;
}
header.style-1 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px;
}
header.style-1 .main-menu ul li i {
display: none;
}
header.style-1 .main-menu ul li.menu-item-has-children i {
display: block;
}
header.style-1 .main-menu ul li.menu-item-has-children i.rotate {
transform: rotate(180deg);
}
header.style-1 .main-menu ul li a {
padding: 10px 0;
display: block;
font-weight: 500;
font-size: 1rem;
}
header.style-1 .main-menu ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
}
header.style-1 .main-menu ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-1 .main-menu ul li ul.sub-menu > li a {
color: var(--white);
font-size: 14px;
font-weight: 500;
padding: 12px 15px;
}
header.style-1 .main-menu ul li ul.sub-menu > li a:hover {
color: var(--gradient-color);
margin-left: 10px;
}
header.style-1 .main-menu ul li ul.sub-menu > li a.active {
color: var(--gradient-color);
}
header.style-1 .main-menu ul li ul.sub-menu > li i {
color: var(--text-primary);
right: -13px;
transition: all 0.5s;
}
header.style-1 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
}
header.style-1 .mobile-menu {
position: relative;
top: 2px;
padding: 0 5px;
border-radius: 50%;
display: inline-block;
}
header.style-1 .cross-btn {
display: inline-block !important;
position: relative;
width: 30px !important;
height: 22px !important;
cursor: pointer;
border: 3px solid transparent !important;
}
header.style-1 .cross-btn span {
width: 100%;
height: 2px;
background: var(--gradient-color);
display: block;
position: absolute;
right: 0;
transition: all 0.3s;
}
header.style-1 .cross-btn .cross-top {
top: 0;
}
header.style-1 .cross-btn .cross-middle {
top: 50%;
transform: translateY(-50%);
width: 100%;
}
header.style-1 .cross-btn .cross-bottom {
bottom: 0;
width: 100%;
}
header.style-1 .cross-btn.h-active span.cross-top {
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
header.style-1 .cross-btn.h-active span.cross-middle {
transform: translateX(-30px);
opacity: 0;
}
header.style-1 .cross-btn.h-active span.cross-bottom {
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -1px;
}
}
header.style-2 {
position: relative;
width: 100%;
z-index: 99;
padding: 0px 7%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--white);
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-2 {
padding: 0px 2%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 {
padding: 0px 2%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header.style-2 {
padding: 0px 4%;
}
}
@media (max-width: 767px) {
header.style-2 {
padding: 0px 4%;
}
}
header.style-2.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 999;
-webkit-animation: smooth-header 0.65s linear;
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-2 .header-logo {
padding: 10px 0px;
}
@media (max-width: 991px) {
header.style-2 .header-logo {
width: 100px;
padding: 20px 0;
}
}
header.style-2 .header-logo img {
min-width: 120px;
max-width: 100%;
}
header.style-2 .menu-close-btn i {
color: var(--title-color1);
}
header.style-2 .nav-right {
gap: 70px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .nav-right {
gap: 50px;
}
}
header.style-2 .nav-right ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
gap: 24px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .nav-right ul {
gap: 15px;
}
}
@media (max-width: 1399px) {
header.style-2 .nav-right ul {
gap: 15px;
}
}
@media (max-width: 767px) {
header.style-2 .nav-right ul {
display: none;
visibility: hidden;
}
}
header.style-2 .nav-right ul li {
position: relative;
}
header.style-2 .nav-right ul li a {
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color2);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white);
transition: 0.35s;
}
header.style-2 .nav-right ul li a svg {
fill: var(--primary-color2);
transition: 0.35s;
}
header.style-2 .nav-right ul li a:hover {
background: var(--primary-color2);
}
header.style-2 .nav-right ul li a:hover svg {
fill: var(--white);
}
header.style-2 .nav-right ul .search-btn {
padding: 20px 0;
cursor: pointer;
}
header.style-2 .nav-right ul .search-btn .nav__search-form {
position: absolute;
top: calc(100% + 15px);
right: -32px;
width: 300px;
display: flex;
align-items: center;
background-color: var(--title-color1);
border: 1px solid #000;
padding: 15px;
transition: 0.35s;
opacity: 0;
visibility: hidden;
height: 65px;
border-radius: 5px;
}
header.style-2 .nav-right ul .search-btn .nav__search-form::after {
content: "";
width: 0px;
height: 0px;
top: -8px;
right: 40px;
position: absolute;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid var(--title-color1);
z-index: -1;
}
header.style-2 .nav-right ul .search-btn .nav__search-form form {
display: flex;
align-items: center;
width: 100%;
}
header.style-2 .nav-right ul .search-btn .nav__search-form form input[type=submit] {
width: auto;
}
header.style-2 .nav-right ul .search-btn .nav__search-form form i {
color: #fff;
font-weight: 700;
display: inline-block;
}
header.style-2 .nav-right ul .search-btn .nav__search-form input {
border: none;
background: none;
outline: none;
width: 100%;
padding: 0 6px;
color: var(--white);
font-family: var(--font-cabin);
font-weight: 400;
}
header.style-2 .nav-right ul .search-btn .nav__search-form button {
border: none;
background: transparent;
color: var(--heading-color);
width: 50px;
}
header.style-2 .nav-right ul .search-btn:hover .nav__search-form {
opacity: 1;
visibility: visible;
top: calc(100% + 9px);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .nav-right .hotline-info {
display: none;
visibility: hidden;
}
}
@media (max-width: 1399px) {
header.style-2 .nav-right .hotline-info {
display: none;
visibility: hidden;
}
}
header.style-2 .nav-right .hotline-info span {
font-size: 0.875rem;
font-weight: 500;
color: var(--primary-color2);
font-family: var(--font-cabin);
display: inline-block;
}
header.style-2 .nav-right .hotline-info h6 {
margin: 0;
}
header.style-2 .nav-right .hotline-info h6 a {
font-size: 1rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
transition: 0.35s;
}
header.style-2 .nav-right .hotline-info h6 a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: var(--primary-color2);
background-clip: text;
}
header.style-2 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
header.style-2 .nav-right .mobile-menu-btn i {
color: var(--title-color1);
font-size: 25px;
}
@media (max-width: 991px) {
header.style-2 .nav-right .mobile-menu-btn {
display: block;
visibility: visible;
}
}
header.style-2 .main-menu {
display: inline-block;
}
header.style-2 .main-menu .mobile-menu-logo {
display: none;
}
header.style-2 .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-2 .main-menu ul > li {
display: inline-block;
position: relative;
padding: 0 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .main-menu ul > li {
padding: 0 25px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 .main-menu ul > li {
padding: 0 10px;
}
}
header.style-2 .main-menu ul > li:hover i {
color: var(--gradient-color);
font-size: 20px;
}
header.style-2 .main-menu ul > li a {
font-size: 1rem;
color: var(--title-color1);
font-weight: 500;
letter-spacing: 0.02em;
display: block;
text-transform: capitalize;
padding: 25px 10px;
position: relative;
font-family: var(--font-cabin);
transition: all 0.5s ease-out 0s;
position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .main-menu ul > li a {
padding: 25px 0px;
}
}
header.style-2 .main-menu ul > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color1);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.5s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-2 .main-menu ul > li i {
opacity: 1;
}
}
header.style-2 .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
padding: 0px 10px;
opacity: 0;
visibility: hidden;
min-width: 220px;
background: var(--title-color1);
text-align: left;
transform: translateY(20px);
}
header.style-2 .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-2 .main-menu ul > li ul.sub-menu > li i {
position: absolute;
top: 10px;
right: 6px;
display: block;
color: var(--title-color1);
font-size: 20px;
}
header.style-2 .main-menu ul > li ul.sub-menu > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
top: 15px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon {
color: var(--title-color1);
opacity: 1;
top: 16px;
font-size: 14px;
}
header.style-2 .main-menu ul > li ul.sub-menu > li a {
display: block;
padding: 15px 15px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
font-size: 0.875rem;
line-height: 1;
transition: all 0.4s ease-out 0s;
position: relative;
}
@media (max-width: 991px) {
header.style-2 .main-menu ul > li ul.sub-menu > li a {
color: var(--title-color1);
}
}
header.style-2 .main-menu ul > li ul.sub-menu > li a:hover {
color: var(--primary-color2);
font-weight: 500;
}
header.style-2 .main-menu ul > li ul.sub-menu > li a.active {
color: var(--primary-color2);
font-weight: 500;
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 210px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: #0b0f14;
top: 0;
}
@media only screen and (max-width: 1199px) {
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li i {
display: none;
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu li.menu-item-has-children i {
display: block;
}
header.style-2 .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
header.style-2 .main-menu ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: 29px;
right: 10px;
font-size: 13px;
color: var(--title-color1);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-2 .main-menu ul > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 .main-menu ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu ul > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
header.style-2 .main-menu ul > li:hover > a {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li:hover::after {
color: var(--primary-color2);
font-weight: 800;
}
header.style-2 .main-menu ul > li.active > a {
color: var(--primary-color2);
position: relative;
}
header.style-2 .main-menu ul > li.active > a::before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/h2-menu-active-icon.svg);
position: absolute;
left: 50%;
bottom: 10px;
}
@media (max-width: 991px) {
header.style-2 .main-menu ul > li.active > a::before {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu ul > li.active::after {
color: var(--primary-color2);
font-weight: 800;
}
header.style-2 .main-menu ul li.menu-item-has-children > i {
display: block;
}
@media only screen and (max-width: 991px) {
header.style-2 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-2 .main-menu.show-menu {
transform: translateX(0);
}
header.style-2 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-2 .main-menu ul {
float: none;
text-align: left;
padding: 50px 10px 35px 0;
}
header.style-2 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px;
}
header.style-2 .main-menu ul li i {
display: none;
}
header.style-2 .main-menu ul li .menu-item-has-children i {
display: block;
}
header.style-2 .main-menu ul li a {
padding: 10px 0;
display: block;
font-weight: 500;
font-size: 1.125rem;
}
header.style-2 .main-menu ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
}
header.style-2 .main-menu ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-2 .main-menu ul li ul.sub-menu > li a {
color: var(--title-color1);
font-size: 14px;
font-weight: 500;
}
header.style-2 .main-menu ul li ul.sub-menu > li a:hover {
color: var(--primary-color2);
margin-left: 10px;
}
header.style-2 .main-menu ul li ul.sub-menu > li a.active {
color: var(--primary-color2);
}
header.style-2 .main-menu ul li ul.sub-menu > li i {
color: var(--text-primary);
right: -13px;
}
header.style-2 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
}
header.style-2 .mobile-menu {
position: relative;
top: 2px;
padding: 0 5px;
border-radius: 50%;
display: inline-block;
}
}
header.style-3 {
position: relative;
width: 100%;
z-index: 99;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--white);
}
header.style-3.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 999;
-webkit-animation: smooth-header 0.65s linear;
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-3 .header-logo {
padding: 10px 0px;
}
@media (max-width: 991px) {
header.style-3 .header-logo {
width: 100px;
padding: 20px 0;
}
}
header.style-3 .header-logo img {
min-width: 120px;
max-width: 100%;
}
header.style-3 .menu-close-btn i {
color: var(--title-color1);
}
header.style-3 .nav-right {
gap: 70px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 .nav-right {
gap: 50px;
}
}
header.style-3 .nav-right ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
gap: 24px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 .nav-right ul {
gap: 15px;
}
}
@media (max-width: 1399px) {
header.style-3 .nav-right ul {
gap: 15px;
}
}
@media (max-width: 767px) {
header.style-3 .nav-right ul {
display: none;
visibility: hidden;
}
}
header.style-3 .nav-right ul li {
position: relative;
}
header.style-3 .nav-right ul li a {
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white);
transition: 0.35s;
}
header.style-3 .nav-right ul li a svg {
fill: var(--primary-color3);
transition: 0.35s;
}
header.style-3 .nav-right ul li a:hover {
background: var(--primary-color3);
}
header.style-3 .nav-right ul li a:hover svg {
fill: var(--white);
}
header.style-3 .nav-right ul li.search-btn {
padding: 20px 0;
cursor: pointer;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form {
position: absolute;
top: calc(100% + 15px);
right: -32px;
width: 300px;
display: flex;
align-items: center;
background-color: var(--title-color1);
border: 1px solid #000;
padding: 15px;
transition: 0.35s;
opacity: 0;
visibility: hidden;
height: 65px;
border-radius: 5px;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form::after {
content: "";
width: 0px;
height: 0px;
top: -8px;
right: 40px;
position: absolute;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid var(--title-color1);
z-index: -1;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form form {
display: flex;
align-items: center;
width: 100%;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form form input[type=submit] {
width: auto;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form form i {
color: #fff;
font-weight: 700;
display: inline-block;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form input {
border: none;
background: none;
outline: none;
width: 100%;
padding: 0 6px;
color: var(--white);
font-family: var(--font-cabin);
font-weight: 400;
}
header.style-3 .nav-right ul li.search-btn .nav__search-form button {
border: none;
background: transparent;
color: var(--heading-color);
width: 50px;
}
header.style-3 .nav-right ul li.search-btn:hover .nav__search-form {
opacity: 1;
visibility: visible;
top: calc(100% + 7px);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 .nav-right .hotline-info {
display: none;
visibility: hidden;
}
}
@media (max-width: 1399px) {
header.style-3 .nav-right .hotline-info {
display: none;
visibility: hidden;
}
}
header.style-3 .nav-right .hotline-info span {
font-size: 0.875rem;
font-weight: 500;
color: var(--primary-color2);
font-family: var(--font-cabin);
display: inline-block;
}
header.style-3 .nav-right .hotline-info h6 {
margin: 0;
}
header.style-3 .nav-right .hotline-info h6 a {
font-size: 1rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
transition: 0.35s;
}
header.style-3 .nav-right .hotline-info h6 a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
header.style-3 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
header.style-3 .nav-right .mobile-menu-btn i {
color: var(--title-color1);
font-size: 25px;
}
@media (max-width: 991px) {
header.style-3 .nav-right .mobile-menu-btn {
display: block;
visibility: visible;
}
}
header.style-3 .main-menu {
display: inline-block;
}
header.style-3 .main-menu .mobile-menu-logo {
display: none;
}
header.style-3 .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-3 .main-menu ul > li {
display: inline-block;
position: relative;
padding: 0 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-3 .main-menu ul > li {
padding: 0 10px;
}
}
header.style-3 .main-menu ul > li:hover i {
color: var(--primary-color3);
font-size: 20px;
}
header.style-3 .main-menu ul > li a {
font-size: 1rem;
color: var(--title-color1);
font-weight: 500;
letter-spacing: 0.02em;
display: block;
text-transform: capitalize;
padding: 25px 10px;
position: relative;
font-family: var(--font-cabin);
transition: all 0.5s ease-out 0s;
position: relative;
}
header.style-3 .main-menu ul > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color1);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.5s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-3 .main-menu ul > li i {
opacity: 1;
}
}
header.style-3 .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
padding: 0px 10px;
opacity: 0;
visibility: hidden;
min-width: 220px;
background: var(--title-color1);
text-align: left;
transform: translateY(20px);
}
header.style-3 .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-3 .main-menu ul > li ul.sub-menu > li i {
position: absolute;
top: 10px;
right: 6px;
display: block;
color: var(--title-color1);
font-size: 20px;
}
header.style-3 .main-menu ul > li ul.sub-menu > li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li.current_page_item > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
top: 15px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-3 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu ul > li ul.sub-menu > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-3 .main-menu ul > li ul.sub-menu > li .dropdown-icon {
color: var(--title-color1);
opacity: 1;
top: 16px;
font-size: 14px;
}
header.style-3 .main-menu ul > li ul.sub-menu > li a {
display: block;
padding: 15px 15px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
font-size: 0.875rem;
line-height: 1;
transition: all 0.4s ease-out 0s;
position: relative;
}
@media (max-width: 991px) {
header.style-3 .main-menu ul > li ul.sub-menu > li a {
color: var(--title-color1);
}
}
header.style-3 .main-menu ul > li ul.sub-menu > li a:hover {
color: var(--primary-color3);
font-weight: 500;
}
header.style-3 .main-menu ul > li ul.sub-menu > li a.active {
color: var(--primary-color3);
font-weight: 500;
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 210px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: #0b0f14;
top: 0;
}
@media only screen and (max-width: 1199px) {
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu li i {
display: none;
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu li.current-menu-parent > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu li.current_page_ancestor > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu li.current_page_item > a {
color: var(--primary-color2);
}
header.style-3 .main-menu ul > li ul.sub-menu > li .sub-menu li.menu-item-has-children i {
display: block;
}
header.style-3 .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
header.style-3 .main-menu ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: 30px;
right: 5px;
font-size: 13px;
color: var(--title-color1);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 .main-menu ul > li.menu-item-has-children::after {
right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-3 .main-menu ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-3 .main-menu ul > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
header.style-3 .main-menu ul > li:hover > a {
color: var(--primary-color3);
}
header.style-3 .main-menu ul > li:hover::after {
color: var(--primary-color3);
font-weight: 800;
}
header.style-3 .main-menu ul > li.active > a {
color: var(--primary-color3);
position: relative;
}
header.style-3 .main-menu ul > li.active::after {
color: var(--primary-color3);
font-weight: 800;
}
header.style-3 .main-menu ul li.menu-item-has-children > i {
display: block;
}
@media only screen and (max-width: 991px) {
header.style-3 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-3 .main-menu.show-menu {
transform: translateX(0);
}
header.style-3 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-3 .main-menu ul {
float: none;
text-align: left;
padding: 50px 10px 35px 0;
}
header.style-3 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px;
}
header.style-3 .main-menu ul li i {
display: none;
}
header.style-3 .main-menu ul li .menu-item-has-children i {
display: block;
}
header.style-3 .main-menu ul li a {
padding: 10px 0;
display: block;
font-weight: 500;
font-size: 1.125rem;
}
header.style-3 .main-menu ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
}
header.style-3 .main-menu ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-3 .main-menu ul li ul.sub-menu > li a {
color: var(--title-color1);
font-size: 14px;
font-weight: 500;
}
header.style-3 .main-menu ul li ul.sub-menu > li a:hover {
color: var(--primary-color3);
margin-left: 10px;
}
header.style-3 .main-menu ul li ul.sub-menu > li a.active {
color: var(--primary-color3);
}
header.style-3 .main-menu ul li ul.sub-menu > li i {
color: var(--text-primary);
right: -13px;
}
header.style-3 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
}
header.style-3 .mobile-menu {
position: relative;
top: 2px;
padding: 0 5px;
border-radius: 50%;
display: inline-block;
}
}
@media (max-width: 991px) {
.header-area .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn input {
width: 100%;
border: 1px solid #eee;
padding: 10px 15px;
height: 45px;
background-color: #fff;
margin-bottom: 15px;
outline: none;
border-radius: 5px;
color: var(--title-color1);
}
.header-area .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn1 {
padding: 10px 20px;
border-radius: 5px;
background-color: #fff;
}
.header-area .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn1:hover {
color: var(--title-color1);
}
.header-area .main-menu .for-mobile-menu .hotline .hotline-info {
text-align: center;
}
.header-area .main-menu .for-mobile-menu .hotline .hotline-info span {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
font-family: var(--font-cabin);
color: var(--white);
}
.header-area .main-menu .for-mobile-menu .hotline .hotline-info h6 a {
font-size: 20px;
font-weight: 700;
font-family: var(--font-dosis);
color: var(--white);
}
.header-area .main-menu .for-mobile-menu .social-link {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 24px;
}
}
@media (max-width: 991px) and (max-width: 1500px) {
.header-area .main-menu .for-mobile-menu .social-link {
gap: 15px;
}
}
@media (max-width: 991px) {
.header-area .main-menu .for-mobile-menu .social-link li > a {
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
transition: 0.35s;
position: relative;
}
.header-area .main-menu .for-mobile-menu .social-link li > a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
opacity: 1;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
.header-area .main-menu .for-mobile-menu .social-link li > a svg {
fill: var(--white);
}
.header-area .main-menu .for-mobile-menu .social-link li > a:hover {
border-color: var(--primary-color3);
background-color: var(--primary-color3);
}
.header-area .main-menu .for-mobile-menu .social-link li > a:hover::after {
opacity: 0;
}
}
@media (max-width: 991px) {
.header-area.style-3 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn input {
width: 100%;
border: 1px solid #eee;
padding: 10px 15px;
height: 45px;
background-color: #fff;
margin-bottom: 15px;
outline: none;
border-radius: 5px;
color: var(--title-color2);
}
.header-area.style-3 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn1 {
padding: 10px 20px;
border-radius: 5px;
background-color: var(--title-color2);
}
.header-area.style-3 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn1:hover {
color: var(--white);
}
.header-area.style-3 .main-menu .for-mobile-menu .hotline .hotline-info {
text-align: center;
}
.header-area.style-3 .main-menu .for-mobile-menu .hotline .hotline-info span {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
font-family: var(--font-cabin);
color: var(--title-color2);
}
.header-area.style-3 .main-menu .for-mobile-menu .hotline .hotline-info h6 a {
font-size: 20px;
font-weight: 700;
font-family: var(--font-dosis);
color: var(--title-color2);
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 24px;
}
}
@media (max-width: 991px) and (max-width: 1500px) {
.header-area.style-3 .main-menu .for-mobile-menu .social-link {
gap: 15px;
}
}
@media (max-width: 991px) {
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a {
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
transition: 0.35s;
position: relative;
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--primary-color3);
opacity: 1;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a svg {
fill: var(--white);
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a:hover {
border-color: var(--primary-color3);
background: var(--primary-color3);
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a:hover::after {
opacity: 0;
}
.header-area.style-3 .main-menu .for-mobile-menu .social-link li > a:hover svg {
fill: var(--white);
}
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn input {
width: 100%;
border: 1px solid #eee;
padding: 10px 15px;
height: 45px;
background-color: #fff;
margin-bottom: 15px;
outline: none;
border-radius: 5px;
color: var(--title-color1);
}
.header-area.style-2 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn2 {
padding: 10px 20px;
border-radius: 5px;
}
.header-area.style-2 .main-menu .for-mobile-menu .mobile-menu-form .input-with-btn .primary-btn2:hover {
color: var(--white);
}
.header-area.style-2 .main-menu .for-mobile-menu .hotline .hotline-info {
text-align: center;
}
.header-area.style-2 .main-menu .for-mobile-menu .hotline .hotline-info span {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
font-family: var(--font-cabin);
color: var(--title-color1);
}
.header-area.style-2 .main-menu .for-mobile-menu .hotline .hotline-info h6 a {
font-size: 20px;
font-weight: 700;
font-family: var(--font-dosis);
color: var(--title-color1);
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 24px;
}
}
@media (max-width: 991px) and (max-width: 1500px) {
.header-area.style-2 .main-menu .for-mobile-menu .social-link {
gap: 15px;
}
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a {
height: 33px;
width: 33px;
line-height: 1;
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color2);
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
transition: 0.35s;
position: relative;
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--primary-color2);
opacity: 1;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a svg {
fill: var(--white);
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a:hover {
border-color: var(--primary-color2);
background: var(--primary-color2);
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a:hover::after {
opacity: 0;
}
.header-area.style-2 .main-menu .for-mobile-menu .social-link li > a:hover svg {
fill: var(--white);
}
} .hero1 {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/hero-bg-1.png), linear-gradient(#fff5ed, #fff5ed);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0;
display: flex;
align-items: center;
position: relative;
}
.hero1 .radio-with-Icon {
display: block;
}
.hero1 .radio-with-Icon div.radioOption-Item {
display: inline-block;
height: 65px;
min-width: 115px;
box-sizing: border-box;
margin: 25px 15px;
border: none;
}
@media (max-width: 1399px) {
.hero1 .radio-with-Icon div.radioOption-Item {
min-width: 100px;
}
}
@media (max-width: 767px) {
.hero1 .radio-with-Icon div.radioOption-Item {
min-width: 90px;
}
}
@media (max-width: 576px) {
.hero1 .radio-with-Icon div.radioOption-Item {
min-width: 110px;
}
}
.hero1 .radio-with-Icon div.radioOption-Item label {
display: block;
height: 100%;
width: 100%;
cursor: pointer;
margin: 0 !important;
font-size: 1rem;
font-weight: 600;
color: var(--text-color3);
background-color: transparent;
text-align: center;
height: 65px;
min-width: 115px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 1399px) {
.hero1 .radio-with-Icon div.radioOption-Item label {
min-width: 100px;
}
}
@media (max-width: 767px) {
.hero1 .radio-with-Icon div.radioOption-Item label {
min-width: 90px;
}
}
@media (max-width: 576px) {
.hero1 .radio-with-Icon div.radioOption-Item label {
min-width: 110px;
}
}
.hero1 .radio-with-Icon div.radioOption-Item label svg {
display: block;
fill: var(--text-color3);
}
.hero1 div.radio-with-Icon div.radioOption-Item label:hover,
.hero1 div.radio-with-Icon div.radioOption-Item label:focus,
.hero1 div.radio-with-Icon div.radioOption-Item label:active {
margin: 0 !important;
opacity: 0.8;
}
.hero1 div.radio-with-Icon div.radioOption-Item label::after,
.hero1 div.radio-with-Icon div.radioOption-Item label:after,
.hero1 div.radio-with-Icon div.radioOption-Item label::before,
.hero1 div.radio-with-Icon div.radioOption-Item label:before {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio] {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio]:checked ~ label {
border-color: #1f2124;
color: #1f2124;
}
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio]:checked ~ label svg {
fill: #1f2124;
}
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio]:hover,
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio]:focus,
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio]:active {
margin: 0 !important;
}
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio] + label:before,
.hero1 div.radio-with-Icon div.radioOption-Item input[type=radio] + label:after {
margin: 0 !important;
}
.hero1 .radio-with-Icon {
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
@media (max-width: 576px) {
.hero1 .radio-with-Icon {
justify-content: center;
}
}
.hero1 .radio-with-Icon .radioOption-Item {
margin: 0 !important;
}
.hero1 .radio-with-Icon .radioOption-Item input {
display: contents;
}
.hero1 .banner-content {
background: #ffffff;
border-radius: 10px;
padding: 50px 40px;
position: relative;
z-index: 9;
}
.hero1 .banner-content .banner-title {
margin-bottom: 25px;
}
.hero1 .banner-content .banner-title h2 {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
text-align: center;
line-height: 1;
}
.hero1 .banner-content .service-area .category-select-area {
display: flex;
align-items: center;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.hero1 .banner-content .service-area .category-select-area {
flex-wrap: wrap;
}
}
.hero1 .banner-content .service-area .category-select-area p {
font-size: 1rem;
font-weight: 600;
color: var(--text-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
margin-bottom: 0;
margin-right: 30px;
}
@media (max-width: 576px) {
.hero1 .banner-content .service-area .category-select-area p {
margin-bottom: 10px;
}
}
.hero1 .banner-content .service-area .category-select-area .form-check {
display: flex;
align-items: center;
margin-bottom: 0;
padding: 0px 25px;
}
.hero1 .banner-content .service-area .category-select-area .form-check input {
margin-right: 5px;
}
.hero1 .banner-content .service-area .category-select-area .form-check label {
font-size: 1rem;
font-weight: 700;
color: #404347;
font-family: var(--font-dosis);
margin-top: 4px;
}
.hero1 .banner-content .service-area .category-select-area .form-check-input {
border-color: #404347;
cursor: pointer;
}
.hero1 .banner-content .service-area .category-select-area .form-check-input:checked {
background-color: #404347;
border-color: #404347;
}
.hero1 .banner-content .service-area .category-select-area .form-check-input:focus {
border-color: #404347;
outline: 0;
box-shadow: none;
}
.hero1 .banner-content .service-area .form-inner label {
font-size: 1rem;
font-weight: 500;
color: var(--text-color2);
font-family: var(--font-cabin);
margin-bottom: 8px;
}
.hero1 .banner-content .service-area .form-inner input {
width: 100%;
height: 38px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
padding: 15px 17px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
margin-right: 0;
}
.hero1 .banner-content .service-area .form-inner.date {
position: relative;
}
.hero1 .banner-content .service-area .form-inner.date::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/calendar-check.svg);
position: absolute;
right: 15px;
top: 51%;
}
.hero1 .banner-content .service-area .form-inner.time {
position: relative;
}
.hero1 .banner-content .service-area .form-inner.time::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/wall-clock.svg);
position: absolute;
right: 15px;
top: 51%;
}
.hero1 .banner-content .service-area .form-inner .nice-select {
width: 100%;
height: 38px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
}
.hero1 .banner-content .service-area .form-inner .nice-select .list {
background: #121528;
border-radius: 5px;
width: 100%;
padding: 3px;
}
.hero1 .banner-content .service-area .form-inner .nice-select .option {
color: var(--white);
font-family: var(--font-dosis);
text-align: center;
font-size: 0.85rem;
line-height: 30px;
min-height: unset;
border-radius: 5px;
}
.hero1 .banner-content .service-area .form-inner .nice-select::after {
border-bottom: 1px solid var(--text-color3);
border-right: 1px solid var(--text-color3);
height: 7px;
margin-top: -5px;
right: 15px;
width: 7px;
}
.hero1 .banner-content .service-area .form-inner .nice-select .option:hover,
.hero1 .banner-content .service-area .form-inner .nice-select .option.focus,
.hero1 .banner-content .service-area .form-inner .nice-select .option.selected.focus {
background: var(--gradient-color);
}
@media (max-width: 991px) {
.hero1 .banner-right {
display: none;
visibility: hidden;
}
}
.hero1 .banner-right .banner-img {
margin-left: 100px;
position: relative;
z-index: 1;
}
@media (max-width: 1399px) {
.hero1 .banner-right .banner-img {
margin-left: -25px;
}
}
.hero1 .banner-right .banner-img .banner-img-bg {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/banner-img-bg.png);
position: absolute;
left: -100px;
top: 0;
z-index: -1;
height: 110%;
width: 166%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero1 .banner-right .banner-img .banner-img-bg {
left: -72px;
height: 110%;
width: 135%;
}
}
@media (max-width: 1399px) {
.hero1 .banner-right .banner-img .banner-img-bg {
left: -50px;
height: 110%;
width: 125%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero1 .banner-right .banner-img .banner-img-bg {
width: 100%;
}
}
.hero2 {
display: flex;
justify-content: space-between;
align-items: center;
}
.hero2 .left-sidebar {
max-width: 120px;
width: 100%;
height: 100%;
position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero2 .left-sidebar {
max-width: 80px;
}
}
@media (max-width: 1399px) {
.hero2 .left-sidebar {
max-width: 80px;
}
}
@media (max-width: 767px) {
.hero2 .left-sidebar {
display: none;
visibility: hidden;
}
}
.hero2 .left-sidebar .swiper-pagination121 {
transform: rotate(-90deg);
background-color: transparent;
position: absolute;
bottom: 33px;
gap: 25px;
}
.hero2 .left-sidebar .swiper-pagination121 .swiper-pagination-bullet {
width: 17px;
height: 17px;
border: 1px solid #62686e;
background: transparent;
opacity: 1;
}
.hero2 .left-sidebar .swiper-pagination121 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #404347;
}
.hero2 .left-sidebar .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.hero2 .left-sidebar .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px);
}
.hero2 .hero2-slider {
width: 100%;
}
.hero2 .hero-wrapper {
background-color: #f4ede6;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
padding: 100px 30px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero2 .hero-wrapper {
padding: 70px 30px;
}
}
.hero2 .hero-wrapper .banner-content h6 {
margin-bottom: 20px;
font-size: 1.25rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--title-color1);
text-transform: capitalize;
padding-left: 40px;
position: relative;
}
.hero2 .hero-wrapper .banner-content h6::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/hero2-text-vect.svg);
position: absolute;
left: -15px;
top: -21px;
}
.hero2 .hero-wrapper .banner-content h1 {
margin-bottom: 50px;
font-size: 5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.hero2 .hero-wrapper .banner-content h1 span {
color: var(--primary-color2);
}
@media (max-width: 767px) {
.hero2 .hero-wrapper .banner-content h1 {
font-size: 4rem;
}
}
@media (max-width: 576px) {
.hero2 .hero-wrapper .banner-content h1 {
font-size: 3.5rem;
}
}
.hero2 .hero-wrapper .banner-content .btn-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
}
.hero2 .hero-wrapper .banner-content .btn-group .primary-btn2 {
padding: 10px 28px;
}
.hero2 .hero-wrapper .banner-content .btn-group .primary-btn3 {
padding: 10px 28px;
}
.hero2 .hero-wrapper .hero-img {
position: relative;
max-width: 120%;
width: 100%;
}
@media (max-width: 991px) {
.hero2 .hero-wrapper .hero-img {
display: none;
visibility: hidden;
}
}
.hero2 .hero-wrapper .hero-img img {
max-width: 120%;
width: 100%;
}
.hero2 .right-sidebar {
max-width: 120px;
width: 100%;
background-color: var(--white);
height: 100%;
position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero2 .right-sidebar {
max-width: 80px;
}
}
@media (max-width: 1399px) {
.hero2 .right-sidebar {
max-width: 80px;
}
}
@media (max-width: 767px) {
.hero2 .right-sidebar {
display: none;
visibility: hidden;
}
}
.hero2 .right-sidebar .social-area {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
}
.hero2 .right-sidebar .social-area ul {
margin: 0;
padding: 0;
list-style: none;
gap: 50px;
display: flex;
align-items: center;
}
.hero2 .right-sidebar .social-area ul li {
position: relative;
}
.hero2 .right-sidebar .social-area ul li a i {
font-size: 1.25rem;
color: var(--title-color1);
transform: rotate(90deg);
transition: 0.35s;
}
.hero2 .right-sidebar .social-area ul li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(0, 29, 35, 0.2);
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
}
.hero2 .right-sidebar .social-area ul li:first-child::after {
display: none;
visibility: hidden;
}
.hero2 .right-sidebar .social-area ul li:hover a i {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero2 .swiper-slide-active h6 {
-webkit-animation: fadeInDown 1.9s;
animation: fadeInDown 1.9s;
}
.hero3 {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.hero3::after {
content: "";
background-color: #ffa276;
position: absolute;
bottom: -90px;
left: 0;
width: 100%;
height: 380px;
z-index: -1;
display: block;
}
@media (max-width: 576px) {
.hero3::after {
bottom: -60px;
}
}
.hero3 .background-text {
position: absolute;
width: 100%;
bottom: -66px;
overflow: hidden;
}
@media (max-width: 576px) {
.hero3 .background-text {
bottom: -50px;
}
}
.hero3 .background-text .marquee_text {
font-size: 2.5rem;
font-weight: 800;
line-height: 1.2;
font-family: var(--font-dosis);
color: #253d4e;
}
.hero3 .background-text .marquee_text span {
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
font-family: var(--font-dosis);
-webkit-text-stroke: 1px rgba(37, 61, 78, 0.5);
-webkit-text-fill-color: transparent;
display: inline-block;
margin-right: 20px;
}
.hero3 .background-text .marquee_text img,
.hero3 .background-text .marquee_text svg {
margin-left: 20px;
margin-right: 20px;
vertical-align: baseline;
}
.hero3 .hero-wrapper {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
padding: 150px 40px 75px;
}
@media (max-width: 991px) {
.hero3 .hero-wrapper {
padding: 130px 10px;
}
}
.hero3 .hero-wrapper .banner-content h6 {
margin-bottom: 20px;
font-size: 1.4rem;
font-weight: 400;
color: var(--primary-color3);
font-family: var(--font-cabin);
text-transform: capitalize;
position: relative;
padding-left: 43px;
}
.hero3 .hero-wrapper .banner-content h6::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/h3-banner-sub-tt-bg.svg);
position: absolute;
left: 0px;
top: -15px;
}
.hero3 .hero-wrapper .banner-content h1 {
padding-top: 5px;
margin-bottom: 50px;
font-size: 4.375rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.hero3 .hero-wrapper .banner-content h1 span {
color: var(--primary-color2);
}
@media (max-width: 767px) {
.hero3 .hero-wrapper .banner-content h1 {
font-size: 4rem;
}
}
@media (max-width: 576px) {
.hero3 .hero-wrapper .banner-content h1 {
font-size: 3.5rem;
}
}
.hero3 .hero-wrapper .banner-content .btn-group {
gap: 30px;
}
@media (max-width: 576px) {
.hero3 .hero-wrapper .banner-content .btn-group {
gap: 20px;
flex-wrap: wrap;
}
}
.hero3 .hero-wrapper .hero-img {
position: relative;
height: 460px;
width: 460px;
display: flex;
align-items: center;
justify-content: center;
background: #d3cfa7;
border-radius: 50%;
}
.hero3 .hero-wrapper .hero-img .banner-imgas {
max-width: 330px;
}
@media (max-width: 991px) {
.hero3 .hero-wrapper .hero-img {
display: none;
visibility: hidden;
}
}
.hero3 .hero-wrapper .hero-img .offer-card {
position: absolute;
right: 0;
top: -105px;
}
.hero3 .hero-wrapper .hero-img::after {
content: "";
border: 2px dashed #d3cfa7;
position: absolute;
left: -12px;
top: -12px;
height: 105%;
width: 105%;
border-radius: 50%;
}
.hero3 .right-sidebar {
max-width: 90px;
width: 100%;
height: 100%;
position: relative;
}
@media (max-width: 576px) {
.hero3 .right-sidebar {
display: none;
visibility: hidden;
}
}
.hero3 .right-sidebar .slider-pagination-area {
position: absolute;
left: 37%;
bottom: 100%;
}
.hero3 .right-sidebar .slider-pagination-area .h3-hero-slider-pagination {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
justify-content: center;
}
.hero3 .right-sidebar .slider-pagination-area .h3-hero-slider-pagination .swiper-pagination-bullet {
font-family: var(--font-dosis);
font-weight: 600;
font-size: 1.25rem;
line-height: 30px;
color: rgb(16, 16, 16);
white-space: nowrap;
}
.hero3 .right-sidebar .slider-pagination-area .h3-hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
font-weight: 700;
font-size: 1.5rem;
color: #101010;
}
.hero3 .right-sidebar .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.hero3 .right-sidebar .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 0;
height: 0;
}
.hero3 .swiper-slide-active h6 {
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.ui-timepicker-container {
border-radius: 5px;
z-index: 9999;
}
.ui-timepicker-standard {
font-family: var(--font-dosis);
font-size: 0.75rem;
background: #121528;
border-color: unset;
color: #fff;
border: none;
margin: 0;
padding: 2px;
z-index: 99999 !important;
}
.ui-timepicker-standard a {
background: #121528;
font-family: var(--font-dosis);
font-size: 0.85rem;
}
.ui-timepicker-standard .ui-state-hover {
background: var(--gradient-color);
border: 1px solid #f86ca7;
font-weight: normal;
color: #fff;
}
.ui-timepicker-viewport {
background: #121528;
}
.ui-timepicker {
background: #121528;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid rgba(238, 238, 238, 0.5);
background: var(--white);
font-weight: normal;
padding: 4px;
transition: all 0.45s ease;
color: var(--title-color1);
font-family: var(--font-dosis);
text-align: center;
font-size: 0.85rem;
border-radius: 5px;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #f86ca7;
color: var(--white);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #ff7f18;
background: linear-gradient(90deg, #ff7f18 0%, #f86ca7 100%);
font-weight: normal;
color: #ffffff;
}
.ui-datepicker th {
font-family: var(--font-cabin);
}
.ui-datepicker .ui-datepicker-title {
font-family: var(--font-cabin);
}
.ui-widget-header {
border: 1px solid #f86ca7;
background: var(--gradient-color);
color: #ffffff;
font-weight: bold;
border-radius: 5px !important;
}
.ui-datepicker {
border-radius: 5px !important;
} .services-card1 {
background: #f3f2fd;
border-radius: 10px;
padding: 30px 20px;
position: relative;
transition: 0.35s;
overflow: hidden;
}
.services-card1 .services-card-vec {
position: absolute;
right: 0;
top: 0;
transition: 0.35s;
}
.services-card1 .icon {
margin-bottom: 15px;
}
.services-card1 .content h3 {
margin-bottom: 15px;
}
.services-card1 .content h3 > a {
font-size: 2rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
transition: all 0.4s ease-in-out;
}
.services-card1 .content h3 > a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.services-card1 .content p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 30px;
}
.services-card1 .more-btn {
font-size: 1rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
transition: 0.35s;
}
.services-card1 .more-btn svg,
.services-card1 .more-btn svg path {
fill: var(--primary-color2);
}
.services-card1.two {
background: #f4fbf2;
}
.services-card1.three {
background: #f9f7e5;
}
.services-card1.four {
background: #e8f4fd;
}
.services-card1:hover .services-card-vec {
transform: scale(2);
}
.services-card1:hover .more-btn {
color: var(--primary-color3);
}
.services-card1:hover .more-btn img {
padding-left: 5px;
}
.h1-service-area .swiper-btn-wrap {
margin-bottom: 40px;
padding-top: 20px;
position: relative;
z-index: 9;
}
.h1-service-area .swiper-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.h1-service-area .swiper-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.h1-service-area .swiper-btn-wrap .slider-btn:hover {
background: var(--gradient-color);
}
.h1-service-area .swiper-btn-wrap .slider-btn:hover i {
color: var(--white);
}
@media (max-width: 576px) {
.h1-service-area .home1-services-slider {
padding: 0px 10px;
}
}
@media (max-width: 576px) {
.h1-service-area .section-title1 {
margin-bottom: 40px;
}
} .h1-story-area {
position: relative;
z-index: 1;
}
.h1-story-area.two::after {
display: none;
visibility: hidden;
}
.h1-story-area.two::before {
display: none;
visibility: hidden;
}
.h1-story-area .section-title1 {
margin-bottom: 20px;
}
.h1-story-area .section-title1 span {
justify-content: start;
}
.h1-story-area .story-content p {
margin-bottom: 0;
}
.h1-story-area .story-content .story-title-reviews {
display: flex;
align-items: center;
justify-content: space-between;
padding: 23px 0 18px;
}
@media (max-width: 576px) {
.h1-story-area .story-content .story-title-reviews {
flex-wrap: wrap;
}
}
.h1-story-area .story-content .story-title-reviews h3 {
font-size: 1.75rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
line-height: 1.4;
margin-bottom: 0;
max-width: 330px;
width: 100%;
}
@media (max-width: 576px) {
.h1-story-area .story-content .story-title-reviews h3 {
margin-bottom: 12px;
}
}
.h1-story-area .story-content .story-title-reviews h3 span {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.h1-story-area .story-content .story-title-reviews .review {
text-align: center;
border: 1px solid var(--primary-color3);
border-radius: 340px;
padding: 10px 40px;
}
.h1-story-area .story-content .story-title-reviews .review p {
font-size: 0.813rem;
font-weight: 400;
color: #2e3031;
font-family: var(--font-cabin);
line-height: 1.2;
}
.h1-story-area .story-content .story-title-reviews .review p a {
color: var(--primary-color3);
text-decoration: underline;
transition: 0.35s;
}
.h1-story-area .story-content .story-title-reviews .review p a:hover {
color: var(--title-color1);
} .h1-feature-area {
background-size: cover;
background-repeat: no-repeat;
padding: 90px 0 180px;
overflow: hidden;
}
.h1-feature-area .bg {
padding: 90px 0;
position: relative;
z-index: 1;
}
.h1-feature-area .bg::after {
content: "";
background: var(--gradient-color);
opacity: 0.05;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.h1-feature-area .bg .single-card {
display: flex;
align-items: center;
}
.h1-feature-area .bg .single-card .icon {
height: 74px;
min-width: 74px;
border-radius: 50%;
background: var(--gradient-color);
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: 0.4s;
}
.h1-feature-area .bg .single-card .content {
max-width: 245px;
}
.h1-feature-area .bg .single-card .content h4 {
font-size: 1.5rem;
font-weight: 800;
color: var(--white);
font-family: var(--font-dosis);
margin-bottom: 10px;
}
.h1-feature-area .bg .single-card .content p {
font-size: 1rem;
font-weight: 400;
color: #d1d1d1;
font-family: var(--font-cabin);
line-height: 26px;
margin-bottom: 0;
}
.h1-feature-area .bg .single-card:hover .icon {
background: var(--title-color1);
}
@media (max-width: 576px) {
.h1-feature-area .bg .freture-title {
padding: 20px 0;
}
}
.h1-feature-area .bg .freture-title h2 {
max-width: 720px;
width: 100%;
font-size: 4.063rem;
font-weight: 800;
color: var(--white);
font-family: var(--font-dosis);
text-align: center;
}
@media (max-width: 1500px) {
.h1-feature-area .bg .freture-title h2 {
font-size: 3.5rem;
max-width: 650px;
}
}
@media (max-width: 1199px) {
.h1-feature-area .bg .freture-title h2 {
font-size: 3.5rem;
max-width: 600px;
}
}
@media (max-width: 1199px) {
.h1-feature-area .bg .freture-title h2 {
font-size: 2.9rem;
max-width: 430px;
}
}
@media (max-width: 576px) {
.h1-feature-area .bg .freture-title h2 {
font-size: 2.2rem;
max-width: 430px;
}
}
.h1-feature-area .bg .freture-title h2 span {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: inline-block;
position: relative;
}
.h1-feature-counter {
margin-top: -120px;
}
.h1-feature-counter .counter-single {
display: flex;
align-items: center;
padding: 25px;
background: #fbecec;
border-radius: 10px;
transition: 0.35s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.h1-feature-counter .counter-single {
padding: 16px;
}
}
@media (max-width: 767px) {
.h1-feature-counter .counter-single {
padding: 20px;
}
}
@media (max-width: 576px) {
.h1-feature-counter .counter-single {
max-width: 350px;
width: 100%;
margin: 0 auto;
}
}
.h1-feature-counter .counter-single.animals {
background-color: #eff8dd;
}
.h1-feature-counter .counter-single.walked {
background-color: #ffd9e7;
}
.h1-feature-counter .counter-single.years {
background-color: #fdeae1;
}
.h1-feature-counter .counter-single .counter-icon {
height: 90px;
width: 90px;
border-radius: 50%;
border: 1px solid var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.h1-feature-counter .counter-single .counter-icon {
margin-right: 5px;
}
}
@media (max-width: 767px) {
.h1-feature-counter .counter-single .counter-icon {
margin-right: 15px;
margin-bottom: 0;
}
}
.h1-feature-counter .counter-single .coundown div h3 {
font-size: 2.813rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
margin-bottom: 0;
}
.h1-feature-counter .counter-single .coundown div span {
font-size: 2.813rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
display: inline-block;
line-height: 1;
}
.h1-feature-counter .counter-single .coundown p {
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
margin-bottom: 0;
}
.h1-feature-counter .counter-single:hover {
background-color: #fff;
box-shadow: 0px 0px 30px rgba(255, 107, 85, 0.1);
} .h1-choose-area {
position: relative;
z-index: 1;
}
@media (min-width: 1400px) {
.h1-choose-area .container {
max-width: 1400px;
}
}
.h1-choose-area .section-title1 span {
justify-content: start;
}
.h1-choose-area .choose-content {
padding-top: 20px;
}
.h1-choose-area .choose-content p {
margin-bottom: 0;
}
.h1-choose-area .choose-content .accordion .accordion-item {
border: none;
background-color: transparent;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
padding: 30px 0 20px;
border: none;
background-color: transparent;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
border: none;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
border: none;
background-color: transparent;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea";
transform: rotate(0deg);
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button.collapsed {
border: none;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-header .accordion-button::after {
content: "\f4fe";
font-weight: 600;
font-size: 20px;
color: var(--title-color1);
font-family: "Bootstrap-icons";
background-image: none;
}
.h1-choose-area .choose-content .accordion .accordion-item .accordion-body {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.h1-choose-area .choose-img {
position: relative;
display: flex;
justify-content: center;
}
@media (max-width: 576px) {
.h1-choose-area .choose-img {
padding-top: 30px;
}
}
.h1-choose-area .choose-img .batch {
position: absolute;
left: 20px;
top: 20px;
}
@media (max-width: 1399px) {
.h1-choose-area .choose-img .batch {
left: 0;
top: 0;
}
}
@media (max-width: 576px) {
.h1-choose-area .choose-img .batch {
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 576px) {
.h1-choose-area .choose-img .batch img {
width: 80px;
}
}
.h1-choose-area .choose-img .batch span {
font-size: 1.125rem;
font-weight: 800;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
position: absolute;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
line-height: 1.3;
}
@media (max-width: 576px) {
.h1-choose-area .choose-img .batch span {
font-size: 0.875rem;
font-weight: 400;
}
}
.h1-choose-area .choose-img .choose-vector {
position: absolute;
right: 0;
top: 0;
}
.h1-choose-area .choose-feature ul {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
.h1-choose-area .choose-feature ul {
display: flex;
justify-content: center;
}
}
@media (max-width: 576px) {
.h1-choose-area .choose-feature ul {
flex-wrap: wrap;
}
}
.h1-choose-area .choose-feature ul li {
margin-bottom: 40px;
}
.h1-choose-area .choose-feature ul li:last-child {
margin-bottom: 0;
}
.h1-choose-area .choose-feature ul li .single-choose-card .icon {
margin-bottom: 20px;
}
.h1-choose-area .choose-feature ul li .single-choose-card .content h4 {
font-size: 1.5rem;
font-weight: 800;
color: #253d4e;
font-family: var(--font-dosis);
}
.h1-choose-area .choose-feature ul li .single-choose-card .content p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 25px;
} .h1-partner-area .partner-left {
max-width: 445px;
width: 100%;
position: relative;
}
.h1-partner-area .partner-left::after {
content: "";
height: 80%;
width: 2px;
transform: translateY(-50%);
background-color: rgba(0, 29, 35, 0.1);
position: absolute;
right: -70px;
top: 50%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.h1-partner-area .partner-left::after {
right: -18px;
}
}
@media (max-width: 1199px) {
.h1-partner-area .partner-left::after {
display: none;
visibility: hidden;
}
}
.h1-partner-area .section-title1 {
margin-bottom: 25px;
}
.h1-partner-area .section-title1 span {
justify-content: start;
font-size: 1.25rem;
font-weight: 400;
margin-bottom: 0;
display: inline-block;
position: relative;
}
.h1-partner-area .section-title1 span::after {
content: "";
background: var(--gradient-color);
opacity: 0.2;
border-radius: 80px;
width: 100px;
height: 3px;
position: absolute;
right: -115px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 576px) {
.h1-partner-area .section-title1 span::after {
display: none;
visibility: hidden;
}
}
.h1-partner-area .author-name-expariance {
display: flex;
align-items: center;
justify-content: space-between;
}
.h1-partner-area .author-name-expariance .author-name {
display: flex;
align-items: center;
}
.h1-partner-area .author-name-expariance .author-name .img {
border-radius: 50%;
margin-right: 15px;
}
.h1-partner-area .author-name-expariance .author-name .img img {
border-radius: 50%;
}
.h1-partner-area .author-name-expariance .author-name .name-deg span {
font-size: 1.063rem;
font-weight: 400;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.h1-partner-area .author-name-expariance .author-name .name-deg h4 {
font-size: 1.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
margin-bottom: 0;
}
.h1-partner-area .partner-img {
padding: 30px 0px;
transition: 0.35s;
}
@media (max-width: 991px) {
.h1-partner-area .partner-img {
padding: 15px 0;
}
}
.h1-partner-area .partner-img img {
opacity: 0.7;
transition: 0.35s;
}
.h1-partner-area .partner-img:hover img {
opacity: 1;
} .h1-pricing-plan-area {
position: relative;
z-index: 1;
}
.h1-pricing-plan-area.two::after {
display: none;
visibility: hidden;
}
.h1-pricing-plan-area nav {
display: flex;
justify-content: center;
margin-bottom: 70px;
border: none;
padding-top: 40px;
}
.h1-pricing-plan-area nav .nav-tabs {
border-bottom: none;
border-radius: 50px;
background: #001d23;
position: relative;
z-index: 1;
border: none;
}
.h1-pricing-plan-area nav .nav-tabs::after {
content: "";
width: 102%;
height: 114%;
border: 1px solid var(--primary-color3);
border-radius: 50px;
position: absolute;
left: -4px;
top: -3px;
z-index: -1;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link {
font-size: 1.25rem;
font-weight: 600;
color: #fff;
font-family: var(--font-dosis);
text-transform: capitalize;
text-align: center;
padding: 5px 48px;
margin-bottom: 0;
border: none;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link.one {
background: transparent;
border-radius: 50px 0px 0px 50px;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link.one.active {
background: var(--gradient-color);
color: #001d23;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link.two {
background-color: transparent;
border-radius: 0px 50px 50px 0px;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link.two.active {
background: var(--gradient-color);
color: #001d23;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link:focus {
border: none;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link.active {
border: none;
}
.h1-pricing-plan-area nav .nav-tabs .nav-link:hover {
border: none;
}
.h1-pricing-plan-area .pricing-card {
background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgba(244, 111, 48, 0.08) 0%, rgba(244, 111, 48, 0.0179167) 77.08%, rgba(244, 111, 48, 0) 100%);
background-blend-mode: overlay, normal;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 10px;
padding: 45px;
position: relative;
transition: 0.4s ease-out;
}
.h1-pricing-plan-area .pricing-card .offer-batch {
background: var(--gradient-color);
border-radius: 0px 0px 35px 35px;
width: 55px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
left: 12px;
top: 3px;
transition: 0.35s;
z-index: -1;
}
.h1-pricing-plan-area .pricing-card .offer-batch::after {
content: "";
border-radius: 0px 0px 35px 35px;
border: 1px solid var(--primary-color3);
width: 114%;
height: 108%;
position: absolute;
top: -3px;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .offer-batch h5 {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 800;
color: var(--white);
font-family: var(--font-dosis);
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .offer-batch h5 span {
font-weight: 500;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .price-card-vector {
position: absolute;
top: 15px;
right: 0;
}
.h1-pricing-plan-area .pricing-card .title {
text-align: center;
margin-bottom: 15px;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .title h4 {
font-size: 1.375rem;
font-weight: 600;
color: #6e6e6e;
font-family: var(--font-cabin);
letter-spacing: 0.02em;
margin-bottom: 5px;
line-height: 1;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .title h2 {
font-size: 3.75rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card .title h2 .currency {
display: inline-block;
font-size: 1.25rem;
margin-top: -24px;
margin-right: 5px;
}
.h1-pricing-plan-area .pricing-card .title h2 .time {
display: inline-block;
font-size: 1.25rem;
font-weight: 400;
color: var(--primary-color3);
margin-bottom: -24px;
transition: 0.35s;
padding-left: 5px;
}
.h1-pricing-plan-area .pricing-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.h1-pricing-plan-area .pricing-card ul li.ticked {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid;
border-color: rgba(0, 29, 35, 0.05);
padding: 18px 0;
font-family: var(--font-cabin);
font-size: 1rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.6);
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card ul li.ticked:last-child {
border-bottom: none;
padding-bottom: 0;
}
.h1-pricing-plan-area .pricing-card ul li.ticked::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/pricing-check.svg);
}
.h1-pricing-plan-area .pricing-card ul li.crossed {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid;
border-color: rgba(0, 29, 35, 0.05);
padding: 18px 0;
font-family: var(--font-cabin);
font-size: 1rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.6);
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card ul li.crossed:last-child {
border-bottom: none;
padding-bottom: 0;
}
.h1-pricing-plan-area .pricing-card ul li.crossed::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/pricing-X.svg);
}
.h1-pricing-plan-area .pricing-card .book-now-btn {
display: flex;
justify-content: center;
padding-top: 55px;
}
.h1-pricing-plan-area .pricing-card .book-now-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
border: 1px solid var(--primary-color3);
border-radius: 50px;
padding: 10px 60px;
display: inline-block;
transition: all 0.4s ease-in-out;
position: relative;
z-index: 1;
}
.h1-pricing-plan-area .pricing-card .book-now-btn a::after {
content: "";
background: var(--gradient-color);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50px;
z-index: -1;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.h1-pricing-plan-area .pricing-card:hover, .h1-pricing-plan-area .pricing-card.active {
background: #253d4e;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 10px;
}
.h1-pricing-plan-area .pricing-card:hover .offer-batch, .h1-pricing-plan-area .pricing-card.active .offer-batch {
z-index: 1;
}
.h1-pricing-plan-area .pricing-card:hover .title, .h1-pricing-plan-area .pricing-card.active .title {
text-align: center;
margin-bottom: 15px;
transition: 0.35s;
}
.h1-pricing-plan-area .pricing-card:hover .title h4, .h1-pricing-plan-area .pricing-card.active .title h4 {
color: var(--white);
}
.h1-pricing-plan-area .pricing-card:hover .title h2, .h1-pricing-plan-area .pricing-card.active .title h2 {
color: var(--white);
}
.h1-pricing-plan-area .pricing-card:hover ul, .h1-pricing-plan-area .pricing-card.active ul {
margin: 0;
padding: 0;
list-style: none;
}
.h1-pricing-plan-area .pricing-card:hover ul li, .h1-pricing-plan-area .pricing-card.active ul li {
color: var(--white);
border-color: rgba(255, 255, 255, 0.05);
}
.h1-pricing-plan-area .pricing-card:hover .book-now-btn a, .h1-pricing-plan-area .pricing-card.active .book-now-btn a {
color: #fff;
border-color: transparent;
}
.h1-pricing-plan-area .pricing-card:hover .book-now-btn a::after, .h1-pricing-plan-area .pricing-card.active .book-now-btn a::after {
opacity: 1;
}
.h1-pricing-plan-area .nav-tabs .nav-link:focus,
.h1-pricing-plan-area .nav-tabs .nav-link:hover {
border: none;
} .h1-testimonial-area {
background-size: cover;
background-repeat: no-repeat;
padding: 90px 0;
}
.h1-testimonial-area .testimonial-card .testimonial-img {
border-radius: 5px;
overflow: hidden;
transition: 0.35s;
}
.h1-testimonial-area .testimonial-card .testimonial-img img {
border-radius: 5px;
transition: 0.35s;
min-height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.h1-testimonial-area .testimonial-card .testimonial-img img {
width: 100%;
}
}
.h1-testimonial-area .testimonial-card .testimonial-content {
background: #ffffff;
border-radius: 5px;
padding: 25px;
margin: -50px 15px 0px 15px;
position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.h1-testimonial-area .testimonial-card .testimonial-content {
padding: 20px;
}
}
@media (max-width: 1399px) {
.h1-testimonial-area .testimonial-card .testimonial-content {
padding: 20px;
}
}
.h1-testimonial-area .testimonial-card .testimonial-content .review {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 13px;
}
.h1-testimonial-area .testimonial-card .testimonial-content .review li i {
color: #ffc226;
}
.h1-testimonial-area .testimonial-card .testimonial-content p {
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
margin-bottom: 0;
letter-spacing: 0.03em;
margin-bottom: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.h1-testimonial-area .testimonial-card .testimonial-content p {
font-size: 1rem;
}
}
@media (max-width: 1399px) {
.h1-testimonial-area .testimonial-card .testimonial-content p {
font-size: 1rem;
}
}
.h1-testimonial-area .testimonial-card .testimonial-content .author-area h4 {
font-size: 1.375rem;
font-weight: 800;
color: #253d4e;
font-family: var(--font-dosis);
letter-spacing: 0.03em;
margin-bottom: 0;
}
.h1-testimonial-area .testimonial-card .testimonial-content .author-area span {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 500;
font-family: 1rem;
letter-spacing: 0.05em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.h1-testimonial-area .testimonial-card:hover .testimonial-img img {
transform: scale(1.1);
}
.h1-testimonial-area .swiper-btn-wrap {
padding-top: 60px;
gap: 45px;
}
.h1-testimonial-area .swiper-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.h1-testimonial-area .swiper-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.h1-testimonial-area .swiper-btn-wrap .slider-btn:hover {
background: var(--gradient-color);
}
.h1-testimonial-area .swiper-btn-wrap .slider-btn:hover i {
color: var(--white);
} .team-area {
position: relative;
z-index: 1;
}
.team-area.two::after {
display: none;
visibility: hidden;
}
.team-area .swiper-btn-wrap {
position: absolute;
width: 80%;
left: 50%;
top: 50%;
transform: translateX(-50%);
}
@media (max-width: 1700px) {
.team-area .swiper-btn-wrap {
width: 92%;
}
}
@media (max-width: 1500px) {
.team-area .swiper-btn-wrap {
width: 98%;
}
}
@media (max-width: 767px) {
.team-area .swiper-btn-wrap {
display: none;
visibility: hidden;
}
}
.team-area .swiper-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.team-area .swiper-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.team-area .swiper-btn-wrap .slider-btn:hover {
background: var(--gradient-color);
}
.team-area .swiper-btn-wrap .slider-btn:hover i {
color: var(--white);
}
@media (max-width: 576px) {
.team-area .single-team-card {
max-width: 310px;
width: 100%;
margin: 0 auto;
}
}
.team-area .single-team-card .member-img {
border-radius: 50%;
border: 1px solid;
border-color: var(--primary-color3);
padding: 0px 10px;
margin-bottom: 20px;
overflow: hidden;
transition: 0.35s;
}
.team-area .single-team-card .member-img img {
border-radius: 50%;
transition: 0.35s;
}
.team-area .single-team-card .member-content {
text-align: center;
}
.team-area .single-team-card .member-content span {
font-family: var(--font-cabin);
font-weight: 400;
font-family: 1.063rem;
letter-spacing: 0.03em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
margin-bottom: 4px;
}
.team-area .single-team-card .member-content h3 {
margin-bottom: 0;
font-size: 1.875rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
letter-spacing: 0.03em;
}
.team-area .single-team-card:hover .member-img img {
transform: scale(1.1);
} .newsletter-area .newsletter-wrap {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 60px 25px;
border-radius: 10px;
}
.newsletter-area .newsletter-wrap .form-inner {
display: flex;
max-width: 590px;
margin: 0 auto;
background: #ffffff;
border: 1px solid #ececec;
border-radius: 180px;
padding: 5px;
}
@media (max-width: 576px) {
.newsletter-area .newsletter-wrap .form-inner {
flex-wrap: wrap;
justify-content: center;
background: transparent;
}
}
.newsletter-area .newsletter-wrap .form-inner input {
width: 73%;
background-color: var(--white);
height: 48px;
border-radius: 180px;
padding: 20px 25px;
margin-right: 0;
font-family: var(--font-cabin);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
color: #a5a5a5;
border: unset;
}
@media (max-width: 576px) {
.newsletter-area .newsletter-wrap .form-inner input {
width: 100%;
margin-bottom: 20px;
}
}
.newsletter-area .newsletter-wrap .form-inner input::-moz-placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.newsletter-area .newsletter-wrap .form-inner input:-ms-input-placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.newsletter-area .newsletter-wrap .form-inner input::placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.newsletter-area .newsletter-wrap .form-inner button {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-cabin);
position: relative;
border-radius: 180px;
padding: 0px 44px;
height: 48px;
z-index: 1;
position: relative;
overflow: hidden;
white-space: nowrap;
} .h1-blog-area {
position: relative;
z-index: 1;
}
.h1-blog-area::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-06.png);
position: absolute;
right: 0;
top: -40%;
z-index: -1;
}
@media (max-width: 576px) {
.h1-blog-area::after {
display: none;
visibility: hidden;
}
}
.h1-blog-card .blog-img {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.h1-blog-card .blog-img img {
transition: 0.4s;
}
.h1-blog-card .blog-img .category {
position: absolute;
right: 0;
bottom: 0;
}
.h1-blog-card .blog-img .category a {
position: relative;
display: inline-block;
font-size: 0.9rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-cabin);
padding: 5px 15px;
transition: 0.35s;
background-color: var(--text-color2);
z-index: 1;
overflow: hidden;
}
.h1-blog-card .blog-img .category a svg {
fill: var(--white);
}
.h1-blog-card .blog-img .category a::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.h1-blog-card .blog-img .category a:hover {
color: #fff;
}
.h1-blog-card .blog-img .category a:hover::before {
width: 0;
}
.h1-blog-card .blog-img img {
border-radius: 10px 10px 0px 0px;
height: 270px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.h1-blog-card .blog-img img {
width: 100%;
}
}
.h1-blog-card .blog-content {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 10px;
padding: 18px 20px;
}
.h1-blog-card .blog-content .blog-meta {
margin-bottom: 5px;
}
.h1-blog-card .blog-content .blog-meta a {
font-family: var(--font-cabin);
font-size: 1rem;
font-weight: 400;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
transition: 0.35s;
}
.h1-blog-card .blog-content .blog-meta a:hover {
background: linear-gradient(90deg, #001d23 0%, #001d23 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.h1-blog-card .blog-content h4 {
margin-bottom: 0;
}
.h1-blog-card .blog-content h4 a {
font-size: 1.5rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
transition: 0.35s;
text-transform: capitalize;
}
.h1-blog-card .blog-content h4 a:hover {
color: var(--primary-color2);
}
.h1-blog-card:hover .blog-img img {
transform: scale(1.1);
}
.h1-blog-card:hover .blog-content {
background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgba(244, 111, 48, 0.1) 0%, rgba(244, 111, 48, 0.0223958) 77.08%, rgba(244, 111, 48, 0) 100%);
background-blend-mode: overlay, normal;
border-radius: 9px;
}
.blog-st-card .blog-img {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
margin-bottom: 25px;
}
.blog-st-card .blog-img img {
transition: 0.4s;
}
.blog-st-card .blog-img .category {
position: absolute;
right: 0;
bottom: 0;
}
.blog-st-card .blog-img .category a {
display: inline-block;
font-size: 1.063rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-cabin);
padding: 9px 32px;
transition: 0.35s;
position: relative;
background-color: var(--title-color1);
overflow: hidden;
z-index: 1;
}
.blog-st-card .blog-img .category a svg {
fill: var(--white);
}
.blog-st-card .blog-img .category a::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.blog-st-card .blog-img .category a:hover {
color: #fff;
}
.blog-st-card .blog-img .category a:hover::before {
width: 0;
}
.blog-st-card .blog-img img {
border-radius: 10px 10px 0px 0px;
}
@media (max-width: 767px) {
.blog-st-card .blog-img img {
width: 100%;
}
}
.blog-st-card .blog-content .blog-meta {
margin-bottom: 15px;
padding-left: 35px;
}
.blog-st-card .blog-content .blog-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 25px;
}
.blog-st-card .blog-content .blog-meta ul li {
position: relative;
font-family: var(--font-cabin);
font-weight: 400;
font-size: 1rem;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #868686;
}
.blog-st-card .blog-content .blog-meta ul li:first-child::after {
display: none;
visibility: hidden;
}
.blog-st-card .blog-content .blog-meta ul li:first-child::before {
content: "";
height: 2px;
width: 30px;
background: var(--gradient-color);
border-radius: 5px;
position: absolute;
left: -35px;
top: 50%;
}
.blog-st-card .blog-content .blog-meta ul li a {
transition: 0.35s;
}
.blog-st-card .blog-content .blog-meta ul li a:hover {
color: var(--primary-color3);
}
.blog-st-card .blog-content h4 {
margin-bottom: 15px;
}
.blog-st-card .blog-content h4 a {
font-size: 1.5rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
transition: 0.35s;
text-transform: capitalize;
}
.blog-st-card .blog-content h4 a:hover {
color: var(--primary-color2);
}
.blog-st-card .blog-content p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 35px;
margin-bottom: 35px;
}
.blog-st-card .blog-content .more-btn a {
font-size: 1.125rem;
font-weight: 700;
display: inline-block;
line-height: 1;
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
margin-left: 13px;
position: relative;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blog-st-card .blog-content .more-btn a span {
transition: 0.35s;
display: inline-block;
margin-right: 1px;
}
.blog-st-card .blog-content .more-btn a::after {
content: "";
width: 35px;
height: 35px;
opacity: 0.2;
border: 1px solid var(--primary-color2);
border-radius: 50%;
position: absolute;
left: -13px;
top: 50%;
transform: translateY(-50%);
transition: 0.35s;
z-index: -1;
}
.blog-st-card .blog-content .more-btn a:hover {
color: var(--title-color1);
}
.blog-st-card .blog-content .more-btn a:hover span {
color: var(--white);
}
.blog-st-card .blog-content .more-btn a:hover::after {
border: 1px solid var(--title-color1);
background-color: var(--title-color1);
opacity: 1;
}
.blog-st-card:hover .blog-img img {
transform: scale(1.1);
} .gallery-img-area .gallery2-img {
position: relative;
}
.gallery-img-area .gallery2-img .overlay {
background-color: rgba(0, 29, 35, 0.4);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.4s;
}
.gallery-img-area .gallery2-img .overlay i {
color: rgba(255, 255, 255, 0.8);
font-size: 25px;
transition: 0.35s;
}
.gallery-img-area .gallery2-img .overlay i:hover {
color: #fff;
}
.gallery-img-area .gallery2-img:hover .overlay {
opacity: 1;
transform: scale(1);
} footer {
background-color: #fff5ed;
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/footer-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
@media (max-width: 991px) {
footer .footer-items {
margin-bottom: 50px;
}
}
footer .footer-items h3 {
font-family: var(--font-dosis);
font-size: 1.875rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: capitalize;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-bottom: 20px;
}
footer .footer-items .hotline,
footer .footer-items .email {
display: flex;
align-items: center;
}
footer .footer-items .hotline .hotline-icon,
footer .footer-items .hotline .email-icon,
footer .footer-items .email .hotline-icon,
footer .footer-items .email .email-icon {
margin-right: 10px;
}
footer .footer-items .hotline .hotline-info h6,
footer .footer-items .hotline .email-info h6,
footer .footer-items .email .hotline-info h6,
footer .footer-items .email .email-info h6 {
margin-bottom: 0;
}
footer .footer-items .hotline .hotline-info h6 a,
footer .footer-items .hotline .email-info h6 a,
footer .footer-items .email .hotline-info h6 a,
footer .footer-items .email .email-info h6 a {
font-size: 1rem;
font-weight: 500;
color: #253d4e;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
transition: 0.35s;
}
footer .footer-items .hotline .hotline-info h6 a:hover,
footer .footer-items .hotline .email-info h6 a:hover,
footer .footer-items .email .hotline-info h6 a:hover,
footer .footer-items .email .email-info h6 a:hover {
color: var(--primary-color3);
}
footer .footer-items > h6 {
font-size: 1rem;
font-weight: 600;
color: #253d4e;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
}
footer .footer-items .social-icons {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 50px;
padding-top: 40px;
}
footer .footer-items .social-icons li {
position: relative;
}
footer .footer-items .social-icons li a i {
font-size: 1.25rem;
color: var(--title-color1);
transition: 0.35s;
}
footer .footer-items .social-icons li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(0, 29, 35, 0.2);
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
}
footer .footer-items .social-icons li:first-child::after {
display: none;
visibility: hidden;
}
footer .footer-items .social-icons li:hover a i {
color: var(--primary-color2);
}
footer .footer-items h2 {
font-size: 2.813rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.3;
margin-bottom: 0;
text-align: center;
text-transform: capitalize;
letter-spacing: 0.02em;
position: relative;
}
@media (max-width: 576px) {
footer .footer-items h2 {
text-align: start;
font-size: 2.313rem;
}
}
footer .footer-items h2 span {
font-weight: 500;
}
footer .footer-items h2::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/footer-tt-vec.svg);
position: absolute;
right: -50px;
top: -20px;
}
@media (max-width: 1199px) {
footer .footer-items h2::after {
right: 0;
}
}
@media (max-width: 576px) {
footer .footer-items h2::after {
display: none;
visibility: hidden;
}
}
footer .footer-items .book-btn {
display: flex;
justify-content: center;
padding-top: 20px;
}
@media (max-width: 576px) {
footer .footer-items .book-btn {
justify-content: flex-start;
}
}
footer .footer-items .book-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
border-radius: 60px;
display: inline-block;
padding: 13px 50px;
z-index: 1;
position: relative;
overflow: hidden;
}
footer .footer-items .book-btn2 {
display: flex;
justify-content: center;
padding-top: 20px;
}
footer .footer-items .book-btn2 a {
padding: 13px 50px;
}
@media (max-width: 576px) {
footer .footer-items .book-btn2 {
justify-content: flex-start !important;
}
}
footer .footer-items.opening-time {
margin-bottom: 0;
}
footer .copyright-area {
padding: 20px 0;
}
footer .copyright-area p {
margin-bottom: 0;
font-family: var(--font-cabin);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #001d23;
}
@media (max-width: 991px) {
footer .copyright-area p {
display: flex;
justify-content: center;
margin-bottom: 8px;
}
}
footer .copyright-area p a {
background: var(--gradient-color);
font-weight: 500;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
transition: 0.35s;
padding-left: 3px;
}
footer .copyright-area p a:hover {
background: linear-gradient(90deg, #001d23 0%, #001d23 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
footer .footer-btm-menu {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
gap: 30px;
}
@media (max-width: 576px) {
footer .footer-btm-menu {
gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
footer .footer-btm-menu li {
padding: 0px 10px;
}
}
footer .footer-btm-menu li a {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #001d23;
transition: 0.35s;
}
footer .footer-btm-menu li a:hover {
color: var(--primary-color2);
}
footer .border-top {
border-top: 1px solid;
border-color: rgba(0, 29, 35, 0.05);
}
footer.style2 {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/footer2-bg.png);
}
@media (max-width: 991px) {
footer.style2 .footer-widget {
text-align: center;
margin-bottom: 50px;
}
}
footer.style2 .footer-widget .footer-icon {
margin-bottom: 20px;
}
footer.style2 .footer-widget .widget-title h2 {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 1.5;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #253d4e;
margin-bottom: 25px;
}
footer.style2 .footer-widget .widget-title h2 span {
font-weight: 500;
}
footer.style2 .footer-widget .widget-title h3 {
font-size: 1.875rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 30px;
letter-spacing: 0.03em;
}
@media (max-width: 1399px) {
footer.style2 .footer-widget .widget-title h3 {
font-size: 1.75rem;
}
}
footer.style2 .footer-widget .widget-title p {
font-size: 1rem;
font-weight: 400;
color: var(--title-color2);
font-family: var(--font-cabin);
margin-bottom: 0;
padding-top: 16px;
}
footer.style2 .footer-widget .menu-container {
padding-top: 16px;
}
footer.style2 .footer-widget .menu-container ul {
margin: 0;
padding: 0;
list-style: none;
}
footer.style2 .footer-widget .menu-container ul li {
margin-bottom: 15px;
position: relative;
transition: 0.35s;
}
footer.style2 .footer-widget .menu-container ul li a {
font-size: 1rem;
font-weight: 500;
color: var(--title-color2);
font-family: var(--font-cabin);
transition: 0.35s;
}
footer.style2 .footer-widget .menu-container ul li::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--primary-color3);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.35s;
}
footer.style2 .footer-widget .menu-container ul li:last-child {
margin-bottom: 0;
}
footer.style2 .footer-widget .menu-container ul li:hover {
padding-left: 15px;
}
footer.style2 .footer-widget .menu-container ul li:hover a {
color: var(--primary-color3);
}
footer.style2 .footer-widget .menu-container ul li:hover::after {
opacity: 1;
}
footer.style2 .footer-widget .download-link {
padding-top: 22px;
margin-bottom: 35px;
}
footer.style2 .footer-widget .download-link ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
footer.style2 .footer-widget .download-link ul {
flex-wrap: wrap;
gap: 15px;
}
}
@media (max-width: 991px) {
footer.style2 .footer-widget .download-link ul {
justify-content: center;
}
}
footer.style2 .footer-widget > p {
font-size: 1rem;
font-weight: 400;
color: var(--title-color2);
font-family: var(--font-cabin);
letter-spacing: 0.02em;
}
footer.style2 .footer-widget .payment-mathord ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
footer.style2 .footer-widget .payment-mathord ul {
gap: 20px;
}
}
@media (max-width: 991px) {
footer.style2 .footer-widget .payment-mathord ul {
justify-content: center;
}
}
footer.style2 .social-area ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: end;
gap: 50px;
}
footer.style2 .social-area ul li {
position: relative;
}
footer.style2 .social-area ul li a i {
font-size: 1.25rem;
color: var(--title-color1);
transition: 0.35s;
}
footer.style2 .social-area ul li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(0, 29, 35, 0.2);
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
}
footer.style2 .social-area ul li:first-child::after {
display: none;
visibility: hidden;
}
footer.style2 .social-area ul li:hover a i {
color: var(--primary-color3);
} .h2-services-area {
overflow: hidden;
}
.h2-services-area .services-top {
position: relative;
}
.h2-services-area .services-top .primary-btn2 {
padding: 10px 28px;
}
.h2-services-area .services-top .services-section-card {
background: #fef8ef;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
max-width: 380px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px;
z-index: 9;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.h2-services-area .services-top .services-section-card {
max-width: 320px;
}
}
@media (max-width: 1399px) {
.h2-services-area .services-top .services-section-card {
max-width: 250px;
}
}
@media (max-width: 1199px) {
.h2-services-area .services-top .services-section-card {
max-width: 330px;
}
}
@media (max-width: 991px) {
.h2-services-area .services-top .services-section-card {
position: relative;
max-width: unset;
}
}
.h2-services-area .services-top .services-section-card .services-card-vect-01 {
position: absolute;
right: 0;
top: 0;
z-index: -1;
opacity: 0.1;
}
.h2-services-area .services-top .services-section-card .services-card-vect-02 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
opacity: 0.1;
}
.h2-services-area .services-top .services-section-card .services-title h2 {
font-size: 3.125rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 50px;
}
@media (max-width: 576px) {
.h2-services-area .services-top .services-section-card .services-title h2 {
font-size: 2.5rem;
}
}
.h2-services-area .services-top .services-section-card .services-title h2 span {
display: inline-block;
position: relative;
}
.h2-services-area .services-top .services-section-card .services-title h2 span::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/services-text-vect.svg);
position: absolute;
left: 0;
top: -12px;
}
.h2-services-area .services-top .services-card {
padding: 50px 40px;
position: relative;
z-index: 1;
transition: 0.35s;
}
.h2-services-area .services-top .services-card .card-vector .services-card-vect-01 {
position: absolute;
right: 0;
top: 0;
z-index: -1;
transition: 0.35s;
}
.h2-services-area .services-top .services-card .card-vector .services-card-vect-02 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
transition: 0.35s;
}
.h2-services-area .services-top .services-card .services-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.h2-services-area .services-top .services-card .services-content {
text-align: center;
}
.h2-services-area .services-top .services-card .services-content h3 {
margin-bottom: 10px;
}
.h2-services-area .services-top .services-card .services-content h3 a {
font-size: 2.25rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
}
.h2-services-area .services-top .services-card .services-content p {
margin-bottom: 30px;
}
.h2-services-area .services-top .services-card .services-content .more-btn a {
display: inline-block;
font-size: 1rem;
font-weight: 700;
color: #253d4e;
font-family: var(--font-dosis);
transition: 0.35s;
}
.h2-services-area .services-top .services-card .services-content .more-btn a img {
transition: 0.35s;
}
.h2-services-area .services-top .services-card .services-content .more-btn a:hover {
color: var(--primary-color2);
}
.h2-services-area .services-top .services-card .services-content .more-btn a:hover img {
margin-left: 5px;
}
.h2-services-area .services-top .services-card.daycare-card {
background: #fbf3f5;
}
.h2-services-area .services-top .services-card.grooming-card {
background: #fcf1f1;
}
.h2-services-area .services-top .services-card.boarding-card {
background: #f5f2fc;
}
.h2-services-area .services-top .services-card.vaterinary-card {
background: #f2f5f2;
}
.h2-services-area .services-btm .services-img {
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.h2-services-area .services-btm .services-img {
margin-bottom: 50px;
display: flex;
justify-content: center;
}
}
.h2-services-area .services-btm .services-img .services-img-bg {
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
z-index: -1;
}
.h2-services-area .services-btm .services-img .services-img-bg::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/services-img-bg-vec.png);
position: absolute;
left: -40px;
top: -50px;
}
@media (max-width: 767px) {
.h2-services-area .services-btm .services-img .services-img-bg::after {
display: none;
visibility: hidden;
}
}
@media (max-width: 576px) {
.h2-services-area .services-btm .services-img .services-img-bg img {
display: none;
visibility: hidden;
}
}
.h2-services-area .services-btm .services-content {
margin-left: 50px;
}
@media (max-width: 991px) {
.h2-services-area .services-btm .services-content {
margin-left: 0;
}
}
.h2-services-area .services-btm .services-content h2 {
font-size: 3.125rem;
font-weight: 800;
color: var(--title-color1);
line-height: 1.4;
font-family: var(--font-dosis);
text-transform: capitalize;
padding-top: 5px;
margin-bottom: 12px;
}
.h2-services-area .services-btm .services-content > p {
margin-bottom: 0;
}
.h2-services-area .services-btm .services-content .author-area {
padding-top: 25px;
}
.h2-services-area .services-btm .services-content .author-area .author-quat p {
font-size: 1.5rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.7;
margin-bottom: 0;
}
.h2-services-area .services-btm .services-content .author-area .author-name-deg {
padding-top: 20px;
}
.h2-services-area .services-btm .services-content .author-area .author-name-deg span {
display: inline-block;
font-size: 1rem;
font-weight: 400;
color: var(--primary-color2);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
}
.h2-services-area .services-btm .services-content .author-area .author-name-deg h4 {
font-size: 1.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
margin-bottom: 5px;
} .section-title2 {
margin-top: -20px;
}
.section-title2 h2 {
font-size: 3.125rem;
font-weight: 800;
color: var(--title-color1);
line-height: 1.4;
font-family: var(--font-dosis);
text-transform: capitalize;
margin-bottom: 0;
}
@media (max-width: 576px) {
.section-title2 h2 {
font-size: 2.5rem;
}
}
.section-title2 p {
font-size: 1.875rem;
font-weight: 500;
color: #253d4e;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
line-height: 1.7;
text-transform: capitalize;
padding-top: 40px;
margin-bottom: 0;
}
.section-title2 p a {
color: var(--primary-color2);
text-decoration: underline;
}
.h2-choose-area .single-card .icon {
margin-bottom: 23px;
}
.h2-choose-area .single-card .content h4 {
font-size: 1.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.h2-choose-area .single-card .content p {
line-height: 25px;
}
.h2-choose-area .partner-area {
background: #fbfbfb;
padding: 50px 0;
}
.h2-choose-area .partner-area .partner-logo {
display: flex;
justify-content: center;
} .h2-working-process .work-process-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.h2-working-process .work-process-area {
gap: 18px;
}
}
@media (max-width: 991px) {
.h2-working-process .work-process-area {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 991px) {
.h2-working-process .work-process-area .work-proces-arrow {
display: none;
visibility: hidden;
}
}
.h2-working-process .work-process-area .work-process-card {
max-width: 310px;
width: 100%;
background: #ffe1cf;
border-radius: 15px;
padding: 45px 30px;
position: relative;
transition: 0.35s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.h2-working-process .work-process-area .work-process-card {
padding: 45px 20px;
}
}
.h2-working-process .work-process-area .work-process-card .sl-no {
display: flex;
align-items: center;
position: absolute;
right: -15px;
top: -15px;
}
.h2-working-process .work-process-area .work-process-card .sl-no span {
font-size: 1.25rem;
font-weight: 600;
color: var(--primary-color2);
font-family: var(--font-dosis);
display: inline-block;
background: #fbfbfb;
border-radius: 0px 0px 0px 5px;
padding: 5px 20px;
margin-right: -8px;
z-index: 1;
transition: 0.35s;
}
.h2-working-process .work-process-area .work-process-card .sl-no h3 {
margin-bottom: 0;
height: 72px;
width: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fbfbfb;
border: 1px solid #ffe1cf;
font-size: 2.188rem;
font-weight: 800;
font-family: var(--font-dosis);
-webkit-text-stroke: 1px var(--primary-color2);
-webkit-text-fill-color: transparent;
transition: 0.35s;
}
.h2-working-process .work-process-area .work-process-card .icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
transition: 0.35s;
}
.h2-working-process .work-process-area .work-process-card .icon img,
.h2-working-process .work-process-area .work-process-card .icon svg {
transition: 0.35s;
}
.h2-working-process .work-process-area .work-process-card .work-content h3 {
font-size: 2.188rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
margin-bottom: 10px;
}
.h2-working-process .work-process-area .work-process-card .work-content p {
line-height: 26px;
margin-bottom: 0px;
}
.h2-working-process .work-process-area .work-process-card.two {
background: #e9f6fb;
}
.h2-working-process .work-process-area .work-process-card.two .sl-no {
display: flex;
align-items: center;
position: absolute;
right: -15px;
top: -15px;
}
.h2-working-process .work-process-area .work-process-card.two .sl-no span {
color: #97d2ec;
z-index: 1;
}
.h2-working-process .work-process-area .work-process-card.two .sl-no h3 {
border-color: #e9f6fb;
-webkit-text-stroke: 1px #97d2ec;
}
.h2-working-process .work-process-area .work-process-card.three {
background: #cfedcf;
}
.h2-working-process .work-process-area .work-process-card.three .sl-no {
display: flex;
align-items: center;
position: absolute;
right: -15px;
top: -15px;
}
.h2-working-process .work-process-area .work-process-card.three .sl-no span {
color: #4ebc4e;
z-index: 1;
}
.h2-working-process .work-process-area .work-process-card.three .sl-no h3 {
border-color: #cfedcf;
-webkit-text-stroke: 1px #4ebc4e;
}
.h2-working-process .work-process-area .work-process-card:hover .icon {
transform: scale(0.8);
}
.h2-working-process .work-process-area .work-process-card:hover .sl-no span {
background-color: var(--primary-color2);
color: var(--white);
}
.h2-working-process .work-process-area .work-process-card:hover .sl-no h3 {
-webkit-text-stroke: 1px var(--white);
background-color: var(--primary-color2);
}
.h2-working-process .work-process-area .work-process-card:hover.two {
background: #e9f6fb;
}
.h2-working-process .work-process-area .work-process-card:hover.two .sl-no {
display: flex;
align-items: center;
position: absolute;
right: -15px;
top: -15px;
}
.h2-working-process .work-process-area .work-process-card:hover.two .sl-no span {
color: #fff;
background-color: #97d2ec;
}
.h2-working-process .work-process-area .work-process-card:hover.two .sl-no h3 {
background-color: #97d2ec;
-webkit-text-stroke: 1px #fff;
}
.h2-working-process .work-process-area .work-process-card:hover.three .sl-no span {
color: #fff;
background-color: #4ebc4e;
}
.h2-working-process .work-process-area .work-process-card:hover.three .sl-no h3 {
background-color: #4ebc4e;
-webkit-text-stroke: 1px #fff;
} .h2-booking-area {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/h2-booking-bg.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.h2-booking-area .radio-with-Icon {
display: block;
}
.h2-booking-area .radio-with-Icon div.radioOption-Item {
display: inline-block;
height: 65px;
min-width: 115px;
box-sizing: border-box;
margin: 25px 15px;
border: none;
}
@media (max-width: 1399px) {
.h2-booking-area .radio-with-Icon div.radioOption-Item {
min-width: 100px;
}
}
@media (max-width: 767px) {
.h2-booking-area .radio-with-Icon div.radioOption-Item {
min-width: 90px;
}
}
.h2-booking-area .radio-with-Icon div.radioOption-Item label {
display: block;
height: 100%;
width: 100%;
cursor: pointer;
margin: 0 !important;
font-size: 1rem;
font-weight: 600;
color: var(--text-color3);
background-color: transparent;
text-align: center;
height: 65px;
min-width: 115px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 1399px) {
.h2-booking-area .radio-with-Icon div.radioOption-Item label {
min-width: 100px;
}
}
@media (max-width: 767px) {
.h2-booking-area .radio-with-Icon div.radioOption-Item label {
min-width: 90px;
}
}
.h2-booking-area .radio-with-Icon div.radioOption-Item label svg {
display: block;
fill: var(--text-color3);
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item label:hover,
.h2-booking-area div.radio-with-Icon div.radioOption-Item label:focus,
.h2-booking-area div.radio-with-Icon div.radioOption-Item label:active {
margin: 0 !important;
opacity: 0.8;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item label::after,
.h2-booking-area div.radio-with-Icon div.radioOption-Item label:after,
.h2-booking-area div.radio-with-Icon div.radioOption-Item label::before,
.h2-booking-area div.radio-with-Icon div.radioOption-Item label:before {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio] {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio]:checked ~ label {
border-color: #1f2124;
color: #1f2124;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio]:checked ~ label svg {
fill: #1f2124;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio]:hover,
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio]:focus,
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio]:active {
margin: 0 !important;
}
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio] + label:before,
.h2-booking-area div.radio-with-Icon div.radioOption-Item input[type=radio] + label:after {
margin: 0 !important;
}
.h2-booking-area .radio-with-Icon {
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
@media (max-width: 576px) {
.h2-booking-area .radio-with-Icon {
justify-content: center;
}
}
.h2-booking-area .radio-with-Icon .radioOption-Item {
margin: 0 !important;
}
.h2-booking-area .radio-with-Icon .radioOption-Item input {
display: contents;
}
.h2-booking-area .banner-content {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(255, 107, 85, 0.05);
border-radius: 10px;
padding: 70px 130px;
position: relative;
z-index: 9;
}
@media (max-width: 1199px) {
.h2-booking-area .banner-content {
padding: 50px 120px;
}
}
@media (max-width: 991px) {
.h2-booking-area .banner-content {
padding: 50px 100px;
}
}
@media (max-width: 767px) {
.h2-booking-area .banner-content {
padding: 50px 50px;
}
}
@media (max-width: 576px) {
.h2-booking-area .banner-content {
padding: 50px 20px;
}
}
.h2-booking-area .banner-content .banner-title {
margin-bottom: 25px;
}
.h2-booking-area .banner-content .banner-title h2 {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
text-align: center;
line-height: 1;
}
.h2-booking-area .banner-content .service-area .category-select-area {
display: flex;
align-items: center;
margin-bottom: 35px;
justify-content: center;
}
@media (max-width: 576px) {
.h2-booking-area .banner-content .service-area .category-select-area {
flex-wrap: wrap;
}
}
.h2-booking-area .banner-content .service-area .category-select-area p {
font-size: 1rem;
font-weight: 600;
color: var(--text-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
margin-bottom: 0;
margin-right: 30px;
}
@media (max-width: 576px) {
.h2-booking-area .banner-content .service-area .category-select-area p {
margin-bottom: 10px;
}
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check {
display: flex;
align-items: center;
margin-bottom: 0;
padding: 0px 25px;
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check input {
margin-right: 5px;
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check label {
font-size: 1rem;
font-weight: 700;
color: #404347;
font-family: var(--font-dosis);
margin-top: 4px;
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check-input {
border-color: #404347;
cursor: pointer;
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check-input:checked {
background-color: #404347;
border-color: #404347;
}
.h2-booking-area .banner-content .service-area .category-select-area .form-check-input:focus {
border-color: #404347;
outline: 0;
box-shadow: none;
}
.h2-booking-area .banner-content .service-area .form-inner label {
font-size: 1rem;
font-weight: 500;
color: var(--text-color2);
font-family: var(--font-cabin);
margin-bottom: 8px;
}
.h2-booking-area .banner-content .service-area .form-inner input {
width: 100%;
height: 38px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
padding: 15px 17px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
margin-right: 0;
}
.h2-booking-area .banner-content .service-area .form-inner.date {
position: relative;
}
.h2-booking-area .banner-content .service-area .form-inner.date::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/calendar-check.svg);
position: absolute;
right: 15px;
top: 51%;
}
.h2-booking-area .banner-content .service-area .form-inner.time {
position: relative;
}
.h2-booking-area .banner-content .service-area .form-inner.time::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/wall-clock.svg);
position: absolute;
right: 15px;
top: 51%;
}
.h2-booking-area .banner-content .service-area .form-inner .nice-select {
width: 100%;
height: 38px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
}
.h2-booking-area .banner-content .service-area .form-inner .nice-select .list {
background: #121528;
border-radius: 5px;
width: 100%;
padding: 3px;
}
.h2-booking-area .banner-content .service-area .form-inner .nice-select .option {
color: var(--white);
font-family: var(--font-dosis);
text-align: center;
font-size: 0.85rem;
line-height: 30px;
min-height: unset;
border-radius: 5px;
}
.h2-booking-area .banner-content .service-area .form-inner .nice-select::after {
border-bottom: 1px solid var(--text-color3);
border-right: 1px solid var(--text-color3);
height: 7px;
margin-top: -5px;
right: 15px;
width: 7px;
}
.h2-booking-area .banner-content .service-area .form-inner .nice-select .option:hover,
.h2-booking-area .banner-content .service-area .form-inner .nice-select .option.focus,
.h2-booking-area .banner-content .service-area .form-inner .nice-select .option.selected.focus {
background: var(--gradient-color);
} .h2-contact-area {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
padding: 80px 0;
}
.h2-contact-area .section-title h2 {
font-size: 3.125rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 0.8;
margin-bottom: 55px;
display: inline-block;
position: relative;
}
@media (max-width: 576px) {
.h2-contact-area .section-title h2 {
font-size: 2.5rem;
}
}
.h2-contact-area .section-title h2::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/contact-title-vec.svg);
position: absolute;
bottom: -43px;
left: 50%;
transform: translateX(-50%);
}
.h2-contact-area .contact-wrap .form-inner {
position: relative;
margin-bottom: 22px;
}
.h2-contact-area .contact-wrap .form-inner input {
width: 100%;
font-size: 12px;
font-weight: 400;
color: #a2a2a2;
font-family: var(--font-cabin);
background: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(0, 29, 35, 0.1);
border-radius: 5px;
height: 45px;
padding: 10px 30px;
margin-right: 0;
}
.h2-contact-area .contact-wrap .form-inner.user::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/profile-icon.svg);
position: absolute;
left: 15px;
top: 13%;
}
.h2-contact-area .contact-wrap .form-inner.email::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/envlope-icon.svg);
position: absolute;
left: 15px;
top: 10px;
}
.h2-contact-area .contact-wrap .form-inner.querry input {
padding: 10px 20px;
}
.h2-contact-area .contact-wrap .form-inner textarea {
width: 100%;
min-height: 120px;
font-size: 12px;
font-weight: 400;
color: #a2a2a2;
font-family: var(--font-cabin);
background: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(0, 29, 35, 0.1);
border-radius: 5px;
padding: 20px;
margin-bottom: 24px;
}
.h2-contact-area .contact-wrap .form-inner .primary-btn3 {
padding: 8px 29px;
text-transform: capitalize;
}
.h2-contact-area .contact-img {
position: relative;
}
@media (max-width: 991px) {
.h2-contact-area .contact-img {
display: flex;
align-items: center;
justify-content: center;
}
}
.h2-contact-area .contact-img img {
position: absolute;
left: 0;
top: -113px;
}
@media (max-width: 991px) {
.h2-contact-area .contact-img img {
position: relative;
padding: 50px 0;
top: 0;
}
}
.h2-contact-area .accordion .accordion-item {
border: none;
background-color: transparent;
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
padding: 30px 0 20px;
border: none;
background-color: transparent;
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
border: none;
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
border: none;
background-color: transparent;
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea";
transform: rotate(0deg);
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button.collapsed {
border: none;
}
.h2-contact-area .accordion .accordion-item .accordion-header .accordion-button::after {
content: "\f4fe";
font-weight: 600;
font-size: 20px;
color: var(--title-color1);
font-family: "Bootstrap-icons";
background-image: none;
}
.h2-contact-area .accordion .accordion-body {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding-top: 0;
}
.inner-page-banner .banner-content {
max-width: 850px;
} .h2-testimonial-area .client-review-area {
background: #f3f3f3;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 24px 30px;
}
@media (max-width: 767px) {
.h2-testimonial-area .client-review-area {
justify-content: center;
flex-direction: column;
gap: 60px;
}
}
.h2-testimonial-area .client-review-area .single-area .icon {
display: flex;
align-items: center;
margin-bottom: 8px;
justify-content: center;
}
.h2-testimonial-area .client-review-area .single-area .icon p {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
margin-left: 20px;
margin-top: 11px;
}
.h2-testimonial-area .client-review-area .single-area .review {
display: flex;
align-items: center;
justify-content: center;
}
.h2-testimonial-area .client-review-area .single-area .review ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
}
.h2-testimonial-area .client-review-area .single-area .review ul li i {
color: #ffc226;
font-size: 18px;
}
.h2-testimonial-area .client-review-area .single-area .review span {
display: inline-block;
margin-left: 15px;
font-size: 1rem;
font-weight: 400;
color: #828282;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
}
.h2-testimonial-area .client-review-area .single-area .total-review-star p {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
margin-left: 20px;
margin-top: 11px;
}
.h2-testimonial-area .client-review-area .total-review {
position: relative;
}
.h2-testimonial-area .client-review-area .total-review img {
position: absolute;
left: -33px;
top: -35px;
max-width: unset;
}
.h2-testimonial-area .client-review-area .total-review h3 {
font-size: 2.188rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.08em;
}
.h2-testimonial-area .testimonial-wrap {
transition: 0.35s;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content {
background: #ffffff;
border: 1px solid rgba(255, 107, 85, 0.15);
border-radius: 5px;
position: relative;
padding: 30px 40px;
margin-bottom: 55px;
z-index: 9;
transition: 0.35s;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .left-quat {
position: absolute;
left: 15px;
top: 15px;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .right-quat {
position: absolute;
right: 15px;
bottom: 15px;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .testimonial-vec-left {
position: absolute;
left: 0;
bottom: 0;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .testimonial-vec-right {
position: absolute;
right: 0;
top: 0;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content::after {
content: "";
height: 60px;
width: 60px;
background: #ffffff;
border: 1px solid rgba(255, 107, 85, 0.15);
border-radius: 5px;
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(45deg);
bottom: -30px;
z-index: -3;
border-top: transparent;
border-left: transparent;
transition: 0.35s;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .author-name-deg {
margin-bottom: 8px;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .author-name-deg h3 {
margin-bottom: 5px;
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
line-height: 1;
font-family: var(--font-dosis);
letter-spacing: 0.03em;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .author-name-deg span {
display: inline-block;
font-size: 1rem;
font-weight: 500;
color: var(--primary-color2);
font-family: var(--font-cabin);
letter-spacing: 0.05em;
text-transform: capitalize;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content p {
font-size: 1.3rem;
font-weight: 400;
color: #646161;
font-family: var(--font-cabin);
line-height: 1.7;
letter-spacing: 0.03em;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .review ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.h2-testimonial-area .testimonial-wrap .testimonial-content .review ul li i {
font-size: 18px;
color: #ffc226;
}
.h2-testimonial-area .testimonial-wrap .testimonial-img {
display: flex;
align-items: center;
justify-content: center;
}
.h2-testimonial-area .testimonial-wrap .testimonial-img img {
border-radius: 50%;
max-width: 150px;
}
.h2-testimonial-area .testimonial-wrap:hover .testimonial-content {
border-color: rgba(255, 107, 85, 0.5);
}
.h2-testimonial-area .testimonial-wrap:hover .testimonial-content::after {
border-color: rgba(255, 107, 85, 0.5);
}
.h2-testimonial-area .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.h2-testimonial-area .slider-btn i {
font-size: 20px;
color: var(--primary-color2);
transition: 0.35s;
}
.h2-testimonial-area .slider-btn:hover {
background: var(--primary-color2);
}
.h2-testimonial-area .slider-btn:hover i {
color: var(--white);
} .h2-team-area {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
position: relative;
}
.h2-team-area .vector1 {
position: absolute;
right: 0;
top: 33px;
}
.h2-team-area .team-card {
max-width: 306px;
width: 100%;
perspective: 1000px;
padding-top: 50px;
transition: 0.35s;
position: relative;
margin: 0 auto;
}
.h2-team-area .team-card .team-card-inner {
position: relative;
width: 100%;
height: 100%;
transform: translateY(-25px);
}
.h2-team-area .team-card .team-card-inner .card-style-1 {
padding-left: 25px;
padding-bottom: 25px;
background: #ffffff;
border-radius: 5px;
transition: 0.7s;
transform: rotateY(0);
}
.h2-team-area .team-card .team-card-inner .card-style-1 .team-img {
transform: translateY(-25px);
}
.h2-team-area .team-card .team-card-inner .card-style-1 .team-img img {
border-radius: 5px;
}
.h2-team-area .team-card .team-card-inner .card-style-1 .team-content h3 {
font-size: 1.875rem;
font-weight: 700;
color: var(--text-color2);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
text-transform: capitalize;
margin-bottom: 5px;
line-height: 1;
}
.h2-team-area .team-card .team-card-inner .card-style-1 .team-content span {
font-size: 1rem;
font-weight: 400;
color: var(--primary-color3);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
text-transform: capitalize;
display: inline-block;
}
.h2-team-area .team-card .team-card-inner .card-style-2 {
transform: rotateY(-180deg);
padding-left: 25px;
padding-top: 25px;
background: #ffffff;
border-radius: 5px;
transition: 0.7s;
position: absolute;
left: 0;
top: -25px;
height: 100%;
width: 100%;
opacity: 0;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img {
transform: translateY(25px);
position: relative;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img img {
border-radius: 5px;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area {
position: absolute;
left: 15px;
bottom: 15px;
display: flex;
align-items: center;
gap: 8px;
transition: 0.45s;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .share-icon {
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid var(--white);
background-color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.45s;
cursor: pointer;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .share-icon i {
color: var(--title-color1);
transition: 0.45s;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .share-icon:hover {
background-color: var(--primary-color3);
border-color: var(--primary-color3);
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .share-icon:hover i {
color: var(--white);
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .social-icons {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 8px;
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: 0.44s;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .social-icons li a {
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid var(--white);
background-color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.45s;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .social-icons li a i {
color: var(--title-color1);
transition: 0.45s;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .social-icons li a:hover {
background-color: var(--primary-color3);
border-color: var(--primary-color3);
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area .social-icons li a:hover i {
color: var(--white);
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-img .social-area:hover .social-icons {
transform: scaleX(1);
opacity: 1;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-content h3 {
font-size: 1.875rem;
font-weight: 700;
color: var(--text-color2);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
text-transform: capitalize;
margin-bottom: 5px;
line-height: 1;
}
.h2-team-area .team-card .team-card-inner .card-style-2 .team-content span {
font-size: 1rem;
font-weight: 400;
color: var(--primary-color3);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
text-transform: capitalize;
display: inline-block;
}
.h2-team-area .team-card:hover .team-card-inner .card-style-1 {
opacity: 0;
transform: rotateY(-180deg);
}
.h2-team-area .team-card:hover .team-card-inner .card-style-2 {
transform: rotateY(0);
opacity: 1;
}
.h2-team-area .pagination-area {
padding-top: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.h2-team-area .pagination-area .team-pagination {
display: flex;
align-items: center;
justify-content: center;
}
.h2-team-area .pagination-area .team-pagination .swiper-pagination-bullet {
height: 12px;
width: 12px;
background-color: transparent;
border: 1px solid rgba(0, 29, 35, 0.4);
}
.h2-team-area .pagination-area .team-pagination .swiper-pagination-bullet-active {
height: 15px;
width: 15px;
background-color: var(--primary-color2);
border: 1px solid var(--primary-color2);
} .h2-blog-area .blog-card-2 {
transition: 0.35s;
}
.h2-blog-area .blog-card-2 .blog-img {
border-radius: 10px 10px 0px 0px;
margin-bottom: 20px;
transition: 0.35s;
overflow: hidden;
}
.h2-blog-area .blog-card-2 .blog-img img {
border-radius: 10px 10px 0px 0px;
transition: 0.35s;
}
@media (max-width: 767px) {
.h2-blog-area .blog-card-2 .blog-img img {
width: 100%;
}
}
.h2-blog-area .blog-card-2 .blog-content {
padding-left: 30px;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta {
margin-bottom: 10px;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 30px;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li {
position: relative;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li::after {
content: "";
width: 2px;
height: 10px;
background: var(--gradient-color);
opacity: 0.7;
border-radius: 5px;
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li:first-child::after {
display: none;
visibility: hidden;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li:first-child::before {
content: "";
height: 2px;
width: 20px;
background: var(--gradient-color);
border-radius: 5px;
position: absolute;
left: -30px;
top: 50%;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li a {
font-family: var(--font-cabin);
font-weight: 500;
font-size: 1rem;
letter-spacing: 0.02em;
text-transform: capitalize;
color: rgba(0, 29, 35, 0.7);
transition: 0.35s;
}
.h2-blog-area .blog-card-2 .blog-content .blog-meta ul li a:hover {
color: rgba(244, 111, 48, 0.7);
}
.h2-blog-area .blog-card-2 .blog-content h4 {
margin-bottom: 25px;
}
.h2-blog-area .blog-card-2 .blog-content h4 a {
font-size: 1.5rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
text-transform: capitalize;
transition: 0.35s;
}
.h2-blog-area .blog-card-2 .blog-content h4 a:hover {
color: var(--primary-color2);
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--primary-color2);
display: inline-block;
line-height: 1;
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
margin-left: 13px;
position: relative;
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a span {
transition: 0.35s;
display: inline-block;
margin-right: 1px;
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a::after {
content: "";
width: 35px;
height: 35px;
opacity: 0.2;
border: 1px solid var(--primary-color2);
border-radius: 50%;
position: absolute;
left: -13px;
top: 50%;
transform: translateY(-50%);
transition: 0.35s;
z-index: -1;
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a:hover {
color: var(--title-color1);
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a:hover span {
color: var(--white);
}
.h2-blog-area .blog-card-2 .blog-content .more-btn a:hover::after {
border: 1px solid var(--title-color1);
background-color: var(--title-color1);
opacity: 1;
}
.h2-blog-area .blog-card-2:hover .blog-img img {
transform: scale(1.1);
} .home3-categoty-area .category-card {
height: 196px;
width: 196px;
background: #e0f1f0;
border-radius: 70px;
perspective: 1000px;
margin: 0 auto;
}
.home3-categoty-area .category-card .category-card-inner {
display: block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.home3-categoty-area .category-card .category-card-inner .category-card-front,
.home3-categoty-area .category-card .category-card-inner .category-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
border-radius: 50%;
}
.home3-categoty-area .category-card .category-card-inner .category-card-front {
padding: 38px 30px;
}
.home3-categoty-area .category-card .category-card-inner .category-card-front .category-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.home3-categoty-area .category-card .category-card-inner .category-card-front .content h4 {
font-size: 1.5rem;
font-weight: 600;
color: var(--title-color2);
font-family: var(--font-dosis);
margin-bottom: 0;
}
.home3-categoty-area .category-card .category-card-inner .category-card-back {
background-color: #e0f1f0;
border: 1px dashed;
border-color: rgba(244, 111, 48, 0.7);
color: white;
border-radius: 70px;
transform: rotateY(180deg);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.home3-categoty-area .category-card:hover .category-card-inner {
transform: rotateY(180deg);
}
.home3-categoty-area .slider-btn-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
.home3-categoty-area .slider-btn-wrap {
display: none;
visibility: hidden;
}
}
.home3-categoty-area .slider-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.home3-categoty-area .slider-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.home3-categoty-area .slider-btn-wrap .slider-btn:hover {
background: var(--primary-color3);
}
.home3-categoty-area .slider-btn-wrap .slider-btn:hover i {
color: var(--white);
} .collection-card {
border: 1px solid #ececec;
border-radius: 10px;
position: relative;
transition: 0.4s;
max-width: 360px;
width: 100%;
margin: 0 auto;
}
.collection-card .offer-card {
position: absolute;
left: -1px;
top: -1px;
z-index: 1;
}
.collection-card .offer-card span.onsale {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 500;
font-size: 14px;
letter-spacing: 0.02em;
color: #ffffff;
background: var(--primary-color3);
border-radius: 10px 0px;
padding: 3px 14px;
}
.collection-card .offer-card.sale span {
background: #05894d;
}
.collection-card .offer-card.sold-out span {
background: #ffa600;
}
.collection-card .collection-img {
margin: 10px;
background: #f2f2f2;
padding: 10px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: 0.5s;
}
.collection-card .collection-img .view-dt-btn {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
background: transparent;
border-radius: 10px;
transition: 0.5s;
cursor: pointer;
}
.collection-card .collection-img .view-dt-btn .plus-icon {
width: 30px;
height: 30px;
background: #253d4e;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.collection-card .collection-img .view-dt-btn .plus-icon i {
color: var(--white);
font-size: 26px;
}
.collection-card .collection-img .view-dt-btn a {
font-family: var(--font-dosis);
font-weight: 700;
font-size: 14px;
color: #ffffff;
display: inline-block;
background: var(--primary-color3);
border-radius: 10px;
white-space: nowrap;
padding: 4px 10px;
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: 0.5s;
}
.collection-card .collection-img .view-dt-btn:hover {
background: var(--primary-color3);
}
.collection-card .collection-img .view-dt-btn:hover a {
opacity: 1;
transform: scaleX(1);
}
.collection-card .cart-icon-list {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 0;
top: -4px;
opacity: 0;
transform: scale(0.5);
transition: 0.4s;
z-index: 2;
margin-top: 15px;
}
.collection-card .cart-icon-list li {
margin-bottom: 10px;
}
.collection-card .cart-icon-list li:last-child {
margin-bottom: 0;
}
.collection-card .cart-icon-list li a {
width: 30px;
height: 30px;
background: var(--primary-color3);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
color: #fff;
}
.collection-card .cart-icon-list li a:hover {
background-color: var(--title-color2);
}
.collection-card .collection-content {
padding: 15px 10px 25px;
}
.collection-card .collection-content h4 {
margin-bottom: 0;
}
.collection-card .collection-content h4 a {
font-size: 1.375rem;
font-weight: 700;
color: var(--title-color2);
font-family: var(--font-dosis);
transition: 0.35s;
}
.collection-card .collection-content h4 a:hover {
color: var(--primary-color3);
}
.collection-card .collection-content h4 a h2 {
font-size: 1.375rem;
font-weight: 700;
color: var(--title-color2);
font-family: var(--font-dosis);
transition: 0.35s;
}
.collection-card .collection-content h4 a h2:hover {
color: var(--primary-color3);
}
.collection-card .collection-content .price {
display: flex;
justify-content: center;
align-items: baseline;
}
.collection-card .collection-content .price h6 {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-cabin);
}
.collection-card .collection-content .price del {
font-size: 0.875rem;
font-weight: 400;
color: #ababab;
font-family: var(--font-cabin);
margin-left: 5px;
}
.collection-card .collection-content .review {
display: flex;
align-items: center;
justify-content: center;
}
.collection-card .collection-content .review ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 7px;
}
.collection-card .collection-content .review ul li {
line-height: 0.7;
}
.collection-card .collection-content .review ul li i {
font-size: 12px;
color: #ffc226;
}
.collection-card .collection-content .review span {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 14px;
color: #253d4e;
display: inline-block;
margin-left: 10px;
line-height: 1;
}
.collection-card:hover .cart-icon-list {
opacity: 1;
transform: scale(1);
}
.h3-view-btn a {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color2);
font-family: var(--font-dosis);
display: flex;
align-items: center;
transition: 0.35s;
}
.h3-view-btn a img {
transition: 0.35s;
}
.h3-view-btn a:hover {
color: var(--primary-color3);
}
.h3-view-btn a:hover img {
padding-left: 10px;
} .h3-offer-area .offer-left {
height: 100%;
background-color: #f1eff0;
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/h3-offer-left.png);
background-position: right;
background-size: cover;
display: flex;
align-items: center;
padding-left: 150px;
}
@media (max-width: 1399px) {
.h3-offer-area .offer-left {
padding-left: 50px;
}
}
@media (max-width: 991px) {
.h3-offer-area .offer-left {
padding: 100px 50px;
}
}
@media (max-width: 576px) {
.h3-offer-area .offer-left {
padding: 70px 30px;
}
}
.h3-offer-area .offer-left .offer-content {
max-width: 350px;
width: 100%;
}
.h3-offer-area .offer-left .offer-content span {
font-size: 1rem;
font-weight: 500;
color: var(--primary-color3);
font-family: var(--font-cabin);
}
.h3-offer-area .offer-left .offer-content h2 {
font-size: 2.375rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 1.3;
text-transform: capitalize;
margin-bottom: 25px;
}
.h3-offer-area .offer-right {
background: #e6eeff;
height: 100%;
padding-top: 30px;
overflow: hidden;
position: relative;
}
.h3-offer-area .offer-right .countdown-timer {
border: 1px solid;
border-color: rgba(244, 111, 48, 0.15);
border-radius: 170px;
margin: 0px 110px 30px;
display: flex;
justify-content: center;
padding: 20px 0;
}
@media (max-width: 1399px) {
.h3-offer-area .offer-right .countdown-timer {
margin: 0px 70px 30px;
}
}
@media (max-width: 1199px) {
.h3-offer-area .offer-right .countdown-timer {
margin: 0px 50px 30px;
}
}
@media (max-width: 991px) {
.h3-offer-area .offer-right .countdown-timer {
max-width: 770px;
margin: 0px auto 30px;
}
}
@media (max-width: 767px) {
.h3-offer-area .offer-right .countdown-timer {
max-width: 550px;
margin: 0px auto 30px;
}
}
@media (max-width: 576px) {
.h3-offer-area .offer-right .countdown-timer {
max-width: unset;
margin: 0px 20px 30px;
padding: 6px 0;
}
}
.h3-offer-area .offer-right .countdown-timer ul {
display: flex;
align-items: center;
gap: 60px;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.h3-offer-area .offer-right .countdown-timer ul {
gap: 20px;
}
}
@media (max-width: 1399px) {
.h3-offer-area .offer-right .countdown-timer ul {
gap: 20px;
}
}
@media (max-width: 991px) {
.h3-offer-area .offer-right .countdown-timer ul {
gap: 60px;
}
}
@media (max-width: 767px) {
.h3-offer-area .offer-right .countdown-timer ul {
gap: 30px;
}
}
@media (max-width: 576px) {
.h3-offer-area .offer-right .countdown-timer ul {
gap: 10px;
}
}
.h3-offer-area .offer-right .countdown-timer ul li {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 51px;
display: contents;
}
@media (max-width: 576px) {
.h3-offer-area .offer-right .countdown-timer ul li {
font-size: 1.875rem;
font-weight: 700;
color: var(--title-color2);
}
}
.h3-offer-area .offer-right .countdown-timer ul li span {
font-size: 1.375rem;
font-weight: 500;
margin-left: -56px;
margin-bottom: -16px;
display: inline-block;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.h3-offer-area .offer-right .countdown-timer ul li span {
margin-left: -16px;
}
}
@media (max-width: 1399px) {
.h3-offer-area .offer-right .countdown-timer ul li span {
margin-left: -16px;
}
}
@media (max-width: 991px) {
.h3-offer-area .offer-right .countdown-timer ul li span {
margin-left: -56px;
}
}
@media (max-width: 767px) {
.h3-offer-area .offer-right .countdown-timer ul li span {
margin-left: -26px;
}
}
@media (max-width: 576px) {
.h3-offer-area .offer-right .countdown-timer ul li span {
font-size: 1rem;
margin-bottom: -10px;
margin-left: -8px;
}
}
.h3-offer-area .offer-right .offer-right-card {
display: flex;
align-items: center;
margin-bottom: 40px;
}
@media (max-width: 1500px) {
.h3-offer-area .offer-right .offer-right-card {
margin-right: 70px;
}
}
@media (max-width: 991px) {
.h3-offer-area .offer-right .offer-right-card {
padding: 0px 50px;
}
}
@media (max-width: 767px) {
.h3-offer-area .offer-right .offer-right-card {
padding: 0px 0px;
}
}
@media (max-width: 576px) {
.h3-offer-area .offer-right .offer-right-card {
flex-wrap: wrap;
justify-content: center;
gap: 25px;
padding: 0px 30px;
}
}
.h3-offer-area .offer-right .offer-right-card .offer-img {
position: relative;
margin-right: 70px;
margin-left: 180px;
max-width: 300px;
}
@media (max-width: 1500px) {
.h3-offer-area .offer-right .offer-right-card .offer-img {
margin-left: 140px;
margin-right: 30px;
}
}
.h3-offer-area .offer-right .offer-right-card .offer-img .offer-batch {
position: absolute;
left: -154px;
top: -33px;
}
@media (max-width: 1399px) {
.h3-offer-area .offer-right .offer-right-card .offer-img .offer-batch {
left: -150px;
top: -69px;
}
}
.h3-offer-area .offer-right .offer-right-card .offer-content {
max-width: 340px;
width: 100%;
}
.h3-offer-area .offer-right .offer-right-card .offer-content h2 {
font-size: 2.375rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 1.3;
text-transform: capitalize;
margin-bottom: 15px;
}
.h3-offer-area .offer-right .offer-right-card .offer-content .price h6 {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-cabin);
line-height: 30px;
}
.h3-offer-area .offer-right .offer-right-card .offer-content .price del {
font-size: 1rem;
font-weight: 400;
color: #ababab;
font-family: var(--font-cabin);
line-height: 19px;
}
.h3-offer-area .slider-btn-wrap {
position: absolute;
bottom: 0px;
right: 30px;
transform: translateY(-60%);
z-index: 99;
}
@media (max-width: 767px) {
.h3-offer-area .slider-btn-wrap {
display: none;
visibility: hidden;
}
}
.h3-offer-area .slider-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.h3-offer-area .slider-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.h3-offer-area .slider-btn-wrap .slider-btn:hover {
background: var(--primary-color3);
}
.h3-offer-area .slider-btn-wrap .slider-btn:hover i {
color: var(--white);
} .essential-items-area .slider-btn-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
.essential-items-area .slider-btn-wrap {
display: none;
visibility: hidden;
}
}
.essential-items-area .slider-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.essential-items-area .slider-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.essential-items-area .slider-btn-wrap .slider-btn:hover {
background: var(--primary-color3);
}
.essential-items-area .slider-btn-wrap .slider-btn:hover i {
color: var(--white);
}
.essential-items-area .collection-card .collection-content .price {
justify-content: start;
}
.essential-items-area .collection-card .collection-content .review {
justify-content: start;
} .offer-banner-area .offer-banner-card {
background: #fdda7f;
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/h3-offer-bg.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 170px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 120px;
}
@media (max-width: 1199px) {
.offer-banner-area .offer-banner-card {
padding-left: 50px;
}
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card {
display: block;
padding: 30px 20px;
border-radius: 10px;
}
}
@media (max-width: 576px) {
.offer-banner-area .offer-banner-card {
max-width: 340px;
margin: 0 auto;
}
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card .offer-content {
padding-top: 20px;
text-align: center;
}
}
.offer-banner-area .offer-banner-card .offer-content h4 {
margin-bottom: 0;
}
.offer-banner-area .offer-banner-card .offer-content h4 a {
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color2);
font-family: var(--font-dosis);
transition: 0.35s;
}
.offer-banner-area .offer-banner-card .offer-content h4 a:hover {
color: var(--primary-color3);
}
.offer-banner-area .offer-banner-card .offer-content .price {
display: flex;
justify-content: center;
align-items: baseline;
padding-top: 10px;
}
.offer-banner-area .offer-banner-card .offer-content .price h6 {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-cabin);
margin-bottom: 0;
}
.offer-banner-area .offer-banner-card .offer-content .price del {
font-size: 0.875rem;
font-weight: 400;
color: #001d23;
opacity: 0.7;
font-family: var(--font-cabin);
padding-left: 5px;
}
.offer-banner-area .offer-banner-card .offer-img {
position: relative;
}
.offer-banner-area .offer-banner-card .offer-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: unset;
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card .offer-img img {
position: relative;
left: unset;
top: unset;
transform: unset;
}
}
.offer-banner-area .offer-banner-card .offer-right {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card .offer-right {
display: block;
text-align: center;
}
}
.offer-banner-area .offer-banner-card .offer-right .offer-tag {
margin-left: 170px;
width: 100px;
height: 100px;
background: #253d4e;
border-radius: 170px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 1399px) {
.offer-banner-area .offer-banner-card .offer-right .offer-tag {
margin-left: 75px;
}
}
@media (max-width: 1199px) {
.offer-banner-area .offer-banner-card .offer-right .offer-tag {
margin-left: 50px;
}
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card .offer-right .offer-tag {
margin-left: 0;
width: 140px;
height: 46px;
border-radius: 5px;
margin: 15px auto 20px;
}
}
.offer-banner-area .offer-banner-card .offer-right .offer-tag h3 {
margin-bottom: 0;
font-size: 1.875rem;
font-weight: 800;
color: var(--primary-color3);
font-family: var(--font-dosis);
line-height: 1;
}
.offer-banner-area .offer-banner-card .offer-right .offer-tag h3 span {
display: inline-block;
font-size: 1.25rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
line-height: 25px;
}
@media (max-width: 991px) {
.offer-banner-area .offer-banner-card .offer-right .offer-tag h3 span {
margin-left: 10px;
}
} .home3-testimonial-area .swiper {
padding: 10px;
margin: -10px;
}
.home3-testimonial-area .slider-btn-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
.home3-testimonial-area .slider-btn-wrap {
display: none;
visibility: hidden;
}
}
.home3-testimonial-area .slider-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.home3-testimonial-area .slider-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.home3-testimonial-area .slider-btn-wrap .slider-btn:hover {
background: var(--primary-color3);
}
.home3-testimonial-area .slider-btn-wrap .slider-btn:hover i {
color: var(--white);
}
.home3-testimonial-area .testimonial-wrapper {
background: #ffffff;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.03);
border-radius: 10px;
padding: 35px 30px;
}
@media (max-width: 991px) {
.home3-testimonial-area .testimonial-wrapper {
max-width: 480px;
width: 100%;
margin: 0 auto;
}
}
.home3-testimonial-area .testimonial-wrapper .review {
margin-bottom: 15px;
}
.home3-testimonial-area .testimonial-wrapper .review ul {
display: flex;
align-items: center;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.home3-testimonial-area .testimonial-wrapper .review ul li {
line-height: 1;
}
.home3-testimonial-area .testimonial-wrapper .review ul li i {
font-size: 18px;
color: #ffc226;
}
.home3-testimonial-area .testimonial-wrapper p {
font-size: 1.125rem;
font-weight: 400;
color: var(--text-color4);
font-family: var(--font-cabin);
line-height: 35px;
letter-spacing: 0.03em;
margin-bottom: 30px;
}
.home3-testimonial-area .testimonial-wrapper .author-area {
display: flex;
align-items: center;
}
.home3-testimonial-area .testimonial-wrapper .author-area .author-img {
margin-right: 18px;
}
.home3-testimonial-area .testimonial-wrapper .author-area .author-img img {
border-radius: 50%;
max-width: 100px;
}
.home3-testimonial-area .testimonial-wrapper .author-area .author-name-deg h3 {
font-size: 1.75rem;
font-weight: 800;
color: var(--title-color2);
font-family: var(--font-dosis);
line-height: 30px;
letter-spacing: 0.03em;
margin-bottom: 4px;
}
.home3-testimonial-area .testimonial-wrapper .author-area .author-name-deg span {
font-size: 1.125rem;
font-weight: 500;
color: var(--primary-color3);
font-family: var(--font-cabin);
letter-spacing: 0.05em;
text-transform: capitalize;
} .home3-newsletter-area {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 70px 0;
position: relative;
}
.home3-newsletter-area .newsletter-wrap .section-title3 span {
font-size: 1.25rem;
font-weight: 600;
color: var(--primary-color3);
font-family: var(--font-cabin);
line-height: 1;
text-transform: capitalize;
}
.home3-newsletter-area .newsletter-wrap .section-title3 h2 {
font-size: 3.75rem;
padding-top: 4px;
}
@media (max-width: 576px) {
.home3-newsletter-area .newsletter-wrap .section-title3 h2 {
font-size: 2.75rem;
}
}
.home3-newsletter-area .newsletter-wrap .form-inner {
max-width: 590px;
width: 100%;
background: #ffffff;
border: 1px solid #ececec;
border-radius: 10px;
display: flex;
align-items: center;
}
.home3-newsletter-area .newsletter-wrap .form-inner input {
width: 100%;
background: #ffffff;
height: 60px;
padding: 10px 30px;
font-family: var(--font-cabin);
font-weight: 400;
font-size: 0.875rem;
letter-spacing: 0.03em;
color: #a5a5a5;
margin-right: 0;
border: none;
}
@media (max-width: 576px) {
.home3-newsletter-area .newsletter-wrap .form-inner input {
height: 45px;
padding: 10px 15px;
}
}
.home3-newsletter-area .newsletter-wrap .form-inner input::-moz-placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 0.875rem;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.home3-newsletter-area .newsletter-wrap .form-inner input:-ms-input-placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 0.875rem;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.home3-newsletter-area .newsletter-wrap .form-inner input::placeholder {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 0.875rem;
letter-spacing: 0.03em;
color: #a5a5a5;
}
.home3-newsletter-area .newsletter-wrap .form-inner button {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
text-transform: uppercase;
background: var(--primary-color3);
border-radius: 10px;
padding: 11px 30px;
margin-right: 5px;
transition: 0.4s;
}
@media (max-width: 576px) {
.home3-newsletter-area .newsletter-wrap .form-inner button {
padding: 6px 15px;
font-size: 1rem;
text-transform: capitalize;
}
}
.home3-newsletter-area .newsletter-wrap .form-inner button:hover {
background-color: var(--title-color1);
}
.home3-newsletter-area .newsletter-img {
position: absolute;
bottom: 0px;
right: 120px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home3-newsletter-area .newsletter-img {
right: 60px;
}
}
@media (max-width: 1399px) {
.home3-newsletter-area .newsletter-img {
right: 60px;
}
}
@media (max-width: 1199px) {
.home3-newsletter-area .newsletter-img {
display: none;
visibility: hidden;
}
} .home3-blog-area .blog-card3 .blog-img {
border-radius: 5px;
}
.home3-blog-area .blog-card3 .blog-img img {
border-radius: 5px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.home3-blog-area .blog-card3 .blog-img img {
width: 100%;
}
}
.home3-blog-area .blog-card3 .bolg-content {
margin-top: -20px;
padding: 0px 25px;
}
.home3-blog-area .blog-card3 .bolg-content .cetagoty {
margin-bottom: 18px;
}
.home3-blog-area .blog-card3 .bolg-content .cetagoty a {
font-size: 1.125rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-cabin);
text-transform: capitalize;
display: inline-block;
padding: 7px 30px;
background-color: var(--primary-color3);
border-radius: 10px;
transition: 0.4s;
}
.home3-blog-area .blog-card3 .bolg-content .cetagoty a:hover {
background-color: var(--title-color1);
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta {
margin-bottom: 10px;
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 35px;
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul li {
position: relative;
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul li a {
font-size: 1rem;
font-weight: 400;
color: var(--text-color4);
font-family: var(--font-cabin);
text-transform: capitalize;
transition: 0.35s;
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul li a:hover {
color: var(--primary-color3);
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul li::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/h3-blog-meta-icon.svg);
position: absolute;
left: -23px;
top: 50%;
transform: translateY(-50%);
}
.home3-blog-area .blog-card3 .bolg-content .blog-meta ul li:first-child::after {
display: none;
visibility: hidden;
}
.home3-blog-area .blog-card3 .bolg-content h4 a {
font-size: 1.5rem;
font-weight: 700;
color: var(--text-color2);
font-family: var(--font-dosis);
text-transform: capitalize;
line-height: 1.4;
transition: 0.35s;
}
.home3-blog-area .blog-card3 .bolg-content h4 a:hover {
color: var(--primary-color3);
} .inner-page-banner {
position: relative;
padding: 140px 0;
background: #fef5f0;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
}
@media (max-width: 991px) {
.inner-page-banner {
min-height: 380px;
z-index: 1;
display: flex;
align-items: center;
}
}
.inner-page-banner .breadcrumb-vec-btm {
position: absolute;
bottom: -33px;
left: 0;
z-index: -1;
}
@media (max-width: 991px) {
.inner-page-banner .breadcrumb-vec-btm {
bottom: -19px;
}
}
@media (max-width: 576px) {
.inner-page-banner .breadcrumb-vec-btm {
bottom: -12px;
}
}
@media (max-width: 991px) {
.inner-page-banner .banner-content {
z-index: 5;
}
}
.inner-page-banner .banner-content h1 {
font-size: 4.375rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.05em;
text-transform: capitalize;
text-align: start;
margin-bottom: 10px;
position: relative;
}
@media (max-width: 767px) {
.inner-page-banner .banner-content h1 {
font-size: 3rem;
}
}
.inner-page-banner .banner-content h1::after {
content: url();
position: absolute;
right: 50px;
top: -115px;
}
@media (max-width: 991px) {
.inner-page-banner .banner-content h1::after {
display: none;
visibility: hidden;
}
}
.inner-page-banner .banner-content .breadcrumb .breadcrumb-item {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 1.125rem;
line-height: 22px;
text-transform: capitalize;
color: var(--title-color1);
}
.inner-page-banner .banner-content .breadcrumb .breadcrumb-item a {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.inner-page-banner .banner-content .breadcrumb .breadcrumb-item + .breadcrumb-item {
padding-left: 0.625rem;
}
.inner-page-banner .banner-content .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/breadcumb-vec.svg);
padding-right: 0.625rem;
}
.inner-page-banner .banner-img {
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.inner-page-banner .banner-img {
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
opacity: 0.2;
}
}
.inner-page-banner .banner-img .banner-img-bg {
position: absolute;
z-index: -1;
top: 50%;
transform: translateY(-50%);
} .services-details-area .tab-content1 {
width: 100%;
margin-bottom: 20px;
}
.services-details-area .tab-content1 .tab-pane {
width: 100%;
}
.services-details-area .tab-content1 .tab-pane img {
width: 100%;
}
.services-details-area .nav1 {
gap: 16px;
}
@media (max-width: 991px) {
.services-details-area .nav1 {
justify-content: center;
}
}
@media (max-width: 576px) {
.services-details-area .nav1 {
gap: 10px;
}
}
.services-details-area .nav1 .nav-link {
padding: 9px;
border: 2px solid #f4f4f4;
border-radius: 3px;
}
@media (max-width: 576px) {
.services-details-area .nav1 .nav-link {
padding: 5px;
}
.services-details-area .nav1 .nav-link img {
width: 90px;
height: 90px;
}
}
.services-details-area .nav1 .nav-link.active {
background-color: transparent;
border-color: var(--primary-color3);
}
.services-details-area .services-datails-content {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.05);
border-radius: 5px;
padding: 50px 40px;
position: relative;
z-index: 9;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content {
padding: 50px 20px;
}
}
.services-details-area .services-datails-content .banner-title {
margin-bottom: 15px;
}
.services-details-area .services-datails-content .banner-title h2 {
font-size: 2.5rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
margin-bottom: 20px;
}
.services-details-area .services-datails-content .banner-title .currency h5 {
font-family: var(--font-dosis);
font-weight: 800;
font-size: 1.8rem;
line-height: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 25px;
}
.services-details-area .services-datails-content .service-area .category-select-area {
display: flex;
align-items: center;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content .service-area .category-select-area {
flex-wrap: wrap;
}
}
.services-details-area .services-datails-content .service-area .category-select-area p {
font-size: 1rem;
font-weight: 600;
color: var(--text-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
margin-bottom: 0;
margin-right: 30px;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content .service-area .category-select-area p {
margin-right: 20px;
}
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check {
display: flex;
align-items: center;
margin-bottom: 0;
padding: 0px 25px;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content .service-area .category-select-area .form-check {
padding: 0px 13px 0px 25px;
}
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check input {
margin-right: 5px;
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check label {
font-size: 1rem;
font-weight: 700;
color: #404347;
font-family: var(--font-dosis);
margin-top: 4px;
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check-input {
border-color: #404347;
cursor: pointer;
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check-input:checked {
background-color: #404347;
border-color: #404347;
}
.services-details-area .services-datails-content .service-area .category-select-area .form-check-input:focus {
border-color: #404347;
outline: 0;
box-shadow: none;
}
.services-details-area .services-datails-content .service-area .form-inner label {
font-size: 1rem;
font-weight: 500;
color: var(--text-color2);
font-family: var(--font-cabin);
margin-bottom: 8px;
}
.services-details-area .services-datails-content .service-area .form-inner input {
width: 100%;
height: 40px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
padding: 10px 17px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
margin-right: 0;
}
.services-details-area .services-datails-content .service-area .form-inner.date {
position: relative;
}
.services-details-area .services-datails-content .service-area .form-inner.date::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/calendar-check.svg);
position: absolute;
right: 15px;
top: 51%;
}
.services-details-area .services-datails-content .service-area .form-inner.time {
position: relative;
}
.services-details-area .services-datails-content .service-area .form-inner.time::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/wall-clock.svg);
position: absolute;
right: 15px;
top: 51%;
}
.services-details-area .services-datails-content .service-area .form-inner .nice-select {
width: 100%;
height: 40px;
border: 1px solid;
border-color: rgba(98, 104, 110, 0.15);
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: var(--text-color3);
font-family: var(--font-cabin);
background-color: transparent;
}
.services-details-area .services-datails-content .service-area .form-inner .nice-select .list {
background: #121528;
border-radius: 5px;
width: 100%;
padding: 3px;
}
.services-details-area .services-datails-content .service-area .form-inner .nice-select .option {
color: var(--white);
font-family: var(--font-dosis);
font-size: 0.85rem;
line-height: 30px;
min-height: unset;
border-radius: 5px;
}
.services-details-area .services-datails-content .service-area .form-inner .nice-select::after {
border-bottom: 1px solid var(--text-color3);
border-right: 1px solid var(--text-color3);
height: 7px;
margin-top: -5px;
right: 15px;
width: 7px;
}
.services-details-area .services-datails-content .service-area .form-inner .nice-select .option:hover,
.services-details-area .services-datails-content .service-area .form-inner .nice-select .option.focus,
.services-details-area .services-datails-content .service-area .form-inner .nice-select .option.selected.focus {
background: var(--gradient-color);
}
.services-details-area .services-datails-content .shop-quantity {
padding-top: 25px;
gap: 20px;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content .shop-quantity {
display: block !important;
}
}
.services-details-area .services-datails-content .shop-quantity .quantity { }
.services-details-area .services-datails-content .shop-quantity .quantity .quantity-nav {
border: 1px solid rgba(0, 29, 35, 0.1);
padding: 5px;
border-radius: 36px;
}
.services-details-area .services-datails-content .shop-quantity .quantity .quantity-nav input {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-align: center;
vertical-align: middle;
box-sizing: content-box;
margin: 0;
padding: 0 15px;
background-color: transparent;
border: unset;
}
.services-details-area .services-datails-content .shop-quantity .quantity .quantity-nav button {
height: 32px;
width: 32px;
line-height: 33px;
border-radius: 50%;
background-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 26px;
}
.services-details-area .services-datails-content .shop-quantity .quantity .nice-number {
display: inline-flex;
justify-content: stretch;
align-items: center;
}
.services-details-area .services-datails-content .shop-quantity .quantity .nice-number input {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.services-details-area .services-datails-content .shop-quantity .quantity .nice-number input::-webkit-inner-spin-button,
.services-details-area .services-datails-content .shop-quantity .quantity .nice-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.services-details-area .services-datails-content .shop-quantity .primary-btn3 {
padding: 10px 70px;
}
@media (max-width: 576px) {
.services-details-area .services-datails-content .shop-quantity .primary-btn3 {
margin-top: 20px;
}
}
.services-details-area .services-datails-content .buy-now-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
position: relative;
text-align: center;
display: block;
padding: 12px 15px;
transition: 0.4s;
}
.services-details-area .services-datails-content .buy-now-btn a::after {
content: "";
background: var(--gradient-color);
opacity: 0.5;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
transition: 0.4s;
}
.services-details-area .services-datails-content .buy-now-btn a:hover {
color: var(--white);
}
.services-details-area .services-datails-content .buy-now-btn a:hover::after {
background: var(--title-color1);
opacity: 1;
}
.services-details-area .services-datails-content .pyment-method {
border: 1px solid;
border-color: rgba(0, 29, 35, 0.1);
border-radius: 5px;
padding: 24px 30px;
}
.services-details-area .services-datails-content .pyment-method h6 {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-transform: capitalize;
margin-bottom: 20px;
}
.services-details-area .services-datails-content .pyment-method ul {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
gap: 20px;
}
.services-details-area .nav2 {
border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 767px) {
.services-details-area .nav2 {
gap: 20px;
}
}
.services-details-area .nav2 .nav-link {
padding: 10px 55px;
border-radius: 0px;
background: #f4f4f4;
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.services-details-area .nav2 .nav-link.active {
background-color: var(--title-color1);
border-color: var(--primary-color3);
color: var(--white);
}
.services-details-area .tab-content2 {
padding-top: 35px;
}
.services-details-area .tab-content2 .tab-pane .description {
margin-bottom: 40px;
}
.services-details-area .tab-content2 .tab-pane .description .para-2 {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
}
.services-details-area .tab-content2 .tab-pane .description ul {
margin: 0;
padding: 0;
list-style: none;
}
.services-details-area .tab-content2 .tab-pane .description ul li {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
margin-bottom: 10px;
}
.services-details-area .tab-content2 .tab-pane .description ul li strong {
color: var(--title-color1);
}
.services-details-area .tab-content2 .tab-pane .description ul li:last-child {
margin-bottom: 0;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .number-of-review {
margin-bottom: 22px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .number-of-review h3 {
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list {
margin: 0;
padding: 0;
list-style: none;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review {
background: #faf7f7;
border-radius: 5px;
padding: 35px 30px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review {
padding: 30px 20px;
}
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image {
margin-right: 20px;
}
@media (max-width: 767px) {
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image {
margin-bottom: 20px;
}
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image img {
border-radius: 5px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header {
justify-content: space-between;
gap: 10px;
}
@media (max-width: 576px) {
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header {
flex-wrap: wrap;
}
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta {
display: flex;
align-items: center;
gap: 10px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta h5 a {
font-size: 1.125rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta .c-date {
font-size: 1rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.8);
font-family: var(--font-Jost);
border: 1px solid #eeeeee;
padding: 2px 14px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a {
font-size: 1.125rem;
font-weight: 400;
color: var(--primary-color3);
font-family: var(--font-cabin);
display: flex;
align-items: center;
line-height: 1;
transition: 0.35s;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a i {
margin-right: 5px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a:hover {
color: var(--title-color1);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .product-review {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 15px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .product-review li i {
font-size: 12px;
color: var(--primary-color3);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .c-body p {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li:last-child .single-review {
margin-bottom: 0;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list .review-reply {
margin: 0;
padding: 0;
list-style: none;
margin-left: 75px;
}
@media (max-width: 576px) {
.services-details-area .tab-content2 .tab-pane .reviews-area .review-list-area .review-list .review-reply {
margin-left: 25px;
}
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form {
border: 1px solid #eeeeee;
border-radius: 5px;
padding: 50px 30px;
background: #fff;
}
@media (max-width: 767px) {
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form {
padding: 43px 25px 50px;
}
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner input,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner textarea {
width: 100%;
border: none;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner input {
height: 45px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner textarea {
min-height: 120px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button {
z-index: 2;
transition: 0.3s ease all;
position: relative;
overflow: hidden;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:before {
transition: 0.5s all ease;
position: absolute;
top: 0;
left: 50%;
right: 50%;
bottom: 0;
opacity: 0;
content: "";
background-color: var(--title-color-dark);
z-index: -1;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover {
color: var(--white);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover i::before {
content: "\f134";
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover:before {
transition: 0.5s all ease;
left: 0;
right: 0;
opacity: 1;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:focus:before {
transition: 0.5s all ease;
left: 0;
right: 0;
opacity: 1;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 {
display: flex;
align-items: baseline;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 input {
margin-right: 5px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area p {
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate {
float: left;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > input {
position: absolute;
top: -9999px;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 25px;
line-height: 1;
color: #ccc;
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:before {
content: "★ ";
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label {
color: var(--primary-color3);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover ~ label {
color: var(--primary-color3);
}
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked + label:hover,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked + label:hover ~ label,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label:hover,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label:hover ~ label,
.services-details-area .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > label:hover ~ input:checked ~ label {
color: var(--primary-color3);
}
.services-details-area .para-2 {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
}
.services-details-area .accordion .accordion-item {
border: none;
background-color: transparent;
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
padding: 30px 0 20px;
border: none;
background-color: transparent;
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
border: none;
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
border: none;
background-color: transparent;
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea";
transform: rotate(0deg);
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button.collapsed {
border: none;
}
.services-details-area .accordion .accordion-item .accordion-header .accordion-button::after {
content: "\f4fe";
font-weight: 600;
font-size: 20px;
color: var(--title-color1);
font-family: "Bootstrap-icons";
background-image: none;
}
.services-details-area .accordion .accordion-item .accordion-body {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.services-details-area .swiper-btn-wrap {
gap: 50px;
}
@media (max-width: 767px) {
.services-details-area .swiper-btn-wrap {
display: none;
visibility: hidden;
}
}
.services-details-area .swiper-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.services-details-area .swiper-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.services-details-area .swiper-btn-wrap .slider-btn:hover {
background: var(--gradient-color);
}
.services-details-area .swiper-btn-wrap .slider-btn:hover i {
color: var(--white);
}
.inner-section-title h2 {
font-size: 2.813rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin-bottom: 0;
margin-right: 50px;
} .gallery-pages .filter-button-group {
background: rgba(244, 111, 48, 0.2);
border-radius: 50px;
}
@media (max-width: 767px) {
.gallery-pages .filter-button-group {
padding: 20px;
border-radius: 10px;
}
}
.gallery-pages .filter-button-group ul {
margin: 0;
padding: 0;
list-style: none;
}
.gallery-pages .filter-button-group ul li {
font-size: 1.125rem;
font-weight: 500;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
letter-spacing: 0.02em;
text-transform: capitalize;
padding: 12px 30px;
border-radius: 50px;
cursor: pointer;
}
.gallery-pages .filter-button-group ul li.active {
background: var(--gradient-color);
color: var(--white);
}
.gallery-pages .gallery2-img {
position: relative;
}
.gallery-pages .gallery2-img img {
width: 100%;
}
.gallery-pages .gallery2-img .overlay {
background-color: rgba(0, 29, 35, 0.4);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.4s;
}
.gallery-pages .gallery2-img .overlay i {
color: rgba(255, 255, 255, 0.8);
font-size: 25px;
transition: 0.35s;
}
.gallery-pages .gallery2-img:hover .overlay {
opacity: 1;
transform: scale(1);
}
.load-more-btn {
display: flex;
justify-content: center;
padding-top: 70px;
}
.load-more-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
border-radius: 60px;
display: inline-block;
padding: 13px 50px;
z-index: 1;
position: relative;
overflow: hidden;
}
.paginations-area .pagination {
gap: 20px;
}
.paginations-area .pagination .page-item a {
padding: 0;
height: 40px;
width: 40px;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid;
border-color: rgba(0, 29, 35, 0.3);
font-size: 1.125rem;
font-weight: 500;
color: rgba(41, 43, 49, 0.7);
font-family: var(--font-cabin);
}
.paginations-area .pagination .page-item a i {
font-size: 28px;
color: var(--primary-color3);
}
.paginations-area .pagination .page-item a:hover {
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
color: var(--white);
}
.paginations-area .pagination .page-item a:hover i {
color: var(--white);
}
.paginations-area .pagination .page-item a:focus {
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
color: var(--white);
}
.paginations-area .pagination .page-item a:focus i {
color: var(--white);
}
.paginations-area .pagination .page-item.active .page-link {
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
color: var(--white);
}
.paginations-area .pagination .page-item.active .page-link i {
color: var(--white);
} .widget-area .widget_search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
background: #f0f0f0;
border-radius: 143px;
height: 48px;
}
.widget-area .widget_search .wp-block-search__inside-wrapper input {
width: 100%;
background: #f0f0f0;
border-radius: 143px;
padding: 10px 25px;
font-size: 0.875rem;
font-weight: 400;
color: #272727;
font-family: var(--font-cabin);
opacity: 0.7;
margin-right: 0;
border: none;
outline: none;
}
.widget-area .widget_search .wp-block-search__inside-wrapper input::-moz-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #272727;
font-family: var(--font-cabin);
}
.widget-area .widget_search .wp-block-search__inside-wrapper input:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #272727;
font-family: var(--font-cabin);
}
.widget-area .widget_search .wp-block-search__inside-wrapper input::placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #272727;
font-family: var(--font-cabin);
}
.widget-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
border-radius: 0px 143px 143px 0px;
height: 100%;
height: 48px;
padding: 10px 25px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: #f86ca7;
overflow: hidden;
z-index: 1;
font-weight: 600;
}
.widget-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__button svg {
fill: var(--white);
}
.widget-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__button::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.widget-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
color: #fff;
}
.widget-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover::before {
width: 0;
}
.widget-area .single-widgets .widget-title h3 {
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 1;
position: relative;
}
.widget-area .single-widgets .widget-title h3::after {
content: "";
opacity: 0.2;
background: var(--primary-color3);
height: 1px;
width: 100%;
position: absolute;
left: 0;
bottom: -20px;
}
.widget-area .widget_egns_categoris {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
padding: 25px 30px 35px;
position: relative;
}
.widget-area .widget_egns_categoris::after {
content: "";
opacity: 0.2;
background: var(--primary-color3);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 70px;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud {
margin: 0;
padding: 0;
list-style: none;
padding-top: 35px;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li {
margin-bottom: 10px;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li:last-child {
margin-bottom: 0;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
transition: 0.35s;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a span {
display: inline-block;
transition: 0.35s;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a .number-of-categoris {
transition: 0.35s;
transform: translateX(24px);
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a i {
font-size: 25px;
opacity: 0;
visibility: hidden;
color: var(--primary-color3);
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover .number-of-categoris {
opacity: 0;
visibility: hidden;
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover i {
opacity: 1;
visibility: visible;
}
.widget-area > .widget_egns_recent_post {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
padding: 25px;
position: relative;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper {
padding-top: 45px;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt:last-child {
margin-bottom: 0;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
margin-right: 20px;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi img {
border-radius: 5px;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc > a {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 500;
font-size: 1rem;
text-transform: capitalize;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 5px;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 {
margin-bottom: 0;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 23px;
text-transform: capitalize;
transition: 0.35s;
}
.widget-area > .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a:hover {
color: var(--primary-color3);
}
.widget-area .widget_egns_tag {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
padding: 25px 30px 35px;
position: relative;
}
.widget-area .widget_egns_tag::after {
content: "";
opacity: 0.2;
background: var(--primary-color3);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 70px;
}
.widget-area .widget_egns_tag .wp-block-tag-cloud {
margin-bottom: 0;
padding-top: 48px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
.widget-area .widget_egns_tag .wp-block-tag-cloud a {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 600;
font-size: 0.875rem;
color: #a0a0a0;
background: rgba(197, 197, 197, 0.1);
border-radius: 2px;
padding: 5px 13px;
transition: 0.35s;
}
.widget-area .widget_egns_tag .wp-block-tag-cloud a:hover {
background: var(--gradient-color);
color: var(--white);
}
.widget-area .widget_egns_social {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
padding: 25px 30px 35px;
position: relative;
}
.widget-area .widget_egns_social::after {
content: "";
opacity: 0.2;
background: var(--primary-color3);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 70px;
}
.widget-area .widget_egns_social .social-link {
margin: 0;
padding: 0;
list-style: none;
padding-top: 48px;
gap: 35px;
}
.widget-area .widget_egns_social .social-link li a {
height: 36px;
width: 36px;
line-height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gradient-color);
border-radius: 50%;
color: var(--white);
font-size: 20px;
transform: 0.35s;
position: relative;
z-index: 1;
}
.widget-area .widget_egns_social .social-link li a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 29, 35, 0.8);
opacity: 0;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
.widget-area .widget_egns_social .social-link li a:hover::after {
opacity: 1;
}
.blog-details-wrap .post-thum {
border-radius: 5px;
margin-bottom: 20px;
position: relative;
}
.blog-details-wrap .post-thum img {
border-radius: 5px;
}
.blog-details-wrap .post-thum .category {
position: absolute;
right: 0;
bottom: 0;
}
.blog-details-wrap .post-thum .category a {
display: inline-block;
font-size: 1.063rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-cabin);
padding: 9px 32px;
transition: 0.35s;
position: relative;
background-color: var(--title-color1);
overflow: hidden;
z-index: 1;
}
.blog-details-wrap .post-thum .category a svg {
fill: var(--white);
}
.blog-details-wrap .post-thum .category a::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--gradient-color);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.blog-details-wrap .post-thum .category a:hover {
color: #fff;
}
.blog-details-wrap .post-thum .category a:hover::before {
width: 0;
}
.blog-details-wrap .blog-meta {
margin-bottom: 15px;
padding-left: 35px;
}
.blog-details-wrap .blog-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 25px;
}
.blog-details-wrap .blog-meta ul li {
position: relative;
}
.blog-details-wrap .blog-meta ul li:first-child::after {
display: none;
visibility: hidden;
}
.blog-details-wrap .blog-meta ul li:first-child::before {
content: "";
height: 2px;
width: 30px;
background: var(--gradient-color);
border-radius: 5px;
position: absolute;
left: -35px;
top: 50%;
}
.blog-details-wrap .blog-meta ul li a {
font-family: var(--font-cabin);
font-weight: 400;
font-size: 1rem;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #868686;
transition: 0.35s;
}
.blog-details-wrap .blog-meta ul li a:hover {
color: var(--primary-color3);
}
.blog-details-wrap .post-title {
margin-bottom: 20px;
font-size: 2.188rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
text-transform: capitalize;
}
.blog-details-wrap .post-content p {
font-size: 1rem;
font-weight: 400;
color: #626262;
font-family: var(--font-cabin);
line-height: 2;
}
.blog-details-wrap .post-content blockquote {
padding-top: 20px;
}
.blog-details-wrap .post-content blockquote p {
font-size: 1.375rem;
font-weight: 500;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
line-height: 1.7;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.blog-details-wrap .post-content blockquote cite {
font-size: 1.563rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
text-transform: capitalize;
font-style: normal;
margin-bottom: 26px;
}
.blog-details-wrap .post-content h2 {
margin-bottom: 20px;
font-size: 2.188rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
text-transform: capitalize;
}
.blog-details-wrap .post-content h1 {
margin-bottom: 20px;
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.4;
text-transform: capitalize;
}
.blog-details-wrap .blog-tag-social-area {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 25px;
margin-top: 30px;
}
.blog-details-wrap .blog-tag-social-area .bolg-tag ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: var(--font-cabin);
}
.blog-details-wrap .blog-tag-social-area .bolg-tag ul li {
margin-right: 15px;
font-family: var(--font-cabin);
}
.blog-details-wrap .blog-tag-social-area .bolg-tag ul li:hover {
color: var(--primary-color3);
}
.blog-details-wrap .blog-tag-social-area .bolg-tag ul li a {
font-size: 1rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.8);
font-family: var(--font-cabin);
text-transform: capitalize;
transition: 0.34s;
}
.blog-details-wrap .blog-tag-social-area .bolg-tag ul li a:hover {
color: var(--primary-color3);
}
.blog-details-wrap .blog-tag-social-area .social-area {
display: flex;
align-items: center;
}
.blog-details-wrap .blog-tag-social-area .social-area span {
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
margin-right: 30px;
line-height: 1;
}
.blog-details-wrap .blog-tag-social-area .social-area ul {
margin: 0;
padding: 0;
list-style: none;
gap: 30px;
}
.blog-details-wrap .blog-tag-social-area .social-area ul li a {
font-size: 25x;
color: var(--title-color1);
transition: 0.34s;
}
.blog-details-wrap .blog-tag-social-area .social-area ul li a:hover {
color: var(--primary-color3);
}
.comment-area .blog-comments .comments-title {
margin-bottom: 40px;
}
.comment-area .blog-comments .comments-title h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin: 0;
}
.comment-area .blog-comments .comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header {
border-bottom: 1px solid;
padding-bottom: 10px;
border-color: rgba(0, 29, 35, 0.08);
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area {
display: flex;
align-items: center;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area .author-img {
margin-right: 15px;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area .author-img img {
border-radius: 50%;
}
@media (max-width: 576px) {
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area .author-img {
margin-right: 20px;
}
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area .author-details h5 {
font-size: 1.375rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .author-area .author-details .c-date {
font-size: 1rem;
font-weight: 500;
color: rgba(0, 29, 35, 0.5);
font-family: var(--font-cabin);
text-transform: capitalize;
padding-top: 5px;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .replay-btn a {
display: flex;
align-items: center;
font-family: var(--font-cabin);
font-style: italic;
font-weight: 400;
font-size: 1rem;
letter-spacing: 0.03em;
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
transition: 0.35s;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .replay-btn a img {
margin-right: 5px;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-header .replay-btn a:hover {
background: var(--title-color1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.comment-area .blog-comments .comment-list li .single-comment .comment-content .c-body p {
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 32px;
margin-top: 10px;
}
.comment-area .blog-comments .comment-list li .comment-reply {
margin: 0;
padding: 0;
list-style: none;
margin-left: 60px;
}
@media (max-width: 576px) {
.comment-area .blog-comments .comment-list li .comment-reply {
margin-left: 30px;
}
}
.comment-form .comments-title {
margin-bottom: 40px;
}
.comment-form .comments-title h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin: 0;
}
.comment-form .form-inner {
position: relative;
}
.comment-form .form-inner input {
width: 100%;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
height: 54px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 37px;
margin-right: 0;
}
.comment-form .form-inner input::-moz-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner input:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner input::placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner textarea {
width: 100%;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 20px 20px;
margin-right: 0;
min-height: 250px;
}
.comment-form .form-inner textarea::-moz-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner textarea:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner textarea::placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.comment-form .form-inner.name::after {
content: "\f4e1";
font-family: "Bootstrap-icons";
position: absolute;
left: 28px;
top: 14px;
}
.comment-form .form-inner.email::after {
content: "\f32f";
font-family: "Bootstrap-icons";
position: absolute;
left: 28px;
top: 14px;
}
.genarel-qustions-area h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin-bottom: 10px;
}
.genarel-qustions-area p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
line-height: 2;
}
.genarel-qustions-area .accordion .accordion-item {
border: none;
background-color: transparent;
}
.genarel-qustions-area .accordion .accordion-item .accordion-header {
border-bottom: 1px solid;
border-color: rgba(0, 29, 35, 0.1);
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
padding: 30px 0 20px;
background-color: transparent;
text-transform: capitalize;
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
border: none;
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
border: none;
background-color: transparent;
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea";
transform: rotate(0deg);
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button.collapsed {
border: transparent;
}
.genarel-qustions-area .accordion .accordion-item .accordion-header .accordion-button::after {
content: "\f4fe";
font-weight: 600;
font-size: 20px;
color: var(--title-color1);
font-family: "Bootstrap-icons";
background-image: none;
}
.error-page .error-wrapper {
background-image: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/error-bg.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top: 120px;
}
@media (max-width: 991px) {
.error-page .error-wrapper {
padding-top: 90px;
}
}
@media (max-width: 576px) {
.error-page .error-wrapper {
padding-top: 80px;
}
}
.error-page .error-wrapper .error-img {
text-align: center;
margin-bottom: 30px;
}
.error-page .error-wrapper .error-img img {
max-width: 740px;
}
.error-page .error-content-area {
max-width: 760px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.error-page .error-content-area h2 {
font-size: 3.225rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 63px;
letter-spacing: 0.03em;
text-transform: capitalize;
margin-bottom: 20px;
}
.error-page .error-content-area p {
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 36px;
letter-spacing: 0.03em;
}
.error-page .error-content-area .error-btn {
padding-top: 25px;
display: inline-block;
}
.error-page .error-content-area .error-btn a {
font-size: 1rem;
font-weight: 600;
color: var(--white);
font-family: var(--font-cabin);
border-radius: 60px;
display: flex;
align-items: center;
padding: 13px 25px;
z-index: 1;
position: relative;
overflow: hidden;
}
.error-page .error-content-area .error-btn a img {
margin-right: 10px;
}
.contact-pages .hotline,
.contact-pages .location {
display: flex;
align-items: center;
position: relative;
padding: 60px 50px 45px;
border-radius: 10px;
border: 1px solid var(--primary-color3);
max-width: 420px;
width: 100%;
}
@media (max-width: 576px) {
.contact-pages .hotline,
.contact-pages .location {
padding: 60px 25px 45px;
}
}
.contact-pages .hotline h3,
.contact-pages .location h3 {
font-size: 1.875rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 21px;
margin-bottom: 0;
position: absolute;
top: -12px;
left: 70px;
background-color: var(--white);
display: inline-block;
padding: 0px 10px;
}
.contact-pages .hotline .icon,
.contact-pages .location .icon {
height: 80px;
min-width: 80px;
border-radius: 50%;
background: var(--gradient-color);
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
@media (max-width: 576px) {
.contact-pages .hotline .icon,
.contact-pages .location .icon {
margin-right: 20px;
}
}
.contact-pages .hotline .info h6,
.contact-pages .location .info h6 {
margin-bottom: 0;
}
.contact-pages .hotline .info h6 a,
.contact-pages .location .info h6 a {
font-size: 1.25rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
line-height: 40px;
transition: 0.35s;
}
.contact-pages .hotline .info h6 a:hover,
.contact-pages .location .info h6 a:hover {
color: var(--primary-color3);
}
.contact-pages .hotline .info h6 span,
.contact-pages .location .info h6 span {
font-size: 1.25rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.7);
font-family: var(--font-cabin);
line-height: 40px;
transition: 0.35s;
}
.contact-pages .hotline .info h6 span:hover,
.contact-pages .location .info h6 span:hover {
color: var(--primary-color3);
}
.contact-pages .contact-form h2 {
font-size: 2.813rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin-bottom: 40px;
}
.contact-pages .contact-form .form-inner input {
width: 100%;
height: 54px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
}
.contact-pages .contact-form .form-inner input::-moz-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner input:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner input::placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner textarea {
width: 100%;
height: 54px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 15px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
min-height: 200px;
}
.contact-pages .contact-form .form-inner textarea::-moz-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner textarea:-ms-input-placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner textarea::placeholder {
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.contact-pages .contact-form .form-inner button {
font-size: 1rem;
font-weight: 600;
color: var(--white);
font-family: var(--font-cabin);
border-radius: 60px;
display: flex;
align-items: center;
padding: 13px 40px;
z-index: 1;
position: relative;
overflow: hidden;
}
.contact-pages .contact-form .form-inner button i {
margin-left: 10px;
margin-top: 3px;
}
.location-map {
position: relative;
}
.location-map .vector {
position: absolute;
top: -10px;
left: 0;
width: 100%;
z-index: 99;
}
.location-map .vector img {
width: 100%;
}
.location-map iframe {
height: 440px;
width: 100%;
filter: grayscale(199%) invert(98%) contrast(122%);
}
.shop-sidebar .shop-widget-title {
font-size: 1.375rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 20px;
}
.shop-sidebar .shop-widget {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
padding: 25px 25px;
margin-bottom: 30px;
position: relative;        }
.shop-sidebar .shop-widget::after {
content: "";
opacity: 0.05;
background: var(--title-color1);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 73px;
}
@media (max-width: 767px) {
.shop-sidebar .shop-widget {
padding: 25px 20px;
}
}
.shop-sidebar .shop-widget .select-widget .nice-select {
background-color: var(--white);
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
height: 50px;
line-height: 46px;
outline: none;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
border-radius: 0px;
border: 1px solid #eeeeee;
font-size: 18px;
}
.shop-sidebar .shop-widget .select-widget .nice-select::after {
border-bottom: 1px solid var(--text-primary);
border-right: 1px solid var(--text-primary);
}
.shop-sidebar .shop-widget .select-widget .nice-select .option {
min-height: 30px;
line-height: 30px;
font-size: 16px;
}
.shop-sidebar .shop-widget .select-widget .nice-select .option:hover {
background: var(--primary-color3);
color: var(--white);
}
.shop-sidebar .shop-widget .select-widget .nice-select .option.selected {
background: var(--primary-color3) !important;
}
.shop-sidebar .shop-widget .select-widget .nice-select .current {
font-size: 16px;
font-weight: 500;
color: var(--text-primary);
}
.shop-sidebar .shop-widget .select-widget .nice-select .list {
border: unset;
border: 1px solid rgba(41, 43, 49, 0.03);
margin-top: 6px;
z-index: 100;
border-radius: 0px;
width: 100%;
min-width: 80px;
}
.shop-sidebar .shop-widget .range-widget {
padding-top: 40px; }
.shop-sidebar .shop-widget .range-widget .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.1em;
height: 1.1em;
cursor: pointer;
touch-action: none;
border: 2px solid var(--primary-color3) !important;
border-radius: 50%;
background: var(--white) !important;
transition: all 0.45s ease-in-out;
}
.shop-sidebar .shop-widget .range-widget .ui-slider .ui-slider-handle:hover {
background-color: var(--primary-color3) !important;
}
.shop-sidebar .shop-widget .range-widget .ui-widget.ui-widget-content {
background: white;
border: 1px solid var(--primary-color3);
border-radius: 3px;
}
.shop-sidebar .shop-widget .range-widget .ui-slider-horizontal {
height: 8px;
}
.shop-sidebar .shop-widget .range-widget .ui-slider-horizontal .ui-slider-handle {
top: -5px;
margin-left: -0.6em;
}
.shop-sidebar .shop-widget .range-widget .ui-slider-horizontal .ui-slider-handle::after {
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--primary-color3);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-42%, -45%);
}
.shop-sidebar .shop-widget .range-widget .ui-slider-horizontal .ui-slider-handle:focus {
border: unset;
outline: unset;
background-color: var(--primary-color3) !important;
}
.shop-sidebar .shop-widget .range-widget .ui-widget-header {
border: 2px solid var(--primary-color3);
background: var(--primary-color3);
color: #333333;
font-weight: bold;
}
.shop-sidebar .shop-widget .range-widget .nice-number {
display: inline-flex;
justify-content: stretch;
align-items: center;
border: 1px solid;
border-color: rgba(0, 29, 35, 0.1);
border-radius: 5px;
}
.shop-sidebar .shop-widget .range-widget .nice-number button {
display: none;
visibility: hidden;
}
.shop-sidebar .shop-widget .range-widget .nice-number input {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
background-color: transparent;
color: var(--title-color1);
font-family: "Cabin";
font-style: normal;
font-weight: 400;
font-size: 14px;
padding-left: 0;
min-width: 57px;
}
.shop-sidebar .shop-widget .range-widget .nice-number input::-webkit-inner-spin-button,
.shop-sidebar .shop-widget .range-widget .nice-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.shop-sidebar .shop-widget .containerss {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 400;
font-family: var(--font-cabin);
color: #767676;
}
.shop-sidebar .shop-widget .containerss .bi {
color: #ffcc33;
margin-right: 3px;
}
.shop-sidebar .shop-widget .checkbox-container {
padding-top: 28px;
}
.shop-sidebar .shop-widget .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.shop-sidebar .shop-widget .checkmark {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background-color: transparent;
border: 1px solid #767676;
border-radius: 3px;
}
.shop-sidebar .shop-widget .checkbox-container:hover input ~ .checkmark {
background-color: transparent;
}
.shop-sidebar .shop-widget .checkbox-container input:checked ~ .checkmark {
background-color: var(--primary-color3);
border-color: var(--primary-color3);
border-radius: 3px;
}
.shop-sidebar .shop-widget .checkmark:after {
content: "";
position: absolute;
display: none;
}
.shop-sidebar .shop-widget .checkbox-container input:checked ~ .checkmark:after {
display: block;
}
.shop-sidebar .shop-widget .checkbox-container .checkmark:after {
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.multiselect-bar {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px 8px 25px;
}
@media (max-width: 576px) {
.multiselect-bar {
flex-wrap: wrap;
gap: 20px;
}
}
.multiselect-bar h6 {
font-size: 1.125rem;
font-weight: 600;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 0;
text-transform: capitalize;
}
.multiselect-bar .multiselect-area {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 576px) {
.multiselect-bar .multiselect-area {
flex-wrap: wrap;
gap: 20px;
}
}
.multiselect-bar .multiselect-area .single-select {
background: #fbfbfb;
border-radius: 3px;
display: flex;
align-items: center;
font-family: var(--font-cabin);
font-weight: 500;
font-size: 12px;
}
.multiselect-bar .multiselect-area .single-select span {
padding-left: 15px;
padding-right: 15px;
}
.multiselect-bar .multiselect-area .single-select .nice-select {
background: #fbfbfb;
border-radius: 3px;
border: none;
height: 38px;
min-width: 80px;
font-family: var(--font-cabin);
font-weight: 500;
font-size: 12px;
color: rgba(37, 61, 78, 0.7);
padding-left: 0;
}
.multiselect-bar .multiselect-area .single-select .nice-select::after {
border-bottom: 1px solid;
border-right: 1px solid;
border-color: rgba(37, 61, 78, 0.7);
content: "";
display: block;
height: 7px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 15px;
top: 50%;
width: 7px;
}
.multiselect-bar .multiselect-area .single-select .nice-select .list {
width: 100%;
background: #fbfbfb;
border-radius: 3px;
border: none;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
}
.multiselect-bar .multiselect-area .single-select.two .nice-select {
min-width: 150px;
}
@media (max-width: 576px) {
.shop-details-page .tab-content1 {
padding: 50px 25px;
height: unset;
}
.shop-details-page .tab-content1 img {
max-width: 300px;
max-height: 300px;
}
}
.shop-details-page .nav1 {
justify-content: space-between;
margin: 15px;
gap: 30px;
}
@media (max-width: 1399px) {
.shop-details-page .nav1 {
justify-content: center;
}
}
@media (max-width: 767px) {
.shop-details-page .nav1 {
justify-content: center;
}
}
@media (max-width: 576px) {
.shop-details-page .nav1 {
gap: 25px;
}
}
.shop-details-page .nav1 .nav-link {
height: 132px;
min-width: 113px;
padding: 10px;
background: #f2f2f2;
border-radius: 3px;
position: relative;
}
@media (max-width: 576px) {
.shop-details-page .nav1 .nav-link {
height: 90px;
min-width: 70px;
}
.shop-details-page .nav1 .nav-link img {
width: 70px;
height: 70px;
}
}
.shop-details-page .nav1 .nav-link::after {
content: "";
height: 150px;
width: 115%;
border: 2px solid #f4f4f4;
border-radius: 3px;
position: absolute;
left: -9px;
top: -9px;
}
@media (max-width: 576px) {
.shop-details-page .nav1 .nav-link::after {
height: 108px;
width: 120%;
left: -9px;
top: -9px;
}
}
.shop-details-page .nav1 .nav-link.active {
background-color: rgba(0, 29, 35, 0.2);
}
.shop-details-page .nav1 .nav-link.active::after {
border-color: rgba(0, 29, 35, 0.2);
}
.shop-details-page .shop-details-content .shopuct-review2 {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.shop-details-page .shop-details-content .shopuct-review2 li {
margin-right: 5px;
}
.shop-details-page .shop-details-content .shopuct-review2 li i {
font-size: 16px;
color: #ffc226;
}
.shop-details-page .shop-details-content .shopuct-review2 li a {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
opacity: 0.6;
font-family: var(--font-cabin);
text-transform: capitalize;
margin-left: 5px;
}
.shop-details-page .shop-details-content .model-number {
margin-bottom: 10px;
}
.shop-details-page .shop-details-content .model-number span {
display: inline-block;
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
letter-spacing: 0.02em;
}
.shop-details-page .shop-details-content h3 {
font-size: 2.188rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
margin-bottom: 10px;
letter-spacing: 0.02em;
}
.shop-details-page .shop-details-content .price-tag {
border-bottom: 1px solid rgba(0, 29, 35, 0.05);
padding-bottom: 20px;
}
.shop-details-page .shop-details-content .price-tag h4 {
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-color3);
font-family: var(--font-jost);
letter-spacing: 0.03em;
}
.shop-details-page .shop-details-content .price-tag h4 del {
font-size: 1.5rem;
font-weight: 600;
color: #8494a5;
}
.shop-details-page .shop-details-content p {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding-top: 20px;
letter-spacing: 0.03em;
}
.shop-details-page .shop-details-content .shop-quantity {
padding-top: 25px;
gap: 20px;
}
@media (max-width: 576px) {
.shop-details-page .shop-details-content .shop-quantity {
display: block !important;
}
}
.shop-details-page .shop-details-content .shop-quantity .quantity { }
.shop-details-page .shop-details-content .shop-quantity .quantity .quantity-nav {
border: 1px solid rgba(0, 29, 35, 0.1);
padding: 5px;
border-radius: 36px;
}
.shop-details-page .shop-details-content .shop-quantity .quantity .quantity-nav input {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-align: center;
vertical-align: middle;
box-sizing: content-box;
margin: 0;
padding: 0 15px;
background-color: transparent;
border: unset;
}
.shop-details-page .shop-details-content .shop-quantity .quantity .quantity-nav button {
height: 32px;
width: 32px;
line-height: 33px;
border-radius: 50%;
background-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 26px;
}
.shop-details-page .shop-details-content .shop-quantity .quantity .nice-number {
display: inline-flex;
justify-content: stretch;
align-items: center;
}
.shop-details-page .shop-details-content .shop-quantity .quantity .nice-number input {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.shop-details-page .shop-details-content .shop-quantity .quantity .nice-number input::-webkit-inner-spin-button,
.shop-details-page .shop-details-content .shop-quantity .quantity .nice-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.shop-details-page .shop-details-content .shop-quantity .primary-btn3 {
padding: 10px 70px;
}
@media (max-width: 576px) {
.shop-details-page .shop-details-content .shop-quantity .primary-btn3 {
margin-top: 20px;
}
}
.shop-details-page .shop-details-content .buy-now-btn a {
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
position: relative;
text-align: center;
display: block;
padding: 12px 15px;
transition: 0.4s;
}
.shop-details-page .shop-details-content .buy-now-btn a::after {
content: "";
background: var(--gradient-color);
opacity: 0.5;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
transition: 0.4s;
}
.shop-details-page .shop-details-content .buy-now-btn a:hover {
color: var(--white);
}
.shop-details-page .shop-details-content .buy-now-btn a:hover::after {
background: var(--title-color1);
opacity: 1;
}
.shop-details-page .shop-details-content .compare-wishlist-area {
padding-top: 25px;
margin-bottom: 25px;
}
.shop-details-page .shop-details-content .compare-wishlist-area ul {
display: flex;
align-items: center;
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.shop-details-page .shop-details-content .compare-wishlist-area ul li a {
font-size: 1rem;
font-weight: 400;
color: #727272;
font-family: var(--font-cabin);
letter-spacing: 0.03em;
display: flex;
align-items: center;
}
.shop-details-page .shop-details-content .compare-wishlist-area ul li .woocommerce.product.compare-button a {
position: relative;
}
.shop-details-page .shop-details-content .compare-wishlist-area ul li .woocommerce.product.compare-button a:before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/compare.svg);
margin-right: 10px;
vertical-align: middle;
height: 24px;
width: 24px;
border: 1px solid rgba(114, 114, 114, 0.3);
line-height: 24px;
text-align: center;
border-radius: 50%;
}
.shop-details-page .shop-details-content .pyment-method {
border: 1px solid;
border-color: rgba(0, 29, 35, 0.1);
border-radius: 5px;
padding: 24px 30px;
}
.shop-details-page .shop-details-content .pyment-method h6 {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-transform: capitalize;
margin-bottom: 20px;
}
.shop-details-page .shop-details-content .pyment-method ul {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
gap: 20px;
}
.shop-details-page .nav2 {
border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 767px) {
.shop-details-page .nav2 {
gap: 20px;
}
}
.shop-details-page .nav2 .nav-link {
padding: 10px 55px;
border-radius: 0px;
background: #f4f4f4;
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
}
.shop-details-page .nav2 .nav-link.active {
background-color: var(--title-color1);
border-color: var(--primary-color3);
color: var(--white);
}
.shop-details-page .tab-content2 {
padding-top: 35px;
}
.shop-details-page .tab-content2 .tab-pane .description .para-2 {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .number-of-review {
margin-bottom: 22px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .number-of-review h3 {
font-size: 1.75rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list {
margin: 0;
padding: 0;
list-style: none;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review {
background: #faf7f7;
border-radius: 5px;
padding: 35px 30px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review {
padding: 30px 20px;
}
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image {
margin-right: 20px;
}
@media (max-width: 767px) {
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image {
margin-bottom: 20px;
}
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-image img {
border-radius: 5px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header {
justify-content: space-between;
gap: 10px;
}
@media (max-width: 576px) {
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header {
flex-wrap: wrap;
}
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta {
display: flex;
align-items: center;
gap: 10px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta h5 a {
font-size: 1.125rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .review-meta .c-date {
font-size: 1rem;
font-weight: 400;
color: rgba(0, 29, 35, 0.8);
font-family: var(--font-Jost);
border: 1px solid #eeeeee;
padding: 2px 14px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a {
font-size: 1.125rem;
font-weight: 400;
color: var(--primary-color3);
font-family: var(--font-cabin);
display: flex;
align-items: center;
line-height: 1;
transition: 0.35s;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a i {
margin-right: 5px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .c-header .replay-btn a:hover {
color: var(--title-color1);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .product-review {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 15px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .review-content .product-review li i {
font-size: 12px;
color: var(--primary-color3);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li .single-review .c-body p {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list > li:last-child .single-review {
margin-bottom: 0;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list .review-reply {
margin: 0;
padding: 0;
list-style: none;
margin-left: 75px;
}
@media (max-width: 576px) {
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-list-area .review-list .review-reply {
margin-left: 25px;
}
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form {
border: 1px solid #f4f4f4;
border-radius: 5px;
padding: 50px 30px;
background: #fff;
}
@media (max-width: 767px) {
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form {
padding: 43px 25px 50px;
}
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner input,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner textarea {
width: 100%;
border: none;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner input {
height: 45px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner textarea {
min-height: 120px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button {
z-index: 2;
transition: 0.3s ease all;
position: relative;
overflow: hidden;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:before {
transition: 0.5s all ease;
position: absolute;
top: 0;
left: 50%;
right: 50%;
bottom: 0;
opacity: 0;
content: "";
background-color: var(--title-color-dark);
z-index: -1;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover {
color: var(--white);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover i::before {
content: "\f134";
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:hover:before {
transition: 0.5s all ease;
left: 0;
right: 0;
opacity: 1;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner button:focus:before {
transition: 0.5s all ease;
left: 0;
right: 0;
opacity: 1;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 {
display: flex;
align-items: baseline;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 input {
margin-right: 5px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area p {
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate {
float: left;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > input {
position: absolute;
top: -9999px;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 25px;
line-height: 1;
color: #ccc;
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:before {
content: "★ ";
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label {
color: var(--primary-color3);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover ~ label {
color: var(--primary-color3);
}
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked + label:hover,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked + label:hover ~ label,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label:hover,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > input:checked ~ label:hover ~ label,
.shop-details-page .tab-content2 .tab-pane .reviews-area .review-form form .form-inner2 .review-rate-area .rate > label:hover ~ input:checked ~ label {
color: var(--primary-color3);
}
.shop-details-page .tab-content2 .total-table2 {
margin-bottom: 0;
}
.shop-details-page .tab-content2 .total-table2 thead tr {
border-width: 1px;
border-color: #eee;
}
.shop-details-page .tab-content2 .total-table2 thead tr th {
text-align: center;
font-weight: 700;
font-size: 1.25rem;
color: #00152b;
padding: 15px;
font-family: var(--font-dosis);
border-width: 1px;
border-color: #eee;
}
.shop-details-page .tab-content2 .total-table2 tbody tr {
border-width: 1px;
border-color: #eee;
}
.shop-details-page .tab-content2 .total-table2 tbody tr td {
border-width: 1px;
border-color: #eee;
padding: 15px;
color: #5e5e5e;
font-family: var(--font-cabin);
vertical-align: middle;
}
@media (max-width: 767px) {
.shop-details-page .tab-content2 .total-table2 tbody tr td {
padding: 10px;
font-size: 14px;
}
}
.shop-details-page .tab-content2 .total-table2 tbody tr td:nth-child(1) {
font-weight: 700;
font-size: 1.25rem;
color: #00152b;
font-family: var(--font-dosis);
text-align: center;
}
.shop-details-page .tab-content2 .total-table2 tbody tr td:nth-child(3) {
font-weight: 700;
font-size: 1rem;
color: #00152b;
font-family: var(--font-cabin);
text-align: center;
}
@media (max-width: 767px) {
.shop-details-page .tab-content2 .total-table2 tbody tr td:nth-child(3) {
font-size: 14px;
}
}
.shop-details-page .para-2 {
font-size: 1rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 2;
}
.shop-details-page .swiper-btn-wrap {
gap: 50px;
}
@media (max-width: 767px) {
.shop-details-page .swiper-btn-wrap {
display: none;
visibility: hidden;
}
}
.shop-details-page .swiper-btn-wrap .slider-btn {
height: 35px;
width: 35px;
line-height: 35px;
border: 1px solid var(--primary-color3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.shop-details-page .swiper-btn-wrap .slider-btn i {
font-size: 20px;
color: var(--primary-color3);
transition: 0.35s;
}
.shop-details-page .swiper-btn-wrap .slider-btn:hover {
background: var(--gradient-color);
}
.shop-details-page .swiper-btn-wrap .slider-btn:hover i {
color: var(--white);
}
.shop-details-page .essential-items-slider {
padding: 10px 0;
margin: -10px 0;
}
.table-wrapper {
width: 100%;
overflow-x: auto;
margin-bottom: 32px;
}
.table-wrapper .eg-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
}
@media (max-width: 767px) {
.table-wrapper .eg-table {
display: block;
width: 100%;
}
}
.table-wrapper .eg-table thead tr {
border-width: 2px;
border-color: #eee;
}
.table-wrapper .eg-table thead tr th {
font-size: 1.25rem;
font-weight: 700;
color: var(--title-color-dark);
font-family: var(--font-cormorant);
opacity: 1;
padding: 15px;
vertical-align: top;
text-align: center;
border-width: 1px;
border-color: #eee;
}
@media (max-width: 767px) {
.table-wrapper .eg-table thead tr th {
display: none;
}
}
@media (max-width: 767px) {
.table-wrapper .eg-table tbody {
display: block;
width: 100%;
}
}
@media (max-width: 767px) {
.table-wrapper .eg-table tbody tr {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.table-wrapper .eg-table tbody tr td {
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-align: center;
border-width: 1px;
border-color: #eee;
vertical-align: middle;
padding: 15px;
}
.table-wrapper .eg-table tbody tr td a {
color: var(--title-color1);
transition: 0.35s;
}
.table-wrapper .eg-table tbody tr td a:hover {
color: var(--primary-color1);
}
@media (max-width: 767px) {
.table-wrapper .eg-table tbody tr td {
display: block;
width: 100%;
text-align: right;
padding-left: 50%;
position: relative;
}
}
@media (max-width: 767px) {
.table-wrapper .eg-table tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
text-align: left;
padding-left: 15px;
font-weight: 600;
color: #00152b;
font-family: var(--font-cormorant);
font-size: 1.25rem;
}
}
.table-wrapper .eg-table tbody tr td:nth-child(5) {
font-weight: 600;
}
.table-wrapper .eg-table tbody tr td:nth-child(7) {
font-weight: 600;
}
.table-wrapper .eg-table tbody tr td .delete-icon {
height: 32px;
width: 32px;
line-height: 35px;
border-radius: 50%;
background-color: var(--white);
box-shadow: 4px 8px 30px rgba(141, 141, 141, 0.19);
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
transition: 0.4s ease;
}
@media (max-width: 767px) {
.table-wrapper .eg-table tbody tr td .delete-icon {
margin: 0;
margin-left: auto;
}
}
.table-wrapper .eg-table tbody tr td .delete-icon i {
font-size: 25px;
line-height: 1;
transition: 0.4s ease;
}
.table-wrapper .eg-table tbody tr td .delete-icon:hover {
background-color: var(--primary-color3);
}
.table-wrapper .eg-table tbody tr td .delete-icon:hover i {
color: var(--white);
}
.table-wrapper .eg-table tbody tr td img {
width: 54px;
height: 64px;
-o-object-fit: cover;
object-fit: cover;
}
.table-wrapper .eg-table tbody tr td .quantity {
justify-content: center; }
@media (max-width: 767px) {
.table-wrapper .eg-table tbody tr td .quantity {
justify-content: end;
}
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav {
padding: 5px;
border-radius: 36px;
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav input {
font-size: 1rem;
font-weight: 400;
color: var(--title-color-dark);
font-family: var(--font-Jost);
text-align: center;
vertical-align: middle;
box-sizing: content-box;
margin: 0;
padding: 0 5px;
background-color: transparent;
border: unset;
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav button {
height: 32px;
width: 32px;
line-height: 33px;
border-radius: 50%;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
color: var(--title-color-dark);
font-size: 26px;
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number {
display: inline-flex;
justify-content: stretch;
align-items: center;
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number input {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number input::-webkit-inner-spin-button,
.table-wrapper .eg-table tbody tr td .quantity .nice-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.total-table thead tr {
border-width: 2px;
border-color: #eee;
}
.total-table thead tr th {
text-align: center;
font-weight: 700;
font-size: 1.25rem;
color: #00152b;
padding: 15px;
font-family: var(--font-dosis);
border-width: 1px;
border-color: #eee;
}
.total-table tbody tr {
border-width: 2px;
border-color: #eee;
}
.total-table tbody tr td {
border-width: 2px;
border-color: #eee;
padding: 15px;
color: #5e5e5e;
font-family: var(--font-cabin);
}
@media (max-width: 767px) {
.total-table tbody tr td {
padding: 10px;
font-size: 14px;
}
}
.total-table tbody tr td:nth-child(1) {
font-weight: 700;
font-size: 1.25rem;
color: #00152b;
font-family: var(--font-dosis);
text-align: center;
}
.total-table tbody tr td:nth-child(3) {
font-weight: 700;
font-size: 1rem;
color: #00152b;
font-family: var(--font-cabin);
text-align: center;
}
@media (max-width: 767px) {
.total-table tbody tr td:nth-child(3) {
font-size: 14px;
}
}
.total-table tbody tr td .cost-list {
margin: 0;
padding: 0;
list-style: none;
}
.total-table tbody tr td .cost-list li {
font-size: 14px;
font-weight: 400;
color: #5e5e5e;
margin-bottom: 10px;
line-height: 1.6;
}
@media (max-width: 767px) {
.total-table tbody tr td .cost-list li {
font-size: 13px;
}
}
.total-table tbody tr td .cost-list li a {
color: var(--primary-color3);
border-bottom: 1px solid var(--primary-color3);
}
.total-table tbody tr td .single-cost {
margin: 0;
padding: 0;
list-style: none;
}
.total-table tbody tr td .single-cost li {
font-size: 14px;
color: #00152b !important;
margin-bottom: 10px;
line-height: 1.6;
font-weight: 700;
}
.cart-btn-group {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
}
.coupon-area .coupon-title {
font-weight: 700;
font-size: 1.5rem;
color: #00152b;
font-family: var(--font-dosis);
margin-bottom: 25px;
}
.coupon-area .coupon-input {
position: relative;
}
.coupon-area .coupon-input input {
width: 100%;
background: #ffffff;
box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.05);
border-radius: 5px 0px 0px 5px;
height: 45px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 37px;
margin-right: 0;
}
.coupon-area .coupon-input button {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: var(--title-color1);
font-weight: 500;
font-size: 16px;
color: #fff;
outline: none;
border: none;
padding: 0 28px;
border-radius: 0 5px 5px 0;
box-shadow: inset 0 0 0 0 #fff;
transition: 0.4s ease;
z-index: 1;
}
.coupon-area .coupon-input button::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--primary-color3);
z-index: -1;
transition: 0.6s;
transform-origin: left;
border-radius: 0 5px 5px 0;
}
.coupon-area .coupon-input button:hover {
color: #fff;
}
.coupon-area .coupon-input button:hover::before {
width: 0;
}
.checkout-section .form-wrap {
border-radius: 5px;
padding: 40px;
}
@media (max-width: 576px) {
.checkout-section .form-wrap {
padding: 25px;
}
}
.checkout-section .form-wrap .title-25 {
font-size: 1.563rem;
font-weight: 800;
font-family: var(--font-dosis);
line-height: 1.6;
color: var(--title-color1);
text-transform: capitalize;
}
.checkout-section .form-wrap .form-inner {
margin-bottom: 25px;
}
.checkout-section .form-wrap .form-inner label {
font-size: 1rem;
font-weight: 500;
color: var(--text-color2);
font-family: var(--font-cabin);
margin-bottom: 10px;
}
.checkout-section .form-wrap .form-inner input,
.checkout-section .form-wrap .form-inner select {
display: block;
height: 45px;
width: 100%;
transition: 0.3s ease;
width: 100%;
height: 45px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
}
.checkout-section .form-wrap .form-inner select {
display: block;
}
.checkout-section .form-wrap .form-inner .nice-select {
width: 100%;
height: 45px;
float: none;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
line-height: 1.5;
}
.checkout-section .form-wrap .form-inner .nice-select .list {
width: 100%;
}
.checkout-section .form-wrap .form-inner .nice-select .list li {
background-color: rgba(244, 111, 48, 0.1);
}
.checkout-section .form-wrap .form-inner textarea {
padding: 20px;
background: #fff;
display: block;
width: 100%;
transition: all 0.4s ease;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
margin-right: 0;
border: 1px solid #eee;
border-radius: 5px;
}
.checkout-section .box--shadow {
box-shadow: 4px 8px 30px rgba(141, 141, 141, 0.1);
}
.checkout-section .added-product-summary {
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 5px;
padding: 30px;
}
@media (max-width: 767px) {
.checkout-section .added-product-summary {
padding: 20px 15px;
}
}
.checkout-section .added-product-summary .checkout-title {
font-size: 1.563rem;
font-weight: 800;
font-family: var(--font-dosis);
line-height: 1.6;
color: var(--title-color1);
margin-bottom: 25px;
}
.checkout-section .added-product-summary .added-products {
margin: 0;
padding: 0;
list-style: none;
}
.checkout-section .added-product-summary .added-products .single-product {
display: flex;
align-items: center;
margin-bottom: 25px;
position: relative;
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
transition: 0.3s ease;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn i {
color: #848484;
font-size: 16px;
transition: 0.3s ease;
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn:hover {
background-color: var(--primary-color3);
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn:hover i {
color: var(--white);
}
.checkout-section .added-product-summary .added-products .single-product .product-img {
min-width: 90px;
height: 100px;
padding-right: 25px;
}
@media (max-width: 576px) {
.checkout-section .added-product-summary .added-products .single-product .product-img {
padding-right: 15px;
}
}
.checkout-section .added-product-summary .added-products .single-product .product-img img {
-o-object-fit: cover;
object-fit: cover;
min-width: 90px;
height: 100px;
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--font-dosis);
margin-bottom: 1rem;
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title a {
color: var(--title-color1);
transition: 0.34s;
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title a:hover {
color: var(--primary-color3);
}
.checkout-section .added-product-summary .added-products .single-product .quantity { }
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav {
border: 1px solid rgba(0, 29, 35, 0.3);
padding: 15px;
border-radius: 36px;
height: 36px;
}
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav input {
font-size: 1rem;
font-weight: 400;
color: var(--title-color1);
font-family: var(--font-cabin);
text-align: center;
vertical-align: middle;
box-sizing: content-box;
margin: 0;
padding: 0 5px;
background-color: transparent;
border: unset;
}
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav button {
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
color: var(--title-color1);
font-size: 16px;
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number {
display: inline-flex;
justify-content: stretch;
align-items: center;
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input {
vertical-align: middle;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input::-webkit-inner-spin-button,
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.checkout-section .summery-card {
border-radius: 5px;
border: 1px solid #eee;
background-color: #fff;
padding: 23px 30px;
}
.checkout-section .summery-card .cost-summery-table {
margin-bottom: 0;
}
.checkout-section .summery-card tr th {
border: none;
font-size: 1rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-cabin);
padding: 0;
padding-bottom: 10px;
}
.checkout-section .summery-card tr th:last-child {
text-align: right;
}
.checkout-section tbody tr .tax {
font-size: 1rem;
color: var(--title-color1);
font-weight: 500;
font-family: var(--font-cabin);
padding-left: 0;
}
.checkout-section tbody tr td {
border: none;
font-size: 14px;
padding-bottom: 0;
font-weight: 400;
color: #848484;
font-family: var(--font-cabin);
padding-left: 0;
}
.checkout-section tbody tr td:last-child {
text-align: right;
}
.checkout-section .total-cost {
padding: 18px 30px;
}
.checkout-section .total-cost thead tr th {
border: none;
font-size: 1rem;
font-weight: 700;
color: #00152b;
font-family: var(--font-dosis);
padding: 0;
margin-bottom: 0;
}
.checkout-section .total-cost thead tr th:last-child {
text-align: right;
}
.checkout-section .payment-methods {
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 5px;
padding: 30px;
margin-top: 30px;
}
.checkout-section .payment-methods .payment-check {
margin-bottom: 32px;
}
.checkout-section .payment-methods .payment-check label {
font-weight: 600;
font-size: 16px;
color: #00152b;
display: inline-block;
margin-bottom: 0;
}
.checkout-section .payment-methods .form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 15px;
}
.checkout-section .payment-methods .form-check-input {
min-width: 8px !important;
min-height: 8px !important;
margin-top: 0.25em;
margin-right: 0;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkout-section .payment-methods .form-check-input[type=radio] {
border-radius: 50%;
}
.checkout-section .payment-methods .form-check-input {
float: left;
margin-left: -1.5em;
box-shadow: none;
margin-top: 8px;
}
.checkout-section .payment-methods .form-check-input:checked {
background: #848484;
border-color: transparent;
box-shadow: none;
outline: none;
margin-top: 8px;
}
.checkout-section .payment-methods .paypal label {
padding-left: 10px;
padding-right: 20px;
}
.checkout-section .payment-methods .paypal img {
padding-right: 30px;
width: 108px;
height: 21px;
}
.checkout-section .payment-methods .paypal a {
color: var(--primary-color3);
font-weight: 400;
font-size: 1rem;
border-bottom: 1px solid var(--primary-color3);
line-height: 1;
}
.checkout-section input#flexRadioDefault3 {
margin-top: 0;
}
.checkout-section .payment-form-bottom {
padding-top: 10px;
}
.checkout-section .payment-form-bottom input[type=checkbox] {
min-height: 8px !important;
min-width: 8px !important;
margin-right: 10px;
margin-left: 2px;
margin-top: 6px;
}
.checkout-section .payment-form-bottom input[type=checkbox]:checked {
background: #848484;
border-color: transparent;
box-shadow: none;
outline: none;
}
.checkout-section .payment-form-bottom a {
color: var(--primary-color3);
font-weight: 400;
font-size: 13px;
}
.checkout-section .payment-form-bottom label {
line-height: 1.3;
}
.checkout-section .place-order-btn button {
padding: 13px 70px;
font-size: 1rem;
font-weight: 700;
font-family: var(--font-cabin);
}
.checkout-section .product-total strong {
margin-left: 8px;
display: flex;
align-items: center;
}
.checkout-section .product-total strong i {
font-size: 12px;
font-weight: 400;
color: var(--text-color1);
}
.checkout-section .product-total strong span {
font-weight: 500;
font-size: 18px;
font-family: var(--font-cabin);
color: var(--title-color1);
} .swiper-slide-active span {
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.swiper-slide-active h1 {
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.swiper-slide-active h2 {
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.swiper-slide-active h4 {
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.swiper-slide-active p {
-webkit-animation: fadeInUp 1.7s;
animation: fadeInUp 1.7s;
}
.hero-style-1 {
padding: 0px 0px 235px;
}
@media (max-width: 576px) {
.hero-style-1 {
padding: 0px 0px 200px;
}
}
.hero-style-1 .banner-content {
max-width: 746px;
width: 100%;
}
@media (max-width: 1199px) {
.hero-style-1 .banner-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 120px auto 0;
}
}
@media (max-width: 1199px) and (max-width: 576px) {
.hero-style-1 .banner-content {
margin: 80px auto 0;
}
}
.hero-style-1 .banner-content .tag {
position: relative;
margin-bottom: 20px;
display: inline-block;
}
.hero-style-1 .banner-content .tag ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 40px;
}
.hero-style-1 .banner-content .tag ul li {
font-size: 1.125rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 22px;
text-transform: capitalize;
position: relative;
}
.hero-style-1 .banner-content .tag ul li::after {
content: "";
height: 12px;
width: 12px;
border-radius: 50%;
background: var(--gradient-color);
position: absolute;
left: -25px;
top: 52%;
transform: translateY(-50%);
}
.hero-style-1 .banner-content .tag ul li:first-child::after {
display: none;
visibility: hidden;
}
.hero-style-1 .banner-content h1 {
font-size: 4.375rem;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
line-height: 1.22;
text-transform: capitalize;
margin-bottom: 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero-style-1 .banner-content h1 {
font-size: 3.5rem;
}
}
@media (max-width: 1399px) {
.hero-style-1 .banner-content h1 {
font-size: 3.2rem;
}
}
@media (max-width: 1199px) {
.hero-style-1 .banner-content h1 {
font-size: 4.375rem;
text-align: center;
}
}
@media (max-width: 576px) {
.hero-style-1 .banner-content h1 {
font-size: 3.2rem;
}
}
.hero-style-1 .banner-content h1 span {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-style-1 .banner-img {
z-index: 9;
margin-left: -200px;
margin-top: 50px;
}
@media (max-width: 1750px) {
.hero-style-1 .banner-img {
margin-left: -120px;
}
}
@media (max-width: 1270px) {
.hero-style-1 .banner-img {
margin-left: -70px;
}
}
@media (max-width: 1199px) {
.hero-style-1 .banner-img {
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 767px) {
.hero-style-1 .banner-img {
display: none;
visibility: hidden;
}
}
.hero-style-1 .banner-img img {
width: 100%;
}
@media (max-width: 767px) {
.hero-style-1 .reservation-review {
padding-top: 50px;
margin-bottom: 90px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.hero-style-1 .reservation-review .reservation-btn {
margin-bottom: 30px;
}
.hero-style-1 .reservation-review .reservation-btn .primary-btn1 {
padding: 10px 28px;
}
.hero-style-1 .reservation-review .review-area ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1399px) {
.hero-style-1 .reservation-review .review-area ul {
flex-wrap: wrap;
}
}
@media (max-width: 1199px) {
.hero-style-1 .reservation-review .review-area ul {
flex-wrap: nowrap;
}
}
.hero-style-1 .reservation-review .review-area ul li .single-review {
background: rgba(255, 245, 237, 0.9);
border-radius: 5px;
min-width: 162px;
padding: 10px 14px;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .icon span {
display: inline-block;
margin-left: 10px;
font-size: 0.938rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
line-height: 18px;
letter-spacing: 0.03em;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews {
display: flex;
align-items: baseline;
gap: 10px;
justify-content: center;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews ul {
display: flex;
align-items: center;
gap: 2.5px;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews ul li {
line-height: 1;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews ul li i {
font-size: 10px;
color: #ddac00;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews span {
font-family: var(--font-cabin);
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.03em;
color: #001d23;
opacity: 0.8;
}
.hero-video-area .video-wraper video {
width: 100%;
border-top: 30px solid #fff;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
-o-object-fit: initial;
object-fit: initial;
height: 700px;
}
@media (max-width: 991px) {
.hero-video-area .video-wraper video {
height: 450px;
}
}
@media (max-width: 576px) {
.hero-video-area .video-wraper video {
height: 300px;
}
}
@media (max-width: 576px) {
.hero-video-area .video-wraper video {
border-bottom: 20px solid #fff;
border-top: 20px solid #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
}
.form-wrapper {
border-radius: 5px;
box-shadow: 5px 7px 35px rgba(139, 139, 139, 0.1);
padding: 40px;
background: var(--white);
}
@media (max-width: 576px) {
.form-wrapper {
padding: 25px;
}
}
.form-wrapper .form-title {
text-align: center;
margin-bottom: 60px;
}
.form-wrapper .form-title h3 {
font-size: 40px;
font-weight: 800;
color: var(--title-color1);
font-family: var(--font-dosis);
text-align: center;
margin-bottom: 10px;
}
.form-wrapper .form-title p {
font-size: 20px;
font-weight: 400;
color: var(--title-color1);
}
.form-wrapper .form-title p a {
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
background: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.form-wrapper .form-title2 {
margin-bottom: 30px;
}
.form-wrapper .form-title2 h3 {
font-size: 35px;
font-weight: 600;
font-family: var(--font-dosis);
color: var(--title-color1);
margin-bottom: 15px;
}
.form-wrapper label {
color: var(--title-color1);
font-size: 16px;
font-weight: 500;
margin-bottom: 12px;
font-family: var(--font-dosis);
}
.form-wrapper input,
.form-wrapper textarea {
display: block;
width: 100%;
transition: 0.3s ease;
width: 100%;
height: 45px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 20px;
margin-right: 0;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
}
.form-wrapper input::-moz-placeholder, .form-wrapper textarea::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-family: var(--font-cabin);
color: var(--text-color3);
}
.form-wrapper input:-ms-input-placeholder, .form-wrapper textarea:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
font-family: var(--font-cabin);
color: var(--text-color3);
}
.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
font-size: 14px;
font-weight: 400;
font-family: var(--font-cabin);
color: var(--text-color3);
}
.form-wrapper input:focus,
.form-wrapper textarea:focus {
border: 1px solid #eee;
border-radius: 5px;
}
.form-wrapper textarea {
min-height: 150px;
}
.form-wrapper .check-box-text {
font-size: 16px;
}
.form-wrapper .form-inner {
margin-bottom: 18px;
position: relative;
}
.form-wrapper .form-inner i {
position: absolute;
right: 24px;
bottom: 11px;
}
.form-wrapper .form-agreement {
margin-bottom: 16px;
margin-top: 6px;
}
.form-wrapper .form-agreement label {
font-size: 16px;
font-weight: 400;
font-family: var(--font-cabin);
}
.form-wrapper .form-agreement label a {
font-weight: 600;
font-size: 16px;
background: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.form-wrapper .forgotpass {
text-align: center;
margin-top: 25px;
}
.form-wrapper .forgot-pass {
font-family: var(--font-cabin);
font-size: 16px;
font-weight: 600;
position: relative;
transition: 0.3s ease;
background: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.form-wrapper .forgot-pass::after {
content: "";
position: absolute;
left: 0;
bottom: 15px;
background: var(--primary-color3);
height: 1px;
width: 100%;
}
@media (max-width: 576px) {
.form-wrapper .forgot-pass::after {
display: none;
visibility: hidden;
}
}
.form-wrapper .forgot-pass:hover {
color: #999;
}
.form-wrapper .forgot-pass:hover::after {
background: #999;
}
.form-wrapper .account-btn {
font-size: 1.125rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
letter-spacing: 0.03em;
position: relative;
text-align: center;
display: block;
padding: 12px 15px;
transition: 0.4s;
width: 100%;
z-index: 1;
}
.form-wrapper .account-btn::after {
content: "";
background: var(--gradient-color);
opacity: 0.5;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
transition: 0.4s;
}
.form-wrapper .account-btn:hover {
color: var(--white);
}
.form-wrapper .account-btn:hover::after {
background: var(--title-color1);
opacity: 1;
}
.form-wrapper .alternate-signup-box {
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 20px;
text-align: center;
margin-top: 30px;
margin-bottom: 35px;
}
.form-wrapper .alternate-signup-box h6 {
font-size: 16px;
font-weight: 700;
color: var(--title-color1);
text-transform: uppercase;
margin-bottom: 20px;
}
.form-wrapper .alternate-signup-box .btn-group {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.form-wrapper .alternate-signup-box .btn-group a {
font-size: 12px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 12px 15px;
color: #fff;
border-radius: 5px;
transition: 0.5s ease;
}
.form-wrapper .alternate-signup-box .btn-group a:hover {
background: var(--title-color1);
}
.form-wrapper .alternate-signup-box .btn-group i {
font-size: 16px;
}
.form-wrapper .alternate-signup-box .google-btn {
background: #ea4335;
}
.form-wrapper .alternate-signup-box .facebook-btn {
background: #4267b2;
}
.form-wrapper .form-poicy-area {
text-align: center;
}
.form-wrapper .form-poicy-area p {
color: var(--title-color1);
}
.form-wrapper .form-poicy-area a {
font-weight: 600;
background: linear-gradient(90deg, #f86ca7 0%, #ff7f18 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-decoration: underline;
}
.form-wrapper .form-group input[type=checkbox] {
display: none;
cursor: pointer;
}
.form-wrapper input[type=checkbox] + label:before {
content: "";
-webkit-appearance: none;
background-color: var(--title-color1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.form-wrapper input[type=checkbox]:checked + label:after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 6px;
width: 4px;
height: 10px;
border: 1px solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.form-wrapper button.form--btn {
outline: none;
border: none;
padding-left: 30px;
padding-right: 30px;
margin-top: 25px;
}
p.section-title-first {
margin-top: 20px;
}
.button-one-primary {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
border-radius: 60px;
display: inline-block;
padding: 13px 50px;
z-index: 1;
position: relative;
overflow: hidden;
}
.button-two-primary {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-dosis);
display: inline-block;
background-color: #ef9685;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.35s;
padding: 10px 28px;
}
.team-before-image::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-05.png);
position: absolute;
left: 0;
top: -20%;
z-index: -1;
}
@media (max-width: 576px) {
.team-before-image::after {
display: none;
visibility: hidden;
}
}
.about-one-area::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-01.png);
position: absolute;
right: 0;
top: -50%;
z-index: -1;
}
@media (max-width: 576px) {
.about-one-area::after {
display: none;
visibility: hidden;
}
}
.about-one-area-two::before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-02.png);
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
@media (max-width: 576px) {
.about-one-area-two::before {
display: none;
visibility: hidden;
}
}
.h2-testimonial-area .client-review-area .single-area .icon img {
max-width: 200px;
}
.h1-story-area .story-content .story-title-reviews .review img {
max-width: 80px;
}
.h2-services-area .services-btm .services-img .services-img-bg {
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
z-index: -1;
}
.h2-services-area .services-btm .services-img .services-img-bg img {
max-width: unset;
}
.feature-left .single-card {
margin-bottom: 45px;
}
.feature-left .single-card:last-child {
margin-bottom: 0;
}
.feature-right .single-card {
margin-bottom: 45px;
}
.feature-right .single-card:last-child {
margin-bottom: 0;
}
.feature-areaa::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-03.png);
position: absolute;
right: 0;
bottom: -20%;
z-index: -1;
}
@media (max-width: 576px) {
.feature-areaa::after {
display: none;
visibility: hidden;
}
}
.expariance img {
max-width: 70px;
max-height: 70px;
}
.h1-partner-area .author-name-expariance .author-name .img img {
max-width: 70px;
}
.home3-newsletter-area .newsletter-wrap .form-inner button {
font-size: 1.125rem;
font-weight: 700;
color: var(--white);
font-family: var(--font-cabin);
letter-spacing: 0.03em;
text-transform: uppercase;
background: var(--primary-color3);
border-radius: 10px;
padding: 11px 30px;
margin-right: 5px;
transition: 0.4s;
overflow: visible;
white-space: nowrap;
}
.home3-newsletter-area .newsletter-wrap .primary-btn1::before {
content: none;
}
.home3-newsletter-area .newsletter-img img {
max-width: 400px;
}
.gallery-img-area .gallery-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.work-process-area .work-proces-arrow:last-child {
display: none;
}
.form-inner p {
margin-bottom: 0;
}
.contact-left .hotline:last-child {
margin-bottom: 0;
}
.dogimage::after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/dog-shape-h1.svg);
position: absolute;
right: -150px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.dogimage::after {
display: none;
visibility: hidden;
}
}
.hero3 .background-text .marquee_text img {
max-width: 40px;
}
.primary-btn3:hover::after {
right: 0px;
bottom: 0px;
background-color: #ff553c;
}
.primary-btn3::after {
content: "";
background-color: var(--title-color1);
height: 100%;
width: 100%;
position: absolute;
right: -3px;
bottom: -3px;
border-radius: 5px;
z-index: -2;
transition: 0.35s;
}
.primary-btn3:hover {
background: #ff553c;
}
.comment-form .form-inner input {
width: 100%;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
height: 54px;
font-size: 0.875rem;
font-weight: 400;
color: #868686;
font-family: var(--font-cabin);
padding: 10px 37px;
margin-right: 0;
}
input#wp-comment-cookies-consent {
margin-right: 7px;
}
.comment-area .blog-comments .comments-title {
font-size: 2.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-dosis);
text-transform: capitalize;
margin: 0;
margin-bottom: 40px;
}
.c-header .replay-btn img {
margin-right: 5px;
}
.c-header .author-details {
margin-right: 20px;
}
.comment-area ul {
list-style-type: none;
}
.paginations-area .pagination .page-item a.current {
background: var(--gradient-color);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
border-color: var(--primary-color3);
color: var(--white);
}
.wi img {
width: 105px;
height: 85px;
max-width: unset;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-categories {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
padding-top: 35px;
}
.wp-block-categories li {
margin-bottom: 10px;
}
.wp-block-categories li a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1rem;
font-weight: 500;
color: var(--title-color1);
font-family: var(--font-cabin);
transition: 0.35s;
}
.wp-block-categories li a:hover {
background: var(--gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.wp-block-tag-cloud {
margin-bottom: 0;
padding-top: 48px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
.wp-block-tag-cloud a {
display: inline-block;
font-family: var(--font-cabin);
font-weight: 600;
font-size: 0.875rem !important;
color: #a0a0a0;
background: rgba(197, 197, 197, 0.1);
border-radius: 2px;
padding: 5px 13px;
transition: 0.35s;
}
.wp-block-tag-cloud a:hover {
background: var(--gradient-color);
color: var(--white);
}
.widget_egns_social_link .social-link {
margin: 0;
padding: 0;
list-style: none;
padding-top: 48px;
gap: 35px;
}
.widget_egns_social_link .social-link li a {
height: 36px;
width: 36px;
line-height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gradient-color);
border-radius: 50%;
color: var(--white);
font-size: 20px;
transform: 0.35s;
position: relative;
z-index: 1;
}
.widget_egns_social_link .social-link li a::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 29, 35, 0.8);
opacity: 0;
transition: 0.35s;
border-radius: 50%;
z-index: -1;
}
.widget_egns_social_link .social-link li a:hover::after {
opacity: 1;
}
.collection-card .offer-card {
position: absolute;
left: 50px;
top: 7px;
z-index: 1;
}
.header-sticky-logo {
display: none !important;
}
.sticky .header-logo {
display: none !important;
}
.sticky .header-sticky-logo {
display: block !important;
}
.header-sticky-logo2 {
display: none !important;
}
.header-sticky-logo3 {
display: none !important;
}
.sticky .header-sticky-logo2 {
display: block !important;
}
.sticky .header-sticky-logo3 {
display: block !important;
}
.top-bar.two .contact-number a svg {
margin-right: 7px;
}
header.style-1 .main-menu ul > li.current-menu-item.menu-item-has-children::after {
color: #ff7f18;
}
header.style-1 .main-menu ul > li.menu-item-has-children.current-menu-ancestor::after {
color: var(--primary-color2);
}
header.style-2 .main-menu ul > li.current-menu-ancestor > a:before {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/icon/h2-menu-active-icon.svg);
position: absolute;
left: 50%;
bottom: 10px;
}
header.style-2 .main-menu ul > li.menu-item-has-children.current-menu-ancestor::after {
color: var(--primary-color2);
}
.pricing-plan-vec:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/bg/frem-04.png);
position: absolute;
left: 0;
top: -20%;
z-index: -1;
}
@media screen and (max-width: 576px) {
.pricing-plan-vec:after {
display: none;
}
}
.blog-post-area .blog-details .bolg-tag ul li {
margin-bottom: 0 !important;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
position: relative;
}
.footer-items .email-icon img {
height: 23px;
width: 23px;
}
.total-review-starr p {
color: #333;
font-weight: 600;
font-size: 18px;
}
.total-review-starr p span {
color: #000;
font-weight: bold;
font-size: 18px;
}
.total-review-starr p span {
color: #000;
font-weight: bold;
font-size: 16px;
}
.total-review-starr p {
color: #333;
font-weight: 600;
font-size: 13px;
margin: 0;
padding: 0;
line-height: 1;
margin-top: 8px;
font-family: var(--font-dosis);
}
.single-review .icon {
text-align: center;
}
.img-and-review {
display: flex;
justify-content: space-between;
align-items: center;
}
.hero-style-1 .reservation-review .review-area ul li .single-review {
background: rgba(255, 245, 237, 0.9);
border-radius: 5px;
min-width: 162px;
padding: 10px 10px;
}
.hero-style-1 .reservation-review .review-area ul li .single-review .reviews {
display: flex;
align-items: baseline;
gap: 10px;
justify-content: center;
}
.mc4wp-response {
text-align: center;
margin-top: 10px;
}
.mc4wp-response p {
color: #000;
}
.pet-type {
margin-bottom: 30px;
}
.pet-type .pet-title h6 {
margin-bottom: 20px;
font-family: "Cabin";
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #001D23;
}
.select-area p {
display: flex;
gap: 15px;
}
.pet-select,
.pet-select {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.pet-select .wpcf7-list-item {
margin: 0;
position: relative;
}
.pet-select .wpcf7-list-item label:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16px;
}
.pet-select .wpcf7-list-item:nth-child(1) label:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/cat.png);
}
.pet-select .wpcf7-list-item:nth-child(2) label:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/dog.png);
}
.pet-select .wpcf7-list-item:nth-child(3) label:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/bird.png);
}
.pet-select .wpcf7-list-item:nth-child(4) label:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/cat.png);
}
.pet-select3 .wpcf7-list-item:nth-child(1) label:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/home.png);
}
.pet-select2 .wpcf7-list-item:nth-child(1) label:after {
content: "";
}
.pet-select2 .wpcf7-list-item:nth-child(2) label:after {
content: "";
}
.pet-select2 .wpcf7-list-item:nth-child(3) label:after {
content: "";
}
.pet-select2 .wpcf7-list-item:nth-child(4) label:after {
content: "";
}
.pet-select .wpcf7-list-item label {
cursor: pointer;
background-color: #F3F3F3;
border: none;
border-radius: 5px;
max-width: 127px;
min-width: 127px;
width: 100%;
min-height: 97px;
display: flex;
align-items: end;
justify-content: center;
margin: 0;
}
input[type=radio] {
border: none;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
background: rgb(243, 243, 243);
border: 1px solid transparent;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
}
input[type=radio]:before {
content: "";
border: none;
background: var(--primary-color2);
border-radius: 4px 0px 0px 0px;
height: 33px;
width: 37px;
-webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
clip-path: polygon(0 0, 0 100%, 100% 0);
position: absolute;
top: 0;
left: -1px;
opacity: 0;
}
input[type=radio]:checked:before {
border: none;
opacity: 1;
}
input[type=radio]:checked {
border: none;
outline: none !important;
outline-offset: unset !important;
background: #fff;
border: 1px solid var(--primary-color2);
}
input[type=radio]:checked:after {
border: none;
opacity: 1;
}
input[type=radio]:after {
content: url(//pets.cief-malaysia.com/wp-content/themes/scooby/assets/images/res/check.svg);
opacity: 0;
display: block;
left: 7px;
top: -4px;
position: absolute;
width: unset;
height: unset;
border-radius: unset;
background: transparent;
}
.wpcf7-list-item-label {
font-family: "Cabin";
font-weight: 600;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #001D23;
margin-bottom: 10px;
z-index: 1;
}
.pet-select2 .wpcf7-list-item label {
background: #FFFFFF;
border: 1px solid var(--primary-color2);
border-radius: 5px;
max-width: 127px;
min-width: 127px;
width: 100%;
min-height: 51px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.pet-select2 .wpcf7-list-item-label {
margin-bottom: 0px;
}
.appointment-form2 label {
font-family: "Cabin";
font-style: normal;
font-weight: 500;
font-size: 16px;
display: block;
color: #001D23;
margin-bottom: 30px;
}
form .appointment-form2 label input.wpcf7-form-control {
width: 100%;
height: 52px;
color: #000;
background: #F3F3F3;
border-radius: 5px;
margin-top: 10px;
}
.appointment-form2 label textarea.wpcf7-form-control {
width: 100%;
height: 106px;
background: #F3F3F3;
border-radius: 5px;
margin-top: 10px;
color: #000;
}
.appointment-form2 input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-family: "Dosis";
font-weight: 700;
font-size: 18px;
display: block;
text-align: center;
color: #FFFFFF;
background: var(--primary-color2);
border-radius: 5px;
margin-bottom: 0;
}