@charset "UTF-8";
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot);src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff) format("woff"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.eot);src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2) format("woff2"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff) format("woff"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.ttf) format("truetype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot);src:url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff) format("woff"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"),url(//hns.ma/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f884"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud,.fa.fa-spotify{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cab:before{content:"\f1ba"}@font-face {
font-family: 'pxli';
src:
url(//hns.ma/wp-content/themes/brifers/assets/fonts/pixelart/fonts/pxli.ttf?66uvbo) format('truetype'),
url(//hns.ma/wp-content/themes/brifers/assets/fonts/pixelart/fonts/pxli.woff?66uvbo) format('woff'),
url(//hns.ma/wp-content/themes/brifers/assets/fonts/pixelart/fonts/pxli.svg?66uvbo#pxli) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="pxli-"], [class*=" pxli-"] { font-family: 'pxli' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pxli-send-email:before {
content: "\e90f";
}
.pxli-cloud-upload:before {
content: "\e998";
}
.pxli-star:before {
content: "\e999";
}
.pxli-close:before {
content: "\e99a";
}
.pxli-remove:before {
content: "\e99a";
}
.pxli-times:before {
content: "\e99a";
}
.pxli-check:before {
content: "\e99b";
}
.pxli-arrow-circle-right:before {
content: "\e99c";
}
.pxli-arrow-circle-left:before {
content: "\e99d";
}
.pxli-angle-down:before {
content: "\e99e";
}
.pxli-angle-up:before {
content: "\e99f";
}
.pxli-angle-right:before {
content: "\e9a0";
}
.pxli-angle-left:before {
content: "\e9a1";
}
.pxli-angle-double-down:before {
content: "\e9a2";
}
.pxli-angle-double-up:before {
content: "\e9a3";
}
.pxli-angle-double-right:before {
content: "\e9a4";
}
.pxli-angle-double-left:before {
content: "\e9a5";
}
.pxli-sort-desc:before {
content: "\e9a6";
}
.pxli-sort-down:before {
content: "\e9a6";
}
.pxli-caret-down:before {
content: "\e9a7";
}
.pxli-chevron-down:before {
content: "\e9a8";
}
.pxli-hours-support:before {
content: "\e9b7";
}
.pxli-address:before {
content: "\e9b8";
}
.pxli-email2:before {
content: "\e9b9";
}
.pxli-right-arrow1:before {
content: "\e9ab";
}
.pxli-right-arrow-x:before {
content: "\e9ac";
}
.pxli-close1:before {
content: "\e9ad";
}
.pxli-checked:before {
content: "\e9ae";
}
.pxli-phone-call:before {
content: "\e9af";
}
.pxli-world:before {
content: "\e9b0";
}
.pxli-menu:before {
content: "\e9b1";
}
.pxli-newletter:before {
content: "\e9b2";
}
.pxli-clock1:before {
content: "\e9b3";
}
.pxli-label:before {
content: "\e9b4";
}
.pxli-user11:before {
content: "\e9b5";
}
.pxli-calendar1:before {
content: "\e9b6";
}
.pxli-calendar2:before {
content: "\e9ba";
}
.pxli-clock-o:before {
content: "\e981";
}
.pxli-chevron-down11:before {
content: "\e97e";
}
.pxli-search1:before {
content: "\e97d";
}
.pxli-calendar:before {
content: "\e974";
}
.pxli-angle-down1:before {
content: "\e973";
}
.pxli-angle-up1:before {
content: "\e972";
}
.pxli-angle-left1:before {
content: "\e910";
}
.pxli-angle-right1:before {
content: "\e971";
}
.pxli-arrow-left:before {
content: "\e90d";
color: #7e8ba5;
}
.pxli-arrow-right:before {
content: "\e90e";
color: #7e8ba5;
}
.pxli-grid:before {
content: "\e9bb";
}
.pxli-list:before {
content: "\e9bc";
}
.pxli-chart-bar-regular:before {
content: "\e995";
}
.pxli-th:before {
content: "\e992";
}
.pxli-list-ul:before {
content: "\e993";
}
.pxli-border-all:before {
content: "\e994";
}
.pxli-auction:before {
content: "\e98d";
}
.pxli-trophy-alt:before {
content: "\e98e";
}
.pxli-diploma:before {
content: "\e98f";
}
.pxli-briefcase-medical:before {
content: "\e990";
}
.pxli-users:before {
content: "\e991";
}
.pxli-window-close-regular:before {
content: "\e982";
}
.pxli-envelope-open-regular:before {
content: "\e983";
}
.pxli-user-alt:before {
content: "\e984";
}
.pxli-heart-regular:before {
content: "\e985";
}
.pxli-dribbble-brands:before {
content: "\e986";
}
.pxli-youtube-brands:before {
content: "\e987";
}
.pxli-behance-brands:before {
content: "\e988";
}
.pxli-calendar-alt-regular:before {
content: "\e989";
}
.pxli-clock-regular:before {
content: "\e98a";
}
.pxli-marker-alt:before {
content: "\e98b";
}
.pxli-envelope-regular:before {
content: "\e98c";
}
.pxli-phone-alt1:before {
content: "\e97f";
}
.pxli-angle-down-solid:before {
content: "\e980";
}
.pxli-phone1:before {
content: "\e976";
}
.pxli-email1:before {
content: "\e977";
}
.pxli-search-400:before {
content: "\e978";
}
.pxli-search-solid:before {
content: "\e979";
}
.pxli-share-alt:before {
content: "\e97a";
}
.pxli-comments-regular:before {
content: "\e97b";
}
.pxli-arrow-right-solid:before {
content: "\e97c";
}
.pxli-heart:before {
content: "\e970";
}
.pxli-comment-alt1:before {
content: "\e968";
}
.pxli-comment-dots1:before {
content: "\e969";
}
.pxli-comment1:before {
content: "\e96a";
}
.pxli-comments1:before {
content: "\e96b";
}
.pxli-comment-alt:before {
content: "\e96c";
}
.pxli-comment-dots:before {
content: "\e96d";
}
.pxli-comment:before {
content: "\e96e";
}
.pxli-comments:before {
content: "\e96f";
}
.pxli-user1:before {
content: "\e966";
}
.pxli-user:before {
content: "\e967";
}
.pxli-folder1:before {
content: "\e962";
}
.pxli-folder-open1:before {
content: "\e963";
}
.pxli-folder-open:before {
content: "\e964";
}
.pxli-folder:before {
content: "\e965";
}
.pxli-arrow-circle-alt-left:before {
content: "\e960";
}
.pxli-plus-circle-01:before {
content: "\e961";
}
.pxli-alert:before {
content: "\e901";
}
.pxli-arrow-alt-circle-down:before {
content: "\e902";
}
.pxli-arrow-alt-circle-left:before {
content: "\e903";
}
.pxli-arrow-alt-circle-right:before {
content: "\e904";
}
.pxli-arrow-alt-circle-up:before {
content: "\e905";
}
.pxli-arrow-circle-down:before {
content: "\e906";
}
.pxli-arrow-circle-left1:before {
content: "\e907";
}
.pxli-arrow-circle-right1:before {
content: "\e908";
}
.pxli-arrow-circle-up:before {
content: "\e909";
}
.pxli-arrow-circle-up-large:before {
content: "\e95c";
}
.pxli-arrow-circle-down-large:before {
content: "\e95d";
}
.pxli-arrow-circle-left-large:before {
content: "\e95e";
}
.pxli-arrow-circle-right-large:before {
content: "\e95f";
}
.pxli-arrow-down:before {
content: "\e90a";
}
.pxli-arrow-up:before {
content: "\e90b";
}
.pxli-long-arrow-up:before {
content: "\e912";
}
.pxli-long-arrow-down:before {
content: "\e913";
}
.pxli-long-arrow-left:before {
content: "\e914";
}
.pxli-arrow-prev:before {
content: "\e959";
}
.pxli-arrow-next:before {
content: "\e95a";
}
.pxli-check1:before {
content: "\e915";
}
.pxli-long-arrow-right:before {
content: "\e916";
}
.pxli-check-circle:before {
content: "\e917";
}
.pxli-check-alt-circle:before {
content: "\e918";
}
.pxli-chevron-circle-down:before {
content: "\e919";
}
.pxli-chevron-circle-left:before {
content: "\e91a";
}
.pxli-chevron-circle-right:before {
content: "\e91b";
}
.pxli-chevron-circle-up:before {
content: "\e91c";
}
.pxli-chevron-down1:before {
content: "\e91d";
}
.pxli-chevron-left:before {
content: "\e91e";
}
.pxli-chevron-right:before {
content: "\e91f";
}
.pxli-chevron-up:before {
content: "\e920";
}
.pxli-clock:before {
content: "\e921";
}
.pxli-download:before {
content: "\e922";
}
.pxli-email:before {
content: "\e923";
}
.pxli-facebook-circle-alt:before {
content: "\e924";
}
.pxli-facebook-f:before {
content: "\e925";
}
.pxli-facebook-messenger:before {
content: "\e926";
}
.pxli-facebook-square:before {
content: "\e927";
}
.pxli-facebook:before {
content: "\e928";
}
.pxli-twitter-circle:before {
content: "\e929";
}
.pxli-twitter-square:before {
content: "\e92a";
}
.pxli-twitter:before {
content: "\e92b";
}
.pxli-instagram-square:before {
content: "\e92c";
}
.pxli-instagram1:before {
content: "\e92d";
}
.pxli-linkedin-circle:before {
content: "\e92e";
}
.pxli-linkedin-in:before {
content: "\e92f";
}
.pxli-linkedin:before {
content: "\e930";
}
.pxli-pinterest-p:before {
content: "\e931";
}
.pxli-pinterest-square:before {
content: "\e932";
}
.pxli-youtube:before {
content: "\e933";
}
.pxli-map-marker:before {
content: "\e934";
}
.pxli-pinterest:before {
content: "\e935";
}
.pxli-phone-alt:before {
content: "\e936";
}
.pxli-phone:before {
content: "\e937";
}
.pxli-play-circle:before {
content: "\e938";
}
.pxli-play:before {
content: "\e939";
}
.pxli-plus:before {
content: "\e93a";
}
.pxli-plus-circle:before {
content: "\e93b";
}
.pxli-minus:before {
content: "\e900";
}
.pxli-minus-circle:before {
content: "\e93c";
}
.pxli-remove-circle:before {
content: "\e93d";
}
.pxli-remove1:before {
content: "\e93e";
}
.pxli-search:before {
content: "\e93f";
}
.pxli-shadow:before {
content: "\e940";
}
.pxli-shopping-bag:before {
content: "\e941";
}
.pxli-shopping-basket:before {
content: "\e942";
}
.pxli-shopping-cart-arrow-down:before {
content: "\e943";
}
.pxli-shopping-cart-plus:before {
content: "\e944";
}
.pxli-shopping-cart:before {
content: "\e945";
}
.pxli-sign-in-alt:before {
content: "\e946";
}
.pxli-sign-out-alt:before {
content: "\e947";
}
.pxli-star-alt:before {
content: "\e948";
}
.pxli-star1:before {
content: "\e949";
}
.pxli-pdf:before {
content: "\e94a";
}
.pxli-thumbtack:before {
content: "\e94b";
}
.pxli-google-plus-g:before {
content: "\e94c";
}
.pxli-google-plus-square:before {
content: "\e94d";
}
.pxli-google-plus:before {
content: "\e94e";
}
.pxli-google:before {
content: "\e94f";
}
.pxli-rss-square:before {
content: "\e950";
}
.pxli-rss:before {
content: "\e951";
}
.pxli-skype:before {
content: "\e952";
}
.pxli-tumblr-square:before {
content: "\e953";
}
.pxli-tumblr:before {
content: "\e954";
}
.pxli-vimeo-square:before {
content: "\e955";
}
.pxli-vimeo-v:before {
content: "\e956";
}
.pxli-vimeo:before {
content: "\e957";
}
.pxli-yelp:before {
content: "\e958";
}
.pxli-spinner:before {
content: "\e95b";
}
.pxli-quote:before {
content: "\e9bd";
}
.pxli-heart1:before {
content: "\e90c";
}
.pxli-instagram:before {
content: "\e997";
}@font-face {
font-family: 'brifers';
src:
url(//hns.ma/wp-content/themes/brifers/assets/fonts/brifers/fonts/brifers.ttf?n5yf3s) format('truetype'),
url(//hns.ma/wp-content/themes/brifers/assets/fonts/brifers/fonts/brifers.woff?n5yf3s) format('woff'),
url(//hns.ma/wp-content/themes/brifers/assets/fonts/brifers/fonts/brifers.svg?n5yf3s#brifers) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="brifers-"], [class*=" brifers-"] { font-family: 'brifers' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.brifers-message:before {
content: "\e9ac";
}
.brifers-mission:before {
content: "\e9a8";
}
.brifers-question:before {
content: "\e9a9";
}
.brifers-target111:before {
content: "\e9aa";
}
.brifers-united:before {
content: "\e9ab";
}
.brifers-target3:before {
content: "\e992";
}
.brifers-technology:before {
content: "\e993";
}
.brifers-telephone-call:before {
content: "\e994";
}
.brifers-web-development:before {
content: "\e995";
}
.brifers-check-list:before {
content: "\e996";
}
.brifers-chess1:before {
content: "\e997";
}
.brifers-consultant:before {
content: "\e998";
}
.brifers-costumer:before {
content: "\e999";
}
.brifers-customer-service:before {
content: "\e99a";
}
.brifers-data-analytics:before {
content: "\e99b";
}
.brifers-lightbulb:before {
content: "\e99c";
}
.brifers-link:before {
content: "\e99d";
}
.brifers-mountain:before {
content: "\e99e";
}
.brifers-negotiation:before {
content: "\e99f";
}
.brifers-online-data:before {
content: "\e9a0";
}
.brifers-project-plan:before {
content: "\e9a1";
}
.brifers-relation:before {
content: "\e9a2";
}
.brifers-report:before {
content: "\e9a3";
}
.brifers-rocket:before {
content: "\e9a4";
}
.brifers-stats:before {
content: "\e9a5";
}
.brifers-strategy1:before {
content: "\e9a6";
}
.brifers-talking:before {
content: "\e9a7";
}
.brifers-light-bulb-1:before {
content: "\e900";
}
.brifers-strategy-5:before {
content: "\e901";
}
.brifers-sprout:before {
content: "\e902";
}
.brifers-strategy-4:before {
content: "\e903";
}
.brifers-development:before {
content: "\e904";
}
.brifers-goal:before {
content: "\e905";
}
.brifers-maze:before {
content: "\e906";
}
.brifers-visualization:before {
content: "\e907";
}
.brifers-analysis-1:before {
content: "\e908";
}
.brifers-trophy:before {
content: "\e909";
}
.brifers-handshake:before {
content: "\e90a";
}
.brifers-panel:before {
content: "\e90b";
}
.brifers-briefcase:before {
content: "\e90c";
}
.brifers-strategy-3:before {
content: "\e90d";
}
.brifers-bar-chart:before {
content: "\e90e";
}
.brifers-develop:before {
content: "\e90f";
}
.brifers-communications:before {
content: "\e910";
}
.brifers-startup:before {
content: "\e911";
}
.brifers-analysis:before {
content: "\e912";
}
.brifers-dollar:before {
content: "\e913";
}
.brifers-strategies:before {
content: "\e914";
}
.brifers-thinking:before {
content: "\e915";
}
.brifers-direction:before {
content: "\e916";
}
.brifers-management:before {
content: "\e917";
}
.brifers-time:before {
content: "\e918";
}
.brifers-vision:before {
content: "\e919";
}
.brifers-light-bulb:before {
content: "\e91a";
}
.brifers-setting-1:before {
content: "\e91b";
}
.brifers-humanpictos:before {
content: "\e91c";
}
.brifers-network:before {
content: "\e91d";
}
.brifers-strategy-2:before {
content: "\e91e";
}
.brifers-team:before {
content: "\e91f";
}
.brifers-package:before {
content: "\e920";
}
.brifers-skills:before {
content: "\e921";
}
.brifers-pie-graphic:before {
content: "\e922";
}
.brifers-teamwork:before {
content: "\e923";
}
.brifers-care:before {
content: "\e924";
}
.brifers-workers:before {
content: "\e925";
}
.brifers-handshake1:before {
content: "\e926";
}
.brifers-pyramid:before {
content: "\e927";
}
.brifers-management-1:before {
content: "\e928";
}
.brifers-puzzle:before {
content: "\e929";
}
.brifers-idea:before {
content: "\e92a";
}
.brifers-networking-2:before {
content: "\e92b";
}
.brifers-marketing:before {
content: "\e92c";
}
.brifers-user-1:before {
content: "\e92d";
}
.brifers-organization-2:before {
content: "\e92e";
}
.brifers-user:before {
content: "\e92f";
}
.brifers-chat:before {
content: "\e930";
}
.brifers-setting:before {
content: "\e931";
}
.brifers-chess:before {
content: "\e932";
}
.brifers-networking-1:before {
content: "\e933";
}
.brifers-group:before {
content: "\e934";
}
.brifers-strategy-1:before {
content: "\e935";
}
.brifers-organization-1:before {
content: "\e936";
}
.brifers-worldwide:before {
content: "\e937";
}
.brifers-choose:before {
content: "\e938";
}
.brifers-podium:before {
content: "\e939";
}
.brifers-idea-2:before {
content: "\e93a";
}
.brifers-training-1:before {
content: "\e93b";
}
.brifers-laptop-1:before {
content: "\e93c";
}
.brifers-target:before {
content: "\e93d";
}
.brifers-target1:before {
content: "\e93e";
}
.brifers-training:before {
content: "\e93f";
}
.brifers-chart:before {
content: "\e940";
}
.brifers-networking:before {
content: "\e941";
}
.brifers-idea-1:before {
content: "\e942";
}
.brifers-organization:before {
content: "\e943";
}
.brifers-coin-1:before {
content: "\e944";
}
.brifers-start:before {
content: "\e945";
}
.brifers-presentation:before {
content: "\e946";
}
.brifers-selective:before {
content: "\e947";
}
.brifers-flag:before {
content: "\e948";
}
.brifers-timer:before {
content: "\e949";
}
.brifers-creative:before {
content: "\e94a";
}
.brifers-diamond:before {
content: "\e94b";
}
.brifers-like:before {
content: "\e94c";
}
.brifers-people:before {
content: "\e94d";
}
.brifers-progress:before {
content: "\e94e";
}
.brifers-settings:before {
content: "\e94f";
}
.brifers-ipo:before {
content: "\e950";
}
.brifers-management1:before {
content: "\e951";
}
.brifers-analytics:before {
content: "\e952";
}
.brifers-contract:before {
content: "\e953";
}
.brifers-line-chart:before {
content: "\e954";
}
.brifers-value:before {
content: "\e955";
}
.brifers-coin:before {
content: "\e956";
}
.brifers-planning:before {
content: "\e957";
}
.brifers-human-resources:before {
content: "\e958";
}
.brifers-idea1:before {
content: "\e959";
}
.brifers-hourglass:before {
content: "\e95a";
}
.brifers-tie:before {
content: "\e95b";
}
.brifers-business:before {
content: "\e95c";
}
.brifers-laptop:before {
content: "\e95d";
}
.brifers-money-bag:before {
content: "\e95e";
}
.brifers-strategy:before {
content: "\e95f";
}
.brifers-options:before {
content: "\e960";
}
.brifers-stationery:before {
content: "\e961";
}
.brifers-achievement:before {
content: "\e962";
}
.brifers-growth:before {
content: "\e963";
}
.brifers-agreement:before {
content: "\e964";
}
.brifers-badge:before {
content: "\e965";
}
.brifers-bar-chart1:before {
content: "\e966";
}
.brifers-bar-chart-1:before {
content: "\e967";
}
.brifers-blockchain:before {
content: "\e968";
}
.brifers-businesswoman-3:before {
content: "\e969";
}
.brifers-businesswoman-4:before {
content: "\e96a";
}
.brifers-chat1:before {
content: "\e96b";
}
.brifers-chronometer:before {
content: "\e96c";
}
.brifers-circular-chart:before {
content: "\e96d";
}
.brifers-cogwheel:before {
content: "\e96e";
}
.brifers-faq:before {
content: "\e96f";
}
.brifers-group-1:before {
content: "\e970";
}
.brifers-group-2:before {
content: "\e971";
}
.brifers-group-3:before {
content: "\e972";
}
.brifers-group-4:before {
content: "\e973";
}
.brifers-hierarchical-structure-5:before {
content: "\e974";
}
.brifers-hierarchical-structure-6:before {
content: "\e975";
}
.brifers-hierarchical-structure-7:before {
content: "\e976";
}
.brifers-hierarchical-structure-8:before {
content: "\e977";
}
.brifers-hierarchical-structure-9:before {
content: "\e978";
}
.brifers-line-chart1:before {
content: "\e979";
}
.brifers-loss:before {
content: "\e97a";
}
.brifers-magnifying-glass-1:before {
content: "\e97b";
}
.brifers-map:before {
content: "\e97c";
}
.brifers-medal:before {
content: "\e97d";
}
.brifers-medal-1:before {
content: "\e97e";
}
.brifers-medal-2:before {
content: "\e97f";
}
.brifers-panel1:before {
content: "\e980";
}
.brifers-paper-plane:before {
content: "\e981";
}
.brifers-percentage:before {
content: "\e982";
}
.brifers-phonebook:before {
content: "\e983";
}
.brifers-phone-call:before {
content: "\e984";
}
.brifers-pie-chart-1:before {
content: "\e985";
}
.brifers-scheme:before {
content: "\e986";
}
.brifers-scheme-1:before {
content: "\e987";
}
.brifers-scheme-2:before {
content: "\e988";
}
.brifers-shopping-cart:before {
content: "\e989";
}
.brifers-solution:before {
content: "\e98a";
}
.brifers-speech-bubble:before {
content: "\e98b";
}
.brifers-speech-bubble-1:before {
content: "\e98c";
}
.brifers-tag:before {
content: "\e98d";
}
.brifers-tag-1:before {
content: "\e98e";
}
.brifers-target2:before {
content: "\e98f";
}
.brifers-target-1:before {
content: "\e990";
}
.brifers-wrench:before {
content: "\e991";
}@font-face{font-family:Material-Design-Iconic-Font;src:url(//hns.ma/wp-content/themes/brifers/assets/fonts/material/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),url(//hns.ma/wp-content/themes/brifers/assets/fonts/material/fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),url(//hns.ma/wp-content/themes/brifers/assets/fonts/material/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-import-export:before{content:'\f30c'}.zmdi-swap-vertical-:before{content:'\f30c'}.zmdi-airplanemode-inactive:before{content:'\f102'}.zmdi-airplanemode-active:before{content:'\f103'}.zmdi-rate-review:before{content:'\f103'}.zmdi-comment-sign:before{content:'\f25a'}.zmdi-network-warning:before{content:'\f2ad'}.zmdi-shopping-cart-add:before{content:'\f1ca'}.zmdi-file-add:before{content:'\f221'}.zmdi-network-wifi-scan:before{content:'\f2e4'}.zmdi-collection-add:before{content:'\f14e'}.zmdi-format-playlist-add:before{content:'\f3ac'}.zmdi-format-queue-music:before{content:'\f3ab'}.zmdi-plus-box:before{content:'\f277'}.zmdi-tag-backspace:before{content:'\f1d9'}.zmdi-alarm-add:before{content:'\f32b'}.zmdi-battery-charging:before{content:'\f114'}.zmdi-daydream-setting:before{content:'\f217'}.zmdi-more-horiz:before{content:'\f19c'}.zmdi-book-photo:before{content:'\f11b'}.zmdi-incandescent:before{content:'\f189'}.zmdi-wb-iridescent:before{content:'\f38c'}.zmdi-calendar-remove:before{content:'\f330'}.zmdi-refresh-sync-disabled:before{content:'\f1b7'}.zmdi-refresh-sync-problem:before{content:'\f1b6'}.zmdi-crop-original:before{content:'\f17e'}.zmdi-power-off:before{content:'\f1af'}.zmdi-power-off-setting:before{content:'\f1ae'}.zmdi-leak-remove:before{content:'\f38d'}.zmdi-star-border:before{content:'\f27c'}.zmdi-brightness-low:before{content:'\f36d'}.zmdi-brightness-medium:before{content:'\f36e'}.zmdi-brightness-high:before{content:'\f36f'}.zmdi-smartphone-portrait:before{content:'\f2d4'}.zmdi-live-tv:before{content:'\f2d9'}.zmdi-format-textdirection-l-to-r:before{content:'\f249'}.zmdi-format-textdirection-r-to-l:before{content:'\f24a'}.zmdi-arrow-back:before{content:'\f2ea'}.zmdi-arrow-forward:before{content:'\f2ee'}.zmdi-arrow-in:before{content:'\f2e9'}.zmdi-arrow-out:before{content:'\f2ed'}.zmdi-rotate-90-degrees-ccw:before{content:'\f304'}.zmdi-adb:before{content:'\f33a'}.zmdi-network-wifi:before{content:'\f2e8'}.zmdi-network-wifi-alt:before{content:'\f2e3'}.zmdi-network-wifi-lock:before{content:'\f2e5'}.zmdi-network-wifi-off:before{content:'\f2e6'}.zmdi-network-wifi-outline:before{content:'\f2e7'}.zmdi-network-wifi-info:before{content:'\f2e4'}.zmdi-layers-clear:before{content:'\f18b'}.zmdi-colorize:before{content:'\f15d'}.zmdi-format-paint:before{content:'\f1ba'}.zmdi-format-quote:before{content:'\f1b2'}.zmdi-camera-monochrome-photos:before{content:'\f285'}.zmdi-sort-by-alpha:before{content:'\f1cf'}.zmdi-folder-shared:before{content:'\f225'}.zmdi-folder-special:before{content:'\f226'}.zmdi-comment-dots:before{content:'\f260'}.zmdi-reorder:before{content:'\f31e'}.zmdi-dehaze:before{content:'\f197'}.zmdi-sort:before{content:'\f1ce'}.zmdi-pages:before{content:'\f34a'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-calendar-account:before{content:'\f204'}.zmdi-paste:before{content:'\f109'}.zmdi-cut:before{content:'\f1bc'}.zmdi-save:before{content:'\f297'}.zmdi-smartphone-code:before{content:'\f139'}.zmdi-directions-bike:before{content:'\f117'}.zmdi-directions-boat:before{content:'\f11a'}.zmdi-directions-bus:before{content:'\f121'}.zmdi-directions-car:before{content:'\f125'}.zmdi-directions-railway:before{content:'\f1b3'}.zmdi-directions-run:before{content:'\f215'}.zmdi-directions-subway:before{content:'\f1d5'}.zmdi-directions-walk:before{content:'\f216'}.zmdi-local-hotel:before{content:'\f178'}.zmdi-local-activity:before{content:'\f1df'}.zmdi-local-play:before{content:'\f1df'}.zmdi-local-airport:before{content:'\f103'}.zmdi-local-atm:before{content:'\f198'}.zmdi-local-bar:before{content:'\f137'}.zmdi-local-cafe:before{content:'\f13b'}.zmdi-local-car-wash:before{content:'\f124'}.zmdi-local-convenience-store:before{content:'\f1d3'}.zmdi-local-dining:before{content:'\f153'}.zmdi-local-drink:before{content:'\f157'}.zmdi-local-florist:before{content:'\f168'}.zmdi-local-gas-station:before{content:'\f16f'}.zmdi-local-grocery-store:before{content:'\f1cb'}.zmdi-local-hospital:before{content:'\f177'}.zmdi-local-laundry-service:before{content:'\f1e9'}.zmdi-local-library:before{content:'\f18d'}.zmdi-local-mall:before{content:'\f195'}.zmdi-local-movies:before{content:'\f19d'}.zmdi-local-offer:before{content:'\f187'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-pharmacy:before{content:'\f176'}.zmdi-local-phone:before{content:'\f2be'}.zmdi-local-pizza:before{content:'\f1ac'}.zmdi-local-post-office:before{content:'\f15a'}.zmdi-local-printshop:before{content:'\f1b0'}.zmdi-local-see:before{content:'\f28c'}.zmdi-local-shipping:before{content:'\f1e6'}.zmdi-local-store:before{content:'\f1d4'}.zmdi-local-taxi:before{content:'\f123'}.zmdi-local-wc:before{content:'\f211'}.zmdi-my-location:before{content:'\f299'}.zmdi-directions:before{content:'\f1e7'}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-shadow:none;box-shadow:none;}
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;filter:alpha(opacity=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;filter:alpha(opacity=100);}
.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{border-radius:0px !important; position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{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, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{opacity:0.8;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;}.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: var(--bs-gutter-x, 15px);
padding-left: var(--bs-gutter-x, 15px);
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm {
max-width: 1024px; } }
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 1024px; } }
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 1200px; } }
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1200px; } }
.row {
--bs-gutter-x: 30px;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y); }
.col {
flex: 1 0 0%; }
.row-cols-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%; }
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%; }
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%; }
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%; }
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 1500px) {
.col-xxl {
flex: 1 0 0%; }
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
.col-auto {
flex: 0 0 auto;
width: auto; }
.col-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-3 {
flex: 0 0 auto;
width: 25%; }
.col-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-6 {
flex: 0 0 auto;
width: 50%; }
.col-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-9 {
flex: 0 0 auto;
width: 75%; }
.col-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-12 {
flex: 0 0 auto;
width: 100%; }
.offset-1 {
margin-left: 8.33333333%; }
.offset-2 {
margin-left: 16.66666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333333%; }
.offset-5 {
margin-left: 41.66666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333333%; }
.offset-8 {
margin-left: 66.66666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333333%; }
.offset-11 {
margin-left: 91.66666667%; }
.g-0, .gx-0 {
--bs-gutter-x: 0; }
.g-0, .gy-0 {
--bs-gutter-y: 0; }
.g-5, .gx-5 {
--bs-gutter-x: 5px; }
.g-5, .gy-5 {
--bs-gutter-y: 5px; }
.g-10, .gx-10 {
--bs-gutter-x: 10px; }
.g-10, .gy-10 {
--bs-gutter-y: 10px; }
.g-12, .gx-12 {
--bs-gutter-x: 12px; }
.g-12, .gy-12 {
--bs-gutter-y: 12px; }
.g-15, .gx-15 {
--bs-gutter-x: 15px; }
.g-15, .gy-15 {
--bs-gutter-y: 15px; }
.g-20, .gx-20 {
--bs-gutter-x: 20px; }
.g-20, .gy-20 {
--bs-gutter-y: 20px; }
.g-25, .gx-25 {
--bs-gutter-x: 25px; }
.g-25, .gy-25 {
--bs-gutter-y: 25px; }
.g-30, .gx-30 {
--bs-gutter-x: 30px; }
.g-30, .gy-30 {
--bs-gutter-y: 30px; }
.g-40, .gx-40 {
--bs-gutter-x: 40px; }
.g-40, .gy-40 {
--bs-gutter-y: 40px; }
.g-50, .gx-50 {
--bs-gutter-x: 50px; }
.g-50, .gy-50 {
--bs-gutter-y: 50px; }
.g-60, .gx-60 {
--bs-gutter-x: 60px; }
.g-60, .gy-60 {
--bs-gutter-y: 60px; }
.g-70, .gx-70 {
--bs-gutter-x: 70px; }
.g-70, .gy-70 {
--bs-gutter-y: 70px; }
.g-80, .gx-80 {
--bs-gutter-x: 80px; }
.g-80, .gy-80 {
--bs-gutter-y: 80px; }
.g-90, .gx-90 {
--bs-gutter-x: 90px; }
.g-90, .gy-90 {
--bs-gutter-y: 90px; }
.g-100, .gx-100 {
--bs-gutter-x: 100px; }
.g-100, .gy-100 {
--bs-gutter-y: 100px; }
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto; }
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-sm-3 {
flex: 0 0 auto;
width: 25%; }
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-sm-6 {
flex: 0 0 auto;
width: 50%; }
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-sm-9 {
flex: 0 0 auto;
width: 75%; }
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-sm-12 {
flex: 0 0 auto;
width: 100%; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333333%; }
.offset-sm-2 {
margin-left: 16.66666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333333%; }
.offset-sm-5 {
margin-left: 41.66666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333333%; }
.offset-sm-8 {
margin-left: 66.66666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333333%; }
.offset-sm-11 {
margin-left: 91.66666667%; }
.g-sm-0, .gx-sm-0 {
--bs-gutter-x: 0; }
.g-sm-0, .gy-sm-0 {
--bs-gutter-y: 0; }
.g-sm-5, .gx-sm-5 {
--bs-gutter-x: 5px; }
.g-sm-5, .gy-sm-5 {
--bs-gutter-y: 5px; }
.g-sm-10, .gx-sm-10 {
--bs-gutter-x: 10px; }
.g-sm-10, .gy-sm-10 {
--bs-gutter-y: 10px; }
.g-sm-12, .gx-sm-12 {
--bs-gutter-x: 12px; }
.g-sm-12, .gy-sm-12 {
--bs-gutter-y: 12px; }
.g-sm-15, .gx-sm-15 {
--bs-gutter-x: 15px; }
.g-sm-15, .gy-sm-15 {
--bs-gutter-y: 15px; }
.g-sm-20, .gx-sm-20 {
--bs-gutter-x: 20px; }
.g-sm-20, .gy-sm-20 {
--bs-gutter-y: 20px; }
.g-sm-25, .gx-sm-25 {
--bs-gutter-x: 25px; }
.g-sm-25, .gy-sm-25 {
--bs-gutter-y: 25px; }
.g-sm-30, .gx-sm-30 {
--bs-gutter-x: 30px; }
.g-sm-30, .gy-sm-30 {
--bs-gutter-y: 30px; }
.g-sm-40, .gx-sm-40 {
--bs-gutter-x: 40px; }
.g-sm-40, .gy-sm-40 {
--bs-gutter-y: 40px; }
.g-sm-50, .gx-sm-50 {
--bs-gutter-x: 50px; }
.g-sm-50, .gy-sm-50 {
--bs-gutter-y: 50px; }
.g-sm-60, .gx-sm-60 {
--bs-gutter-x: 60px; }
.g-sm-60, .gy-sm-60 {
--bs-gutter-y: 60px; }
.g-sm-70, .gx-sm-70 {
--bs-gutter-x: 70px; }
.g-sm-70, .gy-sm-70 {
--bs-gutter-y: 70px; }
.g-sm-80, .gx-sm-80 {
--bs-gutter-x: 80px; }
.g-sm-80, .gy-sm-80 {
--bs-gutter-y: 80px; }
.g-sm-90, .gx-sm-90 {
--bs-gutter-x: 90px; }
.g-sm-90, .gy-sm-90 {
--bs-gutter-y: 90px; }
.g-sm-100, .gx-sm-100 {
--bs-gutter-x: 100px; }
.g-sm-100, .gy-sm-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto; }
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-md-3 {
flex: 0 0 auto;
width: 25%; }
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-md-6 {
flex: 0 0 auto;
width: 50%; }
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-md-9 {
flex: 0 0 auto;
width: 75%; }
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-md-12 {
flex: 0 0 auto;
width: 100%; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333333%; }
.offset-md-2 {
margin-left: 16.66666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333333%; }
.offset-md-5 {
margin-left: 41.66666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333333%; }
.offset-md-8 {
margin-left: 66.66666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333333%; }
.offset-md-11 {
margin-left: 91.66666667%; }
.g-md-0, .gx-md-0 {
--bs-gutter-x: 0; }
.g-md-0, .gy-md-0 {
--bs-gutter-y: 0; }
.g-md-5, .gx-md-5 {
--bs-gutter-x: 5px; }
.g-md-5, .gy-md-5 {
--bs-gutter-y: 5px; }
.g-md-10, .gx-md-10 {
--bs-gutter-x: 10px; }
.g-md-10, .gy-md-10 {
--bs-gutter-y: 10px; }
.g-md-12, .gx-md-12 {
--bs-gutter-x: 12px; }
.g-md-12, .gy-md-12 {
--bs-gutter-y: 12px; }
.g-md-15, .gx-md-15 {
--bs-gutter-x: 15px; }
.g-md-15, .gy-md-15 {
--bs-gutter-y: 15px; }
.g-md-20, .gx-md-20 {
--bs-gutter-x: 20px; }
.g-md-20, .gy-md-20 {
--bs-gutter-y: 20px; }
.g-md-25, .gx-md-25 {
--bs-gutter-x: 25px; }
.g-md-25, .gy-md-25 {
--bs-gutter-y: 25px; }
.g-md-30, .gx-md-30 {
--bs-gutter-x: 30px; }
.g-md-30, .gy-md-30 {
--bs-gutter-y: 30px; }
.g-md-40, .gx-md-40 {
--bs-gutter-x: 40px; }
.g-md-40, .gy-md-40 {
--bs-gutter-y: 40px; }
.g-md-50, .gx-md-50 {
--bs-gutter-x: 50px; }
.g-md-50, .gy-md-50 {
--bs-gutter-y: 50px; }
.g-md-60, .gx-md-60 {
--bs-gutter-x: 60px; }
.g-md-60, .gy-md-60 {
--bs-gutter-y: 60px; }
.g-md-70, .gx-md-70 {
--bs-gutter-x: 70px; }
.g-md-70, .gy-md-70 {
--bs-gutter-y: 70px; }
.g-md-80, .gx-md-80 {
--bs-gutter-x: 80px; }
.g-md-80, .gy-md-80 {
--bs-gutter-y: 80px; }
.g-md-90, .gx-md-90 {
--bs-gutter-x: 90px; }
.g-md-90, .gy-md-90 {
--bs-gutter-y: 90px; }
.g-md-100, .gx-md-100 {
--bs-gutter-x: 100px; }
.g-md-100, .gy-md-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto; }
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-lg-3 {
flex: 0 0 auto;
width: 25%; }
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-lg-6 {
flex: 0 0 auto;
width: 50%; }
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-lg-9 {
flex: 0 0 auto;
width: 75%; }
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-lg-12 {
flex: 0 0 auto;
width: 100%; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333333%; }
.offset-lg-2 {
margin-left: 16.66666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333333%; }
.offset-lg-5 {
margin-left: 41.66666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333333%; }
.offset-lg-8 {
margin-left: 66.66666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333333%; }
.offset-lg-11 {
margin-left: 91.66666667%; }
.g-lg-0, .gx-lg-0 {
--bs-gutter-x: 0; }
.g-lg-0, .gy-lg-0 {
--bs-gutter-y: 0; }
.g-lg-5, .gx-lg-5 {
--bs-gutter-x: 5px; }
.g-lg-5, .gy-lg-5 {
--bs-gutter-y: 5px; }
.g-lg-10, .gx-lg-10 {
--bs-gutter-x: 10px; }
.g-lg-10, .gy-lg-10 {
--bs-gutter-y: 10px; }
.g-lg-12, .gx-lg-12 {
--bs-gutter-x: 12px; }
.g-lg-12, .gy-lg-12 {
--bs-gutter-y: 12px; }
.g-lg-15, .gx-lg-15 {
--bs-gutter-x: 15px; }
.g-lg-15, .gy-lg-15 {
--bs-gutter-y: 15px; }
.g-lg-20, .gx-lg-20 {
--bs-gutter-x: 20px; }
.g-lg-20, .gy-lg-20 {
--bs-gutter-y: 20px; }
.g-lg-25, .gx-lg-25 {
--bs-gutter-x: 25px; }
.g-lg-25, .gy-lg-25 {
--bs-gutter-y: 25px; }
.g-lg-30, .gx-lg-30 {
--bs-gutter-x: 30px; }
.g-lg-30, .gy-lg-30 {
--bs-gutter-y: 30px; }
.g-lg-40, .gx-lg-40 {
--bs-gutter-x: 40px; }
.g-lg-40, .gy-lg-40 {
--bs-gutter-y: 40px; }
.g-lg-50, .gx-lg-50 {
--bs-gutter-x: 50px; }
.g-lg-50, .gy-lg-50 {
--bs-gutter-y: 50px; }
.g-lg-60, .gx-lg-60 {
--bs-gutter-x: 60px; }
.g-lg-60, .gy-lg-60 {
--bs-gutter-y: 60px; }
.g-lg-70, .gx-lg-70 {
--bs-gutter-x: 70px; }
.g-lg-70, .gy-lg-70 {
--bs-gutter-y: 70px; }
.g-lg-80, .gx-lg-80 {
--bs-gutter-x: 80px; }
.g-lg-80, .gy-lg-80 {
--bs-gutter-y: 80px; }
.g-lg-90, .gx-lg-90 {
--bs-gutter-x: 90px; }
.g-lg-90, .gy-lg-90 {
--bs-gutter-y: 90px; }
.g-lg-100, .gx-lg-100 {
--bs-gutter-x: 100px; }
.g-lg-100, .gy-lg-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto; }
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-xl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-xl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-xl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-xl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333333%; }
.offset-xl-2 {
margin-left: 16.66666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333333%; }
.offset-xl-5 {
margin-left: 41.66666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333333%; }
.offset-xl-8 {
margin-left: 66.66666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333333%; }
.offset-xl-11 {
margin-left: 91.66666667%; }
.g-xl-0, .gx-xl-0 {
--bs-gutter-x: 0; }
.g-xl-0, .gy-xl-0 {
--bs-gutter-y: 0; }
.g-xl-5, .gx-xl-5 {
--bs-gutter-x: 5px; }
.g-xl-5, .gy-xl-5 {
--bs-gutter-y: 5px; }
.g-xl-10, .gx-xl-10 {
--bs-gutter-x: 10px; }
.g-xl-10, .gy-xl-10 {
--bs-gutter-y: 10px; }
.g-xl-12, .gx-xl-12 {
--bs-gutter-x: 12px; }
.g-xl-12, .gy-xl-12 {
--bs-gutter-y: 12px; }
.g-xl-15, .gx-xl-15 {
--bs-gutter-x: 15px; }
.g-xl-15, .gy-xl-15 {
--bs-gutter-y: 15px; }
.g-xl-20, .gx-xl-20 {
--bs-gutter-x: 20px; }
.g-xl-20, .gy-xl-20 {
--bs-gutter-y: 20px; }
.g-xl-25, .gx-xl-25 {
--bs-gutter-x: 25px; }
.g-xl-25, .gy-xl-25 {
--bs-gutter-y: 25px; }
.g-xl-30, .gx-xl-30 {
--bs-gutter-x: 30px; }
.g-xl-30, .gy-xl-30 {
--bs-gutter-y: 30px; }
.g-xl-40, .gx-xl-40 {
--bs-gutter-x: 40px; }
.g-xl-40, .gy-xl-40 {
--bs-gutter-y: 40px; }
.g-xl-50, .gx-xl-50 {
--bs-gutter-x: 50px; }
.g-xl-50, .gy-xl-50 {
--bs-gutter-y: 50px; }
.g-xl-60, .gx-xl-60 {
--bs-gutter-x: 60px; }
.g-xl-60, .gy-xl-60 {
--bs-gutter-y: 60px; }
.g-xl-70, .gx-xl-70 {
--bs-gutter-x: 70px; }
.g-xl-70, .gy-xl-70 {
--bs-gutter-y: 70px; }
.g-xl-80, .gx-xl-80 {
--bs-gutter-x: 80px; }
.g-xl-80, .gy-xl-80 {
--bs-gutter-y: 80px; }
.g-xl-90, .gx-xl-90 {
--bs-gutter-x: 90px; }
.g-xl-90, .gy-xl-90 {
--bs-gutter-y: 90px; }
.g-xl-100, .gx-xl-100 {
--bs-gutter-x: 100px; }
.g-xl-100, .gy-xl-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 1500px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto; }
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-xxl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-xxl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-xxl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-xxl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xxl-0 {
margin-left: 0; }
.offset-xxl-1 {
margin-left: 8.33333333%; }
.offset-xxl-2 {
margin-left: 16.66666667%; }
.offset-xxl-3 {
margin-left: 25%; }
.offset-xxl-4 {
margin-left: 33.33333333%; }
.offset-xxl-5 {
margin-left: 41.66666667%; }
.offset-xxl-6 {
margin-left: 50%; }
.offset-xxl-7 {
margin-left: 58.33333333%; }
.offset-xxl-8 {
margin-left: 66.66666667%; }
.offset-xxl-9 {
margin-left: 75%; }
.offset-xxl-10 {
margin-left: 83.33333333%; }
.offset-xxl-11 {
margin-left: 91.66666667%; }
.g-xxl-0, .gx-xxl-0 {
--bs-gutter-x: 0; }
.g-xxl-0, .gy-xxl-0 {
--bs-gutter-y: 0; }
.g-xxl-5, .gx-xxl-5 {
--bs-gutter-x: 5px; }
.g-xxl-5, .gy-xxl-5 {
--bs-gutter-y: 5px; }
.g-xxl-10, .gx-xxl-10 {
--bs-gutter-x: 10px; }
.g-xxl-10, .gy-xxl-10 {
--bs-gutter-y: 10px; }
.g-xxl-12, .gx-xxl-12 {
--bs-gutter-x: 12px; }
.g-xxl-12, .gy-xxl-12 {
--bs-gutter-y: 12px; }
.g-xxl-15, .gx-xxl-15 {
--bs-gutter-x: 15px; }
.g-xxl-15, .gy-xxl-15 {
--bs-gutter-y: 15px; }
.g-xxl-20, .gx-xxl-20 {
--bs-gutter-x: 20px; }
.g-xxl-20, .gy-xxl-20 {
--bs-gutter-y: 20px; }
.g-xxl-25, .gx-xxl-25 {
--bs-gutter-x: 25px; }
.g-xxl-25, .gy-xxl-25 {
--bs-gutter-y: 25px; }
.g-xxl-30, .gx-xxl-30 {
--bs-gutter-x: 30px; }
.g-xxl-30, .gy-xxl-30 {
--bs-gutter-y: 30px; }
.g-xxl-40, .gx-xxl-40 {
--bs-gutter-x: 40px; }
.g-xxl-40, .gy-xxl-40 {
--bs-gutter-y: 40px; }
.g-xxl-50, .gx-xxl-50 {
--bs-gutter-x: 50px; }
.g-xxl-50, .gy-xxl-50 {
--bs-gutter-y: 50px; }
.g-xxl-60, .gx-xxl-60 {
--bs-gutter-x: 60px; }
.g-xxl-60, .gy-xxl-60 {
--bs-gutter-y: 60px; }
.g-xxl-70, .gx-xxl-70 {
--bs-gutter-x: 70px; }
.g-xxl-70, .gy-xxl-70 {
--bs-gutter-y: 70px; }
.g-xxl-80, .gx-xxl-80 {
--bs-gutter-x: 80px; }
.g-xxl-80, .gy-xxl-80 {
--bs-gutter-y: 80px; }
.g-xxl-90, .gx-xxl-90 {
--bs-gutter-x: 90px; }
.g-xxl-90, .gy-xxl-90 {
--bs-gutter-y: 90px; }
.g-xxl-100, .gx-xxl-100 {
--bs-gutter-x: 100px; }
.g-xxl-100, .gy-xxl-100 {
--bs-gutter-y: 100px; } }
.d-inline {
display: inline; }
.d-inline-block {
display: inline-block; }
.d-block {
display: block; }
.d-grid {
display: grid; }
.d-table {
display: table; }
.d-table-row {
display: table-row; }
.d-table-cell {
display: table-cell; }
.d-flex {
display: flex; }
.d-inline-flex {
display: inline-flex; }
.d-none {
display: none; }
.flex-fill {
flex: 1 1 auto; }
.flex-row {
flex-direction: row; }
.flex-column {
flex-direction: column; }
.flex-row-reverse {
flex-direction: row-reverse; }
.flex-column-reverse {
flex-direction: column-reverse; }
.flex-grow-0 {
flex-grow: 0; }
.flex-grow-1 {
flex-grow: 1; }
.flex-shrink-0 {
flex-shrink: 0; }
.flex-shrink-1 {
flex-shrink: 1; }
.flex-wrap {
flex-wrap: wrap; }
.flex-nowrap {
flex-wrap: nowrap; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-start {
justify-content: flex-start; }
.justify-content-end {
justify-content: flex-end; }
.justify-content-center {
justify-content: center; }
.justify-content-between {
justify-content: space-between; }
.justify-content-around {
justify-content: space-around; }
.justify-content-evenly {
justify-content: space-evenly; }
.align-items-start {
align-items: flex-start; }
.align-items-end {
align-items: flex-end; }
.align-items-center {
align-items: center; }
.align-items-baseline {
align-items: baseline; }
.align-items-stretch {
align-items: stretch; }
.align-content-start {
align-content: flex-start; }
.align-content-end {
align-content: flex-end; }
.align-content-center {
align-content: center; }
.align-content-between {
align-content: space-between; }
.align-content-around {
align-content: space-around; }
.align-content-stretch {
align-content: stretch; }
.align-self-auto {
align-self: auto; }
.align-self-start {
align-self: flex-start; }
.align-self-end {
align-self: flex-end; }
.align-self-center {
align-self: center; }
.align-self-baseline {
align-self: baseline; }
.align-self-stretch {
align-self: stretch; }
.order-first {
order: -1; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-last {
order: 6; }
.text-start {
text-align: left; }
.text-end {
text-align: right; }
.text-center {
text-align: center; }
@media (min-width: 576px) {
.d-sm-inline {
display: inline; }
.d-sm-inline-block {
display: inline-block; }
.d-sm-block {
display: block; }
.d-sm-grid {
display: grid; }
.d-sm-table {
display: table; }
.d-sm-table-row {
display: table-row; }
.d-sm-table-cell {
display: table-cell; }
.d-sm-flex {
display: flex; }
.d-sm-inline-flex {
display: inline-flex; }
.d-sm-none {
display: none; }
.flex-sm-fill {
flex: 1 1 auto; }
.flex-sm-row {
flex-direction: row; }
.flex-sm-column {
flex-direction: column; }
.flex-sm-row-reverse {
flex-direction: row-reverse; }
.flex-sm-column-reverse {
flex-direction: column-reverse; }
.flex-sm-grow-0 {
flex-grow: 0; }
.flex-sm-grow-1 {
flex-grow: 1; }
.flex-sm-shrink-0 {
flex-shrink: 0; }
.flex-sm-shrink-1 {
flex-shrink: 1; }
.flex-sm-wrap {
flex-wrap: wrap; }
.flex-sm-nowrap {
flex-wrap: nowrap; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-sm-start {
justify-content: flex-start; }
.justify-content-sm-end {
justify-content: flex-end; }
.justify-content-sm-center {
justify-content: center; }
.justify-content-sm-between {
justify-content: space-between; }
.justify-content-sm-around {
justify-content: space-around; }
.justify-content-sm-evenly {
justify-content: space-evenly; }
.align-items-sm-start {
align-items: flex-start; }
.align-items-sm-end {
align-items: flex-end; }
.align-items-sm-center {
align-items: center; }
.align-items-sm-baseline {
align-items: baseline; }
.align-items-sm-stretch {
align-items: stretch; }
.align-content-sm-start {
align-content: flex-start; }
.align-content-sm-end {
align-content: flex-end; }
.align-content-sm-center {
align-content: center; }
.align-content-sm-between {
align-content: space-between; }
.align-content-sm-around {
align-content: space-around; }
.align-content-sm-stretch {
align-content: stretch; }
.align-self-sm-auto {
align-self: auto; }
.align-self-sm-start {
align-self: flex-start; }
.align-self-sm-end {
align-self: flex-end; }
.align-self-sm-center {
align-self: center; }
.align-self-sm-baseline {
align-self: baseline; }
.align-self-sm-stretch {
align-self: stretch; }
.order-sm-first {
order: -1; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-last {
order: 6; }
.text-sm-start {
text-align: left; }
.text-sm-end {
text-align: right; }
.text-sm-center {
text-align: center; } }
@media (min-width: 768px) {
.d-md-inline {
display: inline; }
.d-md-inline-block {
display: inline-block; }
.d-md-block {
display: block; }
.d-md-grid {
display: grid; }
.d-md-table {
display: table; }
.d-md-table-row {
display: table-row; }
.d-md-table-cell {
display: table-cell; }
.d-md-flex {
display: flex; }
.d-md-inline-flex {
display: inline-flex; }
.d-md-none {
display: none; }
.flex-md-fill {
flex: 1 1 auto; }
.flex-md-row {
flex-direction: row; }
.flex-md-column {
flex-direction: column; }
.flex-md-row-reverse {
flex-direction: row-reverse; }
.flex-md-column-reverse {
flex-direction: column-reverse; }
.flex-md-grow-0 {
flex-grow: 0; }
.flex-md-grow-1 {
flex-grow: 1; }
.flex-md-shrink-0 {
flex-shrink: 0; }
.flex-md-shrink-1 {
flex-shrink: 1; }
.flex-md-wrap {
flex-wrap: wrap; }
.flex-md-nowrap {
flex-wrap: nowrap; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-md-start {
justify-content: flex-start; }
.justify-content-md-end {
justify-content: flex-end; }
.justify-content-md-center {
justify-content: center; }
.justify-content-md-between {
justify-content: space-between; }
.justify-content-md-around {
justify-content: space-around; }
.justify-content-md-evenly {
justify-content: space-evenly; }
.align-items-md-start {
align-items: flex-start; }
.align-items-md-end {
align-items: flex-end; }
.align-items-md-center {
align-items: center; }
.align-items-md-baseline {
align-items: baseline; }
.align-items-md-stretch {
align-items: stretch; }
.align-content-md-start {
align-content: flex-start; }
.align-content-md-end {
align-content: flex-end; }
.align-content-md-center {
align-content: center; }
.align-content-md-between {
align-content: space-between; }
.align-content-md-around {
align-content: space-around; }
.align-content-md-stretch {
align-content: stretch; }
.align-self-md-auto {
align-self: auto; }
.align-self-md-start {
align-self: flex-start; }
.align-self-md-end {
align-self: flex-end; }
.align-self-md-center {
align-self: center; }
.align-self-md-baseline {
align-self: baseline; }
.align-self-md-stretch {
align-self: stretch; }
.order-md-first {
order: -1; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-last {
order: 6; }
.text-md-start {
text-align: left; }
.text-md-end {
text-align: right; }
.text-md-center {
text-align: center; } }
@media (min-width: 992px) {
.d-lg-inline {
display: inline; }
.d-lg-inline-block {
display: inline-block; }
.d-lg-block {
display: block; }
.d-lg-grid {
display: grid; }
.d-lg-table {
display: table; }
.d-lg-table-row {
display: table-row; }
.d-lg-table-cell {
display: table-cell; }
.d-lg-flex {
display: flex; }
.d-lg-inline-flex {
display: inline-flex; }
.d-lg-none {
display: none; }
.flex-lg-fill {
flex: 1 1 auto; }
.flex-lg-row {
flex-direction: row; }
.flex-lg-column {
flex-direction: column; }
.flex-lg-row-reverse {
flex-direction: row-reverse; }
.flex-lg-column-reverse {
flex-direction: column-reverse; }
.flex-lg-grow-0 {
flex-grow: 0; }
.flex-lg-grow-1 {
flex-grow: 1; }
.flex-lg-shrink-0 {
flex-shrink: 0; }
.flex-lg-shrink-1 {
flex-shrink: 1; }
.flex-lg-wrap {
flex-wrap: wrap; }
.flex-lg-nowrap {
flex-wrap: nowrap; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-lg-start {
justify-content: flex-start; }
.justify-content-lg-end {
justify-content: flex-end; }
.justify-content-lg-center {
justify-content: center; }
.justify-content-lg-between {
justify-content: space-between; }
.justify-content-lg-around {
justify-content: space-around; }
.justify-content-lg-evenly {
justify-content: space-evenly; }
.align-items-lg-start {
align-items: flex-start; }
.align-items-lg-end {
align-items: flex-end; }
.align-items-lg-center {
align-items: center; }
.align-items-lg-baseline {
align-items: baseline; }
.align-items-lg-stretch {
align-items: stretch; }
.align-content-lg-start {
align-content: flex-start; }
.align-content-lg-end {
align-content: flex-end; }
.align-content-lg-center {
align-content: center; }
.align-content-lg-between {
align-content: space-between; }
.align-content-lg-around {
align-content: space-around; }
.align-content-lg-stretch {
align-content: stretch; }
.align-self-lg-auto {
align-self: auto; }
.align-self-lg-start {
align-self: flex-start; }
.align-self-lg-end {
align-self: flex-end; }
.align-self-lg-center {
align-self: center; }
.align-self-lg-baseline {
align-self: baseline; }
.align-self-lg-stretch {
align-self: stretch; }
.order-lg-first {
order: -1; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-last {
order: 6; }
.text-lg-start {
text-align: left; }
.text-lg-end {
text-align: right; }
.text-lg-center {
text-align: center; } }
@media (min-width: 1200px) {
.d-xl-inline {
display: inline; }
.d-xl-inline-block {
display: inline-block; }
.d-xl-block {
display: block; }
.d-xl-grid {
display: grid; }
.d-xl-table {
display: table; }
.d-xl-table-row {
display: table-row; }
.d-xl-table-cell {
display: table-cell; }
.d-xl-flex {
display: flex; }
.d-xl-inline-flex {
display: inline-flex; }
.d-xl-none {
display: none; }
.flex-xl-fill {
flex: 1 1 auto; }
.flex-xl-row {
flex-direction: row; }
.flex-xl-column {
flex-direction: column; }
.flex-xl-row-reverse {
flex-direction: row-reverse; }
.flex-xl-column-reverse {
flex-direction: column-reverse; }
.flex-xl-grow-0 {
flex-grow: 0; }
.flex-xl-grow-1 {
flex-grow: 1; }
.flex-xl-shrink-0 {
flex-shrink: 0; }
.flex-xl-shrink-1 {
flex-shrink: 1; }
.flex-xl-wrap {
flex-wrap: wrap; }
.flex-xl-nowrap {
flex-wrap: nowrap; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-xl-start {
justify-content: flex-start; }
.justify-content-xl-end {
justify-content: flex-end; }
.justify-content-xl-center {
justify-content: center; }
.justify-content-xl-between {
justify-content: space-between; }
.justify-content-xl-around {
justify-content: space-around; }
.justify-content-xl-evenly {
justify-content: space-evenly; }
.align-items-xl-start {
align-items: flex-start; }
.align-items-xl-end {
align-items: flex-end; }
.align-items-xl-center {
align-items: center; }
.align-items-xl-baseline {
align-items: baseline; }
.align-items-xl-stretch {
align-items: stretch; }
.align-content-xl-start {
align-content: flex-start; }
.align-content-xl-end {
align-content: flex-end; }
.align-content-xl-center {
align-content: center; }
.align-content-xl-between {
align-content: space-between; }
.align-content-xl-around {
align-content: space-around; }
.align-content-xl-stretch {
align-content: stretch; }
.align-self-xl-auto {
align-self: auto; }
.align-self-xl-start {
align-self: flex-start; }
.align-self-xl-end {
align-self: flex-end; }
.align-self-xl-center {
align-self: center; }
.align-self-xl-baseline {
align-self: baseline; }
.align-self-xl-stretch {
align-self: stretch; }
.order-xl-first {
order: -1; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-last {
order: 6; }
.text-xl-start {
text-align: left; }
.text-xl-end {
text-align: right; }
.text-xl-center {
text-align: center; } }
@media (min-width: 1400px) {
.d-xxl-inline {
display: inline; }
.d-xxl-inline-block {
display: inline-block; }
.d-xxl-block {
display: block; }
.d-xxl-grid {
display: grid; }
.d-xxl-table {
display: table; }
.d-xxl-table-row {
display: table-row; }
.d-xxl-table-cell {
display: table-cell; }
.d-xxl-flex {
display: flex; }
.d-xxl-inline-flex {
display: inline-flex; }
.d-xxl-none {
display: none; }
.flex-xxl-fill {
flex: 1 1 auto; }
.flex-xxl-row {
flex-direction: row; }
.flex-xxl-column {
flex-direction: column; }
.flex-xxl-row-reverse {
flex-direction: row-reverse; }
.flex-xxl-column-reverse {
flex-direction: column-reverse; }
.flex-xxl-grow-0 {
flex-grow: 0; }
.flex-xxl-grow-1 {
flex-grow: 1; }
.flex-xxl-shrink-0 {
flex-shrink: 0; }
.flex-xxl-shrink-1 {
flex-shrink: 1; }
.flex-xxl-wrap {
flex-wrap: wrap; }
.flex-xxl-nowrap {
flex-wrap: nowrap; }
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-xxl-start {
justify-content: flex-start; }
.justify-content-xxl-end {
justify-content: flex-end; }
.justify-content-xxl-center {
justify-content: center; }
.justify-content-xxl-between {
justify-content: space-between; }
.justify-content-xxl-around {
justify-content: space-around; }
.justify-content-xxl-evenly {
justify-content: space-evenly; }
.align-items-xxl-start {
align-items: flex-start; }
.align-items-xxl-end {
align-items: flex-end; }
.align-items-xxl-center {
align-items: center; }
.align-items-xxl-baseline {
align-items: baseline; }
.align-items-xxl-stretch {
align-items: stretch; }
.align-content-xxl-start {
align-content: flex-start; }
.align-content-xxl-end {
align-content: flex-end; }
.align-content-xxl-center {
align-content: center; }
.align-content-xxl-between {
align-content: space-between; }
.align-content-xxl-around {
align-content: space-around; }
.align-content-xxl-stretch {
align-content: stretch; }
.align-self-xxl-auto {
align-self: auto; }
.align-self-xxl-start {
align-self: flex-start; }
.align-self-xxl-end {
align-self: flex-end; }
.align-self-xxl-center {
align-self: center; }
.align-self-xxl-baseline {
align-self: baseline; }
.align-self-xxl-stretch {
align-self: stretch; }
.order-xxl-first {
order: -1; }
.order-xxl-0 {
order: 0; }
.order-xxl-1 {
order: 1; }
.order-xxl-2 {
order: 2; }
.order-xxl-3 {
order: 3; }
.order-xxl-4 {
order: 4; }
.order-xxl-5 {
order: 5; }
.order-xxl-last {
order: 6; }
.text-xxl-start {
text-align: left; }
.text-xxl-end {
text-align: right; }
.text-xxl-center {
text-align: center; } }
@media print {
.d-print-inline {
display: inline; }
.d-print-inline-block {
display: inline-block; }
.d-print-block {
display: block; }
.d-print-grid {
display: grid; }
.d-print-table {
display: table; }
.d-print-table-row {
display: table-row; }
.d-print-table-cell {
display: table-cell; }
.d-print-flex {
display: flex; }
.d-print-inline-flex {
display: inline-flex; }
.d-print-none {
display: none; } }

.pxl-swiper-arrows-false .pxl-slider-arrow-wrap {
display: none;
}
@media (max-width: 1499px) {
.pxl-swiper-arrows-laptop-false .pxl-slider-arrow-wrap {
display: none;
}
.pxl-swiper-arrows-laptop-true .pxl-slider-arrow-wrap {
display: flex;
}
}
@media (max-width: 1199px) {
.pxl-swiper-arrows-tablet_extra-false .pxl-slider-arrow-wrap {
display: none;
}
.pxl-swiper-arrows-tablet_extra-true .pxl-slider-arrow-wrap {
display: flex;
}
}
@media (max-width: 991px) {
.pxl-swiper-arrows-tablet-false .pxl-slider-arrow-wrap {
display: none;
}
.pxl-swiper-arrows-tablet-true .pxl-slider-arrow-wrap {
display: flex;
}
}
@media (max-width: 767px) {
.pxl-swiper-arrows-mobile_extra-false .pxl-slider-arrow-wrap {
display: none;
}
.pxl-swiper-arrows-mobile_extra-true .pxl-slider-arrow-wrap {
display: flex;
}
}
@media (max-width: 575px) {
.pxl-swiper-arrows-mobile-false .pxl-slider-arrow-wrap {
display: none;
}
.pxl-swiper-arrows-mobile-true .pxl-slider-arrow-wrap {
display: flex;
}
}
.pxl-swiper-dots-false .pxl-slider-dots {
display: none;
}
@media (max-width: 1499px) {
.pxl-swiper-dots-laptop-false .pxl-slider-dots {
display: none;
}
.pxl-swiper-dots-laptop-true .pxl-slider-dots {
display: flex;
}
}
@media (max-width: 1199px) {
.pxl-swiper-dots-tablet_extra-false .pxl-slider-dots {
display: none;
}
.pxl-swiper-dots-tablet_extra-true .pxl-slider-dots {
display: flex;
}
}
@media (max-width: 991px) {
.pxl-swiper-dots-tablet-false .pxl-slider-dots {
display: none;
}
.pxl-swiper-dots-tablet-true .pxl-slider-dots {
display: flex;
}
}
@media (max-width: 767px) {
.pxl-swiper-dots-mobile_extra-false .pxl-slider-dots {
display: none;
}
.pxl-swiper-dots-mobile_extra-true .pxl-slider-dots {
display: flex;
}
}
@media (max-width: 575px) {
.pxl-swiper-dots-mobile-false .pxl-slider-dots {
display: none;
}
.pxl-swiper-dots-mobile-true .pxl-slider-dots {
display: flex;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 0) {
.d-flex.gx-xs-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-xs-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-xs-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-xs-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-xs-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-xs-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-xs-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-xs-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-xs-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-xs-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-xs-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-xs-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-xs-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-xs-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-xs-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-xs-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-xs-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-xs-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-xs-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-xs-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-xs-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-xs-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-xs-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-xs-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-xs-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-xs-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-xs-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-xs-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-xs-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-xs-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-xs-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-xs-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 576px) {
.d-flex.gx-sm-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-sm-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-sm-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-sm-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-sm-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-sm-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-sm-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-sm-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-sm-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-sm-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-sm-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-sm-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-sm-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-sm-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-sm-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-sm-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-sm-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-sm-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-sm-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-sm-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-sm-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-sm-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-sm-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-sm-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-sm-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-sm-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-sm-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-sm-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-sm-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-sm-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-sm-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-sm-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 768px) {
.d-flex.gx-md-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-md-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-md-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-md-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-md-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-md-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-md-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-md-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-md-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-md-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-md-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-md-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-md-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-md-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-md-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-md-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-md-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-md-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-md-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-md-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-md-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-md-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-md-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-md-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-md-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-md-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-md-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-md-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-md-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-md-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-md-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-md-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 992px) {
.d-flex.gx-lg-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-lg-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-lg-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-lg-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-lg-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-lg-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-lg-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-lg-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-lg-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-lg-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-lg-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-lg-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-lg-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-lg-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-lg-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-lg-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-lg-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-lg-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-lg-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-lg-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-lg-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-lg-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-lg-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-lg-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-lg-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-lg-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-lg-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-lg-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-lg-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-lg-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-lg-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-lg-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 1200px) {
.d-flex.gx-xl-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-xl-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-xl-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-xl-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-xl-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-xl-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-xl-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-xl-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-xl-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-xl-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-xl-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-xl-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-xl-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-xl-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-xl-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-xl-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-xl-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-xl-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-xl-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-xl-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-xl-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-xl-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-xl-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-xl-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-xl-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-xl-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-xl-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-xl-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-xl-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-xl-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-xl-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-xl-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 1400px) {
.d-flex.gx-xxl-0 {
margin-left: 0px;
margin-right: 0px;
}
.d-flex.gx-xxl-0 > * {
padding-left: 0px;
padding-right: 0px;
}
.d-flex.gx-xxl-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.d-flex.gx-xxl-5 > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
.d-flex.gx-xxl-10 {
margin-left: -5px;
margin-right: -5px;
}
.d-flex.gx-xxl-10 > * {
padding-left: 5px;
padding-right: 5px;
}
.d-flex.gx-xxl-12 {
margin-left: -6px;
margin-right: -6px;
}
.d-flex.gx-xxl-12 > * {
padding-left: 6px;
padding-right: 6px;
}
.d-flex.gx-xxl-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.d-flex.gx-xxl-15 > * {
padding-left: 7.5px;
padding-right: 7.5px;
}
.d-flex.gx-xxl-16 {
margin-left: -8px;
margin-right: -8px;
}
.d-flex.gx-xxl-16 > * {
padding-left: 8px;
padding-right: 8px;
}
.d-flex.gx-xxl-20 {
margin-left: -10px;
margin-right: -10px;
}
.d-flex.gx-xxl-20 > * {
padding-left: 10px;
padding-right: 10px;
}
.d-flex.gx-xxl-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.d-flex.gx-xxl-25 > * {
padding-left: 12.5px;
padding-right: 12.5px;
}
.d-flex.gx-xxl-30 {
margin-left: -15px;
margin-right: -15px;
}
.d-flex.gx-xxl-30 > * {
padding-left: 15px;
padding-right: 15px;
}
.d-flex.gx-xxl-40 {
margin-left: -20px;
margin-right: -20px;
}
.d-flex.gx-xxl-40 > * {
padding-left: 20px;
padding-right: 20px;
}
.d-flex.gx-xxl-50 {
margin-left: -25px;
margin-right: -25px;
}
.d-flex.gx-xxl-50 > * {
padding-left: 25px;
padding-right: 25px;
}
.d-flex.gx-xxl-60 {
margin-left: -30px;
margin-right: -30px;
}
.d-flex.gx-xxl-60 > * {
padding-left: 30px;
padding-right: 30px;
}
.d-flex.gx-xxl-70 {
margin-left: -35px;
margin-right: -35px;
}
.d-flex.gx-xxl-70 > * {
padding-left: 35px;
padding-right: 35px;
}
.d-flex.gx-xxl-80 {
margin-left: -40px;
margin-right: -40px;
}
.d-flex.gx-xxl-80 > * {
padding-left: 40px;
padding-right: 40px;
}
.d-flex.gx-xxl-90 {
margin-left: -45px;
margin-right: -45px;
}
.d-flex.gx-xxl-90 > * {
padding-left: 45px;
padding-right: 45px;
}
.d-flex.gx-xxl-100 {
margin-left: -50px;
margin-right: -50px;
}
.d-flex.gx-xxl-100 > * {
padding-left: 50px;
padding-right: 50px;
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes pxlFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pxlFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes pxlFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -150px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pxlFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -150px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes pxlFadeInLeft {
from {
opacity: 0;
transform: translate3d(-150px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pxlFadeInLeft {
from {
opacity: 0;
transform: translate3d(-150px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes pxlFadeInRight {
from {
opacity: 0;
transform: translate3d(150px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pxlFadeInRight {
from {
opacity: 0;
transform: translate3d(150px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@-webkit-keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border2 {
0% {
transform: scale(1);
opacity: 0.24;
}
100% {
transform: scale(2.2);
opacity: 0;
}
}
@-webkit-keyframes pulse-border2 {
0% {
transform: scale(1);
opacity: 0.24;
}
100% {
transform: scale(2.2);
opacity: 0;
}
}
@keyframes animationFramesOne {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(-40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(40px);
}
100% {
transform: translateX(0px);
}
}
@keyframes animationFramesTwo {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(-40px);
}
100% {
transform: translateX(0px);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(40px, -5px);
}
40% {
transform: translate(60px, 40px);
}
60% {
transform: translate(40px, 60px);
}
80% {
transform: translate(-40px, 60px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesFour {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-30px, 40px);
}
40% {
transform: translate(60px, 60px);
}
60% {
transform: translate(80px, 40px);
}
80% {
transform: translate(40px, -70px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesFive {
0% {
transform: translateY(0px);
}
25% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes icon-bounce {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-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);
}
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes index-pulse {
0% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@keyframes ring-icon-animate {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-10deg) scale(1) skew(1deg);
}
20% {
transform: rotate(15deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-10deg) scale(1) skew(1deg);
}
40% {
transform: rotate(15deg) scale(1) skew(1deg);
}
100%,
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes scale-icon-animate {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
25% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100%,
60% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes eliellipse-icon-animate {
0%,
100% {
transform: scale3d(1, 1, 1) translateY(0);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) translateY(15px);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) translateX(0);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) translateX(15px);
}
}
@-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%);
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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);
}
}
@-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;
}
}
@-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);
}
}
@-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);
}
}
@-webkit-keyframes updown {
0% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@keyframes updown {
0% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes scaleDisappear {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
60% {
opacity: 0;
-webkit-transform: scale(1.3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes scaleDisappear {
0% {
opacity: 1;
-moz-transform: scale(1);
}
60% {
opacity: 0;
-moz-transform: scale(1.3);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes scaleDisappear {
0% {
opacity: 1;
-ms-transform: scale(1);
}
60% {
opacity: 0;
-ms-transform: scale(1.3);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-o-keyframes scaleDisappear {
0% {
opacity: 1;
-o-transform: scale(1);
}
60% {
opacity: 0;
-o-transform: scale(1.3);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes scaleDisappear {
0% {
opacity: 1;
transform: scale(1);
}
60% {
opacity: 0;
transform: scale(1.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes pxl_zoom_reverse {
0% {
-webkit-transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
}
}
@-moz-keyframes pxl_zoom_reverse {
0% {
-moz-transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-moz-transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes pxl_zoom_reverse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-50%);
}
50% {
opacity: 0;
-webkit-transform: translateY(50%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-50%);
}
50% {
opacity: 0;
-moz-transform: translateY(50%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-50%);
}
50% {
opacity: 0;
transform: translateY(50%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(50%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-50%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(50%);
}
50% {
opacity: 0;
-moz-transform: translateY(-50%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(50%);
}
50% {
opacity: 0;
transform: translateY(-50%);
}
51% {
opacity: 1;
}
}
@keyframes marquee {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes fadeInCustom {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInCustom {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInLeftCustom {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftCustom {
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);
}
}
@-webkit-keyframes fadeInRightCustom {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightCustom {
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);
}
}
@-webkit-keyframes fadeInUpCustom {
0% {
opacity: 0;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpCustom {
0% {
opacity: 0;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInUpCustom1 {
0% {
opacity: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpCustom1 {
0% {
opacity: 0;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes playanimate {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes playanimate {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes move {
0% {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
100% {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
}
@keyframes move {
0% {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
100% {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
}
@keyframes dotAnimatedBottomToTop1 {
0% {
bottom: 14%;
}
50% {
bottom: 100%;
}
100% {
bottom: 14%;
}
}
@keyframes dotAnimatedBottomToTop2 {
0% {
bottom: 64%;
}
50% {
bottom: 0%;
}
100% {
bottom: 100%;
}
}
@keyframes dotAnimatedBottomToTop3 {
0% {
bottom: 5%;
}
50% {
bottom: 100%;
}
100% {
bottom: 5%;
}
}
@keyframes dotAnimatedBottomToTop4 {
0% {
bottom: 78%;
}
50% {
bottom: 0%;
}
100% {
bottom: 78%;
}
}
@keyframes dotAnimatedBottomToTop5 {
0% {
bottom: 46%;
}
50% {
bottom: 0%;
}
100% {
bottom: 46%;
}
}
@keyframes dotAnimatedBottomToTop6 {
0% {
bottom: 27%;
}
50% {
bottom: 100%;
}
100% {
bottom: 27%;
}
}
@keyframes button-tran {
50% {
opacity: 0;
transform: translateX(10px);
}
100% {
transform: translateX(0);
transition: linear 0.4s;
opacity: 1;
}
}
@keyframes ButtonLeftRToRight {
50% {
opacity: 0;
transform: translateX(15px);
}
100% {
transform: translateX(0);
transition: linear 0.4s;
opacity: 1;
}
}
@keyframes ButtonRightRToLeft {
50% {
opacity: 0;
transform: translateX(-15px);
transition: linear 0.4s;
}
100% {
transform: translateX(0);
transition: linear 0.4s;
opacity: 1;
}
}
@keyframes grow {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes grow-up-down {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes grow-1 {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}
@keyframes grow-img {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes hover-img-fancy_box {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
}
@keyframes hover-img-up-down {
16.65% {
transform: translatey(8px);
}
33.3% {
transform: translatey(-6px);
}
49.95% {
transform: translatey(4px);
}
66.6% {
transform: translatey(-2px);
}
83.25% {
transform: translatey(1px);
}
100% {
transform: translatey(0);
}
}
@-webkit-keyframes loadershake {
0% {
-webkit-transform: rotateY(5deg);
transform: rotateY(5deg);
}
50% {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}
100% {
-webkit-transform: rotateY(5deg);
transform: rotateY(5deg);
}
}
@keyframes loadershake {
0% {
-webkit-transform: rotateY(5deg);
transform: rotateY(5deg);
}
50% {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}
100% {
-webkit-transform: rotateY(5deg);
transform: rotateY(5deg);
}
}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes loader-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes loader-4-1 {
0% {
box-shadow: inset 0 0 0 0 var(--primary-color);
}
100% {
box-shadow: inset 0 -80px 0 0 var(--primary-color);
}
}
@keyframes loader-4-2 {
25% {
left: calc(100% + 0.2em);
bottom: calc(100% + 0.2em);
}
50% {
left: calc(100% + 0.2em);
bottom: -0.4em;
}
75% {
left: -0.4em;
bottom: -0.4em;
}
100% {
left: -0.4em;
bottom: calc(100% + 0.2em);
}
}
@keyframes loader-5 {
0% {
opacity: 0.1;
transform: rotate(0deg) scale(0.5);
}
100% {
opacity: 1;
transform: rotate(360deg) scale(1.2);
}
} @-webkit-keyframes xoayvong {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
} @keyframes xoayvong {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px #f2ddbd;
transition: all 300ms ease 0s;
}
100% {
box-shadow: 0 0 0 6px #f2ddbd;
transition: all 300ms ease 0s;
}
}
@keyframes animation-wobble-vertical-ring {
16.65% {
transform: translateY(0px);
}
33.3% {
transform: translateY(-6px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-6px);
}
83.25% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
*,
*:before,
*:after {
outline: none;
box-sizing: inherit;
}
::-moz-selection {
background-color: var(--primary-color);
color: #ffffff;
}
::selection {
background-color: var(--primary-color);
color: #ffffff;
}
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
@media (max-width: 1199px) {
html {
overflow-x: hidden;
}
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
p {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
font-size: 14px;
overflow: auto;
background: #f5f5f5;
padding: 15px;
font-family: monospace, monospace;
font-size: 1em;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
code,
kbd,
tt,
var {
font-size: 12px;
}
code {
padding: 2px 4px;
color: #c7254e;
border-radius: 4px;
display: inline-block;
vertical-align: top;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
text-decoration: none;
}
mark {
background: #fff9c0;
}
big {
font-size: 125%;
}
a {
background-color: transparent;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
img,
video,
iframe,
svg {
max-width: 100%;
vertical-align: top;
}
figure {
margin: 0 0 30px 0;
}
figcaption {
display: block;
}
label {
display: block;
}
.checkbox-form[type="checkbox"],
[type="radio"] {
appearance: none;
background-color: #ffffff;
width: 13px;
height: 13px;
border-radius: 0.15em;
transform: translateY(-0.075em);
margin-top: 12px;
padding-right: 10px;
}
.checkbox-form[type="checkbox"]:before,
[type="radio"]:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #102856;
transform-origin: bottom left;
transform: scale(0);
transition: 120ms transform ease-in-out;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
margin-top: 2px;
margin-left: 1px;
}
.checkbox-form[type="checkbox"]:checked:before,
[type="radio"]:checked:before {
transform: scale(1);
}
.checkbox_home[type="checkbox"],
[type="radio"] {
appearance: none;
background-color: var(--primary-color);
width: 13px;
height: 13px;
border-radius: 0.15em;
transform: translateY(-0.075em);
margin-top: 16px;
margin-right: 10px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
@media (max-width: 991px) {
.checkbox_home[type="checkbox"],
[type="radio"] {
width: 13px;
}
}
@media (max-width: 575px) {
.checkbox_home[type="checkbox"],
[type="radio"] {
width: 22px;
}
}
.checkbox_home[type="checkbox"]:before,
[type="radio"]:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #ffffff;
transform-origin: bottom left;
transform: scale(0);
transition: 120ms transform ease-in-out;
clip-path: polygon(15% 57%, 47% 83%, 88% 29%, 100% 36%, 47% 100%, 6% 65%);
margin-top: 0px;
margin-left: 1px;
}
.checkbox_home[type="checkbox"]:checked:before,
[type="radio"]:checked:before {
transform: scale(1);
}
input[type="button" i],
input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
border: none;
}
button,
input,
optgroup,
select,
textarea {
max-width: 100%;
font-family: inherit;
font-size: 100%;
line-height: inherit;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-top: 6px;
width: 14px;
height: 14px;
margin-right: 8px;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
body img.mfp-img {
padding: 0 !important;
max-height: 75vh !important;
}
body .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.9;
}
body .mfp-image-holder .mfp-close,
body .mfp-iframe-holder .mfp-close {
right: 0;
text-align: center;
top: -40px;
width: 40px;
height: 40px;
font-weight: 400;
padding: 0 0 0 3px;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-color: var(--primary-color);
color: #fff;
}
body .mfp-bottom-bar {
margin-top: 0;
}
.mfp-wrap .mfp-container .mfp-arrow {
background-color: var(--primary-color);
width: 60px;
height: 120px;
opacity: 1;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mfp-wrap .mfp-container .mfp-arrow:before,
.mfp-wrap .mfp-container .mfp-arrow:after {
border: none;
}
.mfp-wrap .mfp-container .mfp-arrow:before {
font-family: "Material-Design-Iconic-Font";
font-size: 21px;
color: #fff;
margin: 0;
padding: 0;
line-height: normal;
position: absolute;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
left: 50%;
width: auto;
height: auto;
}
.mfp-wrap .mfp-container .mfp-arrow:hover {
background-color: var(--secondary-color);
}
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
content: "";
}
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
content: "";
}
.marquee span {
text-align: right;
display: inline-block;
padding-left: 100%;
text-indent: 0;
animation: marquee 13s linear 0.3s;
letter-spacing: 0.1em;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
opacity: 0.5;
font-family: var(--body-font-family) !important;
transition-delay: 1s;
}
.btn-slider {
line-height: 33px !important;
padding: 7px 40px 6.5px !important;
}
.btn-slider i {
z-index: 99;
}
.btn-slider:hover i {
animation: toRightFromLeft 0.3s forwards;
}
.tparrows {
transition: all 0.4s ease;
overflow: hidden;
}
.tparrows:hover.tp-rightarrow:before {
animation: toRightFromLeft 0.3s forwards;
}
.tparrows:hover.tp-leftarrow:before {
animation: toLeftFromRight 0.3s forwards;
}
@media (max-width: 1499px) {
.tparrows {
width: 60px !important;
height: 60px !important;
line-height: 60px !important;
}
}
.btn:hover .pxl-button-icon {
animation: button-tran 0.4s ease;
}
@media (max-width: 1499px) {
.navclasshome3.tparrows {
top: auto !important;
bottom: 10%;
}
}
body {
margin: 0;
font-family: var(--body-font-family);
font-size: var(--body-font-size);
color: var(--body-color);
line-height: var(--body-line-height);
letter-spacing: var(--body-letter-spacing);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-weight: normal;
}
a {
text-decoration: none;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--heading-font-family);
color: var(--heading-color);
line-height: var(--heading-line-height);
font-weight: var(--heading-font-weight);
letter-spacing: var(--heading-letter-spacing);
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
a:hover .h1,
a:hover .h2,
a:hover .h3,
a:hover .h4,
a:hover .h4-1,
a:hover .h5,
a:hover .h6 {
color: var(--link-color-hover);
}
h1,
h3,
h6 {
margin: 0 0 18px;
}
h2,
h5,
h4 {
margin: 0 0 13px;
}
h1,
.h1,
.size-h1 {
font-size: var(--heading-font-size-h1);
}
h2,
.h2,
.size-h2 {
font-size: var(--heading-font-size-h2);
}
@media (max-width: 767px) {
h2,
.h2,
.size-h2 {
font-size: 40px;
}
}
h3,
.h3,
.size-h3 {
font-size: var(--heading-font-size-h3);
}
@media (max-width: 767px) {
h3,
.h3,
.size-h3 {
font-size: 30px;
}
}
h4,
.h4,
.size-h4 {
font-size: var(--heading-font-size-h4);
}
h5,
.h5,
.size-h5 {
font-size: var(--heading-font-size-h5);
}
h6,
.h6,
.size-h6 {
font-size: var(--heading-font-size-h6);
margin-bottom: 8px;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
list-style-position: inside;
padding-left: 0;
padding-right: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 15px;
}
[dir="rtl"] ul ul,
[dir="rtl"] ul ol,
[dir="rtl"] ol ul,
[dir="rtl"] ol ol {
padding-left: 0;
padding-right: 15px;
}
ul.unstyled,
ol.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
ul.unstyled ul,
ul.unstyled ol,
ol.unstyled ul,
ol.unstyled ol {
list-style: none;
}
ul.horizontal,
ol.horizontal {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
ul.horizontal > li,
ol.horizontal > li {
padding: 5px;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
table {
width: 100%;
max-width: 100%;
border: 1px solid #e0e0e0;
border-spacing: 0;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
table th,
table td {
padding: 8px;
border: 1px solid #e0e0e0;
border-top: 0;
border-left: 0;
text-align: start;
vertical-align: middle;
}
table th:last-child,
table td:last-child {
border-right: 0;
}
table + * {
margin-top: 20px;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
border-bottom: 0;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
img.image-fit,
img.img-fit {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
-moz-object-fit: cover;
-ms-filter-object-fit: cover;
-webkit-object-fit: cover;
}
img.alignleft[alt="Image Alignment 150x150"],
img.alignright[alt="Image Alignment 150x150"] {
clear: both;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
color: var(--link-color-hover);
}
a:hover,
a:active,
a.nice-select.open,
a:focus {
text-decoration: none;
}
p {
margin: 0 0 15px;
}
p:nth-child {
margin: 100px;
} blockquote {
font-size: 15px;
line-height: 24px;
font-family: var(--heading-font-family);
margin: 28px 0;
color: #ffffff !important;
font-weight: 500;
position: relative;
padding: 30px 45px 16px 113px;
letter-spacing: 0.02em;
background-color: #14212b;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#14212b),
to(#334b5d)
);
background-image: -webkit-linear-gradient(to right, #14212b, #334b5d);
background-image: -moz-linear-gradient(to right, #14212b, #334b5d);
background-image: -ms-linear-gradient(to right, #14212b, #334b5d);
background-image: -o-linear-gradient(to right, #14212b, #334b5d);
background-image: linear-gradient(to right, #14212b, #334b5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#334b5d", gradientType="1");
}
blockquote:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-1.png);
top: 50%;
transform: translateY(-50%);
background-color: var(--primary-color);
left: 39px;
display: block;
width: 45px;
height: 45px;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 575px) {
blockquote {
padding: 80px 15px 15px 15px;
}
blockquote:before {
top: 18%;
left: 15px;
}
}
blockquote p strong {
color: #ffffff !important;
}
blockquote cite {
font-size: 14px;
font-style: normal;
font-weight: 600;
color: #ffffff;
display: block;
margin-top: 10px;
position: relative;
}
blockquote.pxl-blockquote {
position: relative;
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 33px;
letter-spacing: 0.03em;
font-style: normal;
color: var(--heading-color);
font-weight: bold;
padding: 40px 60px 38px 100px;
margin: 15px 0;
border: 1px solid rgba(var(--primary-color-rgb), 0.6);
}
blockquote.pxl-blockquote cite {
font-size: 14px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 0.1em;
display: block;
margin-top: 12px;
}
blockquote.pxl-blockquote:before {
content: "";
display: block;
width: 32px;
height: 24px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-icon.png);
position: absolute;
left: 40px;
top: 50px;
}
@media (max-width: 767px) {
blockquote.pxl-blockquote {
padding-right: 15px;
padding-left: 80px;
font-size: 17px;
}
blockquote.pxl-blockquote:before {
left: 25px;
}
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-900 {
font-weight: 800 !important;
}
.text-start {
text-align: start;
}
.text-end {
text-align: end;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.d-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.d-flex > * {
max-width: 100%;
}
.d-flex-auto {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.d-flex-auto > * {
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.d-flex-align-justify-center,
.pxl-fancybox-layout-10 .fancybox-inner,
.pxl-fancybox-layout-10 .fancybox-inner .pxl-fancy-icon,
.pxl-fancybox-layout-10 .pxl-fancybox-hover {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.d-flex-align-justify-center > *,
.pxl-fancybox-layout-10 .fancybox-inner > *,
.pxl-fancybox-layout-10 .fancybox-inner .pxl-fancy-icon > *,
.pxl-fancybox-layout-10 .pxl-fancybox-hover > * {
max-width: 100%;
}
@media (max-width: 575px) {
.text-xs-start {
text-align: start !important;
}
.text-xs-end {
text-align: end !important;
}
.text-xs-left {
text-align: left !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-center {
text-align: center !important;
}
.justify-content-xs-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xs-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xs-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.align-self-xs-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xs-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xs-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
}
@media (min-width: 1500px) {
.text-xxxl-start {
text-align: start !important;
}
.text-xxxl-end {
text-align: end !important;
}
.text-xxxl-left {
text-align: left !important;
}
.text-xxxl-right {
text-align: right !important;
}
.text-xxxl-center {
text-align: center !important;
}
.justify-content-xxxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxxl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.align-self-xxxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.elementor-column.pxl-column-element-widescreen-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
@media (min-width: 1500px) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: 992px) {
.elementor-column.pxl-column-element-tablet_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: 768px) {
.elementor-column.pxl-column-element-tablet-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: 576px) {
.elementor-column.pxl-column-element-mobile_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
.color-primary {
color: var(--primary-color);
}
.color-secondary {
color: var(--secondary-color);
}
.color-heading {
color: var(--heading-color);
}
.overflow-hidden {
overflow: hidden !important;
}
.bg-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.scale-hover {
cursor: pointer;
overflow: hidden;
}
.scale-hover img {
-webkit-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover:hover img {
opacity: 0.9;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.scale-hover-x {
cursor: pointer;
overflow: hidden;
}
.scale-hover-x img {
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1.05) translateX(-3px);
transform: scale(1.05) translateX(-3px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.scale-hover-x:hover img {
-webkit-transform: scale(1.05) translateX(3px);
transform: scale(1.05) translateX(3px);
}
.scale-hover-x-left {
cursor: pointer;
overflow: hidden;
}
.scale-hover-x-left img {
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1.05) translateX(3px);
transform: scale(1.05) translateX(3px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.scale-hover-x-left:hover img {
-webkit-transform: scale(1.05) translateX(-3px);
transform: scale(1.05) translateX(-3px);
}
.flash-hover {
overflow: hidden;
position: relative;
}
.flash-hover:before {
content: "";
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: none;
-khtml-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.flash-hover:hover:before {
-webkit-transition: all 0.5s ease-out 0.08s;
-khtml-transition: all 0.5s ease-out 0.08s;
-moz-transition: all 0.5s ease-out 0.08s;
-ms-transition: all 0.5s ease-out 0.08s;
-o-transition: all 0.5s ease-out 0.08s;
transition: all 0.5s ease-out 0.08s;
width: 120%;
background-color: rgba(255, 255, 255, 0);
}
.cross-hover {
position: relative;
overflow: hidden;
}
.cross-hover:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(40% 0, 0 19%, 0 0);
-khtml-clip-path: polygon(40% 0, 0 19%, 0 0);
-moz-clip-path: polygon(40% 0, 0 19%, 0 0);
-ms-clip-path: polygon(40% 0, 0 19%, 0 0);
-o-clip-path: polygon(40% 0, 0 19%, 0 0);
clip-path: polygon(40% 0, 0 19%, 0 0);
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
transform: scale(0);
transform-origin: top left;
background-color: var(--primary-color);
z-index: 99;
opacity: 0.7;
}
.cross-hover:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
-khtml-clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
-moz-clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
-ms-clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
-o-clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
clip-path: polygon(100% 81%, 60% 100%, 100% 100%);
background-color: var(--primary-color);
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
transform: scale(0);
transform-origin: bottom right;
z-index: 99;
opacity: 0.7;
}
.cross-hover:hover:before,
.cross-hover:hover:after {
transform: scale(1.005);
}
.hover-underline a {
position: relative;
}
.hover-underline a:after {
content: "";
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
border-bottom: 1px solid;
transition: all 350ms;
}
.hover-underline a:hover {
color: inherit;
}
.hover-underline a:hover:after {
width: 100%;
}
.hover-underline-out a,
a.hover-underline-out {
position: relative;
}
.hover-underline-out a:after,
a.hover-underline-out:after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
border-bottom: 1px solid;
transition: all 350ms;
}
.hover-underline-out a:hover,
a.hover-underline-out:hover {
color: inherit;
}
.hover-underline-out a:hover:after,
a.hover-underline-out:hover:after {
width: 0;
}
@keyframes box-rotate {
100% {
transform: rotate(360deg);
}
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.bypostauthor {
display: block;
}
.alignleft,
.alignright,
.aligncenter {
margin-top: 6px;
margin-bottom: 45px;
}
.alignleft {
display: inline;
float: left;
margin-right: 35px;
}
.alignright {
display: inline;
float: right;
margin-left: 35px;
clear: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.sticky {
display: block;
}
.list-style-none {
list-style: none;
}
.italic {
font-style: italic;
}
.no-padding {
padding: 0 !important;
}
.text-underline {
text-decoration: underline;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
z-index: 1;
}
.img-cover {
object-fit: cover;
}
.pxl-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.clearfix::after,
.clearfix::before {
display: block;
clear: both;
content: "";
}
.pxl-page-overlay {
position: fixed;
z-index: 603;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(var(--heading-color-rgb), 0.8);
opacity: 0;
-webkit-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-khtml-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.transition,
.pxl-transition {
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-invisible {
visibility: hidden;
}
.pxl-heading {
color: var(--heading-color);
font-weight: var(--heading-font-weight);
margin-top: 0;
}
.text-heading {
color: var(--heading-color);
}
.empty-none:empty {
display: none;
}
.shape-animate1 {
animation: animationFramesTwo 12s infinite linear alternate;
}
.shape-animate2 {
animation: animationFramesOne 12s infinite linear alternate;
}
.shape-animate3 {
animation: animationFramesFour 12s infinite linear alternate;
}
.shape-animate4 {
animation: animationFramesThree 12s infinite linear alternate;
}
.shape-animate5 {
animation: animationFramesFive 12s infinite linear alternate;
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.scaleDisappear {
-webkit-animation: scaleDisappear 350ms ease-in-out;
-moz-animation: scaleDisappear 350ms ease-in-out;
-ms-animation: scaleDisappear 350ms ease-in-out;
-o-animation: scaleDisappear 350ms ease-in-out;
animation: scaleDisappear 350ms ease-in-out;
}
.pxl-spin {
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite;
}
.pxl-dot-animate {
max-width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
.pxl-dot-animate .dot-item {
position: relative;
}
.pxl-dot-animate .dot-item span {
width: 6px;
height: 6px;
background-color: #7a7a7a;
position: absolute;
bottom: 14%;
left: 50%;
margin-left: -2px;
z-index: 1;
}
.pxl-dot-animate .dot-item:before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
background-color: #292929;
}
.pxl-dot-animate .dot-1 span {
bottom: 18%;
-webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
-o-animation: dotAnimatedBottomToTop1 30s infinite linear;
animation: dotAnimatedBottomToTop1 30s infinite linear;
}
.pxl-dot-animate .dot-2 span {
bottom: 84%;
-webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
-o-animation: dotAnimatedBottomToTop2 30s infinite linear;
animation: dotAnimatedBottomToTop2 30s infinite linear;
}
.pxl-dot-animate .dot-3 span {
bottom: 6%;
-webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
-o-animation: dotAnimatedBottomToTop3 30s infinite linear;
animation: dotAnimatedBottomToTop3 30s infinite linear;
}
.pxl-dot-animate .dot-4 span {
bottom: 96%;
-webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
-o-animation: dotAnimatedBottomToTop4 30s infinite linear;
animation: dotAnimatedBottomToTop4 30s infinite linear;
}
.pxl-dot-animate .dot-5 span {
bottom: 12%;
-webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
-o-animation: dotAnimatedBottomToTop5 30s infinite linear;
animation: dotAnimatedBottomToTop5 30s infinite linear;
}
.pxl-dot-animate .dot-6 span {
bottom: 94%;
-webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
-o-animation: dotAnimatedBottomToTop6 30s infinite linear;
animation: dotAnimatedBottomToTop6 30s infinite linear;
}
.pxl-transforms {
-webkit-transform: perspective(var(--pxl-transform-perspective, 0))
rotate(var(--pxl-transform-rotateZ, 0))
rotateX(var(--pxl-transform-rotateX, 0))
rotateY(var(--pxl-transform-rotateY, 0))
translate(var(--pxl-transform-translate, 0))
translateX(var(--pxl-transform-translateX, 0))
translateY(var(--pxl-transform-translateY, 0))
scaleX(
calc(
var(--pxl-transform-flipX, 1) *
var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1))
)
)
scaleY(
calc(
var(--pxl-transform-flipY, 1) *
var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1))
)
)
skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
transform: perspective(var(--pxl-transform-perspective, 0))
rotate(var(--pxl-transform-rotateZ, 0))
rotateX(var(--pxl-transform-rotateX, 0))
rotateY(var(--pxl-transform-rotateY, 0))
translate(var(--pxl-transform-translate, 0))
translateX(var(--pxl-transform-translateX, 0))
translateY(var(--pxl-transform-translateY, 0))
scaleX(
calc(
var(--pxl-transform-flipX, 1) *
var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1))
)
)
scaleY(
calc(
var(--pxl-transform-flipY, 1) *
var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1))
)
)
skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
-webkit-transform-origin: var(--pxl-transform-origin-y)
var(--pxl-transform-origin-x);
-ms-transform-origin: var(--pxl-transform-origin-y)
var(--pxl-transform-origin-x);
transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
-webkit-transition: -webkit-transform
var(--pxl-transform-transition-duration, 0.4s);
transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
-o-transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s),
-webkit-transform var(--pxl-transform-transition-duration, 0.4s);
}
@keyframes phone-icon-animate {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
100%,
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
}
.elementor-widget-icon-box .elementor-icon svg {
top: 2px;
}
.overflow-visible {
overflow: visible !important;
}
.header-call-box.elementor-widget-icon-box .elementor-icon {
border-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1599px) {
.header-call-box.elementor-widget-icon-box {
max-width: 103px !important;
}
.header-call-box.elementor-widget-icon-box .elementor-icon-box-content {
display: none;
}
.header-call-box.elementor-widget-icon-box > .elementor-widget-container {
min-height: 100px;
display: flex;
}
}
@media (max-width: 1500px) {
.responsive-box.elementor-widget-icon-box .elementor-icon-box-content {
display: none;
}
}
.phone-animation .elementor-icon i,
.phone-animation .elementor-icon svg {
top: 2px;
animation: phone-icon-animate 1.8s ease-in-out infinite;
}
.phone-animation .elementor-icon i:hover,
.phone-animation .elementor-icon svg:hover {
animation-play-state: paused;
}
.div-dot-case {
margin-left: 7px;
}
.transform-50-50 {
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wobble-vertical-animation .elementor-widget-container {
animation: animation-wobble-vertical-ring 2.8s ease-in-out infinite;
animation-delay: 3s;
}
.pxl-text-editor ul {
margin-top: 20px;
}
.pxl-text-editor ul .dot-case {
list-style-type: none;
position: relative;
margin-left: 18px;
margin-bottom: 5px;
font-size: 15px;
color: var(--heading-color);
font-weight: 400;
}
.pxl-text-editor ul .dot-case:after {
content: "";
position: absolute;
top: 8px;
left: -25px;
height: 13px;
width: 13px;
background: var(--primary-color);
border: 3px solid #f7ebd8;
}
.pxl-text-editor .div-dot {
margin-top: 26px;
}
.pxl-text-editor .div-dot .dot-text {
list-style-type: none;
position: relative;
margin-left: 30px;
margin-bottom: 1px;
color: var(--heading-color);
margin-left: 12px;
}
.pxl-text-editor .div-dot .dot-text:after {
content: "";
position: absolute;
top: 11px;
left: -13px;
height: 5px;
width: 5px;
background: var(--primary-color);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.pxl-footer-icon-box .elementor-icon-box-icon .elementor-icon {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-footer-icon-box .elementor-icon-box-icon .elementor-icon svg {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-footer-icon-box .elementor-icon-box-icon .elementor-icon:hover svg {
transform: scale(1.1);
}
.triangle-top-left-bottom-right:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 106px solid var(--primary-color);
border-right: 106px solid transparent;
z-index: 3;
animation: fadeInLeft 2s ease 1.5s;
}
.triangle-top-left-bottom-right:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 106px solid var(--primary-color);
border-left: 106px solid transparent;
z-index: 3;
animation: fadeInRight 2s ease 1.23s;
}
@media (max-width: 767px) {
.triangle-top-left-bottom-right:before,
.triangle-top-left-bottom-right:after {
content: none;
}
}
.countdown-divider {
position: relative;
}
.countdown-divider:before {
content: "";
position: absolute;
bottom: -3.5px;
left: 0;
width: 9px;
height: 9px;
background: var(--primary-color);
z-index: 3;
}
.countdown-divider:after {
content: "";
position: absolute;
bottom: -3.5px;
right: 0;
width: 9px;
height: 9px;
background: var(--primary-color);
z-index: 3;
}
.link-click {
position: relative;
text-decoration: none;
color: var(--primary-color);
cursor: pointer;
}
.link-click:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: all 300ms ease;
opacity: 1;
}
.link-click:hover {
color: #ffffff;
}
.link-click:hover:after {
opacity: 0;
}
.link-click-heading-color {
position: relative;
text-decoration: none;
color: var(--heading-color);
cursor: pointer;
}
.link-click-heading-color:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--heading-color);
transition: all 300ms ease;
opacity: 1;
}
.link-click-heading-color:hover {
color: var(--primary-color);
}
.link-click-heading-color:hover:after {
opacity: 0;
}
.link_primary {
color: var(--primary-color);
position: relative;
cursor: pointer;
}
.link_primary:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.link_primary:hover:after {
width: 100%;
}
.link_primary_20 {
color: var(--primary-color);
position: relative;
cursor: pointer;
font-size: 20px;
font-weight: 600;
}
.link_primary_20:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.link_primary_20:hover:after {
width: 100%;
}
.link_white-primary {
color: #ffffff;
}
.link_white-primary:hover {
color: var(--primary-color);
}
@media (max-width: 1199px) {
.pxl-case-info-image .pxl-team-info-layout-1 {
position: relative !important;
}
}
.counter-absolute {
position: absolute;
bottom: 15px;
left: 15px;
}
.inner-full-width .elementor-container {
max-width: none !important;
}
@media (max-width: 1199px) {
.elementor-relative {
position: relative !important;
width: 100% !important;
}
}
.home-1-overlay {
position: relative;
overflow: hidden;
z-index: 3;
background-size: contain;
}
@media (max-width: 1199px) {
.home-1-overlay {
background-size: cover;
}
}
.home-1-overlay .elementor-background-overlay:before {
content: "";
position: absolute;
left: -60%;
top: 0;
background-position: left;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/bg-home-1.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
z-index: 1;
-webkit-transition: all 0.6s ease;
-khtml-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
@media (max-width: 1199px) {
.home-1-overlay .elementor-background-overlay:before {
display: none;
}
}
.home-1-overlay .elementor-background-overlay:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: inline-block;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/bgre-home-1.png);
top: 0;
left: -30%;
z-index: -1;
background-repeat: no-repeat;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
@media (max-width: 1199px) {
.home-1-overlay .elementor-background-overlay:after {
display: none;
}
}
.home-1-overlay.in-view .elementor-background-overlay:before {
left: -30%;
}
.home-1-overlay.in-view .elementor-background-overlay:after {
left: 2.8%;
}
.text-underline-hover {
position: relative;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.text-underline-hover:after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background-color: #b3b5b7;
bottom: 1px;
left: 0;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.text-underline-hover:hover {
color: var(--primary-color);
}
.text-underline-hover:hover:after {
opacity: 0;
}
.background-icon .elementor-icon {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
animation: tada 1.8s ease-in-out infinite;
}
.image-background {
position: relative;
overflow: hidden;
}
.image-background:after {
position: absolute;
content: "";
right: 11.6%;
top: 0;
width: 25px;
height: 100%;
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-transform: skewX(10deg);
-khtml-transform: skewX(10deg);
-moz-transform: skewX(10deg);
-ms-transform: skewX(10deg);
-o-transform: skewX(10deg);
transform: skewX(10deg);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#14212b),
to(#424c54)
);
background-image: -webkit-linear-gradient(bottom, #14212b, #424c54);
background-image: -moz-linear-gradient(bottom, #14212b, #424c54);
background-image: -ms-linear-gradient(bottom, #14212b, #424c54);
background-image: -o-linear-gradient(bottom, #14212b, #424c54);
background-image: linear-gradient(bottom, #14212b, #424c54);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#424c54");
z-index: 3;
}
@media (max-width: 1199px) {
.image-background:after {
right: 12%;
}
}
.image-background.in-view:after {
right: 11.6%;
}
@media (max-width: 1199px) {
.image-background.in-view:after {
right: 12%;
}
}
.icon-bounce-contact .elementor-icon {
animation: icon-bounce 800ms ease-out infinite;
}
.vector-slider-home1 img {
animation: grow-up-down 6.8s ease-in-out 2.4s infinite;
}
.button-slider-home2 .btn {
background-color: #ffffff;
color: #000;
}
.button-slider-home2 .btn:after {
background: #9a9a9a !important;
}
.button-slider-home2 .btn:hover {
color: #fff;
}
.blur-header-slider .elementor-background-overlay:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(4.3px);
}
.background-gradient-top {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#fffefd),
to(#f8ecda)
);
background-image: -webkit-linear-gradient(top, #fffefd, #f8ecda);
background-image: -moz-linear-gradient(top, #fffefd, #f8ecda);
background-image: -ms-linear-gradient(top, #fffefd, #f8ecda);
background-image: -o-linear-gradient(top, #fffefd, #f8ecda);
background-image: linear-gradient(top, #fffefd, #f8ecda);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fffefd", endColorStr="#f8ecda");
}
.counter-divider-wrap {
position: relative;
}
.counter-divider-wrap:after {
position: absolute;
content: "";
height: 1px;
width: 80%;
background-color: #dddcdb;
top: 50%;
left: 50%;
transform: translate(-50%, 12px);
}
@media (max-width: 767px) {
.counter-divider-wrap:after {
content: none;
}
}
.background-gradient-bottom-primary {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.elementor-icon-list-item svg {
max-width: 38px;
}
.scroll-effect-26 {
position: relative;
overflow: hidden;
}
.scroll-effect-26:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 26px solid var(--primary-color);
border-left: 26px solid transparent;
z-index: 2;
transform: translate(26px, -26px);
}
.scroll-effect-26.in-view:before {
transform: translate(0px, 0px);
opacity: 1;
transition: all 0.3s ease-in-out 0.2s;
}
.scroll-bg-left {
position: relative;
overflow: hidden;
}
.scroll-bg-left:before {
content: "";
position: absolute;
background-position: -900px 380px;
background-repeat: no-repeat;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/bg-home-1.png);
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.9s ease;
-khtml-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
@media (max-width: 1199px) {
.scroll-bg-left:before {
display: none;
}
}
.scroll-bg-left.in-view:before {
background-position: -400px 380px;
}
.scroll-bg-right {
position: relative;
overflow: hidden;
}
.scroll-bg-right:before {
content: "";
position: absolute;
background-position: 727px -97px;
background-repeat: no-repeat;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/bg-home-effect.png);
width: 100%;
height: 100%;
z-index: 1;
mix-blend-mode: screen;
filter: brightness(200%) contrast(90%) saturate(0%) blur(0px) hue-rotate(0deg);
-webkit-transition: all 0.9s ease;
-khtml-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
@media (max-width: 1199px) {
.scroll-bg-right:before {
display: none;
}
}
.scroll-bg-right.in-view:before {
background-position: 456px -97px;
}
.scroll-effect-element {
overflow: hidden;
position: relative;
}
.scroll-effect-element
.elementor-inner-column
.scroll-effect-elementor-widget-wrap:before,
.scroll-effect-element
.elementor-inner-column
.scroll-effect-elementor-widget-wrap:after {
display: none;
}
.scroll-effect-element:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 40px solid var(--primary-color);
border-left: 40px solid transparent;
z-index: 2;
transform: translate(40px, 40px);
-webkit-transition: all 0.6s ease;
-khtml-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.scroll-effect-element:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 240px solid rgba(183, 183, 183, 0.05);
border-left: 240px solid transparent;
z-index: 2;
mix-blend-mode: difference;
transform: translate(240px, 240px);
box-shadow: 0px 28px 84.55px 10.45px rgba(0, 0, 0, 0.23);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.scroll-effect-element .scroll-effect-elementor-widget-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 40px solid var(--primary-color);
border-right: 40px solid transparent;
z-index: 2;
transform: translate(-40px, -40px);
-webkit-transition: all 0.6s ease;
-khtml-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.scroll-effect-element .scroll-effect-elementor-widget-wrap:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 240px solid rgba(183, 183, 183, 0.05);
border-right: 240px solid transparent;
z-index: 2;
mix-blend-mode: difference;
transform: translate(-240px, -240px);
box-shadow: 0px 28px 84.55px 10.45px rgba(0, 0, 0, 0.23);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.scroll-effect-element.in-view:after,
.scroll-effect-element.in-view:before {
transform: translate(0px, 0px);
}
.scroll-effect-element.in-view .scroll-effect-elementor-widget-wrap:after,
.scroll-effect-element.in-view .scroll-effect-elementor-widget-wrap:before {
transform: translate(0px, 0px);
}
.view-more-home3 .pxl-button-text {
font-family: var(--body-font-family);
}
.drawing-scroll .elementor-widget-container {
position: relative;
}
.drawing-scroll .elementor-widget-container:after {
content: "";
position: absolute;
box-sizing: inherit;
width: 0;
height: 0;
top: 0px;
left: 0px;
transition: height 0.8s ease-out, width 0.8s ease-out 0.5s;
}
.drawing-scroll .elementor-widget-container:before {
content: "";
position: absolute;
box-sizing: inherit;
width: 0;
height: 0;
top: 0px;
left: 0px;
transition: height 0.8s ease-out, width 0.8s ease-out 0.5s;
}
.drawing-scroll.in-view .elementor-widget-container:before {
width: 100%;
height: 100%;
border-top: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
}
.drawing-scroll.in-view .elementor-widget-container:after {
width: 100%;
height: 100%;
border-left: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
}
.hover-bg-image {
position: relative;
}
.hover-bg-image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: var(--primary-color);
right: -6px;
bottom: -6px;
z-index: -1;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.hover-bg-image:hover:before {
right: -12px;
bottom: -12px;
}
@-webkit-keyframes folding {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@-moz-keyframes folding {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@-ms-keyframes folding {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@keyframes folding {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
.pxl-loader {
background: #fff;
height: 100vh;
position: fixed;
width: 100%;
z-index: 999999;
top: 0;
left: 0;
opacity: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: row;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-loader > * {
max-width: 100%;
}
.pxl-loader.style-1 .loading-spinner {
margin: -45px auto 0 auto;
width: 90px;
height: 90px;
position: relative;
text-align: center;
}
.pxl-loader.style-2 .loading-spinner {
margin: -20px auto 0 auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-rotate 2s infinite linear;
animation: sk-rotate 2s infinite linear;
}
.pxl-loader.style-2 .loading-dot1,
.pxl-loader.style-2 .loading-dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: var(--primary-color);
border-radius: 100%;
-webkit-animation: sk-bounce 2s infinite ease-in-out;
animation: sk-bounce 2s infinite ease-in-out;
}
.pxl-loader.style-2 .loading-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.pxl-loader.style-3 .loading-2dot-rotate {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
display: inline-block;
color: inherit;
vertical-align: middle;
pointer-events: none;
}
.pxl-loader.style-3 .loading-5 {
width: 20px;
height: 20px;
background-color: var(--primary-color);
box-shadow: 3em 0px 0px var(--primary-color);
border-radius: 50%;
animation: loader-5 1s ease-in-out infinite alternate;
}
.pxl-loader.style-4 .loading-cube {
position: fixed;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -50px;
text-align: center;
}
.pxl-loader.style-4 .loading-cube:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -68px;
margin: auto;
width: 200%;
height: 10px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.1);
-webkit-filter: blur(2px);
filter: blur(2px);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pxl-loader.style-4 .loading-cube .loading {
font-size: 18px;
letter-spacing: 0.1em;
display: block;
color: var(--primary-color);
position: relative;
top: 25px;
z-index: 2;
transition-delay: 0.2s;
font-weight: bold;
-webkit-animation: text 0.5s ease infinite alternate;
-moz-animation: text 0.5s ease infinite alternate;
animation: text 0.5s ease infinite alternate;
}
.pxl-loader.style-4 .loading-cube .cube-folding {
width: 68px;
height: 68px;
display: inline-block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 0;
}
.pxl-loader.style-4 .loading-cube .cube-folding span {
position: relative;
width: 33px;
height: 33px;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
display: inline-block;
}
.pxl-loader.style-4 .loading-cube .cube-folding span::before {
content: "";
background-color: var(--primary-color);
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition-delay: 0.1s;
-webkit-animation: folding 2.5s infinite linear both;
-moz-animation: folding 2.5s infinite linear both;
animation: folding 2.5s infinite linear both;
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf2 {
-webkit-transform: rotateZ(90deg) scale(1.1);
-moz-transform: rotateZ(90deg) scale(1.1);
transform: rotateZ(90deg) scale(1.1);
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf2::before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
background-color: var(--primary-color);
filter: brightness(0.9);
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf3 {
-webkit-transform: rotateZ(270deg) scale(1.1);
-moz-transform: rotateZ(270deg) scale(1.1);
transform: rotateZ(270deg) scale(1.1);
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf3::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
background-color: var(--primary-color);
filter: brightness(0.9);
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf4 {
-webkit-transform: rotateZ(180deg) scale(1.1);
-moz-transform: rotateZ(180deg) scale(1.1);
transform: rotateZ(180deg) scale(1.1);
}
.pxl-loader.style-4 .loading-cube .cube-folding .leaf4::before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
background-color: var(--primary-color);
filter: brightness(0.8);
}
@keyframes rotate {
0% {
transform: rotateX(-37.5deg) rotateY(45deg);
}
50% {
transform: rotateX(-37.5deg) rotateY(405deg);
}
100% {
transform: rotateX(-37.5deg) rotateY(405deg);
}
}
.pxl-loader.style-5 .cube,
.pxl-loader.style-5 .cube * {
position: absolute;
width: 60px;
height: 60px;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-loader.style-5 .sides {
animation: rotate 3s ease infinite;
animation-delay: 0.8s;
transform-style: preserve-3d;
transform: rotateX(-37.5deg) rotateY(45deg);
}
.pxl-loader.style-5 .cube .sides * {
box-sizing: border-box;
background-color: var(--primary-color);
border: 4px solid white;
}
.pxl-loader.style-5 .cube .sides .top {
animation: top-animation 3s ease infinite;
animation-delay: 0ms;
transform: rotateX(90deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes top-animation {
0% {
opacity: 1;
transform: rotateX(90deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateX(90deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateX(90deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateX(90deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateX(90deg) translateZ(60px);
}
}
.pxl-loader.style-5 .cube .sides .bottom {
animation: bottom-animation 3s ease infinite;
animation-delay: 0ms;
transform: rotateX(-90deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes bottom-animation {
0% {
opacity: 1;
transform: rotateX(-90deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateX(-90deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateX(-90deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateX(-90deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateX(-90deg) translateZ(60px);
}
}
.pxl-loader.style-5 .cube .sides .front {
animation: front-animation 3s ease infinite;
animation-delay: 100ms;
transform: rotateY(0deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes front-animation {
0% {
opacity: 1;
transform: rotateY(0deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateY(0deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateY(0deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateY(0deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateY(0deg) translateZ(60px);
}
}
.pxl-loader.style-5 .cube .sides .back {
animation: back-animation 3s ease infinite;
animation-delay: 100ms;
transform: rotateY(-180deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes back-animation {
0% {
opacity: 1;
transform: rotateY(-180deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateY(-180deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateY(-180deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateY(-180deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateY(-180deg) translateZ(60px);
}
}
.pxl-loader.style-5 .cube .sides .left {
animation: left-animation 3s ease infinite;
animation-delay: 100ms;
transform: rotateY(-90deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes left-animation {
0% {
opacity: 1;
transform: rotateY(-90deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateY(-90deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateY(-90deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateY(-90deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateY(-90deg) translateZ(60px);
}
}
.pxl-loader.style-5 .cube .sides .right {
animation: right-animation 3s ease infinite;
animation-delay: 100ms;
transform: rotateY(90deg) translateZ(60px);
animation-fill-mode: forwards;
transform-origin: 50% 50%;
}
@keyframes right-animation {
0% {
opacity: 1;
transform: rotateY(90deg) translateZ(60px);
}
20% {
opacity: 1;
transform: rotateY(90deg) translateZ(calc(60px / 2));
}
70% {
opacity: 1;
transform: rotateY(90deg) translateZ(calc(60px / 2));
}
90% {
opacity: 1;
transform: rotateY(90deg) translateZ(60px);
}
100% {
opacity: 1;
transform: rotateY(90deg) translateZ(60px);
}
}
.preloaded {
opacity: 0;
}
@-webkit-keyframes text {
100% {
top: 35px;
}
}
@-moz-keyframes text {
100% {
top: 35px;
}
}
@-ms-keyframes text {
100% {
top: 35px;
}
}
@keyframes text {
100% {
top: 35px;
}
}
@-webkit-keyframes shadow {
100% {
bottom: -18px;
width: 100px;
}
}
@-moz-keyframes shadow {
100% {
bottom: -18px;
width: 100px;
}
}
@-ms-keyframes shadow {
100% {
bottom: -18px;
width: 100px;
}
}
@keyframes shadow {
100% {
bottom: -18px;
width: 100px;
}
}
.pxl-swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
z-index: 0;
}
.pxl-swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pxl-swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
opacity: 0;
-webkit-animation: fadeIn 400ms linear 1 forwards;
-moz-animation: fadeIn 400ms linear 1 forwards;
animation: fadeIn 400ms linear 1 forwards;
}
.pxl-swiper-slide.swiper-slide-visible {
opacity: 1;
-webkit-animation: fadeIn 400ms linear 1 forwards;
-moz-animation: fadeIn 400ms linear 1 forwards;
animation: fadeIn 400ms linear 1 forwards;
}
.pxl-swiper-slide.swiper-slide-active {
opacity: 1;
-webkit-animation: fadeIn 400ms linear 1 forwards;
-moz-animation: fadeIn 400ms linear 1 forwards;
animation: fadeIn 400ms linear 1 forwards;
}
.swiper-slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.swiper-slide > * {
max-width: 100%;
}
.non-swiper-slide {
display: none;
}
.swiper-container-multirow-column > .pxl-swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-multirow-column > .pxl-swiper-wrapper .pxl-swiper-slide {
height: calc((100% - 40px) / 2);
}
.swiper-container-multirow-row > .pxl-swiper-wrapper {
flex-wrap: wrap;
flex-direction: row;
}
.swiper-container-multirow-row > .pxl-swiper-wrapper .pxl-swiper-slide {
height: calc((100% - 40px) / 2);
}
.swiper-container-vertical > .pxl-swiper-wrapper {
flex-direction: column;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-cube-shadow {
display: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
}
.pxl-swiper-arrow {
font-size: 14px;
width: 49px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
cursor: pointer;
position: absolute;
color: #fff;
background-color: var(--primary-color);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-swiper-arrow:hover {
background-color: var(--secondary-color);
}
.pxl-swiper-arrow:hover.pxl-swiper-arrow-prev i {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
.pxl-swiper-arrow:hover.pxl-swiper-arrow-next i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.pxl-swiper-arrow.swiper-button-disabled {
cursor: not-allowed;
}
.nav-in-vertical .pxl-swiper-arrow,
.nav-out-vertical .pxl-swiper-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-in-vertical .pxl-swiper-arrow-prev {
left: -88px;
}
.nav-in-vertical .pxl-swiper-arrow-next {
right: -88px;
}
.nav-out-vertical .pxl-swiper-arrow-prev {
left: -88px;
}
.nav-out-vertical .pxl-swiper-arrow-next {
right: -88px;
}
@media (max-width: 1199px) {
.pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-prev,
.pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-next,
.pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-prev,
.pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-next {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1200px) {
.pxl-swiper-slider:hover
.nav-out-vertical.arrow-on-hover
.pxl-swiper-arrow-prev,
.pxl-swiper-slider:hover
.nav-out-vertical.arrow-on-hover
.pxl-swiper-arrow-next,
.pxl-swiper-slider:focus
.nav-out-vertical.arrow-on-hover
.pxl-swiper-arrow-prev,
.pxl-swiper-slider:focus
.nav-out-vertical.arrow-on-hover
.pxl-swiper-arrow-next {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
}
.pxl-swiper-dots {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 41px;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet {
text-align: center;
cursor: pointer;
position: relative;
width: 23px;
height: 18px;
display: block;
margin: 0 7px;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet > * {
max-width: 100%;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:after {
content: "";
display: block;
width: 100%;
height: 4px;
background-color: var(--secondary-color);
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:first-child {
margin-left: 0;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:last-child {
margin-right: 0;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover,
.pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 44px;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover:after,
.pxl-swiper-dots
.pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color);
}
form label {
color: var(--heading-color);
font-size: 15px;
max-width: 100%;
margin-bottom: 5px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input[type="search"]::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input[type="search"]:-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input[type="search"]::-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input[type="search"]:-ms-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
height: 30px;
margin-top: 15px;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pxl-input-number-spin {
width: 19px;
height: 25px;
background: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: absolute;
top: 12px;
right: 20px;
}
[dir="rtl"] .pxl-input-number-spin {
left: 20px;
right: auto;
}
#comment-msg::-webkit-input-placeholder,
#author::-webkit-input-placeholder,
#email::-webkit-input-placeholder { color: var(--heading-color) !important;
font-weight: 500;
font-size: 13px;
}
.search-field::-webkit-input-placeholder {
color: var(--body-color) !important;
font-weight: 400;
font-size: 13px;
}
.pxl-input-number-spin-inner {
cursor: pointer;
width: 19px;
height: 12.5px;
position: relative;
display: block;
}
.pxl-input-number-spin-inner:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
border-style: solid;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-input-number-spin-inner.pxl-input-number-spin-up:before {
border-width: 0 3.5px 4px 3.5px;
border-color: transparent transparent var(--primary-color) transparent;
}
.pxl-input-number-spin-inner.pxl-input-number-spin-down:before {
border-width: 4px 3.5px 0 3.5px;
border-color: var(--primary-color) transparent transparent transparent;
}
input::-webkit-calendar-picker-indicator {
opacity: 0;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
text-align: start;
padding: 0;
margin: 0;
}
input::-webkit-datetime-edit {
text-align: start;
width: 100%;
}
input[type="search" i]::-webkit-search-cancel-button {
opacity: 0;
display: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
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,
select,
.select2-container.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #dedede;
color: var(--heading-color);
padding: 0 20px;
height: 46px;
line-height: 46px;
font-size: 13px;
font-weight: 500;
text-align: start;
outline: none;
font-family: var(--heading-font-family);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input.nice-select.open[type="text"],
input[type="email"]:hover,
input[type="email"]:focus,
input[type="email"]:active,
input.nice-select.open[type="email"],
input[type="url"]:hover,
input[type="url"]:focus,
input[type="url"]:active,
input.nice-select.open[type="url"],
input[type="password"]:hover,
input[type="password"]:focus,
input[type="password"]:active,
input.nice-select.open[type="password"],
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active,
input.nice-select.open[type="tel"],
input[type="number"]:hover,
input[type="number"]:focus,
input[type="number"]:active,
input.nice-select.open[type="number"],
input[type="range"]:hover,
input[type="range"]:focus,
input[type="range"]:active,
input.nice-select.open[type="range"],
input[type="date"]:hover,
input[type="date"]:focus,
input[type="date"]:active,
input.nice-select.open[type="date"],
input[type="month"]:hover,
input[type="month"]:focus,
input[type="month"]:active,
input.nice-select.open[type="month"],
input[type="week"]:hover,
input[type="week"]:focus,
input[type="week"]:active,
input.nice-select.open[type="week"],
input[type="time"]:hover,
input[type="time"]:focus,
input[type="time"]:active,
input.nice-select.open[type="time"],
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input.nice-select.open[type="datetime"],
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input.nice-select.open[type="datetime-local"],
input[type="color"]:hover,
input[type="color"]:focus,
input[type="color"]:active,
input.nice-select.open[type="color"],
textarea:hover,
textarea:focus,
textarea:active,
textarea.nice-select.open,
select:hover,
select:focus,
select:active,
select.nice-select.open,
.select2-container.select2-container--default .select2-selection--single:hover,
.select2-container.select2-container--default .select2-selection--single:focus,
.select2-container.select2-container--default .select2-selection--single:active,
.select2-container.select2-container--default
.select2-selection--single.nice-select.open {
background-color: #fff;
border-color: var(--primary-color);
}
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="range"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="month"],
[dir="rtl"] input[type="week"],
[dir="rtl"] input[type="time"],
[dir="rtl"] input[type="datetime"],
[dir="rtl"] input[type="datetime-local"],
[dir="rtl"] input[type="color"],
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"]
.select2-container.select2-container--default
.select2-selection--single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-main-2 input:hover,
.form-main-2 input:focus,
.form-main-2 input:active,
.form-main-2 input.nice-select.open,
.form-main-2 textarea:hover,
.form-main-2 textarea:focus,
.form-main-2 textarea:active,
.form-main-2 textarea.nice-select.open,
.form-main-2 select:hover,
.form-main-2 select:focus,
.form-main-2 select:active,
.form-main-2 select.nice-select.open,
.form-main-3 input:hover,
.form-main-3 input:focus,
.form-main-3 input:active,
.form-main-3 input.nice-select.open,
.form-main-3 textarea:hover,
.form-main-3 textarea:focus,
.form-main-3 textarea:active,
.form-main-3 textarea.nice-select.open,
.form-main-3 select:hover,
.form-main-3 select:focus,
.form-main-3 select:active,
.form-main-3 select.nice-select.open,
.form-main-5 input:hover,
.form-main-5 input:focus,
.form-main-5 input:active,
.form-main-5 input.nice-select.open,
.form-main-5 textarea:hover,
.form-main-5 textarea:focus,
.form-main-5 textarea:active,
.form-main-5 textarea.nice-select.open,
.form-main-5 select:hover,
.form-main-5 select:focus,
.form-main-5 select:active,
.form-main-5 select.nice-select.open,
.form-main input:hover,
.form-main input:focus,
.form-main input:active,
.form-main input.nice-select.open,
.form-main textarea:hover,
.form-main textarea:focus,
.form-main textarea:active,
.form-main textarea.nice-select.open,
.form-main select:hover,
.form-main select:focus,
.form-main select:active,
.form-main select.nice-select.open,
.comment-form input:hover,
.comment-form input:focus,
.comment-form input:active,
.comment-form input.nice-select.open,
.comment-form textarea:hover,
.comment-form textarea:focus,
.comment-form textarea:active,
.comment-form textarea.nice-select.open,
.comment-form select:hover,
.comment-form select:focus,
.comment-form select:active,
.comment-form select.nice-select.open {
border-color: transparent;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
.form-main input:hover,
.form-main input:focus,
.form-main input:active,
.form-main input.nice-select.open,
.form-main textarea:hover,
.form-main textarea:focus,
.form-main textarea:active,
.form-main textarea.nice-select.open,
.form-main select:hover,
.form-main select:focus,
.form-main select:active,
.form-main select.nice-select.open {
background-color: #fff !important;
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
}
@media (max-width: 991px) {
.form-main .form-right {
margin-top: 20px;
}
}
.form-main-1 textarea,
.form-main-1 select,
.form-main-1 input {
border-color: var(--secondary-color);
background-color: var(--secondary-color);
color: #ffffff;
}
.form-main-1 textarea::placeholder,
.form-main-1 select::placeholder,
.form-main-1 input::placeholder {
color: #ffffff;
}
.form-main-1 textarea:hover,
.form-main-1 select:hover,
.form-main-1 input:hover {
background-color: #ffffff;
border-color: #ffffff;
color: var(--heading-color);
box-shadow: 0px 0px 8.28px 0.72px rgba(0, 0, 0, 0.31);
}
.form-main-1 textarea:hover::placeholder,
.form-main-1 select:hover::placeholder,
.form-main-1 input:hover::placeholder {
color: var(--heading-color);
}
.form-main-1 button {
background-color: #ffffff;
color: var(--heading-color);
width: 100%;
}
.form-main-1 button:after {
background: #9a9a9a !important;
}
.form-main-1 .div-left span,
.form-main-1 .div-right span,
.form-main-1 .div-select,
.form-main-1 .div-mes,
.form-main-1 .bt-submit {
margin-top: 15px;
}
.form-main-1 select {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/select-2.png);
}
.form-main-1 select:hover {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/select.png);
}
.form-main-2 {
text-align: center;
}
.form-main-2 .bt-submit {
margin-top: 39px;
}
@media (max-width: 991px) {
.form-main-2 .div-right {
margin-top: 17px;
}
}
.form-main-3 {
text-align: center;
}
.form-main-3 .div-form {
margin-bottom: 22px;
}
.form-main-3 .div-checkbox {
display: flex;
}
.form-main-3 .div-checkbox label {
color: #ededed;
text-align: left;
font-weight: 400;
margin-top: 5px;
}
.form-main-3 .bt-submit .wpcf7-submit {
width: 100%;
padding: 7px 0;
}
.form-main-4 .div-submit {
margin-top: 35px;
display: flex;
margin-left: 13px;
}
@media (max-width: 991px) {
.form-main-4 .div-submit {
display: block;
margin-left: 0px;
}
.form-main-4 .div-submit .div-checkbox {
margin-top: 15px;
}
}
.form-main-4 .div-submit .div-checkbox {
display: flex;
align-items: center;
}
.form-main-4 .div-submit .div-checkbox .checkbox-form {
height: 18px;
width: 18px;
background-color: var(--secondary-color);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: -3px;
margin-right: 8px;
}
.form-main-4 .div-submit .div-checkbox .checkbox-form:before {
background-color: #ffffff;
margin-top: 4px;
margin-left: 4px;
}
.form-main-4 .div-submit .bt-submit button.wpcf7-submit {
margin-right: 37px;
}
@media (max-width: 991px) {
.form-main-4 .div-right {
margin-top: 20px;
}
}
.form-main-5 .div-form {
margin-bottom: 19px;
}
.form-main-5 .bt-submit {
padding-top: 34px;
padding-bottom: 30px;
}
.form-main-5 .bt-submit button.wpcf7-submit {
padding: 7.5px 35.5px 7px;
}
@media (max-width: 575px) {
.form-main-5 .bt-submit button.wpcf7-submit {
width: 100%;
}
}
.form-main-5 .bt-submit button.wpcf7-submit:after {
background: var(--additional01-color);
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
transform: translateY(4px);
pointer-events: none;
}
.form-main-5 .bt-submit button.wpcf7-submit:hover:after {
transform: translateY(0);
top: auto;
height: 100%;
background: var(--secondary-color);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"] {
width: 100%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/select.png);
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 50%;
line-height: normal;
padding-right: 30px !important;
width: 100%;
}
[dir="rtl"] select {
background-position: 10px 50%;
padding-right: 22px;
padding-left: 30px;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
height: 183px;
min-height: 110px;
padding-top: 15px;
line-height: normal;
resize: none;
}
input,
select,
textarea {
vertical-align: top;
position: relative;
}
.pxl-select form {
position: relative;
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pxl-select select {
height: 46px;
line-height: 37px;
font-size: 15px;
background-color: transparent;
position: relative;
z-index: 99;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.pxl-select i {
position: absolute;
right: 14px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.pxl-custom-checkbox,
.pxl-custom-radio {
position: relative;
margin-right: 5px;
width: 17px;
height: 17px;
display: inline-block;
}
[dir="rtl"] .pxl-custom-checkbox,
[dir="rtl"] .pxl-custom-radio {
margin-right: 0;
margin-left: 5px;
}
.pxl-custom-checkbox input[type="checkbox"],
.pxl-custom-checkbox .pxl-checkmark,
.pxl-custom-radio input[type="checkbox"],
.pxl-custom-radio .pxl-checkmark {
width: 17px;
height: 17px;
display: inline-block;
padding: 0;
margin: 0;
}
.pxl-custom-checkbox input,
.pxl-custom-radio input {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.pxl-custom-checkbox input:checked + .pxl-checkmark:after,
.pxl-custom-radio input:checked + .pxl-checkmark:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.pxl-custom-checkbox .pxl-checkmark,
.pxl-custom-radio .pxl-checkmark {
position: absolute;
top: 0;
left: 0;
border: 2px solid #dedede;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pxl-custom-checkbox .pxl-checkmark:after,
.pxl-custom-radio .pxl-checkmark:after {
content: "";
background-color: var(--primary-color);
position: absolute;
top: 3px;
left: 3px;
width: 7px;
height: 7px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.pxl-custom-checkbox + label,
.pxl-custom-radio + label {
display: inline-block;
}
.pxl-custom-radio input:checked + .pxl-checkmark {
border-color: var(--primary-color);
}
.pxl-custom-radio input:checked + .pxl-checkmark:after {
background-color: var(--primary-color);
}
.pxl-custom-radio .pxl-checkmark {
margin-top: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pxl-custom-radio .pxl-checkmark:after {
background-color: #dedede;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.pxl-custom-checkbox {
-webkit-transform: translate(0, 3px);
-moz-transform: translate(0, 3px);
transform: translate(0, 3px);
}
#ui-datepicker-div {
padding: 22px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
position: absolute;
top: -9999px;
min-width: 300px;
z-index: 10001 !important;
}
#ui-datepicker-div .ui-datepicker-header {
position: relative;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all {
display: block;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
padding: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all:before {
left: 0;
position: absolute;
right: 0;
top: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all span {
display: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
left: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
right: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
line-height: 30px;
margin-bottom: 10px;
min-height: 40px;
text-align: center;
text-transform: uppercase;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
#ui-datepicker-div .ui-datepicker-calendar {
margin: 0;
width: 100%;
}
#ui-datepicker-div .ui-datepicker-calendar th {
text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar td {
text-align: center;
padding: 6px;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
color: rgba(0, 0, 0, 0.2);
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 15px !important;
right: 15px !important;
height: 20px;
}
[dir="rtl"]
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
right: auto !important;
left: 15px !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
line-height: 44px !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
color: #707070;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.select2-container.select2-container--woo-search-cat {
margin-right: 10px;
}
.select2-container.select2-container--woo-search-cat
.select2-selection--single {
background-color: transparent;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: none;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
color: #fff;
margin: 0;
height: 55px;
border: 0;
padding: 0 24px;
position: relative;
border-bottom: 1px solid #fff;
}
.select2-container.select2-container--woo-search-cat
.select2-selection--single
.select2-selection__rendered {
color: var(--heading-color);
padding-left: 0;
padding-right: 0;
height: 48px;
line-height: 48px;
}
.select2-container.select2-container--woo-search-cat
.select2-selection--single
.select2-selection__arrow {
position: absolute;
line-height: 1;
right: 16px;
top: 50%;
margin-top: -6px;
}
.select2-container.select2-container--woo-search-cat
.select2-selection--single
.select2-selection__arrow
b {
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
line-height: 1;
display: inline-block;
}
.select2-container--woo-search-cat .select2-dropdown {
border-color: #dedede;
}
.select2-container--woo-search-cat .select2-search input {
height: 32px;
}
.select2-container--woo-search-cat
.select2-results
> .select2-results__options {
max-height: 250px;
overflow-y: auto;
}
.select2-container--woo-search-cat .select2-results__option {
padding: 2px 15px;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
color: var(--heading-color);
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
border-color: #f13c3c !important;
}
.wpcf7-form .wpcf7-response-output {
border: medium none !important;
font-style: italic;
padding: 0 !important;
margin: 0 !important;
color: #f13c3c;
text-align: center;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #398f14;
}
@media (max-width: 767px) {
.wpcf7-form .pxl-button-wrapper {
margin-right: 0 !important;
}
}
.wpcf7-form .form-main .wpcf7-submit {
margin-top: 46px;
float: right;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
transition: 0.5s ease;
}
@media (max-width: 575px) {
.wpcf7-form .form-main .wpcf7-submit {
width: 100%;
}
}
.wpcf7-form .form-main .wpcf7-submit:hover {
background: var(--secondary-color);
transform: translateY(-5px);
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.35);
}
.wpcf7-form .wpcf7-spinner {
margin: 0px auto;
}
.wpcf7-form .ajax-loader {
display: none !important;
}
.wpcf7-form .wpcf7-list-item {
margin: 2px 30px 0 0;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: baseline;
position: relative;
}
.wpcf7-form .wpcf7-list-item > * {
max-width: 100%;
}
@media (max-width: 767px) {
.wpcf7-form .wpcf7-list-item {
margin-bottom: 10px;
}
}
.wpcf7-form .wpcf7-list-item input[type="radio"],
.wpcf7-form .wpcf7-list-item input[type="checkbox"] {
opacity: 0;
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
cursor: pointer;
}
.wpcf7-form .wpcf7-list-item input[type="radio"] + span,
.wpcf7-form .wpcf7-list-item input[type="checkbox"] + span {
display: block;
position: relative;
padding-left: 22px;
font-size: 16px;
color: var(--heading-color);
}
.wpcf7-form .wpcf7-list-item input[type="radio"] + span::before,
.wpcf7-form .wpcf7-list-item input[type="checkbox"] + span::before {
content: "";
position: absolute;
left: 0;
top: 0.3em;
cursor: pointer;
display: block;
width: 15px;
height: 15px;
border: 1px solid #bebebe;
background-color: #fff;
}
.wpcf7-form .wpcf7-list-item input[type="radio"] + span::after,
.wpcf7-form .wpcf7-list-item input[type="checkbox"] + span::after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 12px;
display: inline-block;
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-weight: bold;
background-color: transparent;
}
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked + span::before,
.wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked + span::before {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked + span::after,
.wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked + span::after {
content: "";
}
.wpcf7-form .dark-background .wpcf7-list-item .wpcf7-list-item-label {
color: #ededed;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpcf7-form
.dark-background
.wpcf7-list-item
input[type="radio"]
+ span::before,
.wpcf7-form
.dark-background
.wpcf7-list-item
input[type="checkbox"]
+ span::before {
background-color: #fff;
border-color: transparent;
}
.wpcf7-form .dark-background .wpcf7-list-item input[type="radio"] + span::after,
.wpcf7-form
.dark-background
.wpcf7-list-item
input[type="checkbox"]
+ span::after {
color: var(--secondary-color);
}
.pxl-search-form-popup {
max-width: 750px;
margin: 0 auto;
}
.pxl-search-popup-inner .cat-search-wrap {
flex: 0 0 173px;
width: 173px;
max-width: 173px;
}
.pxl-search-popup-inner .text-search-wrap {
position: relative;
}
.pxl-search-popup-inner .text-search-wrap .search-field {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
padding-left: 0;
padding-right: 48px;
border: 0;
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-field:hover,
.pxl-search-popup-inner .text-search-wrap .search-field:focus,
.pxl-search-popup-inner .text-search-wrap .search-field:active,
.pxl-search-popup-inner .text-search-wrap .search-field.nice-select.open {
border-color: var(--primary-color) !important;
background-color: transparent;
}
.pxl-search-popup-inner .text-search-wrap input::-webkit-input-placeholder {
color: #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-submit {
width: 48px;
padding: 0;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
background: transparent;
border: 0;
font-size: 20px;
color: #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-submit:hover {
color: var(--primary-color);
}
.pxl-search-popup-inner .text-search-wrap .pxl-svg {
position: absolute;
right: 16px;
top: 50%;
margin-top: -8px;
}
.pxl-search-popup-inner .text-search-wrap .search-submit:hover .pxl-svg path {
fill: var(--primary-color);
}
#pxl-search-popup-normal
.pxl-search-popup-inner
.text-search-wrap
.search-submit {
right: 0;
}
.search-no-results .pxl-content-area .search-form {
position: relative;
}
.search-no-results .pxl-content-area .search-form .search-submit {
position: absolute;
right: 0;
height: 100%;
border: none;
color: #ffffff;
padding: 23px;
}
.search-no-results
.pxl-content-area
.search-form
.search-submit
.pxli-search-400 {
font-size: 14px;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
box-sizing: border-box;
outline: none;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
.button:active,
.button.nice-select.open,
.button:focus,
button:hover,
button:active,
button.nice-select.open,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input.nice-select.open[type="button"],
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input.nice-select.open[type="reset"],
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input.nice-select.open[type="submit"],
input[type="submit"]:focus {
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: none;
outline-offset: 0;
}
.btn,
button,
.button,
input[type="submit"],
input[type="button"],
.added_to_cart {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "Work Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
line-height: 2.5;
letter-spacing: 0.08em;
padding: 7.5px 29.5px 7px;
background-color: var(--primary-color);
text-transform: uppercase;
outline: none;
cursor: pointer;
vertical-align: top;
border: none;
text-align: center;
text-decoration: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 350ms ease 50ms;
-khtml-transition: all 350ms ease 50ms;
-moz-transition: all 350ms ease 50ms;
-ms-transition: all 350ms ease 50ms;
-o-transition: all 350ms ease 50ms;
transition: all 350ms ease 50ms;
}
.btn .pxl-button-icon,
button .pxl-button-icon,
.button .pxl-button-icon,
input[type="submit"] .pxl-button-icon,
input[type="button"] .pxl-button-icon,
.added_to_cart .pxl-button-icon {
top: -1px;
}
.btn span,
button span,
.button span,
input[type="submit"] span,
input[type="button"] span,
.added_to_cart span {
position: relative;
z-index: 5;
text-transform: uppercase;
}
.btn:active,
.btn.nice-select.open,
.btn:hover,
.btn:focus,
button:active,
button.nice-select.open,
button:hover,
button:focus,
.button:active,
.button.nice-select.open,
.button:hover,
.button:focus,
input[type="submit"]:active,
input.nice-select.open[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:active,
input.nice-select.open[type="button"],
input[type="button"]:hover,
input[type="button"]:focus,
.added_to_cart:active,
.added_to_cart.nice-select.open,
.added_to_cart:hover,
.added_to_cart:focus {
color: #ffffff;
outline: medium none;
text-decoration: none;
}
.btn.btn-outline,
button.btn-outline,
.button.btn-outline,
input[type="submit"].btn-outline,
input[type="button"].btn-outline,
.added_to_cart.btn-outline {
border: 1px solid var(--primary-color);
background-color: transparent;
color: var(--primary-color);
}
.btn.btn-outline:before,
button.btn-outline:before,
.button.btn-outline:before,
input[type="submit"].btn-outline:before,
input[type="button"].btn-outline:before,
.added_to_cart.btn-outline:before {
background-color: var(--primary-color) !important;
}
.btn.btn-outline:hover,
button.btn-outline:hover,
.button.btn-outline:hover,
input[type="submit"].btn-outline:hover,
input[type="button"].btn-outline:hover,
.added_to_cart.btn-outline:hover {
color: #fff;
border-color: var(--primary-color) !important;
}
.btn.btn-primary,
button.btn-primary,
.button.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary,
.added_to_cart.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.btn.btn-secondary,
button.btn-secondary,
.button.btn-secondary,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary,
.added_to_cart.btn-secondary {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: #fff;
}
.btn.btn-fullwidth,
button.btn-fullwidth,
.button.btn-fullwidth,
input[type="submit"].btn-fullwidth,
input[type="button"].btn-fullwidth,
.added_to_cart.btn-fullwidth {
width: 100%;
text-align: center;
justify-content: center;
}
.pxl-button-layout2 .pxl-button-layout2-icon {
background-color: var(--secondary-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
padding: 7.5px 29.5px 7px;
}
.pxl-button-layout2 .pxl-button-layout2-icon:before {
background: var(--primary-color);
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 0;
transform: translate(-50%, -50%) rotate(318deg);
z-index: 0;
transition: all 600ms ease 0s;
}
.pxl-button-layout2 .pxl-button-layout2-icon:hover:before {
height: 500%;
}
.pxl-button-layout3 .pxl-button-layout3-icon {
position: relative;
overflow: hidden;
line-height: 50px;
padding: 0;
}
.pxl-button-layout3 .pxl-button-layout3-icon:before {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: 1;
content: "";
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
background: var(--secondary-color);
}
.pxl-button-layout3 .pxl-button-layout3-icon:hover:before {
left: 0;
right: auto;
width: 100%;
}
.pxl-button-layout4 .pxl-button-layout4-icon {
position: relative;
overflow: hidden;
line-height: 50px;
padding: 0;
}
.pxl-button-layout4 .pxl-button-layout4-icon:before {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: 3;
transition: all 0.75s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
transform: translateY(-50%) translateX(-50%) rotate(90deg);
background: var(--secondary-color);
}
.pxl-button-layout4 .pxl-button-layout4-icon:hover:before {
height: 1000% !important;
}
.pxl-button-layout5 .pxl-button-layout5-icon {
position: relative;
overflow: hidden;
line-height: 50px;
padding: 0;
}
.pxl-button-layout5 .pxl-button-layout5-icon:hover {
background: var(--primary-color);
}
@media (max-width: 575px) {
.slider.btn,
.pxl-button-layout1-wrapper,
.pxl-button-layout1-wrapper-white,
.pxl-button-layout1 .btn,
.pxl-button-wrapper button,
.pxl-button-wrapper .button,
.comment-form button {
width: 100%;
}
}
.slider.btn:after,
.pxl-button-layout1-wrapper:after,
.pxl-button-layout1-wrapper-white:after,
.pxl-button-layout1 .btn:after,
.pxl-button-wrapper button:after,
.pxl-button-wrapper .button:after,
.comment-form button:after {
background: var(--additional01-color);
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
transform: translateY(4px);
pointer-events: none;
}
.slider.btn i,
.pxl-button-layout1-wrapper i,
.pxl-button-layout1-wrapper-white i,
.pxl-button-layout1 .btn i,
.pxl-button-wrapper button i,
.pxl-button-wrapper .button i,
.comment-form button i {
z-index: 3;
position: relative;
margin-left: 4px;
}
.slider.btn span,
.pxl-button-layout1-wrapper span,
.pxl-button-layout1-wrapper-white span,
.pxl-button-layout1 .btn span,
.pxl-button-wrapper button span,
.pxl-button-wrapper .button span,
.comment-form button span {
position: relative;
z-index: 3;
}
.slider.btn:hover:after,
.pxl-button-layout1-wrapper:hover:after,
.pxl-button-layout1-wrapper-white:hover:after,
.pxl-button-layout1 .btn:hover:after,
.pxl-button-wrapper button:hover:after,
.pxl-button-wrapper .button:hover:after,
.comment-form button:hover:after {
transform: translateY(0);
top: auto;
height: 100%;
background: var(--secondary-color);
}
.pxl-button-layout1-wrapper-white:after {
background-color: #9a9a9a;
}
.pxl-button-layout1-wrapper-white:hover:after {
background-color: #9a9a9a;
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: none;
}
.btn-more {
display: inline-flex;
align-items: center;
position: relative;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
color: var(--heading-color);
font-family: var(--heading-font-family);
}
.btn-more > span {
position: relative;
z-index: 1;
}
.btn-more > span:after {
content: "";
height: 1px;
position: absolute;
bottom: 2px;
left: 0;
width: 0;
transition: all 300ms ease;
transition-delay: 100ms;
background-color: var(--link-color-hover);
}
.btn-more i {
transform: translateX(0);
font-size: 16px;
line-height: 1;
font-weight: normal;
margin-left: 5px;
transition: all 300ms ease;
position: relative;
color: var(--primary-color);
z-index: 9;
}
.btn-more:hover > span:after {
width: 100%;
}
.btn-more:hover i {
animation: button-tran 0.4s ease;
}
.item-readmore .btn i {
font-size: 9px;
line-height: 1;
font-weight: normal;
margin-left: 5px;
transition: all 300ms ease;
position: relative;
z-index: 1;
}
.btn-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--primary-color);
align-items: center;
justify-content: center;
}
.btn-icon > * {
max-width: 100%;
}
.btn-icon i {
font-size: 21px;
font-weight: normal;
transition: all 300ms ease;
color: #fff;
}
.btn-icon:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@media (min-width: 1200px) {
.header-height {
height: 90px;
}
}
#pxl-header .header-container {
max-width: 1570px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
} .header-main-menu > .elementor-container {
background-color: #fff;
-webkit-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
-khtml-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
-moz-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
-ms-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
-o-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb), 0.15);
}
.pxl-dropdown-mega .elementor-widget-image a:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-dropdown-mega .pxl-category-box-wrap .pxl-cat-img {
overflow: hidden;
}
.pxl-dropdown-mega .pxl-category-box-wrap .pxl-cat-img img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease;
-khtml-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.pxl-dropdown-mega .pxl-category-box-wrap:hover .pxl-cat-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
} .pxl-header-logo {
padding-top: 14px;
padding-bottom: 8px;
}
.pxl-header-logo img {
max-height: 43px;
width: auto;
}
.pxl-header-logo a {
display: block;
}
@media (max-width: 1199px) {
.pxl-header-logo a {
padding-top: 10px;
padding-bottom: 10px;
}
} .header-transparent {
background: var(--transparent-bg);
z-index: 9999;
}
@media (min-width: 1200px) {
.header-transparent {
position: absolute;
left: 0;
right: 0;
}
}
.header-transparent .header-main-menu > .elementor-container {
background-color: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.header-transparent .pxl-primary-menu > li > a:hover,
.header-transparent .pxl-primary-menu > li > .main-menu-toggle:before:hover {
color: var(--transparent-hover);
}
.header-transparent .pxl-primary-menu > li:before {
background-color: var(--transparent-hover);
}
.header-transparent .pxl-primary-menu > li:hover > a,
.header-transparent .pxl-primary-menu > li:hover > .main-menu-toggle:before {
color: var(--transparent-hover);
}
.header-transparent .pxl-primary-menu > li:hover:before {
background-color: var(--primary-color);
}
.header-transparent .pxl-primary-menu > li.current-menu-item > a,
.header-transparent
.pxl-primary-menu
> li.current-menu-item
.main-menu-toggle:before,
.header-transparent .pxl-primary-menu > li.current-menu-ancestor > a,
.header-transparent
.pxl-primary-menu
> li.current-menu-ancestor
.main-menu-toggle:before {
color: var(--transparent-active);
}
.header-transparent .pxl-primary-menu > li.current-menu-item:before,
.header-transparent .pxl-primary-menu > li.current-menu-ancestor:before {
background-color: var(--primary-color);
}
.header-transparent .menu-color {
color: var(--transparent-regular);
}
.header-transparent .menu-color:hover {
color: var(--transparent-hover);
}
.header-layout-df.h-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 999;
transition: transform 0.55s cubic-bezier(0.39, 0.58, 0.57, 1);
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
.pxl-header-sticky-up-down,
.pxl-header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 99;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
visibility: hidden;
}
.pxl-header-sticky-up-down.h-fixed,
.pxl-header-sticky.h-fixed {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
.header-layout-header-main .pxl-header-elementor-sticky {
background-color: transparent;
}
.header-layout-header-main .pxl-header-elementor-sticky.h-fixed {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.logged-in .h-fixed {
top: 32px;
}
@media screen and (max-width: 782px) {
.logged-in .h-fixed {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.logged-in .h-fixed {
top: 0;
}
}
.pxl-header-elementor-mobile .header-main-mobile {
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.pxl-header-elementor-mobile.mh-fixed .elementor-section.hide-sticky {
display: none;
}
.pxl-header-elementor-mobile.mh-fixed .header-main-mobile {
position: fixed;
left: 0;
top: 0;
right: 0;
-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
.header-transparent .pxl-header-elementor-mobile.mh-fixed .header-main-mobile {
background-color: var(--secondary-color);
}
.pxl-header-mobile .header-main-mobile {
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.pxl-header-mobile.mh-fixed .header-main-mobile {
position: fixed;
left: 0;
top: 0;
right: 0;
-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.logged-in .mh-fixed .header-main-mobile {
top: 32px;
}
@media screen and (max-width: 782px) {
.logged-in .mh-fixed .header-main-mobile {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.logged-in .mh-fixed .header-main-mobile {
top: 0;
}
}
.main-menu-mobile .btn-nav-mobile {
display: inline-block;
height: 21px;
width: 22px;
cursor: pointer;
position: relative;
vertical-align: middle;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
.main-menu-mobile .btn-nav-mobile:before,
.main-menu-mobile .btn-nav-mobile:after,
.main-menu-mobile .btn-nav-mobile span {
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
content: "";
background-color: var(--heading-color);
display: block;
height: 3px;
left: 0;
right: 0;
}
.header-sticky .main-menu-mobile .btn-nav-mobile:before,
.header-sticky .main-menu-mobile .btn-nav-mobile:after,
.header-sticky .main-menu-mobile .btn-nav-mobile span {
background-color: var(--heading-color);
}
.main-menu-mobile .btn-nav-mobile:hover:before,
.main-menu-mobile .btn-nav-mobile:hover:after,
.main-menu-mobile .btn-nav-mobile:hover span {
background-color: var(--primary-color);
}
.main-menu-mobile .btn-nav-mobile span {
margin: 6px 0;
}
.main-menu-mobile .btn-nav-mobile.opened:before {
top: 8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-menu-mobile .btn-nav-mobile.opened:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 8px;
}
.main-menu-mobile .btn-nav-mobile.opened span {
display: none;
}
a.logo-mobile {
padding-top: 10px;
padding-bottom: 10px;
display: block;
max-width: var(--logo-mobile_width);
}
@media (max-width: 1199px) {
.pxl-header-mobile .pxl-header-logo img {
width: var(--logo-mobile_width);
}
.pxl-header-mobile .mobile-menu-toggle .bars {
line-height: 1;
cursor: pointer;
}
.pxl-header-mobile .mobile-menu-toggle .bars span {
width: 30px;
height: 3px;
background-color: var(--secondary-color);
display: block;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-header-mobile .mobile-menu-toggle .bars span:nth-child(2) {
margin: 7px 0;
}
.pxl-header-mobile .mobile-menu-toggle .bars:hover span {
background-color: var(--primary-color);
}
.header-mobile-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-mobile-content > * {
max-width: 100%;
}
.header-transparent-mobile .pxl-header-mobile .header-top-mobile {
background-color: transparent;
}
.header-transparent-mobile
.pxl-header-mobile:not(.mh-fixed)
.header-main-mobile {
background-color: transparent;
}
.header-transparent-mobile .pxl-header-mobile .header-main-mobile {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
}
#pxl-header {
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
#pxl-header:not(.header-transparent):not(.header-sticky) {
background: #ffffff;
}
.header-layout-404 .pxl-header-attrs a {
color: var(--heading-color);
}
.header-layout-404 .pxl-header-attrs a:hover {
color: var(--link-color-hover);
}
@media (min-width: 576px) {
.header-layout-404 .pxl-search {
width: 55px;
height: 55px;
}
}
@media (min-width: 576px) {
.header-layout-404 .side-panel {
background-color: var(--primary-color);
width: 55px;
height: 55px;
}
}
.header-layout-404 .side-panel .pxl-bars span {
width: 30px;
height: 3px;
background-color: #fff;
display: block;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.header-layout-404 .side-panel .pxl-bars span:nth-child(2) {
margin: 7px 0;
}
@media (max-width: 575px) {
.header-layout-404 .side-panel .pxl-bars span {
background-color: var(--secondary-color);
}
}
.header-layout-404 .side-panel:hover {
background-color: var(--secondary-color);
}
@media (min-width: 1200px) {
.pxl-primary-menu {
padding: 0;
margin: 0;
list-style: none;
}
.pxl-primary-menu li {
position: relative;
padding: 0;
}
.pxl-primary-menu ul,
.pxl-primary-menu ol {
list-style: none;
padding: 0;
margin: 0;
}
.pxl-primary-menu {
margin-left: -21px;
margin-right: -21px;
display: flex;
flex-wrap: wrap;
}
.pxl-primary-menu li {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.pxl-primary-menu li:hover > .sub-menu {
top: 100%;
z-index: 1;
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.pxl-primary-menu > li {
flex: 0 0 auto;
width: auto;
margin: 0 21px;
display: inline-flex;
}
.pxl-primary-menu > li:last-child {
margin-right: 0;
}
.pxl-primary-menu > li:before {
content: "";
width: 0;
height: 4px;
position: absolute;
top: 0;
left: 0;
background-color: var(--primary-color);
transform: skewX(-45deg);
-webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-khtml-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-moz-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-ms-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-o-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.pxl-primary-menu > li > a {
color: var(--heading-color);
font-size: 17px;
font-weight: 500;
font-family: "Work Sans", sans-serif;
line-height: 90px;
display: inline-block;
letter-spacing: 0.02;
-webkit-transition: all 0.25s ease;
-khtml-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.pxl-primary-menu > li > a:hover {
color: var(--primary-color);
}
.pxl-primary-menu > li.active:before,
.pxl-primary-menu > li.current-menu-item:before,
.pxl-primary-menu > li.current-menu-ancestor:before,
.pxl-primary-menu > li:hover:before {
width: 100%;
}
.pxl-primary-menu > li.active > a,
.pxl-primary-menu > li.active > .main-menu-toggle:before,
.pxl-primary-menu > li.current-menu-item > a,
.pxl-primary-menu > li.current-menu-item > .main-menu-toggle:before,
.pxl-primary-menu > li.current-menu-ancestor > a,
.pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle:before,
.pxl-primary-menu > li:hover > a,
.pxl-primary-menu > li:hover > .main-menu-toggle:before {
color: var(--primary-color) !important;
}
.pxl-primary-menu > li.megamenu.current-menu-item:before,
.pxl-primary-menu > li.megamenu.current-menu-ancestor:before {
height: 0;
}
.pxl-primary-menu > li.megamenu.current-menu-item:hover:before,
.pxl-primary-menu > li.megamenu.current-menu-ancestor:hover:before {
height: 3px;
}
.pxl-primary-menu > li > .main-menu-toggle {
line-height: 1;
align-self: center;
margin-left: 7px;
font-weight: 700;
}
.pxl-primary-menu > li > .main-menu-toggle:before {
color: #fff;
content: "";
font-family: "pxli";
font-size: 12px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-flex;
}
[dir="rtl"] .pxl-primary-menu > li > .main-menu-toggle {
margin-left: 0;
margin-right: 6px;
}
.pxl-primary-menu > li > .sub-menu {
left: 0;
}
[dir="rtl"] .pxl-primary-menu > li > .sub-menu {
left: auto;
right: 0;
}
.pxl-primary-menu > li.active > a,
.pxl-primary-menu > li.active > .main-menu-toggle:before,
.pxl-primary-menu > li:hover > a,
.pxl-primary-menu > li:hover > .main-menu-toggle:before {
color: var(--primary-color);
}
.pxl-primary-menu > li.active > a .pxl-menu-title:after,
.pxl-primary-menu
> li.active
> .main-menu-toggle:before
.pxl-menu-title:after,
.pxl-primary-menu > li:hover > a .pxl-menu-title:after,
.pxl-primary-menu
> li:hover
> .main-menu-toggle:before
.pxl-menu-title:after {
background: var(--primary-color);
}
.pxl-primary-menu > li.active:before,
.pxl-primary-menu > li:hover:before {
background-color: var(--primary-color);
}
.pxl-primary-menu > li.active > .sub-menu,
.pxl-primary-menu > li:hover > .sub-menu {
top: 100%;
z-index: 99;
}
.pxl-primary-menu > li.active .main-menu-toggle:before,
.pxl-primary-menu > li:hover .main-menu-toggle:before {
-webkit-transform: rotateZ(-180deg);
-moz-transform: rotateZ(-180deg);
transform: rotateZ(-180deg);
}
.pxl-primary-menu .sub-menu {
min-width: 235px;
color: #fff;
background-color: var(--secondary-color);
background-repeat: repeat-x;
background-position: top left;
position: absolute;
top: calc(100% + 15px);
left: 100%;
padding: 15px 0;
z-index: -1;
visibility: hidden;
-webkit-box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
-khtml-box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
-moz-box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
-ms-box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
-o-box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
box-shadow: 0px 5px 83px 0 rgba(40, 40, 40, 0.08);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: top 0.25s ease-in;
-khtml-transition: top 0.25s ease-in;
-moz-transition: top 0.25s ease-in;
-ms-transition: top 0.25s ease-in;
-o-transition: top 0.25s ease-in;
transition: top 0.25s ease-in;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
border-top: 4px solid var(--primary-color);
}
.pxl-primary-menu .sub-menu.back {
left: auto;
right: 100%;
}
[dir="rtl"] .pxl-primary-menu .sub-menu {
left: auto;
right: 100%;
}
[dir="rtl"] .pxl-primary-menu .sub-menu.back {
right: auto;
left: 100%;
}
.pxl-primary-menu .sub-menu li {
padding: 0 35px;
}
.pxl-primary-menu .sub-menu li:last-child a {
border-bottom: 0;
}
.pxl-primary-menu .sub-menu li > ul.sub-menu {
top: 100%;
}
.pxl-primary-menu .sub-menu li:hover > .sub-menu {
top: 0;
}
.pxl-primary-menu .sub-menu li.active > .main-menu-toggle,
.pxl-primary-menu .sub-menu li.current-menu-item > .main-menu-toggle,
.pxl-primary-menu .sub-menu li.current-menu-ancestor > .main-menu-toggle {
color: var(--primary-color);
}
.pxl-primary-menu .sub-menu li.menu-item-has-children:after {
position: absolute;
right: 20px;
top: 51%;
transform: translateY(-50%);
color: #fff;
content: "";
font-family: "pxli" !important;
font-size: 14px;
}
.pxl-primary-menu .sub-menu li a {
display: block;
font-family: "Work Sans", sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.02em;
padding: 14px 0 14px;
color: #fff;
background-color: transparent;
position: relative;
border-bottom: 1px solid #414b53;
transition: all 300ms ease 0s;
white-space: nowrap;
}
.pxl-primary-menu .sub-menu li a:after {
position: absolute;
bottom: -1px;
left: 0;
content: "";
display: block;
width: 0;
height: 1px;
background: #ffffff;
-webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-khtml-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-moz-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-ms-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-o-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.pxl-primary-menu .sub-menu li > a:hover,
.pxl-primary-menu .sub-menu li.current_page_item > a,
.pxl-primary-menu .sub-menu li.current-menu-item > a,
.pxl-primary-menu .sub-menu li.current_page_ancestor > a,
.pxl-primary-menu .sub-menu li.current-menu-ancestor > a {
color: var(--primary-color);
}
.pxl-primary-menu .sub-menu li > a:hover:after,
.pxl-primary-menu .sub-menu li.current_page_item > a:after,
.pxl-primary-menu .sub-menu li.current-menu-item > a:after,
.pxl-primary-menu .sub-menu li.current_page_ancestor > a:after,
.pxl-primary-menu .sub-menu li.current-menu-ancestor > a:after {
width: 100%;
}
.pxl-primary-menu .sub-menu li:last-child > a {
border: none;
}
.pxl-primary-menu .sub-menu li:last-child > a:after {
display: none;
}
.pxl-primary-menu .sub-menu li:hover:after {
color: var(--primary-color);
}
}
.full-width {
width: 100% !important;
}
.form-submit {
overflow: visible !important;
}
#cms-primary-menu .megamenu .sub-menu {
padding: 0;
overflow: hidden;
}
@media (min-width: 1200px) {
#cms-primary-menu .megamenu .sub-menu {
width: 470px;
}
}
#cms-primary-menu
.megamenu
.elementor-section.elementor-section-boxed
> .elementor-container.elementor-column-gap-default
> .elementor-column {
box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
background-color: var(--dropdown-bg);
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/dropdown-shadow.png);
background-repeat: repeat-x;
background-position: top left;
}
#cms-primary-menu
.megamenu
.elementor-section.elementor-section-boxed
> .elementor-container.elementor-column-gap-default
> .elementor-column:first-child {
z-index: 1;
}
#cms-primary-menu
.megamenu
.elementor-section.elementor-section-boxed
> .elementor-container.elementor-column-gap-default
> .elementor-column
> .elementor-element-populated {
padding: 37px 40px 26px;
}
.elementor-section.has-mega-menu .elementor-column {
position: static;
}
.elementor-section.has-mega-menu .elementor-widget-wrap {
position: static;
}
.elementor-section.has-mega-menu .elementor-section {
position: static;
}
.elementor-section.has-mega-menu .elementor-container {
position: static;
}
.elementor-section.has-mega-menu .elementor-widget {
position: static;
}
.elementor-section.has-mega-menu li.megamenu {
position: static;
}
.pxl-primary-menu .sub-menu.pxl-dropdown-mega {
width: 100%;
}
.sub-menu.pxl-dropdown-mega {
width: 100%;
}
@media (min-width: 1200px) {
.header-main-menu .sub-menu.pxl-dropdown-mega {
padding-left: 35px;
padding-right: 35px;
}
.pxl-primary-menu .sub-menu.pxl-dropdown-mega a {
padding: 0px 15px;
border-bottom: 0;
}
.pxl-primary-menu .sub-menu.pxl-dropdown-mega a:hover {
color: var(--primary-color);
background-color: transparent;
}
.pxl-megamenu-wrap {
padding: 30px 0px 30px 0px;
}
.pxl-megamenu-wrap .pxl-heading-wrap {
margin-bottom: 15px;
}
.pxl-primary-menu .sub-menu.pxl-dropdown-mega .current-menu-item > a,
.pxl-primary-menu .sub-menu.pxl-dropdown-mega .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent;
}
}
.pxl-nav-menu-mobile ul,
.pxl-nav-menu-mobile ol {
list-style: none;
padding: 0;
margin: 0;
}
.pxl-nav-menu-mobile ul li,
.pxl-nav-menu-mobile ol li {
position: relative;
padding: 0;
}
.pxl-mobile-menu {
padding: 0;
margin: 0;
list-style: none;
}
.pxl-mobile-menu > li {
color: var(--heading-color);
position: relative;
}
.pxl-mobile-menu > li > a {
padding: 10px 0;
color: var(--heading-color);
font-size: 18px;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
background-color: transparent;
}
.pxl-mobile-menu .menu-item:hover,
.pxl-mobile-menu .menu-item:active,
.pxl-mobile-menu .menu-item.nice-select.open,
.pxl-mobile-menu .current-menu-item,
.pxl-mobile-menu .current-menu-ancestor {
color: var(--primary-color);
}
.pxl-mobile-menu .menu-item:hover > a,
.pxl-mobile-menu .menu-item:active > a,
.pxl-mobile-menu .menu-item.nice-select.open > a,
.pxl-mobile-menu .current-menu-item > a,
.pxl-mobile-menu .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent;
}
.pxl-mobile-menu .menu-item:active,
.pxl-mobile-menu .menu-item.nice-select.open {
color: var(--primary-color);
}
.pxl-mobile-menu .menu-item:active > a,
.pxl-mobile-menu .menu-item.nice-select.open > a {
color: var(--primary-color);
background-color: transparent;
}
.pxl-mobile-menu .sub-menu {
display: none;
list-style: none;
}
.pxl-mobile-menu .sub-menu .menu-item {
color: var(--heading-color);
position: relative;
}
.pxl-mobile-menu .sub-menu .menu-item > a {
padding: 5px 15px;
display: inline-block;
color: var(--heading-color);
font-size: 15px;
font-weight: 400;
background-color: transparent;
font-family: "Cerebri Sans", sans-serif;
text-transform: capitalize;
}
.pxl-mobile-menu .sub-menu .menu-item:hover,
.pxl-mobile-menu .sub-menu .current-menu-item,
.pxl-mobile-menu .sub-menu .current-menu-ancestor {
color: var(--primary-color);
}
.pxl-mobile-menu .sub-menu .menu-item:hover > a,
.pxl-mobile-menu .sub-menu .current-menu-item > a,
.pxl-mobile-menu .sub-menu .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent;
}
.pxl-mobile-menu .sub-menu .menu-item:active,
.pxl-mobile-menu .sub-menu .menu-item.nice-select.open {
color: var(--primary-color);
}
.pxl-mobile-menu .sub-menu .menu-item:active > a,
.pxl-mobile-menu .sub-menu .menu-item.nice-select.open > a {
color: var(--primary-color);
background-color: transparent;
}
.pxl-mobile-menu .sub-menu .pxl-heading-wrap {
display: none;
}
.pxl-mobile-menu .sub-menu .elementor-column {
width: 100% !important;
}
.pxl-mobile-menu
.sub-menu
.elementor
.elementor-section.elementor-section-boxed
> .elementor-container.elementor-column-gap-default
> .elementor-column
> .elementor-element-populated {
padding: 0;
}
.pxl-mobile-menu
.sub-menu
.elementor-section
.pxl-nav-menu-inner
.pxl-nav-inner
li {
padding: 0;
}
.pxl-mobile-menu .main-menu-toggle {
cursor: pointer;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
position: absolute;
right: -6px;
text-align: center;
top: 14px;
background-color: transparent;
border: 1px solid #dedede;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
.pxl-mobile-menu .main-menu-toggle:before {
color: var(--heading-color);
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 25px;
}
.pxl-mobile-menu .main-menu-toggle.open:before {
content: "" !important;
}
.pxl-mobile-menu .sub-menu .main-menu-toggle {
top: 9px;
}
.pxl-anchor-icon.custom {
display: flex;
flex-direction: column;
}
.pxl-anchor-icon.custom span {
display: inline-block;
width: 24px;
height: 2px;
background-color: var(--secondary-color);
margin: 4px 0;
transition: all 200ms linear 0s;
}
.pxl-anchor-icon.custom span:nth-child(2) {
transform: translateX(10px);
}
.pxl-anchor-icon.custom:hover span {
transform: translateX(10px);
}
.pxl-anchor-icon.custom:hover span:nth-child(2) {
transform: translateX(0);
}
.admin-bar .pxl-hidden-template {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .pxl-hidden-template {
top: 46px;
height: calc(100% - 46px);
}
}
.pxl-hidden-template {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
padding: 0;
background: #fff;
right: 0;
will-change: transform;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
opacity: 0;
max-height: 100vh;
overflow-y: auto;
scrollbar-width: none;
}
.pxl-hidden-template .pxl-panel-header .panel-header-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.pxl-hidden-template .pxl-panel-header .panel-header-inner > * {
max-width: 100%;
}
.pxl-hidden-template .pxl-panel-content {
position: relative;
flex: 1;
padding: 20px 15px;
}
.pxl-hidden-template::-webkit-scrollbar {
height: 0;
width: 7px;
background-color: transparent;
}
.pxl-hidden-template::-webkit-scrollbar-track {
border-radius: 0;
}
.pxl-hidden-template::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: transparent;
}
.pxl-hidden-template:hover::-webkit-scrollbar {
width: 7px;
height: auto;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0;
}
.pxl-hidden-template:hover::-webkit-scrollbar-thumb {
background-color: rgba(48, 48, 48, 0.1);
}
.pxl-close {
background: rgba(var(--heading-color-rgb), 0.3);
border: 9px solid transparent;
color: #ffffff;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
}
@media (max-width: 767px) {
.pxl-close {
width: 30px;
height: 30px;
border-width: 8px;
}
}
.pxl-close:before,
.pxl-close:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
right: 0;
margin-top: -1px;
background-color: #ffffff;
transform-origin: 50% 50%;
opacity: 1;
-webkit-transition: transform ease 0.25s;
-khtml-transition: transform ease 0.25s;
-moz-transition: transform ease 0.25s;
-ms-transition: transform ease 0.25s;
-o-transition: transform ease 0.25s;
transition: transform ease 0.25s;
}
.pxl-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.pxl-close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pxl-close:hover {
background-color: var(--primary-color);
}
.pxl-close:hover:before,
.pxl-close:hover:after {
background-color: #ffffff;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
.pxl-panel-content .menu-main-container-wrap {
padding: 0;
min-height: calc(100% - 50px);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.pxl-panel-content .menu-main-container-wrap > * {
max-width: 100%;
}
.pxl-hidden-template-wrap {
width: 100%;
}
.pxl-hidden-template.pos-left {
width: 100%;
max-width: 460px;
z-index: 604;
right: auto;
left: 0;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.pxl-hidden-template.pos-right {
width: 100%;
max-width: 510px;
z-index: 604;
right: 35px;
left: auto;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
transform: translate(100%, 0);
padding: 28px 20px 70px 20px;
top: 185px;
}
@media (max-width: 1499px) {
.pxl-hidden-template.pos-right {
top: 15px;
}
}
.pxl-hidden-template.pos-right .pxl-close {
margin-right: 5px;
background-color: transparent;
}
.pxl-hidden-template.pos-right .pxl-close:before,
.pxl-hidden-template.pos-right .pxl-close:after {
background-color: var(--secondary-color);
}
.pxl-hidden-template.pos-right .pxl-close:hover {
background-color: transparent;
}
.pxl-hidden-template.pos-right .pxl-close:hover:before,
.pxl-hidden-template.pos-right .pxl-close:hover:after {
background-color: var(--primary-color);
}
.pxl-hidden-template.pos-right .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.pos-right:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
transform: translate(-20px, -20px);
-webkit-transition: all 0.3s ease 0.3s;
-khtml-transition: all 0.3s ease 0.3s;
-moz-transition: all 0.3s ease 0.3s;
-ms-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
.pxl-hidden-template.pos-right:before {
content: "";
position: absolute;
bottom: 0px;
right: -150px;
width: 185px;
height: 162px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/qqq.png);
z-index: 2;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease 0.3s;
-khtml-transition: all 0.5s ease 0.3s;
-moz-transition: all 0.5s ease 0.3s;
-ms-transition: all 0.5s ease 0.3s;
-o-transition: all 0.5s ease 0.3s;
transition: all 0.5s ease 0.3s;
}
.pxl-hidden-template.pos-top {
background-color: transparent;
width: 100%;
z-index: 604;
left: 0;
right: 0;
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.pxl-hidden-template.pos-top .pxl-panel-header {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.pxl-hidden-template.pos-top .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.pos-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: transparent;
}
.pxl-hidden-template.pos-center > * {
max-width: 100%;
}
.pxl-hidden-template.pos-center .pxl-hidden-template-wrap {
max-width: 570px;
background-color: #fff;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
}
.pxl-hidden-template.pos-center .pxl-hidden-template-wrap:hover {
-webkit-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
}
.pxl-hidden-template.pos-center .pxl-panel-header {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
}
.pxl-hidden-template.pos-center .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.pos-center.open .pxl-hidden-template-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.pxl-hidden-template.pos-full {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: transparent;
}
.pxl-hidden-template.pos-full > * {
max-width: 100%;
}
.pxl-hidden-template.pos-full .pxl-panel-header {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.pxl-hidden-template.pos-full .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
opacity: 1;
z-index: 999999;
}
.pxl-hidden-template.open:after {
transform: translate(0px, 0px);
}
.pxl-hidden-template.open:before {
right: 0;
}
.pxl-side-cart {
width: 100%;
max-width: 360px;
left: auto;
background-color: #fff;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.pxl-side-cart .pxl-hidden-template-wrap {
padding: 30px 35px 60px;
}
@media (max-width: 575px) {
.pxl-side-cart .pxl-hidden-template-wrap {
padding: 30px 20px 60px;
}
}
.pxl-side-cart .pxl-close {
background-color: transparent;
margin-right: -9px;
margin-top: -15px;
}
.pxl-side-cart .pxl-close:before,
.pxl-side-cart .pxl-close:after {
background-color: #707070;
}
.pxl-side-cart .pxl-close:hover:before,
.pxl-side-cart .pxl-close:hover:after {
background-color: var(--primary-color);
}
.pxl-side-cart .pxl-panel-header .panel-header-inner {
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
margin-bottom: 10px;
}
.pxl-side-cart .pxl-panel-header .panel-header-inner .cart-title {
font-size: 30px;
}
.pxl-side-cart .pxl-panel-content {
padding: 0 24px 24px 24px;
}
@media (max-width: 400px) {
.pxl-side-cart .pxl-panel-content {
padding: 0 15px 24px 15px;
}
}
.pxl-side-cart .widget_shopping_cart_content ul {
list-style: none outside;
padding: 0;
margin: 0;
}
.pxl-side-cart .widget_shopping_cart_content ul li {
position: relative;
display: block;
clear: both;
overflow: hidden;
}
.pxl-side-cart .widget_shopping_cart_content ul li .remove {
position: absolute;
opacity: 0;
top: 30px;
right: 0;
font-family: var(--heading-font-family);
line-height: 1;
padding: 0 0 5px;
font-size: 25px;
color: #000;
display: inline-flex;
width: 18px;
height: 18px;
align-items: center;
justify-content: center;
transition: all 300ms ease 0s;
}
.pxl-side-cart .widget_shopping_cart_content ul li:hover .remove {
opacity: 1;
}
.pxl-pagetitle.layout-df {
background-color: #fff;
color: #fff;
padding-top: 118px;
padding-bottom: 118px;
}
@media (max-width: 767px) {
.pxl-pagetitle.layout-df {
padding-top: 80px;
padding-bottom: 80px;
}
}
.pxl-pagetitle.layout-df .pxl-page-title-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.pxl-pagetitle.layout-df .pxl-page-title .main-title {
color: var(--heading-color);
font-size: 48px;
letter-spacing: -0.025em;
margin: 0 0 5px;
word-wrap: break-word;
}
@media (max-width: 767px) {
.pxl-pagetitle.layout-df .pxl-page-title .main-title {
font-size: 40px;
}
}
@media (max-width: 575px) {
.pxl-pagetitle.layout-df .pxl-page-title .main-title {
font-size: 35px;
}
}
.pxl-pagetitle.layout-df .pxl-breadcrumb {
display: flex;
flex-wrap: wrap;
margin-top: 7px;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item {
flex: 0 0 auto;
max-width: 100%;
font-size: 16px;
font-weight: 700;
color: var(--heading-color);
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item:last-child .br-divider {
display: none !important;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-divider {
padding: 5px 15px;
font-size: 100%;
color: var(--primary-color);
font-size: 12px;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb a {
color: var(--heading-color);
}
.pxl-pagetitle.layout-df .pxl-breadcrumb a:hover {
color: var(--primary-color);
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item + .br-item::before {
display: none;
}
.pxl-pt-post {
flex-wrap: nowrap;
align-items: center;
}
@media (max-width: 575px) {
.pxl-pt-post {
flex-wrap: wrap;
}
.pxl-pt-post .post-date {
margin-bottom: 25px;
}
}
.pxl-pt-post .post-date {
color: #fff;
text-align: center;
margin-right: 36px;
}
.pxl-pt-post .post-date .date-cl {
background-color: var(--secondary-color);
padding: 3px 24px;
font-size: 30px;
font-weight: 600;
}
.pxl-pt-post .post-date .year-cl {
background-color: var(--primary-color);
padding: 7px 15px;
font-size: 15px;
}
.pxl-pt-wrap.layout-1 {
justify-content: center;
}
.pxl-pt-wrap.layout-1 .pxl-pt-title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.pxl-pt-wrap.layout-1 .pxl-pt-title > * {
max-width: 100%;
}
.pxl-pt-wrap.layout-1 .pxl-pt-title .main-title {
color: #ffffff;
font-size: 55px;
font-weight: bold;
line-height: 1.18;
position: relative;
margin: 0;
}
@media (max-width: 1199px) {
.pxl-pt-wrap.layout-1 .pxl-pt-title .main-title {
font-size: 40px;
}
}
@media (max-width: 991px) {
.pxl-pt-wrap.layout-1 .pxl-pt-title .main-title {
font-size: 32px;
}
}
.pxl-pt-wrap.layout-1 .pxl-pt-title .pagetitle-divider {
background-color: var(--primary-color);
width: 54px;
height: 4px;
margin-left: 18px;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
transform: skew(-30deg);
}
@media (max-width: 575px) {
.pxl-pt-wrap.layout-1 .pxl-pt-title .pagetitle-divider {
display: none;
}
}
.pxl-pt-wrap.layout-1 .sub-title {
font-size: 15px;
color: #ededed;
line-height: 27px;
max-width: 550px;
margin-top: 15px;
}
@media (max-width: 767px) {
.size-large {
height: 123px;
width: 186px;
}
}
.main-title {
color: #ffffff;
font-size: 55px;
font-weight: bold;
line-height: 1.18;
position: relative;
margin: 0;
}
@media (max-width: 1199px) {
.main-title {
font-size: 40px;
}
}
@media (max-width: 991px) {
.main-title {
font-size: 32px;
}
}
.pxl-brc-wrap {
justify-content: center;
}
.pxl-brc-wrap .brc-inner {
display: flex;
flex-wrap: wrap;
margin-top: 7px;
justify-content: center;
}
.pxl-brc-wrap .br-item {
flex: 0 0 auto;
max-width: 100%;
font-size: 16px;
font-weight: 700;
color: var(--heading-color);
color: #baa88f !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-brc-wrap .br-item > * {
max-width: 100%;
}
.pxl-brc-wrap .br-item:last-child .br-divider {
display: none !important;
}
.pxl-brc-wrap .br-divider {
padding: 0 15px;
font-size: 100%;
color: var(--primary-color);
font-size: 12px;
}
.pxl-brc-wrap a {
color: var(--heading-color);
}
.pxl-brc-wrap a:hover {
color: var(--primary-color);
}
.pxl-brc-wrap .br-item + .br-item::before {
display: none;
}
.pxl-breadcrumb {
display: inline-flex;
padding: 11px 0px;
flex-wrap: wrap;
align-content: center;
}
.pxl-breadcrumb .icon-home {
color: var(--primary-color);
height: 13px;
width: 13px;
margin-right: 5px;
}
.pxl-breadcrumb .br-item {
flex: 0 0 auto;
max-width: 100%;
font-size: 15px;
color: #ffffff;
}
@media screen and (max-width: 991px) {
.pxl-breadcrumb .br-item {
font-size: 15px;
}
}
.pxl-breadcrumb .br-item:last-child .br-divider {
display: none !important;
}
.pxl-breadcrumb .br-divider {
margin-right: 9px;
font-size: 12px;
}
.pxl-breadcrumb a {
color: #cacaca;
position: relative;
padding-right: 3px;
font-size: 15px;
}
.pxl-breadcrumb a:hover {
color: #fff;
}
.pxl-breadcrumb .br-item + .br-item::before {
display: none;
}
.pxl-breadcrumb .br-item:has(a) span.br-divider {
color: #cacaca;
}
.pxl-main {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 1199px) {
.pxl-main {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.pxl-sidebar-area.sidebar-post.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
}
.pxl-content-area.content-post.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px);
}
.pxl-sidebar-area.sidebar-page.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
}
.pxl-content-area.content-page.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px);
}
}
@media (max-width: 991px) {
.pxl-sidebar-area {
margin-top: 80px;
}
}
.error404 .pxl-main {
padding-top: 0;
padding-bottom: 0;
}
.error404 .img-layer {
position: absolute;
}
@media (max-width: 767px) {
.error404 .img-layer {
display: none;
}
}
.error404 .img-layer.img-1 {
left: 21%;
top: 12%;
}
@media (max-width: 1800px) {
.error404 .img-layer.img-1 {
left: 15%;
}
}
@media (max-width: 1499px) {
.error404 .img-layer.img-1 {
left: 12%;
}
}
@media (max-width: 1199px) {
.error404 .img-layer.img-1 {
left: 10%;
top: 8%;
}
}
.error404 .img-layer.img-2 {
right: 15%;
top: 7%;
}
.error404 .img-layer.img-3 {
left: 0;
bottom: 35%;
}
.error404 .img-layer.img-4 {
right: 6%;
bottom: 35%;
}
.error404 .page-404-wrap {
align-items: center;
justify-content: center;
display: flex;
overflow: hidden;
}
@media (max-width: 1199px) {
.error404 .page-404-wrap {
padding-bottom: 200px;
}
}
@media (max-width: 991px) {
.error404 .page-404-wrap {
padding-top: 120px;
padding-bottom: 150px;
}
}
@media (max-width: 767px) {
.error404 .page-404-wrap {
padding-top: 100px;
padding-bottom: 150px;
}
}
@media (max-width: 575px) {
.error404 .page-404-wrap {
padding-top: 80px;
padding-bottom: 120px;
}
}
@media (max-width: 480px) {
.error404 .page-404-wrap {
padding-bottom: 100px;
}
}
.error404 .page-404-wrap .pxl-error-inner {
position: relative;
}
.error404 .page-404-wrap .pxl-error-title {
font-size: 400px;
font-weight: 900;
letter-spacing: 0.05em;
line-height: 0.7;
text-transform: uppercase;
color: var(--primary-color);
margin: 0 auto 58px auto;
}
@media (max-width: 1499px) {
.error404 .page-404-wrap .pxl-error-title {
font-size: 300px;
}
}
@media (max-width: 1199px) {
.error404 .page-404-wrap .pxl-error-title {
font-size: 250px;
}
}
@media (max-width: 991px) {
.error404 .page-404-wrap .pxl-error-title {
font-size: 200px;
margin: 0 auto 50px auto;
}
}
@media (max-width: 575px) {
.error404 .page-404-wrap .pxl-error-title {
font-size: 150px;
margin: 0 auto 30px auto;
}
}
@media (max-width: 480px) {
.error404 .page-404-wrap .pxl-error-title {
font-size: 100px;
}
}
.error404 .page-404-wrap .pxl-error-title.df {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
max-width: 666px;
margin: 0 auto 60px auto;
}
.error404 .page-404-wrap .pxl-error-title.df > * {
max-width: 100%;
}
@media (max-width: 1499px) {
.error404 .page-404-wrap .pxl-error-title.df {
max-width: 560px;
}
}
@media (max-width: 1199px) {
.error404 .page-404-wrap .pxl-error-title.df {
max-width: 500px;
}
}
@media (max-width: 991px) {
.error404 .page-404-wrap .pxl-error-title.df {
max-width: 400px;
}
}
@media (max-width: 575px) {
.error404 .page-404-wrap .pxl-error-title.df {
max-width: 250px;
margin: 0 auto 30px auto;
}
}
@media (max-width: 480px) {
.error404 .page-404-wrap .pxl-error-title.df {
max-width: 200px;
margin: 0 auto 30px auto;
}
}
.error404 .page-404-wrap .pxl-error-title.df img {
width: 100%;
}
.error404 .page-404-wrap .desc {
display: grid;
max-width: 703px;
font-size: 20px;
line-height: 1.65;
margin: 0 auto 40px auto;
font-weight: 400;
}
@media (max-width: 991px) {
.error404 .page-404-wrap .desc {
font-size: 15px;
line-height: 30px;
}
}
@media (max-width: 575px) {
.error404 .page-404-wrap .desc {
line-height: 22px;
}
}
.error404 .page-404-wrap .desc span {
font-family: var(--heading-font-family);
font-weight: bold;
color: var(--heading-color);
text-transform: uppercase;
font-size: 45px;
line-height: 1.22;
letter-spacing: 0.2em;
margin-bottom: 7px;
}
@media (max-width: 991px) {
.error404 .page-404-wrap .desc span {
font-size: 35px;
}
}
@media (max-width: 575px) {
.error404 .page-404-wrap .desc span {
font-size: 28px;
}
}
.error404 .page-404-wrap .img-404-foot {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
@media (max-width: 767px) {
.error404 .page-404-wrap .img-404-foot {
left: -50px;
right: -50px;
width: calc(100vw + 100px);
max-width: calc(100vw + 100px);
}
}
.error404 .page-404-wrap .btn {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
}
.error404 .page-404-wrap .btn span {
align-self: center;
}
.error404 .page-404-wrap .btn .flaticon-right-arrow {
margin-left: 8px;
font-size: 20px;
}
.pxl-page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.pxl-page .pxl-main {
flex-grow: 1;
} .pxl-cursor {
visibility: hidden;
position: fixed;
pointer-events: none;
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
pointer-events: none;
top: 0;
left: 0;
}
.pxl-cursor .pxl-cursor-wrapper {
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--follower {
position: absolute;
background-color: var(--primary-color);
opacity: 0.25;
border-radius: 100%;
width: 1.5rem;
height: 1.5rem;
-webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--label {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 3px;
transform: scale(0);
will-change: transform, opacity;
-webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
color: white;
transform: scale(0);
will-change: transform, opacity;
-webkit-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor.is-enabled {
visibility: visible;
}
.pxl-cursor.is-hidden .pxl-cursor-wrapper {
transform: scale(0) !important;
}
.pxl-cursor.is-mouse-down .pxl-cursor-wrapper {
transform: scale(0.8);
}
.pxl-cursor.is-active .pxl-cursor--follower {
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: scale(4);
-moz-transform: scale(4);
transform: scale(4);
opacity: 0;
}
.pxl-cursor.is-active.has-label .pxl-cursor--follower {
background-color: var(--primary-color);
opacity: 1;
}
.pxl-cursor.is-active.has-label .pxl-cursor--label {
transform: scale(1);
}
.pxl-cursor.is-active.has-icon .pxl-cursor--follower,
.pxl-cursor.is-active.has-icon-right .pxl-cursor--follower {
background-color: black;
opacity: 0.8;
}
.pxl-cursor.is-active.has-remove {
opacity: 0;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower,
.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
background-color: var(--primary-color);
opacity: 1;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower,
.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
-webkit-transform: scale(7.6);
-moz-transform: scale(7.6);
transform: scale(7.6);
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--icon:before,
.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--icon:before {
font-size: 42px;
}
.item-effect-20 {
position: relative;
overflow: hidden;
}
.item-effect-20:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-left: 20px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
}
.item-effect-20:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
transform: translate(-20px, 20px);
}
.item-not-effect-20 {
position: relative;
}
.item-not-effect-20:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-left: 20px solid transparent;
z-index: 2;
}
.item-not-effect-20:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
}
.header-loaded:after,
.header-loaded:before,
.item-effect-hover:after,
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.item-content:after,
.item-effect-hover:before,
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.item-content:before {
transform: translate(0px, 0px);
-webkit-transition: all 0.3s ease 0.3s;
-khtml-transition: all 0.3s ease 0.3s;
-moz-transition: all 0.3s ease 0.3s;
-ms-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
.item-divider-left,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-active,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-next {
position: relative;
border-right: 1px solid #2c3841;
}
.item-divider-left:after,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-active:after,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-next:after {
position: absolute;
content: "";
width: 7px;
height: 7px;
background-color: var(--primary-color);
right: -4.5px;
top: 0;
z-index: 3;
}
.item-divider-left:before,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-active:before,
.pxl-fancy-box-carousel.layout-1 .swiper-slide-next:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background-color: var(--primary-color);
right: -4.5px;
bottom: 0;
z-index: 3;
}
.redux-page .post-image img {
width: 100%;
}
.pxl-single-page p:last-child {
clear: both;
}
.pxl-single-page p:last-child img[class*="align"] {
margin-bottom: 0;
}
.pxl-single-post .post-content {
padding-bottom: 18px;
}
.pxl-single-post .content-inner strong {
font-family: var(--heading-font-family);
color: var(--heading-color);
font-weight: 600;
}
.single-post-inner {
position: relative;
}
.single-post-inner .post-date {
position: absolute;
display: none;
top: 25px;
left: 25px;
color: #fff;
text-align: center;
}
.single-post-inner .post-date .date-cl {
background-color: #0f4cb7;
padding: 1px 21px;
font-size: 30px;
font-weight: 600;
}
.single-post-inner .post-date .year-cl {
background-color: #fab702;
padding: 6px 15px;
font-size: 15px;
}
.single-post-inner .post-image + .post-date {
display: block;
} .post-metas {
color: #ffffff;
font-size: 15px;
position: relative;
letter-spacing: 0.02em;
}
.post-metas a {
color: inherit;
}
.post-metas a:hover {
color: var(--link-color-hover);
}
.post-metas .post-author .author-avatar img {
width: 30px;
height: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post-metas .meta-inner > span {
position: relative;
padding: 3px 12px 5px 0;
margin-right: 12px;
}
.post-metas .meta-inner > span:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 25px;
right: 0;
top: 50%;
transform: translateY(-55%);
background-color: #ffffff;
opacity: 0.2;
}
.post-metas .meta-inner > span:last-child {
padding-right: 0;
margin-right: 0;
}
.post-metas .meta-inner > span:last-child:after {
content: none;
}
.post-metas .post-tags svg {
margin-right: 7px;
}
.post-metas .post-tags i {
font-family: "eicons";
}
.post-metas .author-avatar,
.post-metas i {
font-size: 15px;
margin-right: 7px;
position: relative;
color: var(--heading-color);
}
.post-metas .demo-icon {
font-family: "eicons";
font-style: normal;
font-weight: normal;
font-size: 14px;
}
.post-metas .pxli-folder-open1 {
font-size: 15px;
margin-right: 8px;
color: var(--heading-color);
}
.pxl-post-metas-wrap .author-avatar,
.pxl-post-metas-wrap i {
color: var(--primary-color);
} .post-footer-case {
margin-top: 61px;
}
.post-tags-share {
align-items: center;
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
}
.post-tags-share .post-tags .label {
display: none;
}
.post-tags-share .label {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 26px;
margin-right: 11px;
color: var(--heading-color);
}
.post-tags-wrap {
margin: 20px 0;
}
.post-tags-wrap .post-tags {
margin: -5px;
line-height: 1;
bottom: 0;
display: flex;
align-items: center;
}
.post-tags-wrap .post-tags > * {
margin: 5px 4px;
}
.post-tags-wrap a {
background-color: #efefef;
color: var(--heading-color);
display: inline-block;
font-size: 13px !important;
padding: 6px 20px;
line-height: 21px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-tags-wrap a:hover {
background-color: var(--primary-color);
color: #ffffff;
}
.post-share-wrap {
margin: 20px 0;
}
@media (min-width: 576px) {
.post-share-wrap .post-shares {
justify-content: flex-end;
}
}
.social-share .d-flex {
margin-left: -4px;
margin-right: -4px;
}
.social-share .d-flex > * {
margin-left: 4px;
margin-right: 4px;
}
.social-share .pxl-icon {
font-size: 15px;
width: 32px;
height: 32px;
line-height: 32px;
color: #ffffff;
display: inline-block;
text-align: center;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.social-share .pxl-icon:after {
position: absolute;
top: 0;
left: 0;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
content: "";
width: 32px;
height: 32px;
border-radius: 100%;
display: block;
transition: all 250ms ease-out;
z-index: -1;
}
.social-share .pxl-icon.icon-facebook:after {
background-color: #3b5ea1;
}
.social-share .pxl-icon.icon-facebook:hover {
color: #3b5ea1;
}
.social-share .pxl-icon.icon-twitter:after {
background-color: #2bb3fa;
}
.social-share .pxl-icon.icon-twitter:hover {
color: #2bb3fa;
}
.social-share .pxl-icon.icon-linkedin:after {
background-color: #087ec0;
}
.social-share .pxl-icon.icon-linkedin:hover {
color: #087ec0;
}
.social-share .pxl-icon.icon-google:after {
background-color: #ee2c34;
}
.social-share .pxl-icon.icon-google:hover {
color: #ee2c34;
}
.social-share .pxl-icon:hover {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
.social-share .pxl-icon:hover:after {
transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transition: all 250ms ease-in;
}
.type-page .post-nav-links,
.category-post-formats .post-nav-links,
.post-1171 .post-nav-links {
overflow: visible !important;
margin-top: 20px;
}
.type-page .post-nav-links span,
.type-page .post-nav-links .post-page-numbers,
.category-post-formats .post-nav-links span,
.category-post-formats .post-nav-links .post-page-numbers,
.post-1171 .post-nav-links span,
.post-1171 .post-nav-links .post-page-numbers {
padding: 10px 15px;
border: 1px solid #dedede;
}
.type-page .post-nav-links span,
.category-post-formats .post-nav-links span,
.post-1171 .post-nav-links span {
border-color: var(--primary-color) !important;
}
.single-next-prev-nav {
padding-top: 55px;
margin-bottom: 30px;
position: relative;
}
.single-next-prev-nav .nav-next-prev.next {
text-align: end;
}
.single-next-prev-nav .nav-next-prev.next .nav-title {
margin-right: 8px;
}
.single-next-prev-nav .nav-next-prev.prev {
text-align: start;
}
.single-next-prev-nav .nav-next-prev.prev .nav-title {
margin-left: 8px;
}
.single-next-prev-nav .divider {
width: 30px;
padding: 0 15px;
}
.single-next-prev-nav .nav-inner {
position: relative;
}
.single-next-prev-nav .nav-inner > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
@media (min-width: 576px) {
.single-next-prev-nav .nav-label-wrap {
margin-bottom: 15px;
}
}
.single-next-prev-nav .nav-label {
font-size: 13px;
text-transform: uppercase;
color: var(--heading-color);
letter-spacing: 0.1px;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.single-next-prev-nav .nav-icon {
font-weight: 700;
font-size: 17px;
margin-top: -4px;
display: inline-block;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.single-next-prev-nav .prev .nav-icon {
margin-right: 7px;
}
.single-next-prev-nav .prev .col-lable {
margin-left: 19px;
}
.single-next-prev-nav .prev .nav-arrow i {
transform: translateX(23px);
}
@media (max-width: 767px) {
.single-next-prev-nav .next {
margin-top: 15px;
}
}
.single-next-prev-nav .next .nav-icon {
margin-left: 7px;
}
.single-next-prev-nav .next .nav-arrow i {
transform: translateX(-23px);
}
.single-next-prev-nav .next .col-lable {
margin-right: 19px;
}
@media (max-width: 767px) {
.single-next-prev-nav .next .col-lable {
margin-left: 19px;
order: 2;
text-align: left;
}
}
.single-next-prev-nav .nav-img {
overflow: hidden;
position: relative;
}
.single-next-prev-nav .nav-img img {
object-fit: cover;
}
.single-next-prev-nav .nav-img:before,
.single-next-prev-nav .nav-img:after {
position: absolute;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.single-next-prev-nav .nav-img .nav-arrow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(20, 33, 43, 0.35);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
color: #fff;
opacity: 0;
transition: all 300ms linear 0s;
cursor: pointer;
border-radius: 2px;
}
.single-next-prev-nav .nav-img .nav-arrow i {
font-size: 19px;
transition: all 300ms linear 0s;
}
.single-next-prev-nav .nav-title {
font-family: var(--heading-font-family);
font-style: normal;
font-weight: 600;
font-size: 20px;
color: var(--heading-color);
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
word-break: break-word;
}
.single-next-prev-nav .nav-next-prev:hover .nav-icon {
color: var(--link-color-hover);
}
.single-next-prev-nav .nav-next-prev:hover .nav-label {
color: var(--link-color-hover);
}
.single-next-prev-nav .nav-next-prev:hover .nav-img .nav-arrow {
opacity: 1;
}
.single-next-prev-nav .nav-next-prev:hover .nav-img .nav-arrow i {
transform: translateX(0);
}
.single-next-prev-nav .nav-next-prev:hover .nav-title {
color: var(--link-color-hover);
}
.posts-pagination:empty,
.woocommerce-pagination:empty {
display: none;
}
.posts-pagination .pagination-inner,
.woocommerce-pagination .pagination-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: -3px;
align-items: center;
justify-content: center;
}
.posts-pagination .pagination-inner > *,
.woocommerce-pagination .pagination-inner > * {
max-width: 100%;
}
.posts-pagination .page-numbers,
.posts-pagination .post-page-numbers,
.woocommerce-pagination .page-numbers,
.woocommerce-pagination .post-page-numbers {
background: var(--secondary-color);
flex: 0 0 auto;
margin: 5px;
vertical-align: top;
text-align: center;
font-weight: 700;
font-size: 16px;
text-align: center;
width: 49px;
height: 49px;
line-height: 43px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.posts-pagination .page-numbers > *,
.posts-pagination .post-page-numbers > *,
.woocommerce-pagination .page-numbers > *,
.woocommerce-pagination .post-page-numbers > * {
max-width: 100%;
}
.posts-pagination .page-numbers.dots,
.posts-pagination .post-page-numbers.dots,
.woocommerce-pagination .page-numbers.dots,
.woocommerce-pagination .post-page-numbers.dots {
line-height: 30px;
}
.posts-pagination .page-numbers:hover,
.posts-pagination .page-numbers.current,
.posts-pagination .post-page-numbers:hover,
.posts-pagination .post-page-numbers.current,
.woocommerce-pagination .page-numbers:hover,
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .post-page-numbers:hover,
.woocommerce-pagination .post-page-numbers.current {
background: var(--primary-color);
color: #ffffff;
}
.posts-pagination .prev,
.posts-pagination .next,
.woocommerce-pagination .prev,
.woocommerce-pagination .next {
font-size: 18px;
}
.posts-pagination .prev span,
.posts-pagination .next span,
.woocommerce-pagination .prev span,
.woocommerce-pagination .next span {
font-weight: 500;
vertical-align: baseline;
}
.posts-pagination.page-links,
.woocommerce-pagination.page-links {
justify-content: start;
}
.comment-list-wrap .navigation {
justify-content: flex-end;
}
.navigation.page-links {
margin-top: 26px;
margin-bottom: 20px;
}
.pxl-load-more {
margin-top: 70px;
}
.pxl-load-more .btn-grid-loadmore {
padding: 7.5px 33px 7px;
}
.pxl-load-more .btn-grid-loadmore.right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-load-more .btn-grid-loadmore.right > * {
max-width: 100%;
}
.pxl-load-more .btn-icon {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.1s ease;
-khtml-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.pxl-load-more .btn-icon.left {
margin-right: 6px;
}
.pxl-load-more .btn-icon.right {
order: 2;
margin-left: 8px;
margin-right: 0;
}
.pxl-load-more .btn-text {
display: inline-block;
-webkit-transition: transform 0.3s ease;
-khtml-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.pxl-load-more .pxl-btn-icon {
display: inline-block;
position: absolute;
right: -7px;
top: calc(50% - 16px);
transform: translateY(-50%);
line-height: 1;
opacity: 0;
visibility: hidden;
}
.pxl-load-more .btn-grid-loadmore.loading .btn-icon {
opacity: 0;
visibility: hidden;
}
.pxl-load-more .btn-grid-loadmore.loading .pxl-btn-icon {
font-size: inherit;
opacity: 1;
visibility: visible;
-webkit-animation: xoayvong 2s linear 0s infinite;
-moz-animation: xoayvong 2s linear 0s infinite;
animation: xoayvong 2s linear 0s infinite;
}
.pxl-grid-overlay.loader {
cursor: wait;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.pxl-grid-overlay.loader:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
display: block;
background: rgba(255, 255, 255, 0.3);
}
.pxl-grid-overlay.loader:after {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
content: "";
font-family: "pxli";
font-size: 50px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
margin: -25px 0 0 -25px;
color: rgba(var(--primary-color-rgb), 0.8);
-webkit-animation: "spin 1s infinite linear";
-moz-animation: "spin 1s infinite linear";
animation: "spin 1s infinite linear";
}
.pxl-case-study .title-tags {
position: relative;
margin-top: -10px;
}
.pxl-case-study .title-tags:after {
content: "";
display: block;
width: 122px;
height: 2px;
background-color: var(--primary-color);
position: absolute;
bottom: -23px;
left: 50%;
transform: translateX(-50%);
}
.pxl-case-study .post-title {
font-size: 45px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.pxl-case-study .post-title {
font-size: 40px;
line-height: 1.2;
}
}
.pxl-case-study .case-tags a {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
overflow: hidden;
}
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) > * {
max-width: 100%;
}
@media (max-width: 767px) {
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) {
flex-wrap: wrap;
}
}
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) img {
object-fit: cover;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) img:hover {
transform: translateY(-8px);
}
@media (min-width: 767px) {
.single-post-inner
.elementor-widget-pxl_text_editor
p:has(img)
img:nth-child(1) {
width: 50%;
padding-right: 15px;
padding: 18px 15px 22px 0px;
}
.single-post-inner
.elementor-widget-pxl_text_editor
p:has(img)
img:nth-child(2) {
padding-left: 15px;
width: 50%;
padding: 18px 0px 22px 15px;
}
}
@media (max-width: 767px) {
.single-post-inner .elementor-widget-pxl_text_editor p:has(img) img {
width: 100%;
padding: 10px 0;
}
}
.div-text {
margin-top: 17px;
margin-bottom: 11px;
line-height: 26px;
}
.div-text .text-blog {
font-size: 15px;
font-weight: 500;
line-height: 15px;
color: #1a191d;
}
@media (max-width: 767px) {
.div-text .text-blog {
font-size: 13px;
}
}
body.error404 .page-404-wrap {
height: 100vh;
}
body.error404 header.pxl-header,
body.error404 #pxl-pagetitle,
body.error404 footer {
display: none;
}
.post-1788 .wp-block-image img {
margin-bottom: 35px;
}
.post-1784 .post-content {
margin-bottom: 38px;
}
.post-1783 .is-layout-flex blockquote {
padding: 100px 15px 30px;
}
.post-1783 .is-layout-flex blockquote:before {
top: 23%;
left: 15px;
}
.post-1786 blockquote {
padding: 30px 45px 16px 113px !important;
}
.post-1177 em strong {
white-space: pre;
}
.post-1151 .post-tags-wrap {
width: 100%;
}
.pxl-archive-post .post-content {
padding-bottom: 39px;
margin-bottom: 35px;
}
.pxl-archive-post .post-excerpt {
margin-top: 13px;
}
.pxl-archive-post .post-divider {
height: 3px;
width: 87px;
background: var(--primary-color);
transform: skew(-45deg);
}
.pxl-archive-post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-color: transparent;
}
.pxl-archive-post.search-results-post {
margin-bottom: 50px;
}
.pxl-archive-post .post-title {
font-size: 28px;
margin-top: 26px;
margin-bottom: 9px;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 36px;
word-wrap: break-word;
}
.pxl-archive-post .post-readmore {
margin-top: 33px;
}
.pxl-archive-post .post-readmore i {
font-size: 9px;
margin-left: 4px;
z-index: 6;
position: relative;
}
.pxl-archive-post .format-wrap {
border: 1px solid rgba(var(--primary-color-rgb), 0.5);
text-align: left;
padding: 61px 60px 30px;
}
.pxl-archive-post .format-wrap .quote-inner {
text-align: left;
}
.pxl-archive-post .format-wrap .quote-inner.in-view:after {
right: 43px;
}
.pxl-archive-post .format-wrap .quote-inner:after {
content: "";
position: absolute;
bottom: 0;
right: -143px;
height: 120px;
width: 176px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-iconn.png);
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-archive-post .format-wrap .quote-inner:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-28px.png);
bottom: 0;
background-color: var(--primary-color);
right: 0;
display: block;
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
z-index: 3;
}
.pxl-archive-post .format-wrap .meta-inner {
justify-content: center;
}
.pxl-archive-post .format-wrap .post-metas {
padding-top: 10px;
}
.pxl-archive-post.format-quote .post-content .post-metas {
display: none;
}
.pxl-archive-post.format-quote .quote-inner .quote-icon {
margin-bottom: 25px;
}
.pxl-archive-post.format-quote .quote-inner .quote-icon svg {
height: 24px;
width: auto;
fill: var(--primary-color);
transform: rotate(180deg);
}
.pxl-archive-post.format-quote .quote-inner .quote-text {
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 33px;
letter-spacing: 0.03em;
color: #fff;
font-weight: bold;
position: relative;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
}
.pxl-archive-post.format-quote .quote-inner .quote-text:hover {
color: var(--primary-color);
}
.pxl-archive-post.format-quote .quote-inner .quote-cite {
font-size: 13px;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.15em;
display: block;
margin-top: 20px;
line-height: 33px;
font-family: var(--body-font-family);
}
.pxl-archive-post.format-link .post-content .post-metas {
display: none;
}
.pxl-archive-post.format-link .link-inner {
padding-bottom: 20px;
}
.pxl-archive-post.format-link .link-inner.in-view:after {
right: -10px;
}
.pxl-archive-post.format-link .link-inner:after {
content: "";
position: absolute;
bottom: -10px;
right: -110px;
height: 160px;
width: 160px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/link-icon-post.png);
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-archive-post.format-link .link-inner:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/link-icon-post-1.png);
bottom: 0;
background-color: var(--primary-color);
right: 0;
display: block;
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
z-index: 3;
}
.pxl-archive-post.format-link .link-inner .link-text {
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 33px;
letter-spacing: 0.03em;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.pxl-archive-post.format-link .link-inner .link-text:hover {
color: var(--primary-color);
}
.pxl-archive-post.format-link .post-metas-link {
text-transform: uppercase;
font-size: 13px;
color: #fff;
line-height: 33px;
letter-spacing: 0.15em;
margin-top: 18px;
padding-bottom: 15px;
}
.pxl-archive-post.format-link .post-metas-link .post-meta {
position: relative;
}
.pxl-archive-post.format-link .post-metas-link .post-meta:after {
content: "/";
}
.pxl-archive-post.format-link .post-metas-link .post-meta:last-child:after {
content: none;
}
.pxl-archive-post .post-metas {
letter-spacing: 0.05em;
color: var(--body-color);
}
.pxl-archive-post .post-metas .meta-inner > span {
padding: 5px 10px 5px 0;
margin-right: 10px;
}
.pxl-archive-post .post-metas .meta-inner > span:after {
height: 20px;
background-color: #dedede;
opacity: 1;
}
.post-featured {
position: relative;
background-color: #14212b;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#14212b),
to(#334b5d)
);
background-image: -webkit-linear-gradient(to right, #14212b, #334b5d);
background-image: -moz-linear-gradient(to right, #14212b, #334b5d);
background-image: -ms-linear-gradient(to right, #14212b, #334b5d);
background-image: -o-linear-gradient(to right, #14212b, #334b5d);
background-image: linear-gradient(to right, #14212b, #334b5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#334b5d", gradientType="1");
}
.post-featured .post-date {
position: absolute;
top: 0;
left: 0;
color: #fff;
display: none;
text-align: center;
}
.post-featured .post-date .date-day {
background-color: var(--secondary-color);
padding: 15px 24.5px;
font-size: 30px;
font-weight: 600;
line-height: 24px;
}
.post-featured .post-date .date-year {
background-color: var(--primary-color);
padding: 7px 24.5px;
font-size: 15px;
display: block;
font-weight: 500;
line-height: 24px;
}
.post-featured .post-image + .post-date {
display: inline-grid;
}
.post-featured:has(.post-image) .post-image {
overflow: hidden;
}
.post-featured:has(.post-image) .post-image img {
width: 100%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
object-fit: cover;
}
.post-featured:has(.post-image) .post-date {
display: inline-grid;
}
.post-featured:has(.post-image):hover .post-image img {
transform: scale(1.05);
}
.post-featured:has(.post-image):hover
.pxl-video-popup
.video-play-button:before {
transform: scale(0.9);
}
.post-featured .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .sidebar-sticky {
position: -webkit-sticky;
position: sticky;
top: 150px;
}
.widget {
position: relative;
}
.widget .widget-content .calendar_wrap {
padding-bottom: 20px;
}
.widget_archive .widget-content,
.widget_categories .widget-content {
padding-bottom: 4px;
}
.widget_price_filter form {
border: 1px solid #dedede;
padding: 26px 26px 29px 26px;
}
#pxl-sidebar-area .widget,
.elementor-widget-sidebar .widget,
.elementor-widget .e-sidebar-widget {
margin-bottom: 40px;
}
#pxl-sidebar-area .widget:last-child,
.elementor-widget-sidebar .widget:last-child,
.elementor-widget .e-sidebar-widget:last-child {
margin-bottom: 0;
}
#pxl-sidebar-area .widget .in-view:after,
#pxl-sidebar-area .widget .in-view:before,
.elementor-widget-sidebar .widget .in-view:after,
.elementor-widget-sidebar .widget .in-view:before,
.elementor-widget .e-sidebar-widget .in-view:after,
.elementor-widget .e-sidebar-widget .in-view:before {
transform: translate(0px, 0px) !important;
}
#pxl-sidebar-area .widget .widget-title,
.elementor-widget-sidebar .widget .widget-title,
.elementor-widget .e-sidebar-widget .widget-title {
color: #f3f3f3;
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0.02em;
position: relative;
z-index: 1;
background: var(--secondary-color);
padding: 19px 28px 18px 27px;
overflow: hidden;
}
#pxl-sidebar-area .widget .widget-title:before,
.elementor-widget-sidebar .widget .widget-title:before,
.elementor-widget .e-sidebar-widget .widget-title:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 29px solid var(--primary-color);
border-left: 29px solid transparent;
z-index: 3;
transform: translate(20px, -20px);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
#pxl-sidebar-area .widget .wp-block-group h2,
#pxl-sidebar-area .widget .wp-block-search__label,
.elementor-widget-sidebar .widget .wp-block-group h2,
.elementor-widget-sidebar .widget .wp-block-search__label,
.elementor-widget .e-sidebar-widget .wp-block-group h2,
.elementor-widget .e-sidebar-widget .wp-block-search__label {
color: #f3f3f3;
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0.02em;
position: relative;
z-index: 1;
background: var(--secondary-color);
padding: 19px 28px 18px 27px;
overflow: hidden;
}
#pxl-sidebar-area .widget .wp-block-group h2:before,
#pxl-sidebar-area .widget .wp-block-search__label:before,
.elementor-widget-sidebar .widget .wp-block-group h2:before,
.elementor-widget-sidebar .widget .wp-block-search__label:before,
.elementor-widget .e-sidebar-widget .wp-block-group h2:before,
.elementor-widget .e-sidebar-widget .wp-block-search__label:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 29px solid var(--primary-color);
border-left: 29px solid transparent;
z-index: 3;
transform: translate(0px, 0px);
transition: all 0.8s ease;
}
#pxl-sidebar-area .widget.widget_search,
.elementor-widget-sidebar .widget.widget_search,
.elementor-widget .e-sidebar-widget.widget_search {
padding: 0;
border: none !important;
}
#pxl-sidebar-area .widget span.count,
.elementor-widget-sidebar .widget span.count,
.elementor-widget .e-sidebar-widget span.count {
display: block;
margin-left: 6px;
}
.sidebar-widget-title {
background-color: var(--secondary-color);
position: relative;
overflow: hidden;
}
.sidebar-widget-title:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 0;
border-bottom: 60px solid rgba(255, 255, 255, 0.07);
border-left: 60px solid transparent;
border-right: 60px solid rgba(255, 255, 255, 0.07);
}
.widget .screen-reader-text,
.e-sidebar-widget .screen-reader-text {
display: none;
}
.widget .widget-title,
.widget .wp-block-group h2,
.widget .wp-block-search__label,
.e-sidebar-widget .widget-title,
.e-sidebar-widget .wp-block-group h2,
.e-sidebar-widget .wp-block-search__label {
font-size: 18px;
position: relative;
color: var(--heading-color);
font-weight: 600;
line-height: 24px;
letter-spacing: 0.02;
}
.widget select,
.e-sidebar-widget select {
max-width: 100%;
}
#archives-dropdown--1:hover {
border-color: var(--primary-color);
overflow: hidden;
box-shadow: none;
}
.widget_mc4wp_form_widget .mailchimp-form button[type="submit"] {
display: block;
width: 100%;
margin-top: 15px;
text-align: center;
}
.widget_mc4wp_form_widget .mailchimp-form button[type="submit"] .pxl-icon {
margin-left: 10px;
}
.widget_mc4wp_form_widget .mailchimp-form button[type="submit"]:before {
content: none !important;
}
.widget_mc4wp_form_widget
.mailchimp-form
button[type="submit"]:hover
.pxl-icon {
animation: toRightFromLeft 0.3s forwards;
}
.pxl-author-info {
text-align: center;
padding: 0 !important;
border: none !important;
}
.pxl-author-info .author-image {
position: relative;
z-index: 3;
position: relative;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
height: 187px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-author-info .author-image > * {
max-width: 100%;
}
.pxl-author-info .author-image:before {
content: "";
width: 212px;
height: 212px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.pxl-author-info .author-image img {
position: absolute;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 186px;
height: 186px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pxl-author-info .author-content {
background-color: var(--secondary-color);
padding: 135px 0 35px;
position: relative;
margin-top: -110px;
z-index: 1;
overflow: hidden;
}
.pxl-author-info .author-content:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 29px solid var(--primary-color);
border-left: 29px solid transparent;
z-index: 3;
transform: translate(20px, -20px);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.pxl-author-info .author-content:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 29px solid var(--primary-color);
border-right: 29px solid transparent;
transform: translate(-20px, 20px);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index: 3;
}
.pxl-author-info .author-content .name-position {
position: relative;
padding: 6px 25px 20px;
overflow: hidden;
}
.pxl-author-info .author-content .name-position .author-position {
font-size: 13px;
color: var(--primary-color);
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 3px;
}
.pxl-author-info .author-content .name-position .author-name {
font-size: 23px;
color: #ffffff;
letter-spacing: 0.02em;
margin-bottom: 0;
font-weight: 600;
}
.pxl-author-info .author-content .author-divider {
width: 73px;
height: 3px;
background: var(--primary-color);
transform: skewX(-45deg);
margin: 0 auto;
}
.pxl-author-info .author-content .author-desc {
padding: 15px 25px 26px;
font-size: 15px;
color: #ededed;
}
.pxl-author-info .author-content .social-share-author {
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-author-info .author-content .social-share-author > * {
max-width: 100%;
}
.pxl-location-info {
margin-bottom: 50px !important;
}
.pxl-location-info .lc-image-wrap {
margin-top: 30px;
margin-bottom: 35px;
}
@media (min-width: 1200px) {
.pxl-location-info .lc-image-wrap {
padding: 0 40px;
}
}
.pxl-location-info .location-name {
font-size: 13px;
font-weight: 600;
position: relative;
letter-spacing: 0.15em;
display: inline-flex;
align-items: center;
background-color: #fff;
padding-right: 30px;
text-transform: uppercase;
margin-top: 7px;
margin-bottom: 15px;
}
.pxl-location-info .location-name:before {
content: "";
font-family: "Material-Design-Iconic-Font";
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
background-color: var(--secondary-color);
color: var(--primary-color);
font-size: 19px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 30px;
}
.pxl-location-info .contact-location {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pxl-location-info .contact-location > span {
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 18px;
flex: none;
background-color: rgba(255, 255, 255, 0.1);
transition: all 300ms linear 0s;
}
.pxl-location-info .contact-location + .contact-location {
margin-top: 10px;
}
.pxl-location-info .contact-location:hover > span {
background-color: var(--primary-color);
color: var(--heading-color);
}
.search-form {
border: 1px solid #dedede;
padding: 29px 26px 27px 26px;
}
.search-form .searchform-wrap {
display: flex;
position: relative;
overflow: hidden;
}
.search-form .searchform-wrap input {
height: 46px;
line-height: 46px;
padding-right: 50px;
border: 1px solid #dedede;
font-style: italic;
color: var(--heading-color);
padding: 0 50px 0 20px;
font-size: 13px;
font-weight: 500;
text-align: start;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.search-form .searchform-wrap input:hover {
border-color: var(--primary-color) !important;
box-shadow: none;
}
.search-form .searchform-wrap .search-submit {
background-color: transparent;
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
padding: 1px;
color: #ffffff;
font-size: 13px;
background: var(--primary-color);
width: 33px;
height: 33px;
}
.post-1168 input {
margin-top: 15px;
}
.widget_pxl_recent_posts {
padding-bottom: 0;
}
.widget_pxl_recent_posts .pxl-post-item {
margin-bottom: 25px;
padding-bottom: 26px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
flex-direction: row;
border-bottom: 1px solid #dedede;
position: relative;
}
.widget_pxl_recent_posts .pxl-post-item > * {
max-width: 100%;
}
.widget_pxl_recent_posts .pxl-post-item:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_pxl_recent_posts .pxl-post-item .post-divider {
height: 1px;
background: #dedede;
width: 94%;
margin: 0 auto;
}
.widget_pxl_recent_posts .pxl-post-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.widget_pxl_recent_posts .pxl-post-item:last-child:after {
content: none;
}
.widget_pxl_recent_posts .pxl-post-item:hover:after {
width: 100%;
}
.widget_pxl_recent_posts .pxl-post-item:hover .pxl-post-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.widget_pxl_recent_posts .pxl-post-img {
flex: none;
margin-right: 21px;
width: 76px;
height: 82px;
overflow: hidden;
}
.widget_pxl_recent_posts .pxl-post-img img {
width: 100%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget_pxl_recent_posts .post-date {
font-size: 13px;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
line-height: 24px;
text-transform: uppercase;
}
.widget_pxl_recent_posts .post-date > span {
position: relative;
bottom: 2px;
}
.widget_pxl_recent_posts .pxl-wg-post-title {
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.02em;
margin-bottom: 0;
}
.widget_pxl_recent_posts .pxl-posts-list {
border: 1px solid #dedede;
padding: 26px 26px 29px 26px;
}
.site-layout-full-width .widget_pxl_recent_posts .entry-title {
font-size: 20px;
}
.site-layout-full-width .widget_pxl_recent_posts .entry-meta li {
font-size: 16px;
}
ul.menu {
list-style: none;
margin: 0;
}
.widget_nav_menu.column3 ul.menu {
margin: 0 -15px;
overflow: hidden;
}
.widget_nav_menu.column3 ul.menu li {
width: 33.33%;
padding: 0 15px;
float: left;
}
@media (max-width: 575px) {
.widget_nav_menu.column3 ul.menu li {
width: 50%;
}
}
@media (max-width: 575px) {
.widget_nav_menu.column3 ul.menu li {
width: 100%;
}
}
.widget_nav_menu.column2 ul.menu {
margin: 0 -15px;
overflow: hidden;
}
.widget_nav_menu.column2 ul.menu li {
width: 50%;
padding: 0 15px;
float: left;
}
@media (max-width: 575px) {
.widget_nav_menu.column2 ul.menu li {
width: 100%;
}
}
.widget_categories ul,
.widget_product_categories ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_meta ul {
list-style: none;
margin-top: 0px;
}
#pxl-main .widget_product_categories ul li a {
font-size: 15px !important;
}
#pxl-main .widget_product_categories,
#pxl-main .widget_archive,
#pxl-main .widget_categories {
overflow: visible;
}
#pxl-main .widget_product_categories ul li,
#pxl-main .widget_archive ul li,
#pxl-main .widget_categories ul li {
font-size: 0;
line-height: 0;
}
#pxl-main .widget_product_categories ul li a,
#pxl-main .widget_archive ul li a,
#pxl-main .widget_categories ul li a {
font-size: 15px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 11px;
text-transform: capitalize;
color: var(--heading-color);
display: flex;
align-items: center;
padding: 20px 0;
position: relative;
padding-left: 16px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#pxl-main .widget_product_categories ul li.menu-item-has-children > a,
#pxl-main .widget_archive ul li.menu-item-has-children > a,
#pxl-main .widget_categories ul li.menu-item-has-children > a {
border-bottom: 1px solid #dedede;
}
#pxl-main .widget_product_categories ul li:not(:last-child) .children a,
#pxl-main .widget_archive ul li:not(:last-child) .children a,
#pxl-main .widget_categories ul li:not(:last-child) .children a {
border-bottom: 1px solid #dedede;
}
#pxl-main .widget_product_categories .current-cat > a,
#pxl-main .widget_product_categories .current-cat-parent > a,
#pxl-main .widget_product_categories .current-cat-ancestor > a,
#pxl-main .widget_archive .current-cat > a,
#pxl-main .widget_archive .current-cat-parent > a,
#pxl-main .widget_archive .current-cat-ancestor > a,
#pxl-main .widget_categories .current-cat > a,
#pxl-main .widget_categories .current-cat-parent > a,
#pxl-main .widget_categories .current-cat-ancestor > a {
color: var(--heading-color);
}
#pxl-main .widget_product_categories .widget-title + ul,
#pxl-main .widget_product_categories .pxl-nav-inner,
#pxl-main .widget_archive .widget-title + ul,
#pxl-main .widget_archive .pxl-nav-inner,
#pxl-main .widget_categories .widget-title + ul,
#pxl-main .widget_categories .pxl-nav-inner {
padding-bottom: 8px;
}
#pxl-main .widget_product_categories ul.menu,
#pxl-main .widget_archive ul.menu,
#pxl-main .widget_categories ul.menu {
overflow: hidden;
}
#pxl-main .widget_product_categories ul,
#pxl-main .widget_archive ul,
#pxl-main .widget_categories ul {
border: 1px solid #dedede;
padding: 8px 26px 28px 26px;
}
#pxl-main .widget_product_categories ul li a,
#pxl-main .widget_archive ul li a,
#pxl-main .widget_categories ul li a {
position: relative;
border-bottom: 1px solid #e1e1e2;
}
#pxl-main .widget_product_categories ul li a:before,
#pxl-main .widget_archive ul li a:before,
#pxl-main .widget_categories ul li a:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
background: var(--primary-color);
left: 1px;
top: 50%;
transform: translateY(-50%);
}
#pxl-main .widget_product_categories ul li a:after,
#pxl-main .widget_archive ul li a:after,
#pxl-main .widget_categories ul li a:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#pxl-main .widget_product_categories ul li a:hover,
#pxl-main .widget_archive ul li a:hover,
#pxl-main .widget_categories ul li a:hover {
color: var(--primary-color);
}
#pxl-main .widget_product_categories ul li a:hover:after,
#pxl-main .widget_archive ul li a:hover:after,
#pxl-main .widget_categories ul li a:hover:after {
width: 100%;
}
#pxl-main .widget_product_categories ul li .children,
#pxl-main .widget_archive ul li .children,
#pxl-main .widget_categories ul li .children {
border: none;
padding: 0 26px;
}
#pxl-main .widget_product_categories ul li:last-child a,
#pxl-main .widget_archive ul li:last-child a,
#pxl-main .widget_categories ul li:last-child a {
border-bottom: 0;
}
#pxl-main .widget_product_categories ul li:last-child a:after,
#pxl-main .widget_archive ul li:last-child a:after,
#pxl-main .widget_categories ul li:last-child a:after {
content: none;
}
#pxl-main .widget_nav_menu,
#pxl-main .pxl-nav-menu.e-sidebar-widget,
#pxl-main .widget_pages,
#pxl-main .widget_meta,
#pxl-main .widget_block {
overflow: visible;
}
#pxl-main .widget_nav_menu ul li,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li,
#pxl-main .widget_pages ul li,
#pxl-main .widget_meta ul li,
#pxl-main .widget_block ul li {
font-size: 0;
line-height: 0;
}
#pxl-main .widget_nav_menu ul li a,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li a,
#pxl-main .widget_pages ul li a,
#pxl-main .widget_meta ul li a,
#pxl-main .widget_block ul li a {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #fff;
display: flex;
align-items: center;
padding: 25px 0;
position: relative;
z-index: 1;
background: var(--secondary-color);
margin-bottom: 11px;
max-height: 25px;
line-height: 25px;
padding-left: 25px;
align-content: center;
font-family: var(--heading-font-family);
}
#pxl-main .widget_nav_menu ul li a span,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li a span,
#pxl-main .widget_pages ul li a span,
#pxl-main .widget_meta ul li a span,
#pxl-main .widget_block ul li a span {
margin-left: 25px;
}
#pxl-main .widget_nav_menu ul li a:before,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li a:before,
#pxl-main .widget_pages ul li a:before,
#pxl-main .widget_meta ul li a:before,
#pxl-main .widget_block ul li a:before {
content: "";
position: absolute;
width: 4px;
height: 100%;
background-color: var(--primary-color);
margin-right: 0px;
transition: all 0.5s ease;
z-index: -1;
left: 0;
}
#pxl-main .widget_nav_menu ul li:last-child > a,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li:last-child > a,
#pxl-main .widget_pages ul li:last-child > a,
#pxl-main .widget_meta ul li:last-child > a,
#pxl-main .widget_block ul li:last-child > a {
border-bottom: none;
}
#pxl-main .widget_nav_menu ul li:last-child > a:after,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li:last-child > a:after,
#pxl-main .widget_pages ul li:last-child > a:after,
#pxl-main .widget_meta ul li:last-child > a:after,
#pxl-main .widget_block ul li:last-child > a:after {
content: none;
}
#pxl-main .widget_nav_menu ul li.current-cat > a:before,
#pxl-main .widget_nav_menu ul li.current-cat-parent > a:before,
#pxl-main .widget_nav_menu ul li.current-menu-item > a:before,
#pxl-main .widget_nav_menu ul li > a:hover:before,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat > a:before,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat-parent > a:before,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-menu-item > a:before,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li > a:hover:before,
#pxl-main .widget_pages ul li.current-cat > a:before,
#pxl-main .widget_pages ul li.current-cat-parent > a:before,
#pxl-main .widget_pages ul li.current-menu-item > a:before,
#pxl-main .widget_pages ul li > a:hover:before,
#pxl-main .widget_meta ul li.current-cat > a:before,
#pxl-main .widget_meta ul li.current-cat-parent > a:before,
#pxl-main .widget_meta ul li.current-menu-item > a:before,
#pxl-main .widget_meta ul li > a:hover:before,
#pxl-main .widget_block ul li.current-cat > a:before,
#pxl-main .widget_block ul li.current-cat-parent > a:before,
#pxl-main .widget_block ul li.current-menu-item > a:before,
#pxl-main .widget_block ul li > a:hover:before {
width: 100%;
color: #fff;
background: var(--primary-color);
}
#pxl-main .widget_nav_menu ul li.menu-item-has-children > a,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul li.menu-item-has-children > a,
#pxl-main .widget_pages ul li.menu-item-has-children > a,
#pxl-main .widget_meta ul li.menu-item-has-children > a,
#pxl-main .widget_block ul li.menu-item-has-children > a {
border-bottom: 1px solid #dedede;
}
#pxl-main .widget_nav_menu .current-cat > a,
#pxl-main .widget_nav_menu .current-cat-parent > a,
#pxl-main .widget_nav_menu .current-cat-ancestor > a,
#pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat > a,
#pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat-parent > a,
#pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat-ancestor > a,
#pxl-main .widget_pages .current-cat > a,
#pxl-main .widget_pages .current-cat-parent > a,
#pxl-main .widget_pages .current-cat-ancestor > a,
#pxl-main .widget_meta .current-cat > a,
#pxl-main .widget_meta .current-cat-parent > a,
#pxl-main .widget_meta .current-cat-ancestor > a,
#pxl-main .widget_block .current-cat > a,
#pxl-main .widget_block .current-cat-parent > a,
#pxl-main .widget_block .current-cat-ancestor > a {
color: var(--primary-color);
}
#pxl-main .widget_nav_menu .widget-title + ul,
#pxl-main .widget_nav_menu .pxl-nav-inner,
#pxl-main .pxl-nav-menu.e-sidebar-widget .widget-title + ul,
#pxl-main .pxl-nav-menu.e-sidebar-widget .pxl-nav-inner,
#pxl-main .widget_pages .widget-title + ul,
#pxl-main .widget_pages .pxl-nav-inner,
#pxl-main .widget_meta .widget-title + ul,
#pxl-main .widget_meta .pxl-nav-inner,
#pxl-main .widget_block .widget-title + ul,
#pxl-main .widget_block .pxl-nav-inner {
padding-bottom: 0px;
margin-top: 11px;
}
#pxl-main .widget_nav_menu ul.menu,
#pxl-main .pxl-nav-menu.e-sidebar-widget ul.menu,
#pxl-main .widget_pages ul.menu,
#pxl-main .widget_meta ul.menu,
#pxl-main .widget_block ul.menu {
overflow: hidden;
}
#pxl-main .widget_nav_menu #menu-testing-menu,
#pxl-main .pxl-nav-menu.e-sidebar-widget #menu-testing-menu,
#pxl-main .widget_pages #menu-testing-menu,
#pxl-main .widget_meta #menu-testing-menu,
#pxl-main .widget_block #menu-testing-menu {
margin-top: 11px;
}
#pxl-main .widget_categories ul.children a:not(:last-child),
#pxl-main .widget_nav_menu ul.children a:not(:last-child) {
display: none !important;
}
#pxl-main .widget_categories a:empty,
#pxl-main .widget_categories a:blank,
#pxl-main .widget_nav_menu a:empty,
#pxl-main .widget_nav_menu a:blank {
display: none !important;
}
#pxl-main .widget_categories a:empty:after,
#pxl-main .widget_categories a:blank:after,
#pxl-main .widget_nav_menu a:empty:after,
#pxl-main .widget_nav_menu a:blank:after {
content: none !important;
}
#pxl-main .widget_text {
padding-bottom: 15px;
}
#pxl-main .widget_text select {
max-width: 100% !important;
white-space: pre-wrap;
}
#pxl-main .widget_text .textwidget {
margin-top: 20px;
}
.widget_recent_entries a,
.widget_recent_comments a {
color: var(--heading-color);
font-size: 16px;
}
.widget_recent_entries a:hover,
.widget_recent_comments a:hover {
color: var(--primary-color);
}
.widget_recent_entries li,
.widget_recent_comments li {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 11px;
margin-bottom: 11px;
position: relative;
list-style-type: none;
}
.widget_recent_entries li:after,
.widget_recent_comments li:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_recent_entries li:hover:after,
.widget_recent_comments li:hover:after {
width: 100%;
}
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.widget_recent_entries li:last-child:after,
.widget_recent_comments li:last-child:after {
content: none;
}
.widget_recent_comments .recentcomments > a:before {
content: "\a";
white-space: pre;
}
.widget_block .wp-block-latest-comments {
overflow: hidden;
border: 1px solid #dedede;
padding: 25px 26px 14px 26px;
}
.widget_block .wp-block-latest-comments a:hover {
color: var(--primary-color);
}
.widget_block .wp-block-latest-comments .wp-block-latest-comments__comment {
border-bottom: 1px solid #e3e3e3;
padding: 0px 0px 4px !important;
margin-bottom: 11px;
line-height: 1.68;
position: relative;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment:hover:after {
width: 100%;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment:last-child {
border: none;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment:last-child:after {
content: none;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-meta
a {
color: var(--heading-color);
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-meta:before {
width: 20px;
height: 25px;
line-height: 25px;
font-size: 15px;
content: "";
display: inline-block;
font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.widget_block
.wp-block-latest-comments
.wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.widget_rss {
font-size: 16px;
}
.widget_rss .rss-widget-icon {
margin-top: 7px;
display: none;
}
.widget_rss .widget-title .rsswidget {
font-weight: bold;
color: #ffffff;
margin-bottom: 0;
}
.widget_rss ul {
border: 1px solid #dedede;
padding: 18px 26px 17px 26px;
margin: 0;
}
.widget_rss li {
margin-bottom: 16px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 18px;
position: relative;
}
.widget_rss li::marker {
content: none;
}
.widget_rss li:last-child {
border-bottom: none;
}
.widget_rss li:last-child:after {
content: none;
}
.widget_rss li:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_rss li:hover:after {
width: 100%;
}
.widget_rss .rsswidget {
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
color: var(--heading-color);
}
.widget_rss a:hover {
color: var(--primary-color);
}
.widget_rss .rss-date {
font-size: 0.875em;
font-style: italic;
display: block;
margin-bottom: 3px;
}
.widget_rss cite {
font-weight: 700;
font-size: 0.875em;
}
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tbody td a {
color: var(--primary-color);
}
.widget_calendar .wp-calendar-nav-prev a {
border-bottom: 1px solid;
}
.widget_calendar #wp-calendar {
margin-bottom: 0;
}
.widget_calendar #wp-calendar caption {
display: none;
}
.widget_pxl_check_availability {
background-color: #fff;
border: 1px solid #e5e5e5 !important;
margin-bottom: 55px !important;
padding: 30px !important;
}
.widget_pxl_check_availability .select2-selection__arrow {
display: none !important;
}
.tnp-widget-minimal form {
display: flex;
position: relative;
}
.tnp-widget-minimal form input.tnp-email {
color: #666;
padding: 0 18px;
background-color: #fff;
}
.tnp-widget-minimal form input.tnp-submit {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
border-radius: 0;
padding: 0 35px;
font-size: 13px;
letter-spacing: 0.07em;
font-family: var(--heading-font-family);
background-color: var(--primary-color);
}
#pxl-sidebar-area .widget_newsletterwidget .widget-content,
#pxl-sidebar-area .widget_newsletterwidget .widget-desc,
.pxl-newsletter-form.e-sidebar-widget .widget-content,
.pxl-newsletter-form.e-sidebar-widget .widget-desc {
color: var(--heading-color);
font-size: 15px;
}
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget,
.pxl-newsletter-form.e-sidebar-widget .tnp-widget {
position: relative;
}
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-email,
.pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-email {
margin-bottom: 15px;
}
#pxl-sidebar-area
.widget_newsletterwidget
.tnp-widget
.tnp-field-email
.tnp-email,
.pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-email .tnp-email {
height: 46px;
border-radius: 0;
background-color: transparent;
border-color: #c2c2c2;
color: var(--heading-color);
font-weight: 400;
}
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-button,
.pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-button {
margin: 0;
position: relative;
}
#pxl-sidebar-area
.widget_newsletterwidget
.tnp-widget
.tnp-field-button
.tnp-submit,
.pxl-newsletter-form.e-sidebar-widget
.tnp-widget
.tnp-field-button
.tnp-submit {
height: 47px;
width: 100%;
background-color: var(--primary-color);
color: var(--heading-color);
border-color: transparent;
transition: all 0.5s ease;
}
#pxl-sidebar-area
.widget_newsletterwidget
.tnp-widget
.tnp-field-button
.tnp-submit:hover,
.pxl-newsletter-form.e-sidebar-widget
.tnp-widget
.tnp-field-button
.tnp-submit:hover {
background-color: transparent;
color: #fff;
}
.tagcloud a {
background-color: #efefef;
color: var(--heading-color);
display: inline-block;
font-size: 13px !important;
padding: 6px 20px;
margin-top: 8px;
margin-right: 4px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tagcloud a:hover {
background-color: var(--primary-color);
color: #fff;
}
.entry-tags label {
font-size: 17px;
color: var(--heading-color);
margin-right: 15px;
}
.tagcloud {
padding: 26px 26px 29px 26px;
border: 1px solid #dedede;
}
.pxl-sidebar-area .mc4wp-form .mailchimp-form.pxl-button-layout1 {
padding: 26px 26px 33px 26px;
border: 1px solid #dedede;
}
.pxl-sidebar-area .mc4wp-form .mailchimp-form.pxl-button-layout1 input:hover {
border-color: var(--primary-color);
}
@media (max-width: 575px) {
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn {
width: 100%;
}
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn:after {
background: var(--additional01-color);
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
z-index: 0;
transition: all 0.4s ease 0s;
transform: translateY(4px);
pointer-events: none;
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn:hover:after {
transform: translateY(0);
top: auto;
height: 100%;
background: var(--secondary-color);
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn
> * {
max-width: 100%;
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn:hover
.pxli-send-email {
animation: button-tran 0.3s ease;
}
.pxl-sidebar-area
.mc4wp-form
.mailchimp-form.pxl-button-layout1
button.pxl-btn
.pxli-send-email {
margin-left: 9px;
font-size: 10px;
z-index: 3;
}
.widget_recent_comments #recentcomments {
border: 1px solid #dedede;
padding: 12px 26px 28px 26px;
margin: 0;
}
.widget_recent_entries ul {
border: 1px solid #dedede;
padding: 18px 26px 17px 26px;
margin: 0;
}
.nice-select {
border: solid 1px #dedede;
cursor: pointer;
float: left;
color: var(--heading-color);
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 46px;
line-height: 23px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nice-select > * {
max-width: 100%;
}
.nice-select:hover {
border-color: var(--primary-color);
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: var(--primary-color);
}
.nice-select:after {
content: "";
height: 15px;
width: 15px;
pointer-events: none;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/select.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.15s ease-in-out;
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #ccc;
}
.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: 18px;
line-height: 18px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 18px;
min-height: 18px;
}
.nice-select .list {
background-color: #ffffff;
border: solid 1px #dedede;
width: inherit;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-23px);
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 .current {
white-space: pre-line;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 23px;
list-style: none;
min-height: 23px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
white-space: pre-line;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #dddbdb;
white-space: pre-line;
}
.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;
}
.widget_calendar .wp-calendar-nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.widget_calendar .wp-calendar-nav > * {
max-width: 100%;
}
.page-content .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%;
}
.custom-logo-link {
display: inline-block;
}
.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 {
padding-top: 2px;
text-align: right;
font-size: 14px;
line-height: 34px;
color: #acacac;
font-style: italic;
}
.wp-caption-text {
text-align: right;
font-size: 14px;
line-height: 1.6;
color: #acacac;
margin-top: 12px;
}
.gallery {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 25px;
margin-top: 28px;
}
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1em;
padding: 0 10px;
width: 50%;
}
.gallery-item .gallery-icon {
overflow: hidden;
}
.gallery-caption {
display: block;
text-align: center;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
display: flex;
}
.wp-block-gallery.alignfull {
margin-bottom: 20px;
}
.wp-block-gallery.alignfull .blocks-gallery-caption {
margin-bottom: 20px;
}
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull {
width: 100vw;
}
#primary:not(.content-has-sidebar)
.wp-block-gallery.alignfull
.blocks-gallery-grid {
position: relative;
left: calc(-12.5% - 128px);
width: calc(125% + 150px);
max-width: calc(125% + 150px);
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
@media (min-width: 480px) {
.gallery-columns-3 .gallery-item {
width: 33.333333%;
}
}
@media (min-width: 480px) {
.gallery-columns-4 .gallery-item {
width: 25%;
}
}
.gallery-columns-5 .gallery-caption {
display: none;
}
@media (min-width: 480px) {
.gallery-columns-5 .gallery-item {
width: 25%;
}
}
@media (min-width: 768px) {
.gallery-columns-5 .gallery-item {
width: 20%;
}
}
.gallery-columns-6 .gallery-caption {
display: none;
}
@media (min-width: 480px) {
.gallery-columns-6 .gallery-item {
width: 25%;
}
}
@media (min-width: 768px) {
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
}
.gallery-columns-7 .gallery-caption {
display: none;
}
@media (min-width: 480px) {
.gallery-columns-7 .gallery-item {
width: 25%;
}
}
@media (min-width: 768px) {
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
}
.gallery-columns-8 .gallery-caption {
display: none;
}
@media (min-width: 480px) {
.gallery-columns-8 .gallery-item {
width: 25%;
}
}
@media (min-width: 768px) {
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
}
.gallery-columns-9 .gallery-caption {
display: none;
}
@media (min-width: 480px) {
.gallery-columns-9 .gallery-item {
width: 25%;
}
}
@media (min-width: 768px) {
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
}
.gallery-caption {
display: block;
}
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
display: flex;
}
.comments-area .no-comments {
margin-top: 20px;
}
.comments-area {
margin-top: 45px;
}
.comments-area .comment-list-wrap {
padding-bottom: 25px;
border-bottom: 1px solid #dedede;
}
.comments-title {
font-style: normal;
font-size: 25px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.02em;
color: var(--heading-color);
margin: 0 0 24px 0;
position: relative;
}
.comment-reply-title {
font-style: normal;
font-size: 25px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.02em;
color: var(--heading-color);
margin: 0 0 28px 0;
position: relative;
}
.commentlist {
list-style: none;
padding: 0;
margin: 0;
}
.commentlist .comment {
padding-top: 27px;
}
.commentlist > .comment:first-child,
.commentlist > .review:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.commentlist > .comment:not(:last-child) > .children,
.commentlist > .review:not(:last-child) > .children {
margin-bottom: 0;
}
.commentlist .comment-avatar img {
max-width: 68px;
}
.commentlist .comment-content .comment-title {
position: relative;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 33px;
margin-top: -5px;
}
.commentlist .comment-content .comment-title a {
color: var(--heading-color);
text-transform: uppercase;
}
.commentlist .comment-content .comment-title a:hover {
color: var(--link-color-hover);
}
.commentlist .comment-content .comment-date {
font-size: 13px;
line-height: 22px;
font-weight: 400;
color: var(--body-color);
}
.commentlist .comment-content .comment-meta {
font-size: 12px;
color: #333;
}
.commentlist .comment-text {
margin-top: 18px;
}
.commentlist .comment-text p:after {
content: '"';
}
.commentlist .comment-text p:before {
content: '"';
}
.commentlist .children {
list-style: none;
padding: 0 0 0 70px;
margin: 0;
}
[dir="rtl"] .commentlist .children {
padding: 0 70px 0 0;
}
@media (max-width: 1499px) {
.commentlist .children {
padding: 0 0 0 35px;
}
[dir="rtl"] .commentlist .children {
padding: 0 35px 0 0;
}
}
@media (max-width: 575px) {
.commentlist .children {
padding: 0 0 0 15px;
}
[dir="rtl"] .commentlist .children {
padding: 0 15px 0 0;
}
}
.commentlist .comment-reply-link {
font-weight: 600;
font-size: 13px;
color: #000;
padding: 8px 20px 8px 15px;
border-radius: 0;
letter-spacing: 0.05em;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s aese;
-khtml-transition: all 0.3s aese;
-moz-transition: all 0.3s aese;
-ms-transition: all 0.3s aese;
-o-transition: all 0.3s aese;
transition: all 0.3s aese;
}
.commentlist .comment-reply-link:before {
content: "";
display: inline-block;
font-family: "Material-Design-Iconic-Font";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 8px;
color: var(--primary-color);
}
.commentlist .comment-reply-link:hover {
color: var(--primary-color);
}
.commentlist .comment-reply-link:hover:before {
animation: toLeftFromRight 0.3s forwards;
}
.comments-pagination {
margin-top: 24px;
}
.comment-respond .comment-form {
padding: 38px 30px 55px 30px;
background-color: #f3f3f4;
}
@media (max-width: 480px) {
.comment-respond .comment-form {
padding: 35px 15px;
}
}
.comment-respond .comment-form .comment-form-field {
margin-top: 12px;
}
.comment-respond .comment-form .pxl-comment-form-rating .comment-form-field {
margin-top: 0;
}
.comment-respond
.comment-form
.pxl-comment-form-rating
.comment-form-field
.stars {
margin-top: 7px;
display: inline-block;
}
.comment-respond .comment-form input[type="checkbox"] {
display: none;
}
.comment-respond .comment-form input[type="checkbox"] + label:before {
content: "";
font-family: "pxli";
border: 1px solid #dedede;
border-radius: 0;
background-color: #fff;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px;
vertical-align: bottom;
color: transparent;
transition: 0.2s;
position: relative;
top: -4px;
font-size: 8px;
text-align: center;
line-height: 12px;
}
.comment-respond .comment-form input[type="checkbox"] + label:active:before,
.comment-respond
.comment-form
input[type="checkbox"]
+ label.nice-select.open:before {
transform: scale(0);
}
.comment-respond .comment-form input[type="checkbox"]:checked + label:before {
background-color: var(--secondary-color);
color: #fff;
}
.comment-respond .comment-form input[type="checkbox"]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
.comment-respond .comment-form .comment-form-comment textarea {
height: 150px;
}
.comment-respond .form-submit {
margin: 35px 0 0;
text-align: center;
}
.comment-respond .form-submit .btn-comment span {
margin-right: 10px;
}
.comment-respond .form-submit .btn-comment i {
position: relative;
z-index: 3;
}
.comment-respond {
margin-top: 44px;
}
.logged-in-as {
text-align: center;
padding-bottom: 5px;
font-size: 15px;
line-height: 30px;
font-weight: 400;
color: var(--heading-color);
}
#cancel-comment-reply-link {
padding-left: 15px;
color: var(--heading-color);
font-weight: 400;
}
[dir="rtl"] #cancel-comment-reply-link {
padding-left: 0;
padding-right: 15px;
}
p.no-comments {
margin-top: 30px;
color: red;
}
.rating-container {
display: inline-block;
height: 18px;
vertical-align: top;
font-size: 0;
unicode-bidi: bidi-override;
direction: rtl;
}
.rating-container * {
font-size: 17px;
}
.rating-container > input {
display: none;
}
.rating-container > input + label {
font-family: "pxli";
line-height: 1;
}
.rating-container > input + label:before {
display: inline-block;
content: "";
color: #ffb237;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before,
.pxl-rating-icon-filled:before {
content: "";
color: #ffb237;
}
.rating-container:hover > input + label:before,
.pxl-rating-icon-empty:before {
content: "";
color: #ffb237;
text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
content: "";
color: #ffb237;
}
.pxl-rating-icon-filled,
.pxl-rating-icon-empty {
font-family: "pxli";
display: inline-block;
overflow: hidden;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.pxl-rating-icon-empty {
z-index: -1;
}
@media (max-width: 575px) {
.pxl-comment-form-rating {
flex-wrap: wrap;
flex-direction: column;
}
.pxl-comment-form-rating .comments-rating {
text-align: center;
}
}
.pxl-scroll-top {
position: fixed;
z-index: 99;
bottom: 24px;
right: 30px;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
opacity: 0;
visibility: hidden;
}
.pxl-scroll-top i {
font-size: 20px;
color: #fff;
}
.pxl-scroll-top:hover i,
.pxl-scroll-top:focus i,
.pxl-scroll-top:active i,
.pxl-scroll-top.nice-select.open i {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
.pxl-scroll-top.on {
bottom: 44px;
opacity: 1;
visibility: visible;
}
.pxl-footer.scroll-off:after {
display: none;
}
.pxl-footer {
color: #b6b6b6;
}
.pxl-footer.pxl-footer-fixed {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.pxl-footer .pxl-heading-wrap .heading-title {
color: #ffffff;
}
.pxl-footer .pxl-heading-wrap h4 {
font-size: 24px;
}
.pxl-footer .elementor-widget-text-editor {
color: #b6b6b6;
font-size: 16px;
line-height: 24px;
} .pxl-footer-bottom {
padding-top: 30px;
padding-bottom: 30px;
background: var(--secondary-color);
color: #fff;
font-size: 16px;
}
.pxl-copyright-text a {
color: #ffffff;
position: relative;
}
.pxl-copyright-text a:after {
content: "";
position: absolute;
height: 1px;
width: 0;
bottom: 0;
left: 0;
background: #ffffff;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pxl-copyright-text a:hover:after {
width: 100%;
}
.elementor-section .elementor-container {
flex-wrap: wrap;
justify-content: center;
}
.elementor-lightbox .swiper-zoom-container > canvas,
.elementor-lightbox .swiper-zoom-container > img,
.elementor-lightbox .swiper-zoom-container > svg {
object-fit: cover;
-o-object-fit: cover;
}
.elementor-column-gap-default
> .elementor-column
> .elementor-element-populated {
padding: 0 15px;
}
.elementor-column-gap-extended
> .elementor-column
> .elementor-element-populated {
padding: 0 15px;
}
.pxl-single-post .single-elementor-content > .elementor {
margin: 0 -15px;
}
.pxl-single-post .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.pxl-single-posttype .single-elementor-content > .elementor {
margin: 0 -15px;
}
.pxl-single-posttype .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.pxl-entry-content .fadeInUp.animated {
-webkit-animation: pxlFadeInUp 1s ease;
-moz-animation: pxlFadeInUp 1s ease;
animation: pxlFadeInUp 1s ease;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-entry-content .fadeInUp.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.pxl-entry-content .fadeInUp.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.pxl-entry-content .fadeInDown.animated {
-webkit-animation: pxlFadeInDown 1s ease;
-moz-animation: pxlFadeInDown 1s ease;
animation: pxlFadeInDown 1s ease;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-entry-content .fadeInDown.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.pxl-entry-content .fadeInDown.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.pxl-entry-content .fadeInLeft.animated {
-webkit-animation: pxlFadeInLeft 1s ease;
-moz-animation: pxlFadeInLeft 1s ease;
animation: pxlFadeInLeft 1s ease;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-entry-content .fadeInLeft.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.pxl-entry-content .fadeInLeft.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.pxl-entry-content .fadeInRight.animated {
-webkit-animation: pxlFadeInRight 1s ease;
-moz-animation: pxlFadeInRight 1s ease;
animation: pxlFadeInRight 1s ease;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-entry-content .fadeInRight.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.pxl-entry-content .fadeInRight.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.elementor-image-box-wrapper .elementor-image-box-img {
flex: none !important;
}
@media (min-width: 1200px) {
.pxl-section-offset-left.pxl-container-width-container-1200 {
padding-left: calc((100% - 1170px) / 2);
}
}
@media (min-width: 1570px) {
.pxl-section-offset-left.pxl-container-width-container-1570 {
padding-left: calc((100% - 1540px) / 2);
}
}
@media (min-width: 1200px) {
.pxl-section-offset-right.pxl-container-width-container-1200 {
padding-right: calc((100% - 1170px) / 2);
}
}
@media (min-width: 1570px) {
.pxl-section-offset-right.pxl-container-width-container-1570 {
padding-right: calc((100% - 1540px) / 2);
}
}
.pxl-shape-divider-pos-top .pxl-shape-divider {
top: -1px;
}
.pxl-shape-divider-mask .pxl-shape-divider {
width: 100%;
height: 25px;
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
mask-image: var(--ss-mask-url);
-webkit-mask-image: var(--ss-mask-url);
-ms-mask-image: var(--ss-mask-url);
-o-mask-image: var(--ss-mask-url);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
mask-position: center top;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap {
display: flex;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .qc-item {
margin-right: 43px;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .qc-item:last-child {
margin-right: 0;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .wrap-content {
display: flex;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .wrap-content .pxl-icon {
font-size: 37px;
color: var(--primary-color);
margin-right: 20px;
margin-top: -9px;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .wrap-content .ct-content {
display: grid;
}
.pxl-qc-wrap.layout-1 .qc-desc-wrap .wrap-content .ct-content .ct-title {
color: #222222;
font-size: 17px;
font-weight: 500;
margin-bottom: -4px;
margin-bottom: -2px;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap {
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #bababa;
letter-spacing: -0.02em;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item {
flex-wrap: nowrap;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item + .qc-item {
margin-top: 21px;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item .pxl-icon {
font-size: 14px;
color: #ad9779;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item a {
color: inherit;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item a:hover {
color: #fff;
}
.pxl-qc-wrap.layout-2 .qc-desc-wrap .qc-item span a + a {
display: block;
}
.pxl-testimonial-list .item-rating {
color: var(--primary-color);
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.pxl-testimonial-list .item-rating > * {
max-width: 100%;
}
.pxl-testimonial-list .item-rating i {
font-size: 14px;
margin-right: 2px;
}
.pxl-testimonial-list .item-rating.star1 i:nth-child(n + 2):before {
color: #c8c8c8;
}
.pxl-testimonial-list .item-rating.star2 i:nth-child(n + 3):before {
color: #c8c8c8;
}
.pxl-testimonial-list .item-rating.star3 i:nth-child(n + 4):before {
color: #c8c8c8;
}
.pxl-testimonial-list .item-rating.star4 i:nth-child(n + 5):before {
color: #c8c8c8;
}
.pxl-testimonial-list.layout-1 .pxl-testimonial-list-item {
margin-bottom: 40px;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item:hover
.pxli-quote-icon {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-testimonial-list.layout-1 .pxl-testimonial-list-item .item-inner {
-webkit-transition: all 0.3s aese;
-khtml-transition: all 0.3s aese;
-moz-transition: all 0.3s aese;
-ms-transition: all 0.3s aese;
-o-transition: all 0.3s aese;
transition: all 0.3s aese;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.pxl-icon {
position: absolute;
right: 24px;
top: 0;
transform: translateY(-29px);
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.pxl-icon
.pxli-quote-icon {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
width: 45px;
height: 45px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 3;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.pxl-icon
.pxli-quote-icon
> * {
max-width: 100%;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.pxl-icon
.pxli-quote-icon:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
background: #de8c1c;
bottom: -5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
transition: all 0.5s ease;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-image
.img-outer {
width: 70px;
height: 70px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-image
img {
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
object-fit: cover;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-info {
margin-top: 2px;
margin-left: -2px;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-info
.name-rating {
display: flex;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-name {
font-size: 15px;
letter-spacing: 0.02em;
margin-bottom: -5px;
font-weight: 600;
line-height: 33px;
font-family: var(--heading-font-family);
color: var(--heading-color);
margin-right: 15px;
text-transform: uppercase;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-position {
font-size: 13px;
color: var(--body-color);
font-weight: 400;
line-height: 25px;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-desc {
font-family: var(--body-font-family);
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: var(--heading-color);
position: relative;
margin-bottom: 26px;
padding: 35px 80px 32px 28px;
-webkit-transition: all 0.3s aese;
-khtml-transition: all 0.3s aese;
-moz-transition: all 0.3s aese;
-ms-transition: all 0.3s aese;
-o-transition: all 0.3s aese;
transition: all 0.3s aese;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-desc:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f1f2f3;
z-index: -1;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-desc:before {
content: "";
position: absolute;
bottom: -20px;
left: 88px;
width: 17px;
height: 20px;
background: #f1f2f3;
z-index: -1;
clip-path: polygon(0 95%, 0 0, 100% 0);
-webkit-transition: all 0.3s aese;
-khtml-transition: all 0.3s aese;
-moz-transition: all 0.3s aese;
-ms-transition: all 0.3s aese;
-o-transition: all 0.3s aese;
transition: all 0.3s aese;
}
.pxl-testimonial-list.layout-1
.pxl-testimonial-list-item
.item-inner
.item-rating-star {
margin-top: 4px;
}
.pxl-testimonial-list.layout-2 .pxl-testimonial-list-item {
background-color: #14212b;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#14212b),
to(#334b5d)
);
background-image: -webkit-linear-gradient(to right, #14212b, #334b5d);
background-image: -moz-linear-gradient(to right, #14212b, #334b5d);
background-image: -ms-linear-gradient(to right, #14212b, #334b5d);
background-image: -o-linear-gradient(to right, #14212b, #334b5d);
background-image: linear-gradient(to right, #14212b, #334b5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#334b5d", gradientType="1");
padding: 38px 57px 43px;
position: relative;
}
@media (max-width: 767px) {
.pxl-testimonial-list.layout-2 .pxl-testimonial-list-item {
padding: 38px 30px 43px;
}
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
+ .pxl-testimonial-list-item {
margin-top: 50px;
}
.pxl-testimonial-list.layout-2 .pxl-testimonial-list-item:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-28px.png);
bottom: 0;
background-color: var(--primary-color);
right: 0;
display: block;
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}
@media (max-width: 575px) {
.pxl-testimonial-list.layout-2 .pxl-testimonial-list-item:before {
width: 55px;
height: 55px;
}
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-rating-star {
margin-bottom: 14px;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-image
.img-outer {
width: 58px;
height: 58px;
display: inline-block;
overflow: hidden;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-image
img {
width: 100%;
object-fit: cover;
background-position: center;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-info {
padding-left: 17px;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-info
.name-rating {
display: flex;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-title {
font-size: 17px;
font-weight: 500;
line-height: 26px;
font-family: var(--heading-font-family);
color: #ffffff;
font-style: italic;
margin-bottom: 11px;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-name {
font-size: 15px;
letter-spacing: 0.02em;
margin-bottom: -5px;
font-weight: 600;
line-height: 33px;
font-family: var(--heading-font-family);
color: #ffffff;
margin-right: 15px;
text-transform: uppercase;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-position {
font-size: 13px;
color: #ededed;
font-weight: 400;
line-height: 24px;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-desc {
font-family: var(--body-font-family);
font-weight: 400;
font-size: 15px;
line-height: 30px;
color: #ededed;
margin-bottom: 30px;
quotes: '"' '"';
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 22px;
}
.pxl-testimonial-list.layout-2
.pxl-testimonial-list-item
.item-inner
.item-rating-star {
margin-top: 4px;
}
.elementor-editor-active .history-content-wrap,
.elementor-editor-active .item-content {
visibility: visible !important;
}
.elementor-editor-active .widget-title:before,
.elementor-editor-active .widget-title:after,
.elementor-editor-active .animation-scroll:before,
.elementor-editor-active .animation-scroll:after {
transform: translate(0, 0) !important;
}
.elementor-editor-active .pxl-header-sticky-up-down,
.elementor-editor-active .pxl-header-sticky {
display: none;
}
.elementor-editor-active .home-1-overlay .elementor-background-overlay:before,
.elementor-editor-active .home-1-overlay .elementor-background-overlay:after {
content: none !important;
}
.elementor-icon-list-items .elementor-icon-list-text {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-text-editor-wrap .pxl-dropcap::first-letter,
.pxl-text-editor-wrap .pxl-dropcap > *:first-child::first-letter {
display: inline-block;
float: left;
margin: 0 25px 0 0;
text-align: center;
color: var(--heading-color);
font-size: 45px;
line-height: 1;
font-weight: bold;
font-family: var(--heading-font-family);
}
.e-widget-swiper .elementor-swiper-button {
font-size: 18px;
width: 44px;
height: 44px;
background-color: var(--secondary-color);
align-items: center;
justify-content: center;
transition: all 350ms ease;
opacity: 1;
}
.e-widget-swiper .elementor-swiper-button:hover {
background-color: var(--primary-color);
}
.e-widget-swiper.elementor-arrows-position-inside
.elementor-swiper-button-prev {
bottom: 28px;
top: auto;
left: 50%;
transform: translateX(-52px);
}
.e-widget-swiper.elementor-arrows-position-inside
.elementor-swiper-button-next {
bottom: 28px;
top: auto;
right: 50%;
transform: translateX(52px);
}
.pxl-heading-layout-1 .heading-subtitle {
font-size: 15px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title {
margin: 0;
}
@media (max-width: 767px) {
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title a br,
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title span br {
display: none;
}
}
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title a:hover {
color: #fff;
}
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title .heading-span {
color: var(--secondary-color);
text-transform: uppercase;
}
.pxl-heading-layout-1 .pxl-heading-wrap h2 {
font-size: 40px;
line-height: 1.25;
}
@media (max-width: 767px) {
.pxl-heading-layout-1 .pxl-heading-wrap h2 {
font-size: 40px;
line-height: 1.1;
}
}
.pxl-heading-layout-1 .pxl-heading-wrap h3 {
font-size: 36px;
}
@media (max-width: 767px) {
.pxl-heading-layout-1 .pxl-heading-wrap h3 {
font-size: 30px;
}
}
.pxl-heading-layout-2 .heading-subtitle {
font-size: 15px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 0.1em;
margin-bottom: 10px;
position: relative;
}
.pxl-heading-layout-2 .heading-subtitle span {
padding-left: 62px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-heading-layout-2 .heading-subtitle:before {
-webkit-transform: translateY(-50%) skew(-35deg);
-moz-transform: translateY(-50%) skew(-35deg);
transform: translateY(-50%) skew(-35deg);
width: 50px;
height: 4px;
position: absolute;
content: "";
top: 50%;
left: 0;
background-color: var(--primary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
}
@media (max-width: 575px) {
.pxl-heading-layout-2 .pxl-heading-wrap .heading-subtitle span {
padding-left: 0;
}
.pxl-heading-layout-2 .pxl-heading-wrap .heading-subtitle:before {
width: 0;
opacity: 0;
}
}
.pxl-heading-layout-2 .pxl-heading-wrap .heading-title {
margin: 0;
}
@media (max-width: 767px) {
.pxl-heading-layout-2 .pxl-heading-wrap .heading-title a br,
.pxl-heading-layout-2 .pxl-heading-wrap .heading-title span br {
display: none;
}
}
.pxl-heading-layout-2 .pxl-heading-wrap .heading-title a:hover {
color: #fff;
}
.pxl-heading-layout-2 .pxl-heading-wrap .heading-title .heading-span {
color: var(--secondary-color);
text-transform: uppercase;
}
.pxl-heading-layout-2 .pxl-heading-wrap h2 {
font-size: 40px;
line-height: 1.25;
}
@media (max-width: 767px) {
.pxl-heading-layout-2 .pxl-heading-wrap h2 {
font-size: 40px;
line-height: 1.1;
}
}
.pxl-heading-layout-2 .pxl-heading-wrap h3 {
font-size: 36px;
}
@media (max-width: 767px) {
.pxl-heading-layout-2 .pxl-heading-wrap h3 {
font-size: 30px;
}
}
.pxl-case-wrap {
font-size: 15px;
font-family: var(--body-font-family);
}
.pxl-case-wrap .pxl-case-inner {
width: 100%;
}
.pxl-case-wrap .pxl-case-inner .pxl-case {
display: flex;
margin-bottom: 25px;
justify-content: space-between;
}
.pxl-case-wrap .pxl-case-inner .pxl-case .heading_title {
font-weight: 600;
color: var(--heading-color);
line-height: 15px;
text-transform: uppercase;
}
.pxl-case-wrap .pxl-case-inner .pxl-case .content {
color: #0f4cb7;
line-height: 15px;
}
.pxl-button-wrapper .icon-ps-left {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-button-wrapper .icon-ps-left > * {
max-width: 100%;
}
.pxl-button-wrapper .icon-ps-left .pxl-button-text {
order: 2;
}
.pxl-button-wrapper .icon-ps-left .pxl-button-icon {
margin-left: 0;
margin-right: 10px;
}
.pxl-button-wrapper.dark-ground .btn:before,
.pxl-button-wrapper.dark-ground button:before {
background-color: rgba(255, 255, 255, 0.12) !important;
}
.pxl-nav-menu ul,
.pxl-nav-menu ol {
list-style: none;
}
.pxl-nav-menu.is-arrow .pxl-primary-menu > li > .main-menu-toggle {
display: block;
}
@media (min-width: 1200px) {
.pxl-nav-menu.style-2 .pxl-primary-menu > li:before {
display: none;
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li:after {
content: "";
width: 0;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
top: auto;
background-color: var(--primary-color);
-webkit-transform: skew(-35deg);
-moz-transform: skew(-35deg);
transform: skew(-35deg);
-webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-khtml-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-moz-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-ms-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-o-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li > a {
color: #ffffff;
font-size: 17px;
font-weight: 500;
line-height: 98px;
overflow: hidden;
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li > a span {
position: relative;
overflow: hidden;
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li.active:after,
.pxl-nav-menu.style-2 .pxl-primary-menu > li.current-menu-item:after,
.pxl-nav-menu.style-2 .pxl-primary-menu > li.current-menu-ancestor:after,
.pxl-nav-menu.style-2 .pxl-primary-menu > li:hover:after {
width: 100%;
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li.active > a,
.pxl-nav-menu.style-2 .pxl-primary-menu > li.current-menu-item > a,
.pxl-nav-menu.style-2 .pxl-primary-menu > li.current-menu-ancestor > a,
.pxl-nav-menu.style-2 .pxl-primary-menu > li:hover > a {
color: var(--primary-color);
}
.pxl-nav-menu.style-2 .pxl-primary-menu > li .sub-menu {
border-top: none;
border-bottom: 4px solid var(--primary-color);
}
}
.pxl-nav-menu ul.cat-list-item li {
padding-left: 13px;
}
.pxl-nav-menu ul.cat-list-item li:hover a,
.pxl-nav-menu ul.cat-list-item li a:hover {
color: var(--link-color-hover);
}
.pxl-nav-menu.hide-underline .pxl-primary-menu > li:before {
content: none;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a span:last-child {
transition: all 300ms ease 0s;
border-bottom: 1px solid transparent;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a .link-icon {
color: var(--primary-color);
margin-right: 8px;
font-size: 12px;
position: relative;
bottom: 2px;
transition: all 100ms ease 0s;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a .link-icon .fa-square-full {
font-size: 5px;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a:hover .link-icon {
color: inherit;
}
.pxl-nav-menu.pxl-nav-menu-inner.border-hover
.menu-item
> a:hover
span:last-child {
border-color: inherit;
}
.pxl-anchor-wrap .pxl-anchor-icon {
cursor: pointer;
font-size: 22px;
color: #000;
}
.pxl-anchor-wrap .pxl-anchor-icon svg {
width: 25px;
}
.pxl-anchor-wrap .pxl-anchor-icon:hover {
color: var(--primary-color);
}
.pxl-mailchimp.style-default .mailchimp-form {
position: relative;
max-width: 271px;
}
@media (max-width: 1199px) {
.pxl-mailchimp.style-default .mailchimp-form {
max-width: none;
}
}
.pxl-mailchimp.style-default .mailchimp-form input[type="email"] {
width: 100%;
height: 46px;
border: 1px solid #c8c8c8;
max-width: 271px;
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
padding-right: 50px;
}
@media (max-width: 1199px) {
.pxl-mailchimp.style-default .mailchimp-form input[type="email"] {
max-width: none;
}
}
.pxl-mailchimp.style-default
.mailchimp-form
input[type="email"]::-webkit-input-placeholder {
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
}
.pxl-mailchimp.style-default
.mailchimp-form
input[type="email"]:-moz-placeholder {
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
}
.pxl-mailchimp.style-default
.mailchimp-form
input[type="email"]::-moz-placeholder {
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
}
.pxl-mailchimp.style-default
.mailchimp-form
input[type="email"]:-ms-input-placeholder {
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
}
.pxl-mailchimp.style-default .mailchimp-form input[type="email"]:hover,
.pxl-mailchimp.style-default .mailchimp-form input[type="email"]:focus,
.pxl-mailchimp.style-default .mailchimp-form input[type="email"]:active,
.pxl-mailchimp.style-default
.mailchimp-form
input.nice-select.open[type="email"] {
border-color: var(--primary-color);
}
.pxl-mailchimp.style-default .mailchimp-form .pxl-btn {
height: 100%;
position: absolute;
top: 5px;
right: 5px;
padding: 0;
width: 36px;
height: 36px;
background: var(--primary-color);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.pxl-mailchimp.style-default .mailchimp-form .pxl-btn > * {
max-width: 100%;
}
.pxl-mailchimp.style-default .mailchimp-form .pxl-btn i {
display: none;
}
.pxl-mailchimp.style-default .mailchimp-form .pxl-btn:after {
content: "";
position: absolute;
font-family: "pxli";
transform: translateX(0);
transition: linear 0.4s ease;
font-size: 14px;
line-height: 36px;
font-weight: 500;
pointer-events: none;
}
.pxl-mailchimp.style-default .mailchimp-form .pxl-btn:hover:after {
animation: button-tran 0.4s ease;
}
.pxl-mailchimp.style-default .btn-text {
display: none;
}
.pxl-mailchimp.style-1 .mailchimp-form {
text-align: center;
padding: 0;
border: none;
}
.pxl-mailchimp.style-1 .mailchimp-form input[type="email"] {
height: 46px;
max-width: 484px;
background-color: #ffffff;
border: 1px solid #dedede;
padding: 0 30px;
box-shadow: none;
}
.pxl-mailchimp.style-1
.mailchimp-form
input[type="email"]::-webkit-input-placeholder {
font-size: 13px;
color: var(--heading-color);
font-weight: 500;
letter-spacing: 0.02px;
}
.pxl-mailchimp.style-1 .mailchimp-form input[type="email"]:-moz-placeholder {
font-size: 13px;
color: var(--heading-color);
font-weight: 500;
letter-spacing: 0.02px;
}
.pxl-mailchimp.style-1 .mailchimp-form input[type="email"]::-moz-placeholder {
font-size: 13px;
color: var(--heading-color);
font-weight: 500;
letter-spacing: 0.02px;
}
.pxl-mailchimp.style-1
.mailchimp-form
input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: var(--heading-color);
font-weight: 500;
letter-spacing: 0.02px;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 27px auto 0;
padding: 7.5px 35px 7px 34.5px;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn > * {
max-width: 100%;
}
@media screen and (max-width: 575px) {
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn {
width: 100%;
max-width: none;
}
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn:after {
background: var(--additional01-color);
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
z-index: 0;
transition: all 0.4s ease 0s;
transform: translateY(4px);
pointer-events: none;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn .btn-text {
margin-right: 10px;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn i {
font-size: 12px;
z-index: 3;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn:hover {
color: var(--primary-color);
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn:hover:after {
transform: translateY(0);
top: auto;
height: 100%;
background: #ffffff;
}
.pxl-mailchimp.style-1 .mailchimp-form .pxl-btn:hover i {
color: var(--primary-color);
transition: all 350ms ease 50ms;
}
.pxl-mailchimp.style-1 .pxl-icon {
display: none;
}
.pxl-cart-wrap .pxl-cart-icon {
cursor: pointer;
position: relative;
display: inline-flex;
}
.pxl-cart-wrap .pxl-cart-icon svg {
width: 25px;
}
.pxl-cart-wrap .pxl-cart-icon .header-count {
position: absolute;
min-width: 20px;
height: 20px;
line-height: 20px;
padding: 3px;
display: inline-flex;
background-color: var(--primary-color);
color: #fff;
font-size: 12px;
border-radius: 12px;
align-items: center;
justify-content: center;
top: -1.1em;
right: -1.1em;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-form {
width: 100%;
}
.pxl-search-form-layout-1 .pxl-search-wrap fieldset {
padding: 0;
}
.pxl-search-form-layout-1 .pxl-search-wrap form {
position: relative;
height: 50px;
display: inline-flex;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field {
border-width: 1px 0 1px 1px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-webkit-border-radius: 0;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
border-color: #dedede;
height: 50px;
padding: 0 30px;
border-style: solid;
}
.pxl-search-form-layout-1
.pxl-search-wrap
.pxl-search-field::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:-moz-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field::-moz-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.pxl-search-form-layout-1
.pxl-search-wrap
.pxl-search-field:-ms-input-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit {
width: 60px;
display: flex;
flex: none;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
background: var(--primary-color);
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit span {
animation: none;
margin: 0;
font-size: 17px;
}
.pxl-video-popup .video-content-inner {
display: flex;
align-items: center;
}
.pxl-video-popup .video-content-inner p.button-text {
margin-bottom: 0;
margin-left: 25px;
letter-spacing: 0.13em;
font-weight: bold;
border-bottom: 2px solid;
}
.pxl-video-popup .video-play-button {
position: relative;
display: flex;
width: 75px;
height: 75px;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}
@media (max-width: 575px) {
.pxl-video-popup .video-play-button {
width: 55px;
height: 55px;
}
}
.pxl-video-popup .video-play-button i {
position: relative;
z-index: 9;
color: inherit;
font-size: 30px;
color: var(--secondary-color);
-webkit-transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-khtml-transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-moz-transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-ms-transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-o-transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
@media (max-width: 575px) {
.pxl-video-popup .video-play-button i {
font-size: 25px;
}
}
.pxl-video-popup .video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: #ffffff;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}
.pxl-video-popup .video-play-button.video-default:before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
border: 1px solid;
color: #fff;
opacity: 0.5;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
transform: scale(1.35);
}
.pxl-video-popup .video-play-button.video-default:hover:before {
transform: scale(0.9);
}
.pxl-video-popup .video-play-button.video-circle:before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.pxl-video-popup .video-play-button.video-circle:hover:before {
animation-play-state: paused;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"] {
position: relative;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:before {
content: "";
background-color: rgba(var(--secondary-color-rgb), 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:after {
content: "";
font-family: "pxli";
position: absolute;
color: #fff;
top: 50%;
left: 50%;
display: inline-block;
font-size: 30px;
line-height: 1;
margin-top: -15px;
margin-left: -15px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:before {
opacity: 1;
visibility: visible;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.pxl-single-info {
padding-bottom: 0 !important;
}
.pxl-single-info .widget-title {
margin-bottom: 2px !important;
}
.pxl-single-info .info-item {
margin-left: -24px;
margin-right: -24px;
padding: 16px 24px;
font-size: 16px;
letter-spacing: 0;
color: var(--heading-color);
}
.pxl-single-info .info-item + .info-item {
border-top: 1px solid #dedede;
}
.pxl-single-info .info-item .inner-icon {
flex: none;
min-width: 23px;
display: flex;
align-items: center;
}
.pxl-single-info .info-item .inner-icon i {
color: var(--primary-color);
}
.pxl-single-info .info-item .inner-text .label {
font-weight: 600;
}
.pxl-single-info .info-item .social-share {
margin-left: 12px;
}
.pxl-single-info .info-item .social-share a.pxl-icon {
color: var(--secondary-color);
width: 25px;
}
.pxl-single-info .info-item .social-share a.pxl-icon:after {
content: none;
}
.pxl-single-info .info-item .social-share a.pxl-icon:hover {
color: var(--primary-color);
}
.pxl-download .widget-desc {
margin-top: -7px;
margin-bottom: 23px;
}
.pxl-download .download-content {
border: 1px solid #dedede;
padding: 29px 26px;
}
.pxl-download .item-download {
width: 100%;
transition: all 400ms ease 0s;
justify-content: flex-start;
background: var(--secondary-color);
padding: 0 25px;
line-height: 50px;
border-radius: 0;
border: none;
z-index: 1;
display: inline-flex;
max-width: 100%;
cursor: pointer;
overflow: hidden;
flex: none;
position: relative;
}
.pxl-download .item-download:after {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: 1;
content: "";
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
background: var(--primary-color);
}
.pxl-download .item-download span {
font-family: var(--heading-font-family);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08px;
color: #ffffff;
text-transform: uppercase;
transition: all 300ms ease 0s;
}
.pxl-download .item-download:hover:after {
left: 0;
right: auto;
width: 100%;
}
.pxl-download .item-download:hover .file-name i {
color: #fff;
}
.pxl-download .item-download a {
color: inherit;
}
.pxl-download .item-download .file-name {
z-index: 9;
align-items: center;
}
.pxl-download .item-download .file-name i {
font-size: 18px;
margin-right: 15px;
color: var(--primary-color);
transition: all 0.3s ease 0s;
}
.pxl-download .item-download + .item-download {
margin-top: 11px;
}
.pxl-download .item-download:before {
background: var(--primary-color);
}
.pxl-fancybox-layout-1 .fancybox-inner {
flex-wrap: nowrap;
}
.pxl-fancybox-layout-1 .pxl-fancy-icon {
font-size: 37px;
color: var(--primary-color);
padding-top: 7px;
margin-right: 6px;
}
.pxl-fancybox-layout-1 .pxl-fancy-icon span,
.pxl-fancybox-layout-1 .pxl-fancy-icon i {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-fancybox-layout-1 .pxl-fancy-icon span > *,
.pxl-fancybox-layout-1 .pxl-fancy-icon i > * {
max-width: 100%;
}
.pxl-fancybox-layout-1 .title {
font-size: 17px;
font-weight: 500;
line-height: 24px;
color: var(--heading-color);
font-family: var(--heading-font-family);
}
.pxl-fancybox-layout-1 .sub-title {
font-size: 15px;
line-height: 24px;
font-weight: 400;
}
.pxl-fancybox-layout-1 .sub-title a {
color: inherit;
}
.pxl-fancybox-layout-1 .sub-title a:hover {
color: var(--link-color-hover);
}
.pxl-fancybox-layout-1 .pxl-fancybox-wrap.separators {
position: relative;
align-items: flex-end;
}
.pxl-fancybox-layout-1 .separator {
display: inline-flex;
width: 1px;
height: 23px;
background-color: #d2d2d2;
margin-left: 45px;
margin-right: 45px;
margin-bottom: 5px;
}
.pxl-fancybox-layout-2 {
margin-bottom: 0 !important;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2 {
text-align: center;
border: 1px solid #dedede;
padding: 0px 30px 11px 30px;
position: relative;
z-index: 9;
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2 {
padding: 0px 21px 11px 20px;
}
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2 .fancybox-inner {
display: contents;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-left: 20px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
-webkit-transition: all 0.4s ease-in-out 0.1s;
-khtml-transition: all 0.4s ease-in-out 0.1s;
-moz-transition: all 0.4s ease-in-out 0.1s;
-ms-transition: all 0.4s ease-in-out 0.1s;
-o-transition: all 0.4s ease-in-out 0.1s;
transition: all 0.4s ease-in-out 0.1s;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
transform: translate(-20px, 20px);
-webkit-transition: all 0.4s ease-in-out 0.1s;
-khtml-transition: all 0.4s ease-in-out 0.1s;
-moz-transition: all 0.4s ease-in-out 0.1s;
-ms-transition: all 0.4s ease-in-out 0.1s;
-o-transition: all 0.4s ease-in-out 0.1s;
transition: all 0.4s ease-in-out 0.1s;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover {
background-color: var(--secondary-color);
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover .title {
color: #fff;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover .sub-title {
color: #ededed;
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover:before,
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover:after {
transform: translate(0px, 0px);
}
.pxl-fancybox-layout-2 .pxl-fancybox-wrap.layout-2:hover .pxl-fancy-icon span {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-fancybox-layout-2 .pxl-fancy-icon {
font-size: 52px;
color: #ffffff;
display: inline-flex;
width: 93px;
height: 93px;
align-items: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-fancybox-layout-2 .pxl-fancy-icon .pxl-icon {
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-fancybox-layout-2 .pxl-fancy-icon .pxl-icon > * {
max-width: 100%;
}
.pxl-fancybox-layout-2 .title {
font-size: 20px;
line-height: 26px;
color: var(--heading-color);
font-weight: 600;
letter-spacing: 0.02;
margin-bottom: 14px;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-2 .sub-title {
font-size: 15px;
line-height: 26px;
font-weight: 400;
color: var(--body-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-2 .pxl-fancybox-content {
margin-top: 30px;
}
.pxl-fancybox-layout-3 {
cursor: pointer;
}
.pxl-fancybox-layout-3 .fancybox-inner {
flex-wrap: nowrap;
align-items: center;
}
.pxl-fancybox-layout-3 .fancybox-inner:hover .pxl-icon {
animation-play-state: paused;
}
.pxl-fancybox-layout-3 .fancybox-inner:hover .title {
color: var(--primary-color);
}
.pxl-fancybox-layout-3 .pxl-fancy-icon {
position: relative;
margin: auto 0;
}
.pxl-fancybox-layout-3 .pxl-fancy-icon .pxl-icon {
width: 45px;
height: 45px;
display: block;
color: #fff;
font-size: 22px;
background: var(--primary-color);
line-height: 48px;
text-align: center;
border-radius: 50%;
cursor: pointer;
position: relative;
animation: ring-icon-animate 1.8s ease-in-out infinite;
}
.pxl-fancybox-layout-3 .pxl-fancy-icon span,
.pxl-fancybox-layout-3 .pxl-fancy-icon i {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-fancybox-layout-3 .pxl-fancy-icon span > *,
.pxl-fancybox-layout-3 .pxl-fancy-icon i > * {
max-width: 100%;
}
.pxl-fancybox-layout-3 .title {
font-size: 20px;
font-weight: 600;
font-family: var(--heading-font-family);
color: #ffffff;
letter-spacing: 0.03;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-3 .title:hover {
color: var(--primary-color);
}
.pxl-fancybox-layout-3 .sub-title {
font-size: 15px;
line-height: 24px;
color: #ededed;
font-weight: 400;
margin-bottom: -4px;
}
.pxl-fancybox-layout-3 .sub-title a {
color: inherit;
}
.pxl-fancybox-layout-3 .sub-title a:hover {
color: var(--link-color-hover);
}
.pxl-fancybox-layout-3:hover .pxl-icon {
border-color: rgba(var(--secondary-color-rgb), 0.15);
-webkit-box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
-khtml-box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
-moz-box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
-ms-box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
-o-box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
box-shadow: 0 0 6px rgba(var(--secondary-color-rgb), 0.06);
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap {
text-align: start;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .pxl-fancy-icon {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .pxl-fancy-icon > * {
max-width: 100%;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .pxl-fancy-icon:hover .pxl-icon {
transform: scale(1.1);
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon {
font-size: 47px;
color: #ffffff;
transition: all 0.3s ease;
padding: 11px;
}
.pxl-fancybox-layout-4
.pxl-fancybox-wrap
.pxl-fancy-icon
.animation-ring.in-view {
animation: scale-icon-animate 1.6s linear infinite;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .pxl-fancybox-content {
margin-left: 35px;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .fancybox-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-wrap: nowrap;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .fancybox-inner > * {
max-width: 100%;
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .title {
font-size: 30px;
color: var(--heading-color);
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.03em;
font-family: var(--heading-font-family);
}
.pxl-fancybox-layout-4 .pxl-fancybox-wrap .sub-title {
font-size: 17px;
line-height: 35px;
color: var(--body-color);
}
.pxl-fancybox-layout-5 .elementor-widget-container {
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap {
text-align: center;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .fancybox-inner {
width: 100%;
display: flex;
text-align: left;
align-items: center;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .fancybox-inner .pxl-fancy-icon {
color: var(--primary-color);
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .fancybox-inner .pxl-fancy-icon i {
font-size: 60px;
vertical-align: text-top;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .title {
font-size: 20px;
color: #fff;
font-weight: bold;
line-height: 35px;
letter-spacing: 0.02em;
font-family: var(--heading-font-family);
margin-bottom: 11px;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .sub-title {
font-size: 15px;
line-height: 24px;
color: #ededed;
max-width: 250px;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap .img-inner {
margin-right: 25px;
}
.pxl-fancybox-layout-5 .pxl-fancybox-wrap:hover .pxl-fancy-icon,
.pxl-fancybox-layout-5 .pxl-fancybox-wrap:hover .img-inner {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-fancybox-layout-6 .fancybox-inner {
flex-wrap: nowrap;
}
.pxl-fancybox-layout-6 .fancybox-inner a:hover .title {
color: var(--link-color-hover);
}
.pxl-fancybox-layout-6 .fancybox-inner a:hover .sub-title {
color: var(--body-color);
}
.pxl-fancybox-layout-6 .pxl-fancy-icon {
font-size: 20px;
color: var(--primary-color);
margin-right: 7px;
border: 1px solid #dedede;
width: 47px;
height: 47px;
line-height: 47px;
}
.pxl-fancybox-layout-6 .pxl-fancy-icon span,
.pxl-fancybox-layout-6 .pxl-fancy-icon i {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
line-height: 47px;
}
.pxl-fancybox-layout-6 .pxl-fancy-icon span > *,
.pxl-fancybox-layout-6 .pxl-fancy-icon i > * {
max-width: 100%;
}
.pxl-fancybox-layout-6 .title {
font-size: 17px;
font-weight: 500;
line-height: 24px;
color: var(--heading-color);
font-family: var(--heading-font-family);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-6 .sub-title {
font-size: 15px;
line-height: 24px;
font-weight: 400;
color: var(--body-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-6 .pxl-fancybox-wrap.separators {
position: relative;
align-items: flex-end;
}
.pxl-fancybox-layout-6 .separator {
display: inline-flex;
width: 1px;
height: 23px;
background-color: #d2d2d2;
margin-left: 45px;
margin-right: 45px;
margin-bottom: 5px;
}
.pxl-fancybox-layout-7 .elementor-widget-container {
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap {
text-align: center;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #dedede;
padding: 49px 38px 51px 30px;
position: relative;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-overlay {
position: absolute;
background-color: var(--secondary-color);
height: 0%;
width: 100%;
left: 50%;
top: 50%;
-webkit-transition: all 0.4s ease 0s;
-khtml-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
overflow: hidden;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 24px solid var(--primary-color);
border-right: 24px solid transparent;
z-index: 2;
transform: translate(-20px, -20px);
opacity: 0;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-overlay:after {
content: "";
position: absolute;
height: 4px;
width: 0;
background-color: var(--primary-color);
bottom: 0;
left: 50%;
right: 50%;
opacity: 0;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-inner {
width: 100%;
display: flex;
text-align: left;
position: relative;
z-index: 3;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-inner .pxl-fancy-icon {
color: var(--primary-color);
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .fancybox-inner .pxl-fancy-icon i {
font-size: 51px;
vertical-align: text-top;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .title {
font-size: 20px;
font-weight: 600;
line-height: 26px;
letter-spacing: 0.02px;
color: var(--heading-color);
font-family: var(--heading-font-family);
margin-bottom: 12px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .sub-title {
font-size: 15px;
line-height: 26px;
color: var(--body-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap .img-inner {
margin-right: 23px;
margin-top: 24px;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover {
border-color: transparent;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .sub-title,
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .title {
color: #ffffff;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .fancybox-overlay {
height: calc(100% + 48px);
}
@media (max-width: 1199px) {
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .fancybox-overlay {
height: 100%;
}
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .fancybox-overlay:before {
transform: translate(0px, 0px);
opacity: 1;
-webkit-transition: all 0.3s ease 0.2s;
-khtml-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.2s;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .fancybox-overlay:after {
opacity: 1;
width: 100%;
left: 0;
right: 0;
-webkit-transition: all 0.4s ease 0.2s;
-khtml-transition: all 0.4s ease 0.2s;
-moz-transition: all 0.4s ease 0.2s;
-ms-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .pxl-fancy-icon,
.pxl-fancybox-layout-7 .pxl-fancybox-wrap:hover .img-inner {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-fancybox-layout-8 .fancybox-inner {
text-align: center;
}
.pxl-fancybox-layout-8 .fancybox-inner:hover .pxl-fancy-icon {
box-shadow: none;
}
.pxl-fancybox-layout-8 .fancybox-inner:hover .pxl-fancy-icon i {
color: #ffffff;
}
.pxl-fancybox-layout-8 .fancybox-inner:hover .pxl-fancy-icon svg {
fill: #ffffff;
}
.pxl-fancybox-layout-8 .fancybox-inner:hover .pxl-fancy-icon:after {
width: 100%;
height: 100%;
left: 0;
top: 0;
right: auto;
}
.pxl-fancybox-layout-8 .fancybox-inner:hover .pxl-fancy-icon:before {
width: calc(100% + 20px);
height: calc(100% + 20px);
left: -10px;
top: -10px;
right: auto;
opacity: 1;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon {
position: relative;
width: 139px;
height: 139px;
box-shadow: 0px 0px 30.72px 1.28px rgba(0, 0, 0, 0.18);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon > * {
max-width: 100%;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon i {
font-size: 70px;
color: var(--primary-color);
-webkit-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-khtml-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-moz-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-ms-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-o-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon svg {
max-width: 70px;
height: auto;
fill: var(--primary-color);
-webkit-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-khtml-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-moz-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-ms-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-o-transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
transition: all 250ms cubic-bezier(0.4, 0, 1, 1) 0ms;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 50%;
background-color: var(--secondary-color);
-webkit-transition: all 300ms ease-out 0ms;
-khtml-transition: all 300ms ease-out 0ms;
-moz-transition: all 300ms ease-out 0ms;
-ms-transition: all 300ms ease-out 0ms;
-o-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
z-index: -1;
}
.pxl-fancybox-layout-8 .pxl-fancy-icon:before {
content: "";
width: 0;
height: 0;
top: 50%;
left: 50%;
position: absolute;
border: 1px solid var(--primary-color);
border-radius: 50%;
z-index: -3;
opacity: 0;
-webkit-transition: all 300ms ease-out 0s;
-khtml-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.pxl-fancybox-layout-8 .pxl-heading {
margin-top: 31px;
font-size: 22px;
font-family: var(--heading-font-family);
font-weight: 600;
letter-spacing: 0.02;
color: var(--heading-color);
margin-bottom: 10px;
}
.pxl-fancybox-layout-8 .item-readmore {
margin-top: 20px;
}
.pxl-fancybox-layout-9 .fancybox-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
}
.pxl-fancybox-layout-9 .fancybox-inner > * {
max-width: 100%;
}
.pxl-fancybox-layout-9 .fancybox-inner .title {
font-size: 20px;
font-weight: 600;
line-height: 55px;
color: #ffffff;
font-family: var(--heading-font-family);
margin-left: 21px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-9 .fancybox-inner .fancy--icon {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: #4f5960;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-9 .fancybox-inner .fancy--icon i {
padding: 17.5px 20px;
font-size: 20px;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-fancybox-layout-9 .fancybox-inner:hover .link_white-primary {
color: var(--primary-color);
}
.pxl-fancybox-layout-9 .fancybox-inner:hover .fancy--icon {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.pxl-fancybox-layout-9 .fancybox-inner:hover .fancy--icon i {
animation: ring-icon-animate 1.8s ease-in-out infinite;
}
.pxl-fancybox-layout-10 .pxl-fancybox-wrap {
position: relative;
overflow: hidden;
}
.pxl-fancybox-layout-10 .pxl-fancybox-wrap:hover .pxl-fancybox-hover {
transform: translateY(0%);
}
.pxl-fancybox-layout-10 .pxl-fancybox-wrap:hover .pxl-fancybox-hover:before {
transform: translate(0px, 0px);
opacity: 1;
}
.pxl-fancybox-layout-10 .pxl-fancybox-wrap:hover .pxl-fancybox-hover:after {
opacity: 1;
width: 100%;
left: 0;
right: 0;
}
.pxl-fancybox-layout-10 .pxl-fancybox-wrap:hover .fancybox-content {
opacity: 0;
transform: translateY(101%);
}
.pxl-fancybox-layout-10 .fancybox-inner {
min-height: 315px;
background-size: cover;
background-position: center;
position: relative;
}
.pxl-fancybox-layout-10 .fancybox-inner:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(14, 24, 32, 0.45);
}
.pxl-fancybox-layout-10 .fancybox-inner .fancybox-content {
text-align: center;
z-index: 3;
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
transform: translateY(0%);
}
.pxl-fancybox-layout-10 .fancybox-inner .pxl-heading {
font-family: var(--heading-font-family);
font-weight: bold;
font-size: 30px;
color: #ffffff;
line-height: 1.1;
letter-spacing: 0.02em;
}
.pxl-fancybox-layout-10 .fancybox-inner .pxl-fancy-icon {
font-size: 66px;
color: #ffffff;
margin-bottom: 21px;
}
.pxl-fancybox-layout-10 .fancybox-inner .pxl-fancy-icon svg {
max-height: 66px;
}
.pxl-fancybox-layout-10 .pxl-fancybox-hover {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: var(--secondary-color);
text-align: center;
width: 100%;
height: 100%;
transition: all 0.3s ease;
padding: 25px 42px 25px;
transform: translateY(101%);
z-index: 6;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-fancybox-layout-10 .pxl-fancybox-hover .sub-title {
color: #ededed;
}
.pxl-fancybox-layout-10 .pxl-fancybox-hover:after {
content: "";
position: absolute;
height: 4px;
width: 0;
background-color: var(--primary-color);
bottom: 0;
left: 50%;
right: 50%;
opacity: 0;
-webkit-transition: all 0.5s ease 0.4s;
-khtml-transition: all 0.5s ease 0.4s;
-moz-transition: all 0.5s ease 0.4s;
-ms-transition: all 0.5s ease 0.4s;
-o-transition: all 0.5s ease 0.4s;
transition: all 0.5s ease 0.4s;
}
.pxl-fancybox-layout-10 .pxl-fancybox-hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 26px solid var(--primary-color);
border-left: 26px solid transparent;
z-index: 2;
transform: translate(23px, -23px);
opacity: 0;
-webkit-transition: all 0.3s ease 0.4s;
-khtml-transition: all 0.3s ease 0.4s;
-moz-transition: all 0.3s ease 0.4s;
-ms-transition: all 0.3s ease 0.4s;
-o-transition: all 0.3s ease 0.4s;
transition: all 0.3s ease 0.4s;
}
.pxl-accordion .pxl-ac-content {
display: none;
}
.pxl-accordion.style1,
.pxl-accordion.style2,
.pxl-accordion.style3 {
border-radius: inherit;
}
.pxl-accordion.style1 .pxl-ac-title,
.pxl-accordion.style2 .pxl-ac-title,
.pxl-accordion.style3 .pxl-ac-title {
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
font-family: var(--heading-font-family);
font-size: 17px;
line-height: 1.5;
letter-spacing: 0.03em;
font-weight: 600;
color: var(--heading-color);
position: relative;
cursor: pointer;
padding: 22px 30px 23px 31px;
border: 1px solid #dedede;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pxl-accordion.style1 .pxl-ac-title .pxl-ac-title-text,
.pxl-accordion.style2 .pxl-ac-title .pxl-ac-title-text,
.pxl-accordion.style3 .pxl-ac-title .pxl-ac-title-text {
transition: none;
}
.pxl-accordion.style1 .pxl-ac-title:before,
.pxl-accordion.style2 .pxl-ac-title:before,
.pxl-accordion.style3 .pxl-ac-title:before {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 21px;
font-weight: 500;
right: 25px;
color: var(--secondary-color);
background: none;
width: 27px;
height: 27px;
float: right;
line-height: 27px;
display: flex;
justify-content: center;
align-content: center;
}
.pxl-accordion.style1 .pxl-ac-title.active,
.pxl-accordion.style2 .pxl-ac-title.active,
.pxl-accordion.style3 .pxl-ac-title.active {
color: var(--heading-color);
border-color: #dedede;
border-bottom: #ffffff;
}
.pxl-accordion.style1 .pxl-ac-title.active:before,
.pxl-accordion.style2 .pxl-ac-title.active:before,
.pxl-accordion.style3 .pxl-ac-title.active:before {
content: "";
color: #fff;
background: var(--secondary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-accordion.style1 .pxl-ac-content,
.pxl-accordion.style2 .pxl-ac-content,
.pxl-accordion.style3 .pxl-ac-content {
padding: 0px 52px 24px 29px;
border: 1px solid #dedede;
border-top: none;
font-size: 15px;
line-height: 1.73;
}
@media (min-width: 768px) {
.pxl-accordion.style1 .pxl-ac-content .pxl-ac-content-inner,
.pxl-accordion.style2 .pxl-ac-content .pxl-ac-content-inner,
.pxl-accordion.style3 .pxl-ac-content .pxl-ac-content-inner {
padding-right: 15px;
}
}
.pxl-accordion.style1 .pxl-ac-content p:last-child,
.pxl-accordion.style2 .pxl-ac-content p:last-child,
.pxl-accordion.style3 .pxl-ac-content p:last-child {
margin-bottom: 0;
}
.pxl-accordion.style1 .pxl-ac-item,
.pxl-accordion.style2 .pxl-ac-item,
.pxl-accordion.style3 .pxl-ac-item {
background-color: #fff;
padding: 0;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
.pxl-accordion.style1 .pxl-ac-item + .pxl-ac-item .pxl-ac-title,
.pxl-accordion.style2 .pxl-ac-item + .pxl-ac-item .pxl-ac-title,
.pxl-accordion.style3 .pxl-ac-item + .pxl-ac-item .pxl-ac-title {
border-top: none;
}
.pxl-accordion.style1 .pxl-ac-title.active {
padding-bottom: 10px;
}
.pxl-accordion.style2 .pxl-ac-title {
padding: 18px 30px 18px 27px;
}
.pxl-accordion.style2 .pxl-ac-title.active {
background-color: var(--secondary-color);
color: #ffffff;
}
.pxl-accordion.style2 .pxl-ac-title:before {
display: none;
}
.pxl-accordion.style2 .pxl-ac-content {
padding: 20px 15px 21px 27px;
}
.pxl-accordion.style3 .pxl-ac-title {
padding: 16px 26px 16px 25px;
}
.pxl-accordion.style3 .pxl-ac-title:before {
color: #ffffff !important;
background: var(--primary-color) !important;
}
.pxl-accordion.style3 .pxl-ac-title.active {
padding: 16px 26px 16px 25px;
background-color: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.pxl-accordion.style3 .pxl-ac-title.active:before {
color: var(--primary-color) !important;
background: var(--secondary-color) !important;
}
.pxl-accordion.style3 .pxl-ac-content {
padding: 17px 30px 15px 25px;
}
.pxl-progressbar .progress-title {
font-size: 15px;
font-weight: 600;
font-family: var(--heading-font-family);
text-transform: uppercase;
line-height: 26px;
letter-spacing: 0.03px;
color: var(--heading-color);
}
.pxl-progressbar .progress-item {
position: relative;
}
.pxl-progressbar .progress-item:after {
content: "";
position: absolute;
bottom: -7px;
left: 0;
height: 1px;
width: 100%;
background-color: #dedede;
}
.pxl-progressbar .progress-item + .progress-item {
margin-top: 37px;
}
.pxl-progressbar .progress-title-wrap {
margin-bottom: 9px;
}
.pxl-progressbar .pxl-progress-bar {
height: 6px;
width: 0;
background-color: #ca7b12;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#ca7b12),
to(#ffb35a)
);
background-image: -webkit-linear-gradient(to right, #ca7b12, #ffb35a);
background-image: -moz-linear-gradient(to right, #ca7b12, #ffb35a);
background-image: -ms-linear-gradient(to right, #ca7b12, #ffb35a);
background-image: -o-linear-gradient(to right, #ca7b12, #ffb35a);
background-image: linear-gradient(to right, #ca7b12, #ffb35a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ca7b12", endColorStr="#ffb35a", gradientType="1");
-webkit-transition: width 1.4s ease;
-khtml-transition: width 1.4s ease;
-moz-transition: width 1.4s ease;
-ms-transition: width 1.4s ease;
-o-transition: width 1.4s ease;
transition: width 1.4s ease;
}
.pxl-progressbar .progress-number-wrapper {
width: 100%;
z-index: 10;
}
.pxl-progressbar .progress-number-mark {
margin-bottom: 20px;
background-color: var(--secondary-color);
padding: 0 9.6px;
position: absolute;
bottom: 0;
transform: translateX(-50%);
font-size: 13px;
line-height: 26px;
letter-spacing: 0.05px;
font-style: normal;
color: #ffffff;
-webkit-transition: width 1.4s ease;
-khtml-transition: width 1.4s ease;
-moz-transition: width 1.4s ease;
-ms-transition: width 1.4s ease;
-o-transition: width 1.4s ease;
transition: width 1.4s ease;
}
.pxl-progressbar .down-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid var(--secondary-color);
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
}
.pxl-piechart-layout1 .pxl-piechart {
position: relative;
display: flex;
align-items: center;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-piechart-layout1 .pxl-piechart .item--value {
position: relative;
display: inline-flex;
margin-right: 29px;
}
.pxl-piechart-layout1 .pxl-piechart .item--value span,
.pxl-piechart-layout1 .pxl-piechart .item--value i {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
font-weight: 500;
color: var(--heading-color);
line-height: 33px;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
border: 1px solid #dedede;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-piechart-layout1 .pxl-piechart .item--value i {
font-size: 50px;
}
.pxl-piechart-layout1 .pxl-piechart .item--value canvas {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.pxl-piechart-layout1 .pxl-piechart .item--title {
font-size: 20px;
font-weight: 600;
line-height: 33px;
color: var(--heading-color);
}
.pxl-piechart-layout1 .pxl-piechart .item--description {
font-size: 15px;
line-height: 25px;
color: var(--body-color);
}
.pxl-pricing-single {
text-align: center;
-webkit-transition: all 400ms ease 0s;
-khtml-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
}
.pxl-pricing-single .pricing-price-duration {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-pricing-single .standard {
font-size: 17px;
font-weight: bold;
line-height: 26px;
letter-spacing: 0.08em;
font-family: var(--heading-font-family);
z-index: 3;
text-transform: uppercase;
color: #ffffff;
}
.pxl-pricing-single .pricing_single {
-webkit-transition: all 400ms ease 0s;
-khtml-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
}
.pxl-pricing-single .pricing_single .inner-box {
border: 1px solid #dedede;
transition: all 400ms ease 0s;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-price {
position: relative;
padding: 0 36px 9px;
z-index: 3;
background-color: var(--secondary-color);
background-position: center;
background-size: cover;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-price .item-standard {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-standard
> * {
max-width: 100%;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.pricing-price-duration {
display: inline-block;
top: -11px;
position: relative;
padding: 17.5px 15.5px;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.pricing-price-duration:after {
content: "";
position: absolute;
top: 0;
right: -13px;
width: 0;
height: 0;
border-bottom: 11px solid #ae741c;
border-right: 13px solid transparent;
animation: fadeInLeft 1.5s ease 1s;
display: block;
z-index: 3;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-price .item-price {
display: flex;
justify-content: center;
color: #ffffff;
align-items: flex-start;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.icon-dollar {
font-family: var(--heading-font-family);
font-size: 25px;
margin-right: 4px;
line-height: 30px;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price {
--text: #fff;
--font-size: 45px;
--duration: 0.44s;
--move-hover: -4px;
--font-shadow: var(--font-size);
font-weight: bold;
line-height: 36px;
display: block;
outline: none;
text-decoration: none;
font-size: var(--font-size);
letter-spacing: 0.5px;
color: var(--text);
transform: translateY(var(--y)) translateZ(0);
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div {
display: flex;
overflow: hidden;
text-shadow: 0 var(--font-shadow) 0 var(--text);
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span {
display: block;
backface-visibility: hidden;
font-style: normal;
transition: transform var(--duration) ease;
transform: translateY(var(--m)) translateZ(0);
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(1) {
transition-delay: 0.1s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(2) {
transition-delay: 0.2s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(3) {
transition-delay: 0.3s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(4) {
transition-delay: 0.4s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(5) {
transition-delay: 0.5s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(6) {
transition-delay: 0.6s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(7) {
transition-delay: 0.7s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(8) {
transition-delay: 0.8s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(9) {
transition-delay: 0.9s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(10) {
transition-delay: 1s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-price
.item-price
.value-price
div
span:nth-child(11) {
transition-delay: 1.1s;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-price .duration {
color: #ededed;
font-size: 15px;
line-height: 26px;
letter-spacing: 0.02em;
font-weight: 400;
margin-top: 8px;
font-family: var(--heading-font-family);
}
@media screen and (max-width: 1199px) {
.pxl-pricing-single .pricing_single .inner-box .pricing-price .duration {
margin-left: 3%;
}
}
.pxl-pricing-single .pricing_single .inner-box .pricing-price .pricing-title {
color: #ffffff;
font-size: 15px;
line-height: 43px;
position: relative;
font-weight: 400;
margin-top: 11px;
background-color: rgba(255, 255, 255, 0.15);
}
.pxl-pricing-single .pricing_single .inner-box .pricing-list {
position: relative;
-webkit-transition: all 400ms ease 0s;
-khtml-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
padding: 20px 35px 43px;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-list .pricing-feature {
list-style: none;
font-size: 17px;
line-height: 20px;
font-weight: 400;
margin: 17px 0 35px;
-webkit-transition: all 500ms ease 0s;
-khtml-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li {
display: flex;
margin-bottom: 20px;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li
.pricing-icon {
color: var(--primary-color);
font-weight: 900;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li
span {
margin-left: 12px;
position: relative;
float: left;
color: var(--heading-color);
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li.no-active
span,
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li.no-active
.pricing-icon {
color: #777777;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-feature
li.no-active.style-2
span {
text-decoration-line: line-through;
}
.pxl-pricing-single .pricing_single .inner-box .pricing-list .pricing-button {
-webkit-transition: all 500ms ease 0s;
-khtml-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-button
.btn {
width: 100%;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
font-family: var(--heading-font-family);
-webkit-transition: all 500ms ease 0s;
-khtml-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-button
.btn
.pxl-icon {
margin-left: 20px;
}
@media (max-width: 991px) {
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-button
.btn:hover:before {
height: 1090%;
}
}
@media (max-width: 767px) {
.pxl-pricing-single
.pricing_single
.inner-box
.pricing-list
.pricing-button
.btn:hover:before {
height: 890%;
}
}
.pxl-pricing-single .pricing_single .inner-box.highlight-active .pricing-title {
background-color: var(--secondary-color);
}
.pxl-pricing-single .pricing_single:hover {
-webkit-transition: all 500ms ease 0s;
-khtml-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
-webkit-box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
-khtml-box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 40px 5px rgba(0, 0, 0, 0.25);
}
.pxl-pricing-single .pricing_single:hover .inner-box {
border-color: transparent;
}
.pxl-pricing-single .pricing_single:hover .item-price .value-price div {
--y: var(--move-hover);
}
.pxl-pricing-single .pricing_single:hover .item-price .value-price div span {
--m: calc(var(--font-size) * -1);
}
.pxl-tabs .tabs-content {
position: relative;
}
.pxl-tabs .tabs-content .tab-content {
display: none;
opacity: 0;
-webkit-animation: pxlFadeInUp 400ms linear 1 forwards;
-moz-animation: pxlFadeInUp 400ms linear 1 forwards;
animation: pxlFadeInUp 400ms linear 1 forwards;
}
.pxl-tabs .tabs-content .tab-content.active {
display: block;
}
.pxl-tabs.style-1 .tabs-title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid #dedede;
}
.pxl-tabs.style-1 .tabs-title > * {
max-width: 100%;
}
.pxl-tabs.style-1 .tab-title {
font-size: 15px;
color: var(--heading-color);
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
line-height: 26px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-grow: 1;
cursor: pointer;
-webkit-transition: all 300ms ease 0ms;
-khtml-transition: all 300ms ease 0ms;
-moz-transition: all 300ms ease 0ms;
-ms-transition: all 300ms ease 0ms;
-o-transition: all 300ms ease 0ms;
transition: all 300ms ease 0ms;
}
.pxl-tabs.style-1 .tab-title > * {
max-width: 100%;
}
.pxl-tabs.style-1 .tab-title span {
position: relative;
padding-bottom: 14px;
}
.pxl-tabs.style-1 .tab-title span:after {
content: "";
height: 3px;
width: 0;
left: auto;
right: 0;
bottom: 0;
position: absolute;
background-color: var(--primary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-tabs.style-1 .tab-title span:hover:after {
left: 0;
right: auto;
width: 100%;
}
.pxl-tabs.style-1 .tab-title.active span:after {
width: 100%;
}
.pxl-tabs.style-1 .tabs-content {
position: relative;
padding: 30px 0px 0px;
min-height: 311px;
}
.pxl-tabs.style-1 .tabs-content .elementor-element-populated {
padding: 0;
}
.pxl-countdown {
overflow: hidden;
}
.pxl-countdown .inner-number {
font-size: 70px;
font-weight: bold;
font-family: var(--heading-font-family);
color: var(--heading-color);
letter-spacing: 0.05em;
line-height: 70px;
min-height: 70px;
animation: fadeIn 3s ease;
}
@media (max-width: 991px) {
.pxl-countdown .inner-number {
font-size: 55px;
line-height: 55px;
min-height: 55px;
}
}
.pxl-countdown .inner-text {
font-size: 22px;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 600;
margin-top: 18px;
}
@media (max-width: 575px) {
.pxl-countdown .inner-text {
font-size: 16px;
}
}
.pxl-countdown .pxl-countdown-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-countdown .pxl-countdown-container > * {
max-width: 100%;
}
@media (min-width: 1200px) {
.pxl-countdown .pxl-countdown-container {
margin-left: -15px;
margin-right: -15px;
}
}
.pxl-countdown .pxl-countdown-container .time-item {
width: 25%;
padding: 0 15px;
position: relative;
}
@media (min-width: 768px) {
.pxl-countdown .pxl-countdown-container .time-item {
text-align: center;
}
}
.pxl-countdown .pxl-countdown-container .time-item:after {
content: "";
width: 5px;
height: 5px;
position: absolute;
right: 0;
background: #fff;
top: 22%;
transform: translateY(-50%);
}
.pxl-countdown .pxl-countdown-container .time-item:before {
content: "";
width: 5px;
height: 5px;
position: absolute;
right: 0;
background: #fff;
bottom: 60%;
transform: translateY(-50%);
}
@media (min-width: 768px) {
.pxl-countdown .pxl-countdown-container .time-item:first-child {
text-align: left;
}
}
.pxl-countdown .pxl-countdown-container .time-item:last-child:after {
content: none;
}
.pxl-countdown .pxl-countdown-container .time-item:last-child:before {
content: none;
}
@media (max-width: 767px) {
.pxl-countdown .pxl-countdown-container .time-item {
width: 50%;
margin-bottom: 30px;
}
.pxl-countdown .pxl-countdown-container .time-item:after {
content: none;
}
.pxl-countdown .pxl-countdown-container .time-item:before {
content: none;
}
}
.pxl-countdown .pxl-countdown-container .time-item .time-item-inner {
text-align: center;
}
.pxl-history {
list-style-type: none;
}
.pxl-history.layout-1:before {
content: "";
display: block;
width: 1px;
background-color: #dedede;
position: absolute;
left: 50%;
top: 110px;
bottom: 0;
}
@media (max-width: 1199px) {
.pxl-history.layout-1:before {
left: 56.5px;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1:before {
left: 42px;
}
}
.pxl-history.layout-1:after {
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--primary-color);
left: 50%;
bottom: 0;
position: absolute;
transform: translateX(-50%);
}
@media (max-width: 1199px) {
.pxl-history.layout-1:after {
left: 56.5px;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1:after {
left: 42px;
}
}
.pxl-history.layout-1 .title-year {
font-family: var(--heading-font-family);
font-size: 30px;
line-height: 35px;
font-weight: bold;
color: #ffffff;
width: 113px;
height: 113px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: var(--secondary-color);
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: relative;
z-index: 5;
margin-bottom: 36px !important;
}
.pxl-history.layout-1 .title-year > * {
max-width: 100%;
}
@media (max-width: 1199px) {
.pxl-history.layout-1 .title-year {
margin: 0;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1 .title-year {
font-size: 20px;
width: 84px;
height: 84px;
}
}
.pxl-history.layout-1 .history-title-item {
position: relative;
margin-bottom: -110px;
}
@media (max-width: 1199px) {
.pxl-history.layout-1 .history-title-item {
margin-bottom: 50px;
margin-left: 100px;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1 .history-title-item {
margin-left: 75px;
}
}
.pxl-history.layout-1 .history-title-item:last-child {
margin-bottom: 50px;
}
.pxl-history.layout-1 .history-title-item .history-title-wrap {
position: relative;
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .div-img-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content
> * {
max-width: 100%;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2 {
justify-content: flex-end;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.img-inner {
right: -54px;
left: auto;
}
@media (max-width: 1299px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.img-inner {
right: 15px;
}
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.history-content-wrap {
padding: 65px 201px 65px 33px;
}
@media (max-width: 1299px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.history-content-wrap {
padding: 65px 235px 65px 24px;
}
}
@media (max-width: 1199px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.history-content-wrap {
padding: 65px 252px 65px 33px;
}
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content.style-2
.history-content-wrap:before {
left: 0;
right: auto;
transform: translateX(-50%) rotate(226deg) !important;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content
.history_hover {
z-index: 6;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content
.history_hover:hover
.history-content-wrap {
border-color: transparent;
box-shadow: 0px 0px 29.44px 2.56px rgba(0, 0, 0, 0.15);
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content
.history_hover:hover
.history-content-wrap:before {
border-color: transparent;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.div-img-content
.history_hover:hover
.dot-pulse {
animation: pulse-animation 0.8s infinite;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap {
padding: 65px 35px 65px 201px;
border: 1px solid #dedede;
position: relative;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background: #fff;
top: 50%;
right: -17px;
transform: translateX(-50%) rotate(45deg);
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
transition: all 0.5s ease;
}
@media (max-width: 1299px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap {
padding: 65px 0px 65px 260px;
}
}
@media (max-width: 1199px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap {
padding: 65px 252px 65px 33px;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap:before {
left: 0;
right: auto;
transform: translateX(-50%) rotate(226deg) !important;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content-wrap {
padding: 40px 15px 30px !important;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history-content {
margin-top: 25px;
}
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .img-inner {
position: absolute;
left: -54px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
overflow: hidden;
max-width: 221px;
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .img-inner img {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.img-inner:hover
img {
transform: scale(1.1);
}
@media (max-width: 1299px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .img-inner {
left: 15px;
}
}
@media (max-width: 1199px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .img-inner {
left: auto;
right: 15px;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .img-inner {
position: relative;
transform: none;
max-width: none;
left: auto !important;
right: auto !important;
}
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .history-year {
font-size: 13px;
font-family: var(--heading-font-family);
font-weight: 600;
color: #ffffff;
letter-spacing: 0.08em;
text-transform: uppercase;
background-color: var(--primary-color);
padding: 11.5px 19.5px;
display: inline-block;
position: absolute;
top: -19px;
z-index: 3;
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .history-title {
font-size: 25px;
letter-spacing: 0.03px;
font-weight: bold;
color: var(--heading-color);
font-family: var(--heading-font-family);
margin-bottom: 13px;
max-width: 285px;
}
@media (max-width: 1199px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .history-title {
max-width: none;
}
}
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history_description {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: var(--body-color);
margin-top: 5px;
max-width: 285px;
}
@media (max-width: 1199px) {
.pxl-history.layout-1
.history-title-item
.history-title-wrap
.history_description {
max-width: none;
}
}
.pxl-history.layout-1 .history-title-item .history-title-wrap .dot-pulse {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--primary-color);
left: 50%;
top: 50%;
position: absolute;
display: inline-block;
transform: translateX(-50%);
transition: all 300ms ease 0s;
z-index: 3;
}
@media (max-width: 1199px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .dot-pulse {
left: -43.5px;
}
}
@media (max-width: 767px) {
.pxl-history.layout-1 .history-title-item .history-title-wrap .dot-pulse {
left: -33px;
}
}
.pxl-history.layout-1 .pxl-noreverse .in-view {
animation: pxlFadeInLeft 1s ease;
}
.pxl-history.layout-1 .pxl-noreverse .in-view .history-content-wrap {
visibility: visible;
}
.pxl-history.layout-1 .pxl-reverse .in-view {
animation: pxlFadeInRight 1s ease;
}
.pxl-history.layout-1 .pxl-reverse .in-view .history-content-wrap {
visibility: visible;
}
.pxl-text-editor .link-click {
position: relative;
text-decoration: none;
color: var(--primary-color);
}
.pxl-text-editor .link-click:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: all 300ms ease;
opacity: 1;
}
.pxl-text-editor .link-click:hover {
color: #ffffff;
}
.pxl-text-editor .link-click:hover:after {
opacity: 0;
}
.pxl-text-editor .team-text {
padding-bottom: 22px;
}
.pxl-text-editor .title-about {
font-size: 20px;
font-family: var(--heading-font-family);
font-weight: 600;
line-height: 26px;
color: #222222;
margin-top: 23px;
}
.pxl-text-editor .div-link {
font-size: 20px;
font-family: var(--body-font-family);
font-weight: 600;
line-height: 26px;
margin-top: 17px;
margin-bottom: 28px;
}
.pxl-text-editor .div-link .link-about {
color: #0f4cb7;
}
.pxl-text-editor .div-link .link-about:hover {
color: #0f4cb7;
}
.pxl-text-editor .div-link .link-about:hover:after {
width: 0;
}
.pxl-text-editor hr.hr-about {
border: none;
border-top: 1px dashed #dedede;
width: 100%;
height: 1px;
margin-bottom: 18px;
}
.pxl-text-editor .link-about2 {
color: var(--secondary-color);
position: relative;
}
.pxl-text-editor .link-about2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--secondary-color);
}
.pxl-text-editor .link_primary,
.pxl-text-editor .link-home2 {
color: var(--primary-color);
position: relative;
}
.pxl-text-editor .link_primary:after,
.pxl-text-editor .link-home2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.pxl-text-editor .link_primary:hover:after,
.pxl-text-editor .link-home2:hover:after {
width: 100%;
}
.pxl-text-editor .link_white {
position: relative;
}
.pxl-text-editor .link_white:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #ffffff;
transition: all 300ms ease;
}
.pxl-text-editor .link_white:hover {
color: #ffffff;
}
.pxl-text-editor .link_white:hover:after {
width: 100%;
}
.pxl-text-editor .text-oclock {
color: var(--primary-color) !important;
}
.post_format-post-format-link,
.post_format-post-format-quote {
padding-bottom: 35px;
margin-bottom: 35px;
}
.text-primary {
color: var(--primary-color) !important;
}
.pxl-image-carousel.layout-1 {
position: relative;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 {
position: absolute;
background-color: var(--secondary-color);
left: 50%;
bottom: 28px;
transform: translateX(-50%);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
cursor: pointer;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 > * {
max-width: 100%;
}
@media (max-width: 767px) {
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 {
display: none;
}
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1:before {
content: "";
width: 7px;
height: 7px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 .pxl-swiper-arrow-img {
color: white;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-1
.pxl-swiper-arrow-img
i {
transform: translateX(0);
display: inline-block;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-1
.pxl-swiper-arrow-img:hover
i {
color: var(--primary-color);
animation: elementor-animation-wobble-horizontal;
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 .pxl-swiper-arrow-prev {
padding: 8px 21px 5px 24px;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-1 .pxl-swiper-arrow-next {
padding: 8px 23px 5px 22px;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
cursor: pointer;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 > * {
max-width: 100%;
}
@media (max-width: 767px) {
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 {
display: none;
}
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 .pxl-swiper-arrow-img {
color: white;
position: absolute;
top: 50%;
transform: translate(-50%);
width: 49px;
height: 49px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-img
> * {
max-width: 100%;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-img
i {
display: none;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-img:hover:after {
background: var(--secondary-color);
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 .pxl-swiper-arrow-prev {
left: -75px;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-prev:before {
content: "";
font-family: "pxli";
color: #ffffff;
position: absolute;
font-size: 22px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-prev:hover:before {
animation: toRightFromLeft 0.3s forwards;
}
.pxl-image-carousel.layout-1 .pxl-swiper-arrows.style-2 .pxl-swiper-arrow-next {
right: -124px;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-next:before {
content: "";
font-family: "pxli";
color: #ffffff;
position: absolute;
font-size: 22px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3;
}
.pxl-image-carousel.layout-1
.pxl-swiper-arrows.style-2
.pxl-swiper-arrow-next:hover:before {
animation: toLeftFromRight 0.3s forwards;
}
.pxl-image-carousel.layout-1 .img-item-inner {
justify-content: center;
align-items: center;
cursor: pointer;
}
.pxl-image-carousel.layout-1 .img-item-inner .pxl-video-popup {
position: absolute;
}
.pxl-case-info-layout-1 .case_heading {
font-family: var(--body-font-family);
font-size: 15px;
color: var(--heading-color);
font-weight: 500;
line-height: 52px;
letter-spacing: 0.01px;
text-transform: uppercase;
margin-left: 10px;
}
.pxl-case-info-layout-1 .case_content {
font-family: var(--body-font-family);
font-size: 15px;
color: var(--heading-color);
font-weight: 400;
line-height: 52px;
letter-spacing: 0.01px;
margin-left: 5px;
}
.pxl-case-info-layout-1 .pxl-case-info-icon {
color: var(--primary-color);
font-size: 6px;
}
.pxl-case-info-layout-1 .pxl-case-info-content {
padding: 8px 26px 35px;
border: 1px solid #dedede;
}
.pxl-case-info-layout-1 .pxl-case-info-content .pxl-case-info-item {
border-bottom: 1px solid #dedede;
position: relative;
}
.pxl-case-info-layout-1 .pxl-case-info-content .pxl-case-info-item:after {
content: "";
position: absolute;
width: 0;
height: 1px;
background: var(--heading-color);
transition: all 0.5s ease;
}
.pxl-case-info-layout-1 .pxl-case-info-content .pxl-case-info-item:hover:after {
width: 100%;
}
.pxl-case-info-layout-1
.pxl-case-info-content
.pxl-case-info-item
.case_content:has(br) {
width: 100%;
padding-left: 9px;
margin-top: -11px;
line-height: 30px;
padding-bottom: 11px;
}
.pxl-case-info-layout-1 .pxl-case-info-content .pxl-download {
padding-top: 35px;
}
.pxl-post-recent .pxl-posts-list {
border: 1px solid #dedede;
padding: 26px 26px 29px 26px;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item {
margin-bottom: 25px;
padding-bottom: 26px;
flex-wrap: nowrap;
flex-direction: row;
border-bottom: 1px solid #dedede;
position: relative;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item:last-child:after {
content: none;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item .post-image {
margin-right: 21px;
flex: none;
overflow: hidden;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item .post-image img {
object-fit: cover;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item .pxl-list-content .post-date {
line-height: 24px;
text-transform: uppercase;
font-size: 13px;
}
.pxl-post-recent
.pxl-posts-list
.pxl-post-item
.pxl-list-content
.post-title-content {
font-weight: 600;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.02em;
margin-bottom: 0;
color: var(--heading-color);
}
.pxl-post-recent .pxl-posts-list .pxl-post-item:hover:after {
width: 100%;
}
.pxl-post-recent .pxl-posts-list .pxl-post-item:hover .post-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.pxl-team-info-layout-1 .pxl-team-info {
padding: 60px 51px 70px;
background-color: var(--secondary-color);
position: relative;
overflow: hidden;
}
@media (max-width: 1199px) {
.pxl-team-info-layout-1 .pxl-team-info {
padding: 40px 15px;
}
}
.pxl-team-info-layout-1 .pxl-team-info:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 40px solid var(--primary-color);
border-left: 40px solid transparent;
z-index: 5;
-webkit-transform: translate(30px, -30px);
-moz-transform: translate(30px, -30px);
transform: translate(30px, -30px);
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.pxl-team-info-layout-1 .pxl-team-info .widget-title {
color: #ffffff;
margin-bottom: 5px;
letter-spacing: 0.03em;
position: relative;
z-index: 1;
font-weight: 600;
line-height: 40px;
font-size: 35px;
}
.pxl-team-info-layout-1 .pxl-team-info .widget-sub-title {
color: var(--primary-color);
margin-bottom: 14px;
position: relative;
z-index: 1;
line-height: 40px;
letter-spacing: 0.02px;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
}
.pxl-team-info-layout-1 .pxl-team-info .info-item {
flex-wrap: nowrap;
display: inline-flex;
align-items: center;
width: 50%;
}
@media (max-width: 767px) {
.pxl-team-info-layout-1 .pxl-team-info .info-item {
width: 100%;
}
}
.pxl-team-info-layout-1 .pxl-team-info .label {
color: #ffffff;
text-transform: uppercase;
margin-right: 6px;
margin-left: 13px;
font-size: 15px;
line-height: 35px;
letter-spacing: 0.05px;
}
.pxl-team-info-layout-1 .pxl-team-info .info-text {
color: #dedede;
font-size: 15px;
line-height: 35px;
letter-spacing: 0.05px;
}
.pxl-team-info-layout-1 .pxl-team-info .inner-icon {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-team-info-layout-1 .pxl-team-info .inner-icon > * {
max-width: 100%;
}
.pxl-team-info-layout-1 .pxl-team-info .inner-icon i {
font-size: 6px;
color: var(--primary-color);
}
.pxl-team-info-layout-1 .pxl-team-info .social-share-team {
margin-top: 41px;
}
.pxl-team-info-layout-1 .pxl-team-info .social-share-team .social-item {
text-align: center;
color: #ffffff;
font-size: 15px;
justify-content: center;
display: inline-flex;
align-items: center;
width: 51px;
height: 48px;
font-weight: 700;
transition: 0.3s;
border: 1px solid rgba(255, 255, 255, 0.15);
position: relative;
background-color: var(--secondary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.pxl-team-info-layout-1 .pxl-team-info .social-share-team .social-item:before {
z-index: 99;
}
.pxl-team-info-layout-1 .pxl-team-info .social-share-team .social-item:hover {
border-color: transparent;
color: #ffffff;
background-color: var(--primary-color);
}
.pxl-team-info-layout-1
.pxl-team-info
.social-share-team
.social-item
+ .social-item {
border-left: none;
}
.pxl-team-info-layout-1 .in-view:before {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.pxl-counter1 .pxl--item-inner .pxl--counter-number {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-counter1 .pxl--item-inner .pxl--counter-number > * {
max-width: 100%;
}
.pxl-counter1 .pxl--item-inner .pxl--counter-number .pxl--counter-prefix,
.pxl-counter1 .pxl--item-inner .pxl--counter-number .pxl--counter-suffix,
.pxl-counter1 .pxl--item-inner .pxl--counter-number .pxl--counter-value {
font-family: var(--heading-font-family);
font-size: 70px;
font-weight: 600;
color: var(--primary-color);
}
.pxl-counter1 .pxl--item-inner:has(.pxl--item-title) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-counter1 .pxl--item-inner:has(.pxl--item-title) > * {
max-width: 100%;
}
.pxl-counter1 .pxl--item-inner:has(.pxl--item-title) .pxl--item-title {
margin-left: 16px;
font-family: var(--heading-font-family);
font-weight: 600;
color: var(--heading-color);
font-size: 17px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.pxl-counter2 {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
-webkit-transform: skew(-6deg);
-moz-transform: skew(-6deg);
transform: skew(-6deg);
}
.pxl-counter2 .pxl--item-inner {
padding: 30px 33px 31px 36px;
position: relative;
}
.pxl-counter2 .pxl--item-inner .pxl--counter-number {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.pxl-counter2 .pxl--item-inner .pxl--counter-number > * {
max-width: 100%;
}
.pxl-counter2 .pxl--item-inner .pxl--counter-number .pxl--counter-prefix,
.pxl-counter2 .pxl--item-inner .pxl--counter-number .pxl--counter-suffix,
.pxl-counter2 .pxl--item-inner .pxl--counter-number .pxl--counter-value {
font-family: var(--heading-font-family);
font-size: 35px;
font-weight: 500;
color: #ffffff;
line-height: 42px;
}
.pxl-counter2 .pxl--item-inner .pxl--item-title {
font-family: var(--heading-font-family);
font-weight: 500;
color: #ffffff;
font-size: 17px;
line-height: 30px;
}
.pxl-counter2 .pxl--item-inner:after {
position: absolute;
content: "";
bottom: -22px;
right: 38px;
width: 0;
height: 0;
border-top: 23px solid #3498db;
border-left: 15px solid transparent;
}
.pxl-counter3 .pxl--item-inner {
padding: 30px 50px 31px 36px;
}
.pxl-counter3 .pxl--item-inner .pxl--counter-number {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-counter3 .pxl--item-inner .pxl--counter-number > * {
max-width: 100%;
}
.pxl-counter3 .pxl--item-inner .pxl--counter-number .pxl--counter-prefix,
.pxl-counter3 .pxl--item-inner .pxl--counter-number .pxl--counter-suffix,
.pxl-counter3 .pxl--item-inner .pxl--counter-number .pxl--counter-value {
font-family: var(--heading-font-family);
font-size: 35px;
font-weight: 500;
color: #ffffff;
line-height: 42px;
}
.pxl-counter3 .pxl--item-inner .pxl--item-title {
font-family: var(--heading-font-family);
font-weight: 500;
color: #ffffff;
font-size: 17px;
line-height: 30px;
}
.pxl-counter3.style1 {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-counter3.style2 {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#14212b),
to(#334b5d)
);
background-image: -webkit-linear-gradient(bottom, #14212b, #334b5d);
background-image: -moz-linear-gradient(bottom, #14212b, #334b5d);
background-image: -ms-linear-gradient(bottom, #14212b, #334b5d);
background-image: -o-linear-gradient(bottom, #14212b, #334b5d);
background-image: linear-gradient(bottom, #14212b, #334b5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#334b5d");
}
.pxl-counter4 {
position: relative;
}
.pxl-counter4:after {
position: absolute;
content: "";
bottom: -15px;
right: 0;
width: 0;
height: 0;
border-top: 15px solid #3498db;
border-left: 19px solid transparent;
}
.pxl-counter4 .pxl--item-inner .pxl--counter-number {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-counter4 .pxl--item-inner .pxl--counter-number > * {
max-width: 100%;
}
.pxl-counter4 .pxl--item-inner .pxl--counter-number .pxl--counter-prefix,
.pxl-counter4 .pxl--item-inner .pxl--counter-number .pxl--counter-suffix,
.pxl-counter4 .pxl--item-inner .pxl--counter-number .pxl--counter-value {
font-family: var(--heading-font-family);
font-size: 55px;
font-weight: bold;
color: #ffffff;
}
.pxl-counter4 .pxl--item-inner:has(.pxl--item-title) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
min-height: 108px;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-counter4 .pxl--item-inner:has(.pxl--item-title) > * {
max-width: 100%;
}
.pxl-counter4 .pxl--item-inner:has(.pxl--item-title) .pxl--item-title {
margin-left: 16px;
font-family: var(--heading-font-family);
font-weight: 400;
color: #ffffff;
font-size: 17px;
}
.pxl-counter5 .pxl--item-inner {
text-align: center;
}
.pxl-counter5 .pxl--item-inner .pxl--counter-number {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
}
.pxl-counter5 .pxl--item-inner .pxl--counter-number > * {
max-width: 100%;
}
.pxl-counter5 .pxl--item-inner .pxl--counter-number .pxl--counter-prefix,
.pxl-counter5 .pxl--item-inner .pxl--counter-number .pxl--counter-suffix,
.pxl-counter5 .pxl--item-inner .pxl--counter-number .pxl--counter-value {
font-family: var(--heading-font-family);
font-size: 55px;
font-weight: bold;
color: var(--primary-color);
line-height: 1;
letter-spacing: 0.02em;
}
.pxl-counter5 .pxl--item-inner .counter-divider {
position: relative;
z-index: 3;
margin-top: 21px;
display: inline-block;
width: 186px;
height: 3px;
background-color: var(--secondary-color);
}
.pxl-counter5 .pxl--item-inner .pxl--item-title {
margin-top: 18px;
font-family: var(--heading-font-family);
font-weight: 600;
color: var(--secondary-color);
font-size: 20px;
line-height: 1.3;
letter-spacing: 0.02em;
} .pxl-grid {
text-align: center;
}
.pxl-grid .grid-filter-wrap {
margin-bottom: 48px;
justify-content: center;
position: relative;
display: inline-flex;
}
@media (max-width: 1199px) {
.pxl-grid .grid-filter-wrap {
justify-content: flex-start;
}
}
@media (max-width: 575px) {
.pxl-grid .grid-filter-wrap {
justify-content: space-between;
}
}
.pxl-grid .grid-filter-wrap .filter-item {
font-size: 17px;
line-height: 1.53;
color: var(--heading-color);
font-family: var(--heading-font-family);
letter-spacing: 0.03em;
cursor: pointer;
padding: 15px 26px;
position: relative;
z-index: 9;
transition: all 0.3s ease;
font-weight: 600;
text-transform: uppercase;
}
.pxl-grid .grid-filter-wrap .filter-item:before {
content: "";
display: block;
width: 0;
height: 3px;
background-color: var(--primary-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
transition: all 0.3s ease;
}
.pxl-grid .grid-filter-wrap .filter-item:hover {
color: var(--primary-color);
}
.pxl-grid .grid-filter-wrap .filter-item:hover:before {
width: 16px;
}
.pxl-grid .grid-filter-wrap .filter-item.active:before {
width: 16px;
}
.pxl-grid .grid-sizer {
visibility: hidden;
position: absolute;
}
.pxl-grid .item-featured a {
display: block;
}
.pxl-grid-pagination {
padding-top: 68px;
position: relative;
background: #ffffff;
z-index: 9;
} .pxl-post-list.layout-post-list-1 {
overflow: hidden;
}
.pxl-post-list.layout-post-list-1 .grid-item {
border-bottom: 1px solid #dedede;
}
.pxl-post-list.layout-post-list-1 .grid-item:last-child {
border-bottom: none;
}
.pxl-post-list.layout-post-list-1 .item-featured {
position: relative;
}
.pxl-post-list.layout-post-list-1 .item-featured .item-img-date {
position: relative;
overflow: hidden;
margin-right: 20px;
}
@media (max-width: 1199px) {
.pxl-post-list.layout-post-list-1 .item-featured .item-img-date {
margin-right: 0;
}
}
.pxl-post-list.layout-post-list-1 .item-featured .item-img-date .item-date {
position: absolute;
top: 0;
left: 0;
color: #fff;
display: none;
text-align: center;
min-width: 84px;
}
.pxl-post-list.layout-post-list-1
.item-featured
.item-img-date
.item-date
.date-day {
background-color: var(--secondary-color);
padding: 15px 17px;
font-size: 30px;
font-weight: 600;
line-height: 24px;
}
.pxl-post-list.layout-post-list-1
.item-featured
.item-img-date
.item-date
.date-year {
background-color: var(--primary-color);
padding: 7px 17px;
font-size: 15px;
display: block;
font-weight: 500;
line-height: 24px;
}
.pxl-post-list.layout-post-list-1
.item-featured
.item-img-date
.item-image
+ .item-date {
display: inline-grid;
}
.pxl-post-list.layout-post-list-1
.item-featured
.item-img-date:has(.item-image)
.item-date {
display: inline-grid;
}
.pxl-post-list.layout-post-list-1 .item-featured .item-img-date:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.pxl-post-list.layout-post-list-1
.item-featured
.item-img-date:hover
.video-play-button:before {
transform: scale(0.9);
}
.pxl-post-list.layout-post-list-1 .item-featured a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
}
.pxl-post-list.layout-post-list-1 .item-featured a > * {
max-width: 100%;
}
.pxl-post-list.layout-post-list-1 .item-featured a img {
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
width: 100%;
}
.pxl-post-list.layout-post-list-1 .item-featured .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.pxl-post-list.layout-post-list-1 .item-content {
text-align: left;
margin: auto 0;
}
.pxl-post-list.layout-post-list-1 .item-title {
font-size: 25px;
font-weight: bold;
line-height: 1.36;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
@media (max-width: 1199px) {
.pxl-post-list.layout-post-list-1 .item-title {
margin-top: 27px;
}
}
.pxl-post-list.layout-post-list-1 .item-metas {
font-size: 15px;
color: var(--body-color);
line-height: 2.83;
}
.pxl-post-list.layout-post-list-1 .item-metas a {
color: inherit;
}
.pxl-post-list.layout-post-list-1 .item-metas a:hover {
color: var(--link-color-hover);
}
.pxl-post-list.layout-post-list-1 .item-metas .post-author .author-avatar img {
width: 30px;
height: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pxl-post-list.layout-post-list-1 .item-metas .meta-inner > span {
position: relative;
padding: 3px 12px 5px 0;
margin-right: 12px;
}
.pxl-post-list.layout-post-list-1 .item-metas .meta-inner > span:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 25px;
right: 0;
top: 50%;
transform: translateY(-55%);
background-color: #dedede;
}
.pxl-post-list.layout-post-list-1 .item-metas .meta-inner > span:last-child {
padding-right: 0;
margin-right: 0;
}
.pxl-post-list.layout-post-list-1
.item-metas
.meta-inner
> span:last-child:after {
content: none;
}
.pxl-post-list.layout-post-list-1 .item-metas .post-tags svg {
margin-right: 7px;
}
.pxl-post-list.layout-post-list-1 .item-metas .pxli-folder-open1,
.pxl-post-list.layout-post-list-1 .item-metas .author-avatar,
.pxl-post-list.layout-post-list-1 .item-metas i {
font-size: 15px;
margin-right: 7px;
position: relative;
color: var(--heading-color);
}
.pxl-post-list.layout-post-list-1 .item-social-icon {
align-items: center;
justify-content: flex-end;
}
@media (max-width: 575px) {
.pxl-post-list.layout-post-list-1 .item-social-icon {
justify-content: flex-start;
margin-top: 30px;
}
}
.pxl-post-list.layout-post-list-1 .item-social-icon .label {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 26px;
margin-right: 11px;
color: var(--heading-color);
}
.pxl-post-list.layout-post-list-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 5px;
margin-bottom: 43px;
}
.pxl-post-list.layout-post-list-2 .grid-item .grid-item-inner {
padding-bottom: 41px;
margin-bottom: 50px;
border-bottom: 1px solid #dedede;
}
.pxl-post-list.layout-post-list-2 .grid-item:last-child .grid-item-inner {
padding-bottom: 0;
margin-bottom: 0;
border-color: transparent;
}
.pxl-post-list.layout-post-list-2 .item-featured {
margin-bottom: 30px;
}
.pxl-post-list.layout-post-list-2 .item-featured .post-image {
position: relative;
}
.pxl-post-list.layout-post-list-2 .item-featured .post-image .post-date {
min-width: 110px;
background-color: var(--secondary-color);
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
text-align: center;
padding: 23px 20px 21px;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.post-date
.day-month {
border-bottom: 1px solid var(--primary-color);
padding-bottom: 15px;
margin-bottom: 17px;
}
@media (max-width: 575px) {
.pxl-post-list.layout-post-list-2 .item-featured .post-image .post-date {
display: none;
}
}
.pxl-post-list.layout-post-list-2 .item-featured .post-image .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button {
width: 88px;
height: 88px;
color: #fff;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button:after {
background-color: var(--secondary-color);
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button
i {
font-size: 37px;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button:hover {
color: var(--secondary-color);
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button:hover:after {
background-color: #fff;
}
@media (max-width: 575px) {
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.pxl-video-popup
.video-play-button {
width: 60px;
height: 60px;
}
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
width: 88px;
height: 88px;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button
i {
position: relative;
z-index: 9;
color: inherit;
font-size: 28px;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: var(--secondary-color);
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button:hover {
color: var(--secondary-color);
}
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button:hover:after {
background-color: #fff;
transform: scale(1.2);
}
@media (max-width: 575px) {
.pxl-post-list.layout-post-list-2
.item-featured
.post-image
.audio-play-button {
width: 60px;
height: 60px;
}
}
@media (min-width: 992px) {
.pxl-post-list.layout-post-list-2 .content-text {
padding-right: 50px;
}
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner {
background-color: rgba(var(--heading-color-rgb), 0.06);
padding: 25px 27px 30px;
color: var(--heading-color);
letter-spacing: 0.02em;
line-height: 30px;
margin-top: 10px;
font-size: 15px;
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner span:first-child {
margin-right: 5px;
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner span.post-category {
text-transform: lowercase;
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner .post-author {
margin-bottom: -7px;
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner .author-avatar {
flex-grow: 1;
display: flex;
justify-content: flex-end;
}
.pxl-post-list.layout-post-list-2 .box-metas .meta-inner .author-avatar img {
width: 43px;
height: auto;
border-radius: 50%;
margin-left: 10px;
}
.pxl-post-list.layout-post-list-2 .item-title {
font-size: 35px;
line-height: 45px;
}
@media (max-width: 991px) {
.pxl-post-list.layout-post-list-2 .item-title {
font-size: 25px;
line-height: 32px;
}
}
.pxl-post-list.layout-post-list-2 .item-readmore .btn i {
font-size: 18px;
margin-left: 9px;
position: relative;
z-index: 1;
}
.pxl-post-list.layout-post-list-2 .item-readmore .btn:hover i {
color: #fff;
}
.pxl-post-list.layout-post-list-2 .format-wrap {
padding: 60px 50px 60px;
background-color: var(--secondary-color);
position: relative;
}
@media (max-width: 575px) {
.pxl-post-list.layout-post-list-2 .format-wrap {
padding: 60px 20px 60px;
}
}
.pxl-post-list.layout-post-list-2 .format-wrap .format-inner {
position: relative;
padding-right: 30%;
}
@media (max-width: 1199px) {
.pxl-post-list.layout-post-list-2 .format-wrap .format-inner {
padding-right: 60px;
}
}
.pxl-post-list.layout-post-list-2 .format-wrap .format-icon {
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.pxl-post-list.layout-post-list-2 .format-wrap .format-icon svg {
height: 46px;
width: auto;
fill: var(--primary-color);
transform: rotate(180deg);
}
.pxl-post-list.layout-post-list-2 .format-wrap .format-text {
font-family: var(--heading-font-family);
font-size: 30px;
line-height: 40px;
letter-spacing: 0.02em;
color: #fff;
font-weight: bold;
}
.pxl-post-list.layout-post-list-2 .format-wrap .quote-cite {
font-size: 14px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 0.1em;
display: block;
margin-top: 12px;
}
.pxl-post-list.layout-post-list-2 .format-wrap .post-metas {
padding-top: 8px;
letter-spacing: 0.05em;
color: var(--primary-color);
}
.pxl-post-list.layout-post-list-2 .format-wrap .post-metas .meta-inner > span {
padding: 5px 10px 5px 0;
margin-right: 10px;
}
.pxl-post-list.layout-post-list-2
.format-wrap
.post-metas
.meta-inner
> span:after {
top: 49%;
height: 15px;
transform: translateY(-55%) rotate(30deg);
background-color: var(--primary-color);
}
.pxl-post-list.layout-post-list-2 .format-wrap .fm-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: top right;
background-repeat: no-repeat;
}
.pxl-post-list.layout-post-list-2 .format-quote .fm-overlay {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-overlay.png);
}
.pxl-post-list.layout-post-list-2 .format-link .fm-overlay {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/link-overlay.png);
}
.pxl-post-list.layout-post-list-2 .format-link .post-metas {
padding-top: 30px;
} .pxl-case-study-list.layout-pxl-case-study-list-1 .pxl-reverse .item-featured {
order: 2;
}
.pxl-case-study-list.layout-pxl-case-study-list-1
.pxl-reverse
.item-featured
.post-image {
margin-right: 0;
margin-left: 20px;
}
@media (max-width: 1199px) {
.pxl-case-study-list.layout-pxl-case-study-list-1
.pxl-reverse
.item-featured
.post-image {
margin-left: 0;
}
}
@media (max-width: 1199px) {
.pxl-case-study-list.layout-pxl-case-study-list-1
.pxl-reverse
.item-featured {
order: inherit;
}
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .grid-item {
border-bottom: 1px solid #dedede;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .grid-item:last-child {
border-color: transparent;
}
.pxl-case-study-list.layout-pxl-case-study-list-1
.grid-item:last-child
.format-link,
.pxl-case-study-list.layout-pxl-case-study-list-1
.grid-item:last-child
.format-quote {
margin-bottom: 0 !important;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-featured .post-image {
position: relative;
margin-right: 20px;
}
@media (max-width: 1199px) {
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-featured .post-image {
margin-right: 0;
margin-bottom: 20px;
}
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .post-metas {
color: inherit;
letter-spacing: 0.1em;
margin-bottom: 5px;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .post-metas .post-tag {
align-items: baseline;
letter-spacing: 0.1em;
display: contents;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .post-metas .post-tag:before {
content: "";
display: inline-block;
width: 45px;
height: 2px;
background-color: var(--primary-color);
margin-right: 12px;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-content {
text-align: left;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-title {
font-size: 25px;
font-weight: 600;
line-height: 30px;
margin-bottom: 4px;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-category {
font-size: 13px;
line-height: 30px;
letter-spacing: 0.06px;
color: var(--primary-color);
text-transform: uppercase;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .case-divider {
margin-top: 10px;
margin-bottom: 20px;
width: 50px;
height: 3px;
background: var(--primary-color);
transform: skew(-45deg);
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-social-icon {
align-items: center;
justify-content: flex-end;
}
@media (max-width: 575px) {
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-social-icon {
justify-content: flex-start;
margin-top: 30px;
}
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-social-icon .label {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 26px;
margin-right: 11px;
color: var(--heading-color);
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 43px;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .item-readmore .btn {
padding: 7.5px 30.5px 7px;
}
.pxl-case-study-list.layout-pxl-case-study-list-1 .scale-hover:hover img {
opacity: 1;
} .pxl-post-grid.layout-post-1 {
overflow: hidden;
}
.pxl-post-grid.layout-post-1 .grid-item {
border-bottom: 1px solid #dedede;
}
.pxl-post-grid.layout-post-1 .grid-item:last-child {
border-bottom: none;
}
.pxl-post-grid.layout-post-1 .item-featured {
position: relative;
}
.pxl-post-grid.layout-post-1 .item-featured .item-img-date {
position: relative;
overflow: hidden;
margin-right: 20px;
}
@media (max-width: 1199px) {
.pxl-post-grid.layout-post-1 .item-featured .item-img-date {
margin-right: 0;
}
}
.pxl-post-grid.layout-post-1 .item-featured .item-img-date .item-date {
position: absolute;
top: 0;
left: 0;
color: #fff;
display: none;
text-align: center;
}
.pxl-post-grid.layout-post-1
.item-featured
.item-img-date
.item-date
.date-day {
background-color: var(--secondary-color);
padding: 15px 17px;
font-size: 30px;
font-weight: 600;
line-height: 24px;
}
.pxl-post-grid.layout-post-1
.item-featured
.item-img-date
.item-date
.date-year {
background-color: var(--primary-color);
padding: 7px 17px;
font-size: 15px;
display: block;
font-weight: 500;
line-height: 24px;
}
.pxl-post-grid.layout-post-1
.item-featured
.item-img-date
.item-image
+ .item-date {
display: inline-grid;
}
.pxl-post-grid.layout-post-1
.item-featured
.item-img-date:has(.item-image)
.item-date {
display: inline-grid;
}
.pxl-post-grid.layout-post-1 .item-featured .item-img-date:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.pxl-post-grid.layout-post-1
.item-featured
.item-img-date:hover
.video-play-button:before {
transform: scale(0.9);
}
.pxl-post-grid.layout-post-1 .item-featured a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
}
.pxl-post-grid.layout-post-1 .item-featured a > * {
max-width: 100%;
}
.pxl-post-grid.layout-post-1 .item-featured a img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
object-fit: cover;
}
.pxl-post-grid.layout-post-1 .item-featured .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.pxl-post-grid.layout-post-1 .item-content {
text-align: left;
margin: auto 0;
}
.pxl-post-grid.layout-post-1 .item-title {
font-size: 25px;
font-weight: bold;
line-height: 1.36;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
@media (max-width: 1199px) {
.pxl-post-grid.layout-post-1 .item-title {
margin-top: 27px;
}
}
.pxl-post-grid.layout-post-1 .item-metas {
font-size: 15px;
color: var(--body-color);
line-height: 50px;
}
.pxl-post-grid.layout-post-1 .item-metas a {
color: inherit;
}
.pxl-post-grid.layout-post-1 .item-metas a:hover {
color: var(--link-color-hover);
}
.pxl-post-grid.layout-post-1 .item-metas .post-author .author-avatar img {
width: 30px;
height: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pxl-post-grid.layout-post-1 .item-metas .meta-inner > span {
position: relative;
padding: 3px 12px 5px 0;
margin-right: 12px;
}
.pxl-post-grid.layout-post-1 .item-metas .meta-inner > span:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 25px;
right: 0;
top: 50%;
transform: translateY(-55%);
background-color: #dedede;
}
.pxl-post-grid.layout-post-1 .item-metas .meta-inner > span:last-child {
padding-right: 0;
margin-right: 0;
}
.pxl-post-grid.layout-post-1 .item-metas .meta-inner > span:last-child:after {
content: none;
}
.pxl-post-grid.layout-post-1 .item-metas .post-tags svg {
margin-right: 7px;
}
.pxl-post-grid.layout-post-1 .item-metas .author-avatar,
.pxl-post-grid.layout-post-1 .item-metas i {
font-size: 12px;
margin-right: 7px;
position: relative;
color: var(--body-color);
}
.pxl-post-grid.layout-post-1 .item-social-icon {
align-items: center;
justify-content: flex-end;
}
@media (max-width: 575px) {
.pxl-post-grid.layout-post-1 .item-social-icon {
justify-content: flex-start;
margin-top: 30px;
}
}
.pxl-post-grid.layout-post-1 .item-social-icon .label {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 26px;
margin-right: 11px;
color: var(--heading-color);
}
.pxl-post-grid.layout-post-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px;
margin-bottom: 43px;
}
.item-barricades {
background-color: #dedede;
width: 100%;
height: 1px;
position: relative;
margin-bottom: 20px;
margin-top: 2px;
}
.item-barricades:after {
content: "";
background-color: var(--primary-color);
position: absolute;
left: 0;
top: -100%;
width: 64px;
height: 3px;
}
.item-divider {
height: 3px;
width: 87px;
background: var(--primary-color);
transform: skew(-45deg);
}
.grid-item:has(.format-wrap) .format-wrap {
position: relative;
text-align: left;
padding: 61px 60px 43px 76px;
background-color: #14212b;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#14212b),
to(#334b5d)
);
background-image: -webkit-linear-gradient(to right, #14212b, #334b5d);
background-image: -moz-linear-gradient(to right, #14212b, #334b5d);
background-image: -ms-linear-gradient(to right, #14212b, #334b5d);
background-image: -o-linear-gradient(to right, #14212b, #334b5d);
background-image: linear-gradient(to right, #14212b, #334b5d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#14212b", endColorStr="#334b5d", gradientType="1");
}
.grid-item:has(.format-wrap)
.format-wrap.format-quote
.quote-inner.in-view:after {
right: 58px;
}
.grid-item:has(.format-wrap) .format-wrap.format-quote .quote-inner:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-28px.png);
bottom: 0;
background-color: var(--primary-color);
right: 15px;
display: block;
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
z-index: 3;
}
.grid-item:has(.format-wrap) .format-wrap.format-quote .quote-inner:after {
content: "";
position: absolute;
bottom: 0;
right: -158px;
height: 120px;
width: 176px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/quote-iconn.png);
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease 0.5s;
-khtml-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}
.grid-item:has(.format-wrap)
.format-wrap.format-quote
.quote-inner
.quote-text {
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 33px;
letter-spacing: 0.03em;
color: #ffffff;
font-weight: bold;
position: relative;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
max-width: 668px;
}
.grid-item:has(.format-wrap)
.format-wrap.format-quote
.quote-inner
.quote-cite {
font-size: 13px;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 0.15em;
display: block;
margin-top: 18px;
line-height: 33px;
font-family: var(--body-font-family);
}
.grid-item:has(.format-wrap) .format-wrap.format-link .format-inner {
max-width: 668px;
padding-bottom: 15px;
}
.grid-item:has(.format-wrap)
.format-wrap.format-link
.format-inner.in-view:after {
right: 5px;
}
.grid-item:has(.format-wrap) .format-wrap.format-link .format-inner:before {
content: "";
position: absolute;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/link-icon-post-1.png);
bottom: 0;
background-color: var(--primary-color);
right: 15px;
display: block;
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
z-index: 3;
}
.grid-item:has(.format-wrap) .format-wrap.format-link .format-inner:after {
content: "";
position: absolute;
bottom: -10px;
right: -105px;
height: 160px;
width: 160px;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/link-icon-post.png);
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease 0.5s;
-khtml-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}
.grid-item:has(.format-wrap)
.format-wrap.format-link
.format-inner
.item-divider {
margin-top: 21px;
}
.grid-item:has(.format-wrap) .format-wrap.format-link .format-inner .link-text {
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 33px;
letter-spacing: 0.03em;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}
.grid-item:has(.format-wrap)
.format-wrap.format-link
.format-inner
.post-metas-link {
text-transform: uppercase;
font-size: 13px;
color: #ffffff;
line-height: 33px;
letter-spacing: 0.15em;
margin-top: 18px;
}
.grid-item:has(.format-wrap)
.format-wrap.format-link
.format-inner
.post-metas-link
.post-meta:after {
content: "/";
}
.grid-item:has(.format-wrap)
.format-wrap.format-link
.format-inner
.post-metas-link
.post-meta:last-child:after {
content: none;
} .pxl-case-study-grid a:hover {
color: #ffffff;
}
.pxl-case-study-grid .grid-filter-wrap {
margin-bottom: 48px;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-content:before,
.pxl-case-study-grid.layout-pxl-case-study-1 .box-title:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-left: 20px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-content:after,
.pxl-case-study-grid.layout-pxl-case-study-1 .box-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
transform: translate(-20px, 20px);
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #ffffff;
margin-bottom: 4px;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-title:hover a {
color: var(--primary-color);
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-category {
font-size: 13px;
text-transform: uppercase;
color: var(--primary-color);
line-height: 28px;
letter-spacing: 0.06px;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .case-divider {
height: 3px;
width: 57px;
background: var(--primary-color);
transform: skew(-45deg);
margin: 15px auto 0;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
color: #ededed;
line-height: 26px;
max-width: 246px;
margin: 19px auto 39px;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-readmore .btn-more {
display: inline-flex;
background: var(--primary-color);
width: 49px;
height: 49px;
align-items: center;
justify-content: center;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-readmore .btn-more i {
color: #ffffff;
font-size: 21px;
margin: 0;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner {
position: relative;
padding-bottom: 27px;
cursor: pointer;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner .item-featured img {
object-fit: cover;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner .box-title {
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
left: 23px;
right: 23px;
text-align: center;
padding: 24px 20px 21px;
overflow: hidden;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
transition: all 400ms ease-out 0.3s;
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner
.box-title
.title-wrap {
position: relative;
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner .box-title:after,
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner .box-title:before {
transition: all 0.3s ease-out 0.5s;
transform: translate(0px, 0px);
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner .item-content {
position: absolute;
overflow: hidden;
left: 23px;
right: 23px;
bottom: 0;
z-index: 5;
background-color: var(--secondary-color);
transition: all 500ms ease-out 0s;
-webkit-transform: translateY(101%);
-moz-transform: translateY(101%);
transform: translateY(101%);
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner {
position: relative;
z-index: 5;
width: 100%;
padding: 51px 20px 56px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner
> * {
max-width: 100%;
}
@media (max-width: 575px) {
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner {
padding: 30px 20px;
}
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner:hover .box-title {
-webkit-transform: translateY(101%);
-moz-transform: translateY(101%);
transform: translateY(101%);
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner:hover
.box-title:before {
transform: translate(20px, -20px);
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner:hover
.box-title:after {
transform: translate(-20px, 20px);
}
.pxl-case-study-grid.layout-pxl-case-study-1 .item-inner:hover .item-content {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner:hover
.item-content:before,
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner:hover
.item-content:after {
transform: translate(0, 0) !important;
opacity: 1;
transition: all 400ms ease-out 0.3s;
}
.pxl-case-study-grid.layout-pxl-case-study-1
.item-inner:hover
.item-featured
img {
filter: blur(2px) brightness(75%);
}
.pxl-case-study-grid.layout-pxl-case-study-2 .grid-item-inner .inner-box {
position: relative;
cursor: pointer;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-featured
a
img {
object-fit: cover;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content {
position: absolute;
padding: 23px 25px;
height: 100%;
width: 100%;
top: 0;
transform: scale(0.9);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner {
padding: 50px 15px;
position: relative;
height: 100%;
width: 100%;
background: var(--secondary-color);
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
> * {
max-width: 100%;
}
@media (max-width: 575px) {
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner {
padding: 20px 15px;
}
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid var(--primary-color);
border-left: 20px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-khtml-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid var(--primary-color);
border-right: 20px solid transparent;
z-index: 2;
transform: translate(-20px, 20px);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-khtml-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #ffffff;
margin-bottom: 2px;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-title:hover
a {
color: var(--primary-color);
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-category {
font-size: 13px;
text-transform: uppercase;
color: var(--primary-color);
line-height: 28px;
letter-spacing: 0.06px;
margin-bottom: 14px;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.case-divider {
height: 3px;
width: 57px;
background: var(--primary-color);
transform: skew(-45deg);
margin: 0 auto;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
color: #ededed;
line-height: 26px;
max-width: 246px;
margin: 22px auto 43px;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-readmore
.btn-more {
display: inline-flex;
background: var(--primary-color);
width: 49px;
height: 49px;
align-items: center;
justify-content: center;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box
.item-content
.content-inner
.item-readmore
.btn-more
i {
color: #ffffff;
font-size: 21px;
margin: 0;
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box:hover
.item-content {
opacity: 1;
transform: scale(1);
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box:hover
.item-content
.content-inner:before,
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box:hover
.item-content
.content-inner:after {
transform: translate(0px, 0px);
}
.pxl-case-study-grid.layout-pxl-case-study-2
.grid-item-inner
.inner-box:hover
.item-featured
img {
transform: scale(1.05) translateX(3px);
} .pxl-services-grid .grid-filter-wrap {
margin-bottom: 60px;
}
.pxl-services-grid .grid-filter-wrap .filter-item:after {
transform-origin: center;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item {
overflow: visible !important;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner {
transition: all 300ms ease-in-out;
border: 1px solid #dedede;
text-align: left;
cursor: pointer;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-image {
position: relative;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.area-icon-wrap {
position: absolute;
bottom: -26px;
right: 36px;
width: 75px;
height: 75px;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
color: #fff;
z-index: 9;
transition: all 300ms ease 0s;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.area-icon-wrap
> * {
max-width: 100%;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.area-icon-wrap
img {
width: 42px;
height: auto;
transition: all 350ms linear 500ms;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.area-icon-wrap
i {
font-size: 42px;
transition: all 300ms linear 500ms;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.item-featured {
position: relative;
overflow: hidden;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-image
.item-featured
a
img {
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-title {
font-size: 20px;
margin-bottom: 14px;
font-weight: 600;
letter-spacing: 0.02em;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 25px;
transition: all 300ms ease 0s;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-content {
padding: 46px 33px 43px;
transition: all 400ms ease-out 0s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-content > * {
max-width: 100%;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-content:after {
content: "";
position: absolute;
height: 4px;
width: 0;
left: 50%;
right: 50%;
bottom: 0;
transition: all 450ms ease-in-out 0s;
background-color: var(--primary-color);
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-readmore {
margin-top: 25px;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-readmore
.btn-more {
color: var(--heading-color);
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner
.item-readmore
.btn-more:hover {
color: var(--primary-color);
}
@media (max-width: 991px) {
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner .item-content {
padding: 35px 20px 50px;
}
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner:hover {
border-color: transparent;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner:hover
.area-icon-wrap
.area-icon {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner:hover
.item-featured
img {
transform: scale(1.1);
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner:hover .item-content {
background-color: var(--secondary-color);
}
.pxl-services-grid.layout-pxl-services-1
.grid-item-inner:hover
.item-content:after {
width: 100%;
left: 0;
right: 0;
opacity: 1;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner:hover .item-title,
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner:hover .btn-more {
color: #ffffff;
}
.pxl-services-grid.layout-pxl-services-1 .grid-item-inner:hover .item-excerpt {
color: #dedede;
}
.pxl-team-grid.layout-1 .grid-item {
overflow: hidden;
}
.pxl-team-grid.layout-1 .item-inner {
position: relative;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-team-grid.layout-1 .item-inner .img-team {
overflow: hidden;
}
.pxl-team-grid.layout-1 .item-inner .img-team img {
transform: scale(1.05) translateX(-3px);
object-fit: cover;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-team-grid.layout-1 .item-inner .item-title {
color: #ffffff;
font-size: 22px;
font-weight: 600;
line-height: 30px;
white-space: nowrap;
margin-bottom: 3px;
}
.pxl-team-grid.layout-1 .item-inner .item-position {
color: var(--primary-color);
font-size: 13px;
line-height: 30px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.pxl-team-grid.layout-1 .item-inner .item-description {
font-size: 15px;
color: #ededed;
line-height: 26px;
}
.pxl-team-grid.layout-1 .item-inner .team-divider {
height: 3px;
width: 57px;
background: var(--primary-color);
transform: skew(-45deg);
margin: 14px auto 18px;
}
.pxl-team-grid.layout-1 .item-inner .item-content {
position: absolute;
overflow: hidden;
left: 26px;
right: 26px;
bottom: -32px;
z-index: 5;
background-color: var(--secondary-color);
transition: all 400ms ease-out 0s;
-webkit-transform: translateY(101%);
-moz-transform: translateY(101%);
transform: translateY(101%);
padding: 45px 26px 15px;
}
.pxl-team-grid.layout-1 .item-inner .item-content:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 26px solid var(--primary-color);
border-left: 26px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
transition: all 0s ease-in-out 0s;
}
.pxl-team-grid.layout-1 .item-inner .item-content:after {
content: "";
height: 4px;
background-color: var(--primary-color);
bottom: 0;
left: 50%;
right: 50%;
width: 0;
position: absolute;
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 30px;
margin-top: 37px;
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social > * {
max-width: 100%;
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social > * {
margin: 5px;
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a {
border: 1px solid #2f3a42;
width: 51px;
height: 48px;
background-color: var(--secondary-color);
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 40px;
position: relative;
overflow: hidden;
margin-right: -5px;
}
@media (max-width: 991px) {
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a {
width: 45px;
}
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a i,
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a span {
-webkit-transition: color 0.3s ease;
-khtml-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: transform 0.3s ease;
-khtml-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a .inactive {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a .active {
-webkit-transform: translate(-50px, -50%);
-moz-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a:hover {
border-color: transparent;
color: #ffffff;
background: var(--primary-color);
}
.pxl-team-grid.layout-1
.item-inner
.item-content
.item-social
a:hover
.inactive {
-webkit-transform: translate(50px, -50%);
-moz-transform: translate(50px, -50%);
transform: translate(50px, -50%);
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a:hover .active {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-team-grid.layout-1 .item-inner .item-content .item-social a + a {
border-left: none;
}
.pxl-team-grid.layout-1 .item-inner .box-title {
background-color: var(--secondary-color);
position: absolute;
bottom: -32px;
left: 26px;
right: 26px;
text-align: center;
padding: 26px 20px 18px;
overflow: hidden;
border-bottom: 4px solid var(--primary-color);
-webkit-transition: all 0.4s ease 0.3s;
-khtml-transition: all 0.4s ease 0.3s;
-moz-transition: all 0.4s ease 0.3s;
-ms-transition: all 0.4s ease 0.3s;
-o-transition: all 0.4s ease 0.3s;
transition: all 0.4s ease 0.3s;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.pxl-team-grid.layout-1 .item-inner:hover .box-title {
-webkit-transform: translateY(101%);
-moz-transform: translateY(101%);
transform: translateY(101%);
}
.pxl-team-grid.layout-1 .item-inner:hover .item-content {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.pxl-team-grid.layout-1 .item-inner:hover .item-content:before {
transform: translate(0px, 0px);
opacity: 1;
transition: all 0.3s ease-in-out 0.2s;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-content:after {
width: 100%;
left: 0;
right: 0;
}
.pxl-team-grid.layout-1 .item-inner:hover .img-team img {
filter: blur(2px) brightness(90%);
} .pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner {
overflow: hidden;
position: relative;
}
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner img {
width: 100%;
}
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon {
position: absolute;
top: 33%;
left: 50%;
transform: translate(-50%, -50%);
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: all 300ms linear 70ms;
-khtml-transition: all 300ms linear 70ms;
-moz-transition: all 300ms linear 70ms;
-ms-transition: all 300ms linear 70ms;
-o-transition: all 300ms linear 70ms;
transition: all 300ms linear 70ms;
z-index: 1;
opacity: 0;
visibility: hidden;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
> * {
max-width: 100%;
}
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
> * {
max-width: 100%;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.x-line {
position: relative;
display: inline-flex;
left: 1px;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.x-line:after {
content: "";
display: inline-block;
width: 18px;
height: 2px;
background-color: #ffffff;
transition: all 300ms ease-in-out 0s;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.x-line:before {
content: "";
display: inline-block;
background-color: #ffffff;
transition: all 300ms ease-in-out 0s;
width: 18px;
height: 2px;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.y-line {
position: relative;
display: inline-flex;
left: -18px;
flex-direction: column;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.y-line:after {
content: "";
display: inline-block;
background-color: #ffffff;
transition: all 300ms ease-in-out 0s;
width: 2px;
height: 18px;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a
.y-line:before {
content: "";
display: inline-block;
background-color: #ffffff;
transition: all 300ms ease-in-out 0s;
width: 2px;
height: 18px;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a:hover
.x-line:after {
transform: translateX(3px);
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a:hover
.x-line:before {
transform: translateX(-3px);
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a:hover
.y-line:after {
transform: translateY(3px);
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner
.up-icon
a:hover
.y-line:before {
transform: translateY(-3px);
}
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner:hover:after {
opacity: 0.6;
}
.pxl-image-gallery.layout-1
.pxl-grid-inner
.grid-item
.item-inner:hover
.up-icon {
visibility: visible;
opacity: 1;
top: 50%;
}
.pxl-fancy-box-grid.layout-1 {
background-color: var(--secondary-color);
}
.pxl-fancy-box-grid.layout-1 .item-inner {
text-align: left;
}
.pxl-fancy-box-grid.layout-1 .item-inner:hover .icon-fancy-box {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pxl-fancy-box-grid.layout-1 .icon-fancy-box {
display: inline-block;
font-size: 56px;
line-height: 75px;
color: var(--primary-color);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-fancy-box-grid.layout-1 .item-title {
font-family: var(--heading-font-family);
color: #ffffff;
font-size: 20px;
font-weight: 600;
line-height: 45px;
}
.pxl-fancy-box-grid.layout-1 .item-description {
margin-top: 8px;
font-size: 15px;
line-height: 26px;
color: #dedede;
}
@media (max-width: 1199px) {
.pxl-fancy-box-grid.layout-1 .grid-item-1:before,
.pxl-fancy-box-grid.layout-1 .grid-item-1:after,
.pxl-fancy-box-grid.layout-1 .grid-item-2:before,
.pxl-fancy-box-grid.layout-1 .grid-item-2:after,
.pxl-fancy-box-grid.layout-1 .grid-item-3:before,
.pxl-fancy-box-grid.layout-1 .grid-item-3:after,
.pxl-fancy-box-grid.layout-1 .grid-item-4:before,
.pxl-fancy-box-grid.layout-1 .grid-item-4:after,
.pxl-fancy-box-grid.layout-1 .grid-item-5:before,
.pxl-fancy-box-grid.layout-1 .grid-item-5:after {
display: none;
}
}
.pxl-fancy-box-grid.layout-1 .grid-item-1 {
position: relative;
}
.pxl-fancy-box-grid.layout-1 .grid-item-1:after {
position: absolute;
content: "";
width: 1px;
height: 60%;
background-color: rgba(255, 255, 255, 0.1);
right: 0;
bottom: 0;
}
.pxl-fancy-box-grid.layout-1 .grid-item-1:before {
position: absolute;
content: "";
height: 1px;
width: 60%;
background-color: rgba(255, 255, 255, 0.1);
bottom: 0;
right: 0;
}
.pxl-fancy-box-grid.layout-1 .grid-item-2 {
position: relative;
}
.pxl-fancy-box-grid.layout-1 .grid-item-2:after {
position: absolute;
content: "";
width: 1px;
height: 60%;
background-color: rgba(255, 255, 255, 0.1);
right: 0;
bottom: 0;
}
.pxl-fancy-box-grid.layout-1 .grid-item-2:before {
position: absolute;
content: "";
height: 1px;
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
bottom: 0;
right: 0;
}
.pxl-fancy-box-grid.layout-1 .grid-item-3 {
position: relative;
}
.pxl-fancy-box-grid.layout-1 .grid-item-3:before {
content: "";
position: absolute;
height: 1px;
width: 60%;
background-color: rgba(255, 255, 255, 0.1);
left: 0;
bottom: 0;
z-index: 3;
}
.pxl-fancy-box-grid.layout-1 .grid-item-5,
.pxl-fancy-box-grid.layout-1 .grid-item-4 {
position: relative;
}
.pxl-fancy-box-grid.layout-1 .grid-item-5:after,
.pxl-fancy-box-grid.layout-1 .grid-item-4:after {
position: absolute;
content: "";
height: 60%;
width: 1px;
background-color: rgba(255, 255, 255, 0.1);
top: 0;
right: 0;
}
.pxl-fancy-box-grid.layout-1 .grid-item-5:before,
.pxl-fancy-box-grid.layout-1 .grid-item-4:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background-color: var(--primary-color);
right: -4px;
top: -4px;
z-index: 3;
}
.pxl-fancy-box-grid.layout-2 .item-inner {
text-align: left;
}
.pxl-fancy-box-grid.layout-2 .item-inner:hover .icon-fancy-box {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-fancy-box-grid.layout-2 .item-inner:hover .icon-fancy-box .pxl-fancy-icon {
color: #ffffff;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pxl-fancy-box-grid.layout-2 .icon-fancy-box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 20px;
margin-top: 43px;
width: 75px;
height: 75px;
font-size: 50px;
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: all 500ms linear 0s;
-khtml-transition: all 500ms linear 0s;
-moz-transition: all 500ms linear 0s;
-ms-transition: all 500ms linear 0s;
-o-transition: all 500ms linear 0s;
transition: all 500ms linear 0s;
}
.pxl-fancy-box-grid.layout-2 .icon-fancy-box > * {
max-width: 100%;
}
.pxl-fancy-box-grid.layout-2 .icon-fancy-box .pxl-fancy-icon {
color: var(--primary-color);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-fancy-box-grid.layout-2 .item-title {
font-family: var(--heading-font-family);
color: #ffffff;
font-size: 20px;
font-weight: 600;
line-height: 45px;
letter-spacing: 0.02em;
}
.pxl-fancy-box-grid.layout-2 .item-description {
margin-top: 5px;
font-size: 15px;
line-height: 26px;
color: #ededed;
}
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows .pxl-swiper-arrow-prev {
left: -99px;
}
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows .pxl-swiper-arrow-next {
right: -99px;
}
.pxl-post-carousel.layout-post-1 .post-wrap {
margin: -30px;
}
.pxl-post-carousel.layout-post-1 .post-wrap .post-inner {
padding: 30px;
}
.pxl-post-carousel.layout-post-1 .post-featured {
min-height: 300px;
margin: 0;
background: #ffffff;
border: 1px solid #dedede;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-image {
height: 303px;
position: relative;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-image .post-category {
position: absolute;
left: 0;
bottom: 0;
font-size: 13px;
color: #ffffff;
line-height: 28px;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pxl-post-carousel.layout-post-1
.post-featured
.post-image
.post-category
span {
background-color: var(--primary-color);
padding: 2px 22px;
}
.pxl-post-carousel.layout-post-1
.post-featured
.post-image
.post-category
span
a:hover {
color: inherit;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-date,
.pxl-post-carousel.layout-post-1 .post-featured .post-author {
color: var(--body-color);
font-size: 15px;
line-height: 36px;
position: relative;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-date {
padding-right: 21px;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-date:after {
position: absolute;
content: "";
width: 4px;
height: 4px;
background-color: var(--primary-color);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
top: 50%;
right: 8px;
-webkit-transition: translate(-50%);
-khtml-transition: translate(-50%);
-moz-transition: translate(-50%);
-ms-transition: translate(-50%);
-o-transition: translate(-50%);
transition: translate(-50%);
}
.pxl-post-carousel.layout-post-1 .post-featured .post-tags {
font-size: 13px;
line-height: 2.8;
color: #999999;
text-transform: uppercase;
}
.pxl-post-carousel.layout-post-1 .post-featured .post-tags a {
margin-left: 7px;
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content {
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px 25px 26px 26px;
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content .item-title {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0.02;
color: var(--heading-color);
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
color: var(--body-color);
line-height: 1.6;
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content .item-readmore {
margin-top: 19px;
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content .item-readmore a {
display: flex;
align-items: center;
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-readmore
a
.text-button {
font-size: 13px;
font-family: var(--heading-font-family);
font-weight: 600;
letter-spacing: 0.08em;
color: var(--heading-color);
margin: 0 5px 0 0;
position: relative;
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-readmore
a
.text-button:after {
content: "";
position: absolute;
left: 0;
bottom: 4px;
width: 0;
height: 1px;
background: var(--heading-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-readmore
a
i {
color: var(--primary-color);
transform: translateX(0);
transition: linear 0.4s ease;
font-size: 16px;
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-readmore:hover
a
i {
animation: button-tran 0.4s ease;
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-readmore:hover
a
.text-button:after {
width: 100%;
}
.pxl-post-carousel.layout-post-1 .post-featured .item-content .item-divider {
height: 1px;
width: 100%;
background: #dedede;
position: relative;
margin-bottom: 24px;
margin-top: 4px;
transform: skew(0);
}
.pxl-post-carousel.layout-post-1
.post-featured
.item-content
.item-divider:after {
content: "";
top: -1px;
left: 0;
background: var(--primary-color);
height: 3px;
width: 64px;
position: absolute;
}
.pxl-post-carousel.layout-post-1 .post-featured:hover {
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-color: transparent;
box-shadow: 0px 10px 22.68px 4.32px rgba(0, 0, 0, 0.15);
}
.pxl-post-carousel.layout-post-1 .post-featured:hover .scale-hover-x img {
transform: scale(1.05) translateX(3px);
}
.pxl-testimonial-carousel .item-rating {
color: var(--primary-color);
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.pxl-testimonial-carousel .item-rating > * {
max-width: 100%;
}
.pxl-testimonial-carousel .item-rating i {
font-size: 16px;
margin-right: 2px;
}
.pxl-testimonial-carousel .item-rating.star1 i:nth-child(n + 2):before {
color: #c8c8c8;
}
.pxl-testimonial-carousel .item-rating.star2 i:nth-child(n + 3):before {
color: #c8c8c8;
}
.pxl-testimonial-carousel .item-rating.star3 i:nth-child(n + 4):before {
color: #c8c8c8;
}
.pxl-testimonial-carousel .item-rating.star4 i:nth-child(n + 5):before {
color: #c8c8c8;
}
.pxl-testimonial-carousel.layout-1 .swiper-slide {
justify-content: left;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap {
margin-left: -3px;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-image {
position: relative;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-image .img-outer {
width: 60px;
height: 60px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-image img {
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-image:after {
content: "";
position: absolute;
top: -6px;
left: 4px;
width: 70px;
height: 70px;
border: 2px solid var(--primary-color);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-info {
margin-top: 6px;
margin-left: 5px;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-info .title-rating {
display: flex;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-name {
font-size: 15px;
letter-spacing: 0.02em;
margin-bottom: -5px;
font-weight: 500;
line-height: 33px;
font-family: var(--heading-font-family);
color: #ffffff;
margin-right: 16px;
text-transform: uppercase;
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-position {
font-size: 13px;
color: #ededed;
font-weight: 400;
line-height: 24px;
}
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc {
padding: 28px 33px 30px 0px;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc .item-title {
font-size: 20px;
color: #ffffff;
font-weight: 600;
line-height: 26px;
font-family: var(--heading-font-family);
margin-top: 15px;
margin-bottom: 19px;
}
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc .item-desc {
font-family: var(--body-font-family);
font-weight: 400;
font-size: 15px;
line-height: 2;
color: #ededed;
position: relative;
}
@media screen and (max-width: 1199px) {
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc .item-desc {
font-size: 12px;
}
}
@media screen and (max-width: 991px) {
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc .item-desc {
font-size: 15px;
}
}
@media screen and (max-width: 1199px) {
.pxl-testimonial-carousel.layout-1 .item-inner .title-desc .item-desc {
font-size: 13px;
}
}
.pxl-testimonial-carousel.layout-1 .item-inner .item-rating-star {
margin-top: 4px;
}
.pxl-testimonial-carousel.layout-1 .pxl-swiper-dots {
justify-content: left;
}
.pxl-testimonial-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet:after {
background-color: #5b646b;
}
.pxl-testimonial-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet:hover:after,
.pxl-testimonial-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color);
}
.pxl-testimonial-carousel.layout-2 {
text-align: center;
padding-top: 38px;
}
.pxl-testimonial-carousel.layout-2 .pxli-quote-icon {
padding: 36.5px 29px;
position: relative;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-testimonial-carousel.layout-2 .pxli-quote-icon svg {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-testimonial-carousel.layout-2 .pxli-quote-icon:after {
position: absolute;
content: "";
width: 18px;
height: 18px;
background: #de8c1c;
bottom: -8px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
transition: all 0.5s ease;
}
.pxl-testimonial-carousel.layout-2 .pxli-quote-icon:hover svg {
animation: icon-bounce 800ms ease-out infinite;
}
.pxl-testimonial-carousel.layout-2 .item-inner {
text-align: center;
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-title {
font-size: 25px;
font-weight: 600;
line-height: 26px;
color: #ffffff;
font-style: italic;
margin-top: 90px;
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-desc {
margin-top: 22px;
margin-bottom: 27px;
font-size: 17px;
color: #ededed;
line-height: 30px;
max-width: 900px;
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-rating-star .item-rating {
color: var(--primary-color);
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-name {
margin-top: 22px;
margin-bottom: -3px;
font-size: 17px;
font-weight: 600;
line-height: 33px;
color: #ffffff;
letter-spacing: 0.06em;
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-position {
font-size: 13px;
color: #ededed;
line-height: 24px;
}
.pxl-testimonial-carousel.layout-2 .item-inner .item-rating i {
font-size: 19px;
}
.pxl-testimonial-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow {
width: 69px;
height: 69px;
background-color: #ffffff;
color: var(--secondary-color);
font-size: 17px;
}
.pxl-testimonial-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow:hover {
background-color: var(--secondary-color);
color: #ffffff;
}
.pxl-testimonial-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-next {
right: -214px;
}
.pxl-testimonial-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-prev {
left: -214px;
}
.pxl-team-carousel.layout-1 .item-inner {
position: relative;
text-align: center;
cursor: pointer;
width: 100%;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding-bottom: 32px;
}
.pxl-team-carousel.layout-1 .item-inner .img-team {
overflow: hidden;
}
.pxl-team-carousel.layout-1 .item-inner .img-team img {
object-fit: cover;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-team-carousel.layout-1 .item-inner .item-title {
color: #ffffff;
font-size: 22px;
font-weight: 600;
line-height: 30px;
white-space: nowrap;
margin-bottom: 3px;
}
.pxl-team-carousel.layout-1 .item-inner .item-position {
color: var(--primary-color);
font-size: 13px;
line-height: 30px;
letter-spacing: 0.02;
text-transform: uppercase;
}
.pxl-team-carousel.layout-1 .item-inner .item-description {
font-size: 15px;
color: #ededed;
line-height: 26px;
}
.pxl-team-carousel.layout-1 .item-inner .team-divider {
height: 3px;
width: 57px;
background: var(--primary-color);
transform: skew(-45deg);
margin: 14px auto 18px;
}
.pxl-team-carousel.layout-1 .item-inner .item-content {
position: absolute;
overflow: hidden;
left: 26px;
right: 26px;
bottom: 0;
z-index: 5;
background-color: var(--secondary-color);
-webkit-transition: all 400ms ease-out 0s;
-khtml-transition: all 400ms ease-out 0s;
-moz-transition: all 400ms ease-out 0s;
-ms-transition: all 400ms ease-out 0s;
-o-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
transform-origin: bottom;
padding: 45px 26px 15px;
transform: translateY(101%);
}
.pxl-team-carousel.layout-1 .item-inner .item-content:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 26px solid var(--primary-color);
border-left: 26px solid transparent;
z-index: 2;
transform: translate(20px, -20px);
}
.pxl-team-carousel.layout-1 .item-inner .item-content:after {
content: "";
height: 4px;
background-color: var(--primary-color);
bottom: 0;
left: 50%;
right: 50%;
width: 0;
position: absolute;
-webkit-transition: all 0.8s ease;
-khtml-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 30px;
margin-top: 37px;
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social > * {
max-width: 100%;
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social > * {
margin: 5px;
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a {
border: 1px solid #2f3a42;
width: 51px;
height: 48px;
background-color: var(--secondary-color);
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 40px;
position: relative;
overflow: hidden;
margin-right: -5px;
}
@media (max-width: 991px) {
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a {
width: 45px;
}
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a i,
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a span {
-webkit-transition: color 0.3s ease;
-khtml-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: transform 0.3s ease;
-khtml-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a .inactive {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a .active {
-webkit-transform: translate(-50px, -50%);
-moz-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a:hover {
border-color: transparent;
color: #ffffff;
background: var(--primary-color);
}
.pxl-team-carousel.layout-1
.item-inner
.item-content
.item-social
a:hover
.inactive {
-webkit-transform: translate(50px, -50%);
-moz-transform: translate(50px, -50%);
transform: translate(50px, -50%);
}
.pxl-team-carousel.layout-1
.item-inner
.item-content
.item-social
a:hover
.active {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-team-carousel.layout-1 .item-inner .item-content .item-social a + a {
border-left: none;
}
.pxl-team-carousel.layout-1 .item-inner .box-title {
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
left: 26px;
right: 26px;
text-align: center;
padding: 26px 20px 18px;
overflow: hidden;
border-bottom: 4px solid var(--primary-color);
transform: translateY(0%);
-webkit-transition: all 400ms ease-out 0.4s;
-khtml-transition: all 400ms ease-out 0.4s;
-moz-transition: all 400ms ease-out 0.4s;
-ms-transition: all 400ms ease-out 0.4s;
-o-transition: all 400ms ease-out 0.4s;
transition: all 400ms ease-out 0.4s;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-content {
transform: translateY(0%);
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-content:before {
transform: translate(0px, 0px);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.2s;
-khtml-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-content:after {
width: 100%;
left: 0;
right: 0;
}
.pxl-team-carousel.layout-1 .item-inner:hover .box-title {
transform: translateY(101%);
}
.pxl-team-carousel.layout-1 .item-inner:hover .img-team img {
filter: blur(2px) brightness(90%);
}
.pxl-clients .pxl-swiper-wrapper {
display: flex;
margin: 10px;
}
.pxl-clients .item-image-wrap {
height: 95px;
max-width: 255px;
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 20px 31px;
}
.pxl-clients .item-image-wrap > * {
max-width: 100%;
}
.pxl-clients .item-image-wrap:hover {
box-shadow: 0px 10px 15.2px 0.8px rgba(0, 0, 0, 0.13);
}
.pxl-clients .item-image-wrap:hover .item-image img {
opacity: 1;
filter: grayscale(0);
}
.pxl-clients .item-image-wrap a {
margin: 20px 0;
}
.pxl-clients .item-image-wrap .item-image {
position: relative;
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-clients .item-image-wrap .item-image a {
text-align: center;
}
.pxl-clients .item-image-wrap .item-image img {
display: inline-block;
width: auto !important;
opacity: 0.6;
filter: grayscale(1);
object-fit: cover;
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-clients .item-image-wrap .item-image:hover img {
opacity: 1;
filter: grayscale(0);
}
.pxl-clients .item-image-wrap .item-image.image-white img {
filter: brightness(0) invert(1);
opacity: 1 !important;
}
.pxl-case-study-carousel .grid-filter-wrap {
margin-bottom: 50px;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 {
position: relative;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 #circle-cursor {
line-height: 102px;
width: 102px;
height: 102px;
background-color: #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
position: fixed;
font-family: var(--heading-font-family);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.08em;
color: var(--heading-color);
z-index: 86;
text-transform: uppercase;
pointer-events: none;
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.16s ease;
-khtml-transition: all 0.16s ease;
-moz-transition: all 0.16s ease;
-ms-transition: all 0.16s ease;
-o-transition: all 0.16s ease;
transition: all 0.16s ease;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 #circle-cursor.enlarged {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-title {
font-size: 20px;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 2px;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 767px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-title {
font-size: 18px;
}
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-category {
font-size: 13px;
color: var(--primary-color);
letter-spacing: 0.06em;
line-height: 28px;
text-transform: uppercase;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .title-divider {
display: inline-block;
height: 3px;
width: 55px;
background-color: var(--primary-color);
margin-top: 5px;
-webkit-transform: skew(-35deg);
-moz-transform: skew(-35deg);
transform: skew(-35deg);
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #ededed;
margin-top: 12px;
line-height: 1.73;
}
@media (max-width: 1199px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-excerpt {
max-width: none;
}
}
@media (max-width: 767px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-excerpt {
font-size: 13px;
}
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore {
margin-top: 42px;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore {
margin-top: 30px;
margin-bottom: 30px;
}
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore a {
display: inline-flex;
width: 49px;
height: 49px;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: var(--primary-color);
color: #ffffff;
overflow: hidden;
}
@media (max-width: 767px) {
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore a {
width: 39px;
height: 39px;
}
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore a i {
font-size: 21px;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-readmore a:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner {
position: relative;
padding-bottom: 27px;
overflow: hidden;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .box-title {
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
left: 27px;
right: 27px;
text-align: center;
padding: 23px 20px;
z-index: 6;
transform: translateY(0%);
margin: 0 auto;
-webkit-transition: all 400ms ease-out 0.4s;
-khtml-transition: all 400ms ease-out 0.4s;
-moz-transition: all 400ms ease-out 0.4s;
-ms-transition: all 400ms ease-out 0.4s;
-o-transition: all 400ms ease-out 0.4s;
transition: all 400ms ease-out 0.4s;
overflow: hidden;
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.box-title
.title-wrap {
position: relative;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .box-title:before,
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .box-title:after {
-webkit-transition: all 300ms ease-out 0.7s;
-khtml-transition: all 300ms ease-out 0.7s;
-moz-transition: all 300ms ease-out 0.7s;
-ms-transition: all 300ms ease-out 0.7s;
-o-transition: all 300ms ease-out 0.7s;
transition: all 300ms ease-out 0.7s;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .item-content {
position: absolute;
overflow: hidden;
left: 27px;
right: 27px;
bottom: 0;
background-color: var(--secondary-color);
transform: translateY(101%);
z-index: 9;
justify-content: center;
-webkit-transition: all 400ms ease-out 0s;
-khtml-transition: all 400ms ease-out 0s;
-moz-transition: all 400ms ease-out 0s;
-ms-transition: all 400ms ease-out 0s;
-o-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
margin: 0 auto;
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner {
mix-blend-mode: normal;
position: relative;
z-index: 2;
padding: 49px 40px 6px;
text-align: center;
}
@media (max-width: 1500px) {
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner {
padding: 30px 15px 0px;
}
}
@media (max-width: 575px) {
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.item-content
.content-inner {
padding: 20px 15px 0px;
}
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .item-featured {
position: relative;
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.item-featured:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner .item-featured a {
overflow: hidden;
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner
.item-featured
a
img {
min-height: 400px;
object-fit: cover;
-webkit-transition: all 0.5s ease-in-out 0s;
-khtml-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.item-content {
transform: translateY(0%);
}
.pxl-case-study-carousel.layout-pxl-case-study-1 .item-inner:hover .box-title {
transform: translateY(101%);
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.box-title:before {
transform: translate(20px, -20px);
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.box-title:after {
transform: translate(-20px, 20px);
}
.pxl-case-study-carousel.layout-pxl-case-study-1
.item-inner:hover
.pxl-filter-blur
img {
filter: blur(2px) brightness(90%);
}
.pxl-services-carousel.layout-pxl-services-1 {
margin: -15px;
}
.pxl-services-carousel.layout-pxl-services-1 .layout-pxl-services-inner {
padding: 15px;
}
.pxl-services-carousel.layout-pxl-services-1 .pxl-swiper-dots {
margin-top: 28px;
}
.pxl-services-carousel.layout-pxl-services-1
.carousel-item-inner:hover
.area-icon-wrap
.area-icon {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pxl-services-carousel.layout-pxl-services-1
.carousel-item-inner:hover
.item-featured {
background-color: rgba(20, 33, 43, 0.9);
}
.pxl-services-carousel.layout-pxl-services-1
.carousel-item-inner:hover
.item-content {
border-color: transparent;
background-color: var(--secondary-color);
}
.pxl-services-carousel.layout-pxl-services-1
.carousel-item-inner:hover
.item-excerpt {
color: #ededed;
}
.pxl-services-carousel.layout-pxl-services-1
.carousel-item-inner:hover
.list-text
.subtext {
color: #ffffff;
}
.pxl-services-carousel.layout-pxl-services-1 .item-featured {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
background-color: var(--secondary-color);
align-items: center;
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-services-carousel.layout-pxl-services-1 .item-featured > * {
max-width: 100%;
}
.pxl-services-carousel.layout-pxl-services-1 .item-content {
border: 1px solid #dedede;
border-top: none;
-webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
-khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
-moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
-ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
-o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
transition: all 300ms cubic-bezier(0.4, 0, 1, 1) 0s;
}
.pxl-services-carousel.layout-pxl-services-1 .item-content .content-inner {
padding: 29px 35px 0;
}
.pxl-services-carousel.layout-pxl-services-1 .area-icon-wrap {
width: 85px;
height: 85px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
}
.pxl-services-carousel.layout-pxl-services-1 .area-icon-wrap > * {
max-width: 100%;
}
.pxl-services-carousel.layout-pxl-services-1 .area-icon-wrap .area-icon {
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-services-carousel.layout-pxl-services-1 .area-icon-wrap .area-icon i {
font-size: 48px;
color: #ffffff;
}
.pxl-services-carousel.layout-pxl-services-1 .item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 300ms ease 0s;
-khtml-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.pxl-services-carousel.layout-pxl-services-1 .item-title {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.01em;
color: #ffffff;
padding-left: 27px;
margin: 0;
}
.pxl-services-carousel.layout-pxl-services-1 .list-text {
margin: 22px auto -20px;
}
.pxl-services-carousel.layout-pxl-services-1 .list-text .subtext {
list-style-type: none;
font-family: var(--heading-font-family);
font-weight: 500;
color: var(--heading-color);
line-height: 26px;
padding-left: 20px;
position: relative;
margin-bottom: 4px;
-webkit-transition: all 300ms ease 0s;
-khtml-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.pxl-services-carousel.layout-pxl-services-1 .list-text .subtext:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
background-color: var(--primary-color);
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pxl-services-carousel.layout-pxl-services-1 .item-readmore {
margin: -1px;
}
.pxl-services-carousel.layout-pxl-services-1 .item-readmore .btn-more {
width: 58px;
height: 58px;
background-color: var(--primary-color);
margin: auto 0 auto auto;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-services-carousel.layout-pxl-services-1 .item-readmore .btn-more i {
font-size: 21px;
color: #ffffff;
}
.pxl-services-carousel.layout-pxl-services-2 {
margin: -20px;
}
.pxl-services-carousel.layout-pxl-services-2 .layout-pxl-services-inner {
padding: 20px;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured {
position: relative;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured
.item-img {
overflow: hidden;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured
.item-img
img {
object-fit: cover;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured
.area-icon {
position: absolute;
right: 36px;
bottom: -26px;
width: 75px;
height: 75px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
align-items: center;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
z-index: 3;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured
.area-icon
> * {
max-width: 100%;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-featured
.area-icon
i {
display: inline-block;
font-size: 42px;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content {
background-color: #ffffff;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
padding: 46px 35px 43px;
position: relative;
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
right: 50%;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 0;
height: 4px;
background-color: var(--primary-color);
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content
.content-inner
.item-title {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 14px;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content
.content-inner
.item-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 25px;
margin-bottom: 25px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content
.item-readmore
.btn-more {
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner
.item-content
.item-readmore
.btn-more:hover {
color: var(--primary-color);
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-featured
img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-featured
.area-icon
i {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-content {
box-shadow: none;
background-color: var(--secondary-color);
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-content:after {
width: 100%;
left: 0;
right: 0;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-content
.item-title,
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-content
.btn-more {
color: #ffffff;
}
.pxl-services-carousel.layout-pxl-services-2
.carousel-item-inner:hover
.item-content
.item-excerpt {
color: #ededed;
}
.pxl-services-carousel.layout-1 {
text-align: center;
padding: 35px 0 60px 0;
overflow: hidden;
}
.pxl-services-carousel.layout-1 .item-inner {
border: 1px solid #34486f;
padding-top: 40px;
padding-bottom: 32px;
position: relative;
z-index: 99;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-services-carousel.layout-1 .item-inner:after {
content: "";
position: absolute;
height: 126%;
width: 100%;
top: -24px;
left: 0;
z-index: -1;
opacity: 0;
border: 1px solid var(--primary-color);
background: var(--primary-color);
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pxl-services-carousel.layout-1 .item-inner:hover {
border-color: transparent;
}
.pxl-services-carousel.layout-1 .item-inner:hover:after {
opacity: 1;
}
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon svg,
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon i {
color: #ffffff;
font-size: 37px;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon svg:after,
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon i:after {
height: 78px;
width: 78px;
}
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon svg:before,
.pxl-services-carousel.layout-1 .item-inner:hover .item-icon i:before {
position: relative;
z-index: 99;
}
.pxl-services-carousel.layout-1 .item-inner:hover .item-description,
.pxl-services-carousel.layout-1 .item-inner:hover .item-title {
transform: translateY(17px);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-inner:hover .item-readmore {
opacity: 1;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-icon svg,
.pxl-services-carousel.layout-1 .item-icon i {
font-size: 50px;
color: var(--secondary-color);
position: relative;
z-index: 99;
height: auto;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-icon svg:after,
.pxl-services-carousel.layout-1 .item-icon i:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--secondary-color);
height: 0px;
width: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 1;
}
.pxl-services-carousel.layout-1 .item-title {
font-size: 18px;
letter-spacing: 0.02em;
font-weight: 600;
color: #ffffff;
margin-top: 31px;
margin-bottom: 16px;
font-family: var(--heading-font-family);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-description {
color: #ededed;
font-size: 15px;
line-height: 1.73;
padding: 0 32px;
min-height: 78px;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .item-readmore {
opacity: 0;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.pxl-services-carousel.layout-1 .item-readmore {
margin-top: 20px;
margin-bottom: 30px;
}
}
.pxl-services-carousel.layout-1 .item-readmore a {
position: absolute;
display: inline-flex;
width: 49px;
height: 49px;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: #fff;
color: var(--additional01-color);
bottom: -67px;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.pxl-services-carousel.layout-1 .item-readmore a {
width: 39px;
height: 39px;
}
}
.pxl-services-carousel.layout-1 .item-readmore a:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.pxl-services-carousel.layout-1 .pxl-swiper-arrow {
top: 44%;
-webkit-transform: translateY(-44%);
-moz-transform: translateY(-44%);
transform: translateY(-44%);
width: 50px;
height: 50px;
line-height: 50px;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #34486f;
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pxl-services-carousel.layout-1 .pxl-swiper-arrow:hover {
background-color: var(--secondary-color);
}
.pxl-services-carousel.layout-1 .pxl-swiper-arrow i {
font-size: 21px;
color: #ffffff;
}
.pxl-services-carousel.layout-1 .pxl-swiper-dots {
margin-top: 25px;
}
.pxl-services-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet:after {
background-color: #93969e;
}
.pxl-services-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color);
}
.pxl-services-carousel.layout-2 .item-inner {
transition: all 300ms ease-in-out;
border: 1px solid #dedede;
text-align: left;
}
.pxl-services-carousel.layout-2 .item-inner .img-inner {
position: relative;
overflow: hidden;
}
.pxl-services-carousel.layout-2 .item-inner .img-inner img {
transition: all 0.8s;
object-fit: cover;
}
.pxl-services-carousel.layout-2 .item-inner .img-inner:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 100%;
background: #ffffff;
transform: translateX(-3em);
opacity: 0.22;
}
.pxl-services-carousel.layout-2 .item-inner .img-inner .item-icon {
position: absolute;
bottom: 0;
width: 85px;
height: 85px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: #fff;
transition: all 300ms ease 0s;
z-index: 9;
}
.pxl-services-carousel.layout-2 .item-inner .img-inner .item-icon i {
color: var(--secondary-color);
font-size: 41px;
}
.pxl-services-carousel.layout-2 .item-inner .item-content {
padding: 30px 27px 27px;
transition: all 300ms ease 0s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.pxl-services-carousel.layout-2 .item-inner .item-content .item-content {
padding: 35px 20px 50px;
}
}
.pxl-services-carousel.layout-2 .item-inner .item-content > * {
max-width: 100%;
}
.pxl-services-carousel.layout-2 .item-inner .item-content .item-title {
font-size: 20px;
margin-bottom: 16px;
font-weight: 600;
letter-spacing: 0.02em;
}
.pxl-services-carousel.layout-2 .item-inner .item-content .item-description {
font-size: 15px;
line-height: 1.73;
}
.pxl-services-carousel.layout-2 .item-inner .item-content .item-readmore {
margin-top: 20px;
}
.pxl-services-carousel.layout-2 .item-inner:hover {
box-shadow: 0px 7px 24px 0px rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0.09);
transition: all 300ms ease-in-out;
}
.pxl-services-carousel.layout-2 .item-inner:hover .item-icon i {
-webkit-animation: hover-img-up-down 1s ease;
-moz-animation: hover-img-up-down 1s ease;
animation: hover-img-up-down 1s ease;
animation-delay: 200ms;
}
.pxl-services-carousel.layout-2 .item-inner:hover .img-inner:after {
transform: translateX(45em);
-webkit-transition: all 1.25s ease;
-khtml-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-ms-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
}
.pxl-services-carousel.layout-2 .item-inner:hover .img-inner img {
transform: scale(1.2);
}
.pxl-services-carousel.layout-3 .pxl-swiper-dots {
margin-top: 63px;
}
.pxl-services-carousel.layout-3 .item-inner {
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
text-align: left;
cursor: pointer;
}
.pxl-services-carousel.layout-3 .item-inner .img-inner {
position: relative;
}
.pxl-services-carousel.layout-3 .item-inner .img-inner .item-featured {
overflow: hidden;
position: relative;
height: 282px;
}
.pxl-services-carousel.layout-3 .item-inner .img-inner .item-featured img {
-webkit-transition: all 0.5s ease-in-out;
-khtml-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.pxl-services-carousel.layout-3 .item-inner .img-inner .item-icon {
position: absolute;
bottom: -26px;
right: 36px;
width: 75px;
height: 75px;
display: inline-flex;
align-items: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#176fb2),
to(#3498db)
);
background-image: -webkit-linear-gradient(bottom, #176fb2, #3498db);
background-image: -moz-linear-gradient(bottom, #176fb2, #3498db);
background-image: -ms-linear-gradient(bottom, #176fb2, #3498db);
background-image: -o-linear-gradient(bottom, #176fb2, #3498db);
background-image: linear-gradient(bottom, #176fb2, #3498db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#176fb2", endColorStr="#3498db");
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 6;
}
.pxl-services-carousel.layout-3 .item-inner .img-inner .item-icon i {
font-size: 42px;
}
.pxl-services-carousel.layout-3 .item-inner .item-content {
padding: 45px 34px 43px;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
background-color: #ffffff;
}
.pxl-services-carousel.layout-3 .item-inner .item-content:after {
position: absolute;
content: "";
height: 4px;
width: 0;
background-color: var(--primary-color);
bottom: -2px;
left: 50%;
right: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.pxl-services-carousel.layout-3 .item-inner .item-content .item-title {
font-size: 20px;
margin-bottom: 14px;
font-weight: 600;
letter-spacing: 0.02em;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-services-carousel.layout-3 .item-inner .item-content .item-description {
font-size: 15px;
line-height: 1.73;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-services-carousel.layout-3 .item-inner .item-content .item-readmore {
margin-top: 24px;
}
.pxl-services-carousel.layout-3
.item-inner
.item-content
.item-readmore
.btn-more {
color: var(--heading-color);
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-services-carousel.layout-3
.item-inner
.item-content
.item-readmore
.btn-more
i {
font-size: 12px;
}
.pxl-services-carousel.layout-3 .item-inner:hover .item-icon i {
-webkit-animation: hover-img-up-down 1s ease-in-out;
-moz-animation: hover-img-up-down 1s ease-in-out;
animation: hover-img-up-down 1s ease-in-out;
animation-delay: 100ms;
}
.pxl-services-carousel.layout-3
.item-inner:hover
.img-inner
.item-featured
img {
transform: scale(1.1);
}
.pxl-services-carousel.layout-3 .item-inner:hover .item-content {
background-color: var(--secondary-color);
}
.pxl-services-carousel.layout-3
.item-inner:hover
.item-content
.item-description {
color: #ededed;
}
.pxl-services-carousel.layout-3 .item-inner:hover .item-content .item-title {
color: #ffffff;
}
.pxl-services-carousel.layout-3
.item-inner:hover
.item-content
.item-title:hover {
color: var(--primary-color);
}
.pxl-services-carousel.layout-3
.item-inner:hover
.item-content
.item-readmore
.btn-more {
color: #ffffff;
}
.pxl-services-carousel.layout-3
.item-inner:hover
.item-content
.item-readmore
.btn-more:hover {
color: var(--primary-color);
}
.pxl-services-carousel.layout-3 .item-inner:hover .item-content:after {
width: 100%;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner.in-view:after {
width: 100%;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner.in-view:before {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner {
background-color: var(--secondary-color);
text-align: center;
padding: 43px 48px 140px;
position: relative;
overflow: hidden;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 29px solid var(--primary-color);
border-left: 29px solid transparent;
z-index: 9;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(30px, -30px);
-moz-transform: translate(30px, -30px);
transform: translate(30px, -30px);
display: block;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner:after {
position: absolute;
content: "";
height: 4px;
width: 0;
background-color: var(--primary-color);
bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner .item-subtitle {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.02em;
color: var(--primary-color);
text-transform: uppercase;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner .item-title {
margin-top: 12px;
font-size: 25px;
line-height: 24px;
letter-spacing: 0.02em;
color: #ffffff;
font-weight: bold;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner .location-divider {
height: 3px;
width: 55px;
-webkit-transform: skew(-35deg);
-moz-transform: skew(-35deg);
transform: skew(-35deg);
background-color: var(--primary-color);
margin: 21px auto 24px;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner .item-desc {
font-size: 15px;
line-height: 28px;
color: #ffffff;
}
.pxl-location-carousel.layout-1 .pxl-carousel-inner .item-desc p {
margin: 2px 0;
}
.pxl-location-carousel.layout-1 .nav-in-bottom {
position: relative;
}
.pxl-location-carousel.layout-1 .nav-in-bottom .pxl-swiper-arrow {
position: absolute;
bottom: 50px;
left: 50%;
background-color: #ffffff;
color: var(--secondary-color);
}
.pxl-location-carousel.layout-1 .nav-in-bottom .pxl-swiper-arrow:hover {
background-color: var(--primary-color);
color: #ffffff;
}
.pxl-location-carousel.layout-1 .nav-in-bottom .pxl-swiper-arrow-next {
transform: translateX(10px);
}
.pxl-location-carousel.layout-1 .nav-in-bottom .pxl-swiper-arrow-prev {
transform: translateX(-50px);
}
.pxl-fancy-box-carousel.layout-1 {
background-color: var(--secondary-color);
text-align: center;
}
.pxl-fancy-box-carousel.layout-1 .item-inner {
padding: 23px 43px 17px;
}
.pxl-fancy-box-carousel.layout-1 .item-inner:hover .item-icon i {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pxl-fancy-box-carousel.layout-1 .item-icon i {
display: inline-block;
font-size: 60px;
color: var(--primary-color);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-fancy-box-carousel.layout-1 .item-icon svg {
display: inline-block;
width: 60px;
height: auto;
fill: var(--primary-color);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.pxl-fancy-box-carousel.layout-1 .item-title {
font-size: 20px;
line-height: 2.25;
font-weight: 600;
color: #ffffff;
margin-top: 12px;
margin-bottom: 10px;
}
.pxl-fancy-box-carousel.layout-1 .item-description {
color: #ededed;
}
.pxl-fancy-box-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet:after {
background-color: #5b646b;
}
.pxl-fancy-box-carousel.layout-1
.pxl-swiper-dots
.pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color);
}
.pxl-slider-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
z-index: 0;
}
.pxl-slider-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: transform 0.4s linear;
-khtml-transition: transform 0.4s linear;
-moz-transition: transform 0.4s linear;
-ms-transition: transform 0.4s linear;
-o-transition: transform 0.4s linear;
transition: transform 0.4s linear;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pxl-slider-item {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
opacity: 0 !important;
-webkit-transition: opacity 0.4s linear;
-khtml-transition: opacity 0.4s linear;
-moz-transition: opacity 0.4s linear;
-ms-transition: opacity 0.4s linear;
-o-transition: opacity 0.4s linear;
transition: opacity 0.4s linear;
}
.pxl-slider-item.swiper-slide-active {
opacity: 1 !important;
}
.pxl-slider-item > div {
width: 100%;
}
.pxl-slider-arrow-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
z-index: 2;
}
.pxl-slider-arrow-wrap > * {
max-width: 100%;
}
.pxl-slider-arrow-wrap.pos-absolute.wrap {
position: absolute;
left: 50%;
bottom: 30px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-prev {
position: absolute;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-next {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-df {
margin-top: 30px;
}
.pxl-slider-arrow-wrap.pos-df > div {
margin: 0 10px;
}
.pxl-slider-arrow-wrap.pos-df.wrap {
justify-content: center;
}
.pxl-slider-arrow-wrap.separate {
justify-content: space-between;
}
.pxl-slider-arrow {
z-index: 2;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-arrow.swiper-button-disabled {
cursor: not-allowed;
}
.pxl-slider-arrow .arrow-text {
font-size: 16px;
letter-spacing: -0.02em;
position: relative;
}
.pxl-slider-arrow .arrow-text:after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 1px;
width: 0;
background-color: #fff;
-webkit-transition: width 0.3s ease;
-khtml-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-ms-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.pxl-slider-arrow .arrow-text:hover:after {
width: 100%;
}
.pxl-slider-arrow .swiper-button-disabled .arrow-text:after {
display: none;
}
.pxl-slider-arrow .pxl-icon {
font-size: 32px;
width: 52px;
height: 52px;
line-height: 46px;
display: block;
z-index: 2;
text-align: center;
cursor: pointer;
background-color: #d6d6d6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-arrow .pxl-icon:hover {
background-color: var(--primary-color);
}
.pxl-slider-arrow .pxl-icon.swiper-button-disabled {
cursor: not-allowed;
}
.pxl-slider-dots {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pxl-slider-dots:not(.absolute) {
margin-top: 20px;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet {
flex: 0 0 18px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
background: transparent;
cursor: pointer;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
position: relative;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:before {
content: "";
width: 10px;
height: 10px;
display: block;
background: #d4d4d4;
position: absolute;
top: 50%;
left: 50%;
border: 2px solid transparent;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:after {
content: "";
width: 8px;
height: 8px;
display: block;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
background-color: var(--primary-color);
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover:before,
.pxl-slider-dots.style-bullets
.pxl-slider-pagination-bullet.swiper-pagination-bullet-active:before {
width: 18px;
height: 18px;
border: 2px solid rgba(26, 26, 26, 0.2);
background: transparent;
border-color: var(--primary-color);
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover:after,
.pxl-slider-dots.style-bullets
.pxl-slider-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: 1;
visibility: visible;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet {
flex: 0 0 42px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background: transparent;
cursor: pointer;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
position: relative;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet:before {
content: "";
width: 30px;
height: 30px;
display: block;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
border: 2px solid transparent;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet:after {
content: "";
width: 10px;
height: 10px;
display: block;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
background-color: var(--primary-color);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet:hover:before,
.pxl-slider-dots.style-squared
.pxl-slider-pagination-bullet.swiper-pagination-bullet-active:before {
opacity: 1;
visibility: visible;
border-color: var(--primary-color);
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet:hover:after,
.pxl-slider-dots.style-squared
.pxl-slider-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--secondary-color);
} .pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content > * {
max-width: 100%;
}
@media (min-width: 768px) {
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content {
flex: 0 0 50%;
width: 50%;
}
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content
.sl-content-inner {
padding-right: 15px;
}
@media (min-width: 768px) {
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right {
flex: 0 0 50%;
width: 50%;
}
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra {
position: absolute;
left: 0;
bottom: 0;
padding: 47px 50px 50px 47px;
background-color: var(--primary-color);
max-width: 478px;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1499px) {
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra {
padding: 30px 15px 20px 30px;
max-width: 430px;
}
}
@media (max-width: 1199px) {
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra {
padding: 30px 30px 30px 30px;
max-width: 350px;
bottom: 30px;
}
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
> * {
max-width: 100%;
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
.pxl-icon {
flex: 0 0 auto;
width: auto;
width: 83px;
height: 83px;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
line-height: 83px;
font-size: 35px;
color: #ffffff;
text-align: center;
background-color: #199938;
-webkit-animation: tada 2s linear infinite;
-moz-animation: tada 2s linear infinite;
animation: tada 2s linear infinite;
-webkit-transition: background-color 0.3s ease;
-khtml-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
@media (max-width: 1199px) {
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
.pxl-icon {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 28px;
}
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
.info-desc {
flex: 1 0 0%;
padding-left: 20px;
font-size: 27px;
font-weight: 700;
line-height: 35px;
color: #ffffff;
}
@media (max-width: 1199px) {
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
.info-desc {
font-size: 20px;
line-height: 28px;
}
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra
.info-desc
span {
color: #e2e659;
}
.pxl-slider-item-1
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right
.info-extra:hover
.pxl-icon {
background-color: var(--secondary-color);
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .mask-ovl {
position: relative;
top: -120px;
margin-bottom: -120px;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1199px) {
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .mask-ovl {
top: 0;
margin-bottom: 0;
}
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .mask-ovl:after {
content: "";
width: 150%;
height: 500px;
background-color: #fff;
position: absolute;
left: -20px;
top: calc(100% - 60px);
-webkit-transform: rotate(175deg);
-moz-transform: rotate(175deg);
transform: rotate(175deg);
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .cten-img {
position: relative;
overflow: hidden;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .cten-img .bg-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
-webkit-animation: move 40s ease-out infinite;
-moz-animation: move 40s ease-out infinite;
animation: move 40s ease-out infinite;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .mask-ovl-wrap .cten-img:after {
content: "";
width: 150%;
height: 500px;
background-color: #fff;
position: absolute;
left: -20px;
top: calc(100% - 100px);
-webkit-transform: rotate(172deg);
-moz-transform: rotate(172deg);
transform: rotate(172deg);
z-index: 1;
}
.pxl-slider-item-1 .small-heading {
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: var(--primary-color);
text-transform: uppercase;
}
.pxl-slider-item-1 .large-heading {
font-size: 80px;
font-weight: 700;
line-height: 1;
color: #020202;
}
@media (max-width: 1199px) {
.pxl-slider-item-1 .large-heading {
font-size: 48px;
}
}
@media (max-width: 991px) {
.pxl-slider-item-1 .large-heading {
font-size: 45px;
}
}
@media (max-width: 767px) {
.pxl-slider-item-1 .large-heading {
font-size: 42px;
}
}
@media (max-width: 575px) {
.pxl-slider-item-1 .large-heading {
font-size: 38px;
}
}
@media (max-width: 480px) {
.pxl-slider-item-1 .large-heading {
font-size: 32px;
}
}
.pxl-slider-item-1 .desc {
font-size: 18px;
line-height: 30px;
color: #686868;
}
.pxl-slider-item-2 .pxl-slide-item-wrap {
overflow: hidden;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .pxl-slide-img {
background-size: cover;
background-repeat: no-repeat;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .mask-ovl-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .mask-ovl-wrap .mask-ovl {
position: relative;
background-size: cover;
background-repeat: no-repeat;
flex: 0 0 53%;
width: 53%;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .mask-ovl-wrap .cten-img {
position: relative;
overflow: hidden;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .mask-ovl-wrap .cten-img .bg-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
-webkit-animation: move 40s ease-out infinite;
-moz-animation: move 40s ease-out infinite;
animation: move 40s ease-out infinite;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .slide-content-wrap .sl-content {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-slider-item-2 .pxl-slide-item-wrap .slide-content-wrap .sl-content > * {
max-width: 100%;
}
@media (min-width: 768px) {
.pxl-slider-item-2 .pxl-slide-item-wrap .slide-content-wrap .sl-content {
flex: 0 0 50%;
width: 50%;
}
}
.pxl-slider-item-2
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content
.sl-content-inner {
padding-right: 15px;
}
@media (min-width: 768px) {
.pxl-slider-item-2
.pxl-slide-item-wrap
.slide-content-wrap
.sl-content-right {
flex: 0 0 50%;
width: 50%;
}
}
.pxl-slider-item-2 .small-heading {
font-size: 196px;
font-weight: 700;
line-height: 1;
margin-left: -12px;
color: #fff;
-webkit-text-stroke: 1px #414141;
color: transparent;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 0.8s ease;
-khtml-transition: transform 0.8s ease;
-moz-transition: transform 0.8s ease;
-ms-transition: transform 0.8s ease;
-o-transition: transform 0.8s ease;
transition: transform 0.8s ease;
}
@media (max-width: 1199px) {
.pxl-slider-item-2 .small-heading {
font-size: 150px;
margin-left: -10px;
}
}
@media (max-width: 991px) {
.pxl-slider-item-2 .small-heading {
font-size: 120px;
margin-left: -5px;
}
}
@media (max-width: 767px) {
.pxl-slider-item-2 .small-heading {
-webkit-text-stroke-width: 0.5px;
font-size: 150px;
}
}
@media (max-width: 575px) {
.pxl-slider-item-2 .small-heading {
font-size: 130px;
}
}
@media (max-width: 480px) {
.pxl-slider-item-2 .small-heading {
font-size: 90px;
}
}
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -116px;
-webkit-transition: margin-top 0.5s ease;
-khtml-transition: margin-top 0.5s ease;
-moz-transition: margin-top 0.5s ease;
-ms-transition: margin-top 0.5s ease;
-o-transition: margin-top 0.5s ease;
transition: margin-top 0.5s ease;
}
@media (max-width: 1199px) {
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -90px;
}
}
@media (max-width: 991px) {
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -76px;
}
}
@media (max-width: 767px) {
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -95px;
}
}
@media (max-width: 575px) {
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -80px;
}
}
@media (max-width: 480px) {
.pxl-slider-item-2 .small-heading + .large-heading {
margin-top: -60px;
}
}
.pxl-slider-item-2 .large-heading {
position: relative;
font-size: 70px;
font-weight: 700;
line-height: 1;
color: #fff;
margin-bottom: 28px;
}
@media (max-width: 1199px) {
.pxl-slider-item-2 .large-heading {
font-size: 55px;
}
}
@media (max-width: 991px) {
.pxl-slider-item-2 .large-heading {
font-size: 48px;
}
}
@media (max-width: 767px) {
.pxl-slider-item-2 .large-heading {
font-size: 62px;
}
}
@media (max-width: 575px) {
.pxl-slider-item-2 .large-heading {
font-size: 58px;
}
}
@media (max-width: 480px) {
.pxl-slider-item-2 .large-heading {
font-size: 42px;
}
}
.pxl-slider-item-2 .large-heading .mark-top {
position: absolute;
left: 0;
top: -30px;
width: 62px;
height: 10px;
display: inline-block;
}
@media (max-width: 575px) {
.pxl-slider-item-2 .large-heading .mark-top {
top: -20px;
}
}
.pxl-slider-item-2 .large-heading .mark-top:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 8px;
display: inline-block;
background-color: var(--primary-color);
}
.pxl-slider-item-2 .large-heading .mark-top:after {
content: "";
position: absolute;
left: 0;
top: 4px;
height: 2px;
width: 100%;
display: inline-block;
background-color: var(--primary-color);
}
.pxl-slider-item-2 .desc {
font-size: 18px;
line-height: 30px;
color: #dcdcdc;
margin-bottom: 40px;
}
.pxl-slider-item-2 .sl-content-inner .btn {
padding: 10px 35px;
}
.pxl-slider-item-2 .pxl-slide-item-wrap:hover .small-heading {
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
transform: translateY(-35px);
}
@media (max-width: 575px) {
.pxl-slider-item-2 .pxl-slide-item-wrap:hover .small-heading {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.pxl-slider-item-2 .pxl-slide-item-wrap:hover .small-heading + .large-heading {
margin-top: -50px;
}
@media (max-width: 767px) {
.pxl-socials-wrap.layout-1 {
margin-bottom: 30px;
}
}
.pxl-socials-wrap.layout-1 .social-item {
text-align: center;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
justify-content: center;
display: inline-flex;
align-items: center;
width: 46px;
height: 48px;
font-weight: 700;
transition: 0.3s;
border: 1px solid rgba(255, 255, 255, 0.15);
position: relative;
background-color: var(--secondary-color);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.pxl-socials-wrap.layout-1 .social-item:before {
z-index: 99;
}
.pxl-socials-wrap.layout-1 .social-item:hover {
border-color: transparent;
color: #fff;
background-color: var(--primary-color);
}
.pxl-socials-wrap.layout-1 .social-item + .social-item {
border-left: none;
}
.pxl-socials-wrap.layout-2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-socials-wrap.layout-2 > * {
max-width: 100%;
}
.pxl-socials-wrap.layout-2 .pxl-fancy-icon {
background-color: #354049;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right: 23px;
cursor: pointer;
}
.pxl-socials-wrap.layout-2 .pxl-fancy-icon .pxl-icon-box {
font-size: 19px;
color: #ffffff;
padding: 16.5px 16.8px;
}
.pxl-socials-wrap.layout-2 .pxl-fancy-icon:hover {
transform: scale(1.1) rotate(4deg);
}
.pxl-socials-wrap.layout-2 .icon-social {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
.pxl-socials-wrap.layout-2 .icon-social > * {
max-width: 100%;
}
.pxl-socials-wrap.layout-2 .title-social {
font-size: 17px;
color: #ffffff;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 26px;
}
.pxl-socials-wrap.layout-2 .pxl-icon {
font-size: 20px;
margin-right: 37px;
}
.pxl-socials-wrap.layout-2 .pxl-icon:last-child {
margin-right: 0 !important;
}
.pxl-socials-wrap.layout-2 .pxl-icon:hover {
color: #ffffff;
}
.pxl-links {
font-size: 16px;
}
.pxl-links a {
line-height: 36px;
margin-bottom: 3px;
}
.pxl-links .dots-before {
margin-right: 10px;
display: contents;
}
[dir="rtl"] .pxl-links .dots-before {
margin-right: 0;
margin-left: 10px;
}
.pxl-links .dots-before span {
width: 5px;
height: 5px;
background-color: var(--primary-color);
display: inline-block;
margin-top: 10px;
}
.pxl-links.layout-1 {
list-style: none;
}
.pxl-links.layout-1 .pxl-link-wrap {
display: inline-flex;
}
.pxl-links.layout-1 .pxl-icon {
color: var(--primary-color);
height: 13px;
width: 13px;
margin-right: 14px;
display: flex;
margin-top: 5px;
font-size: 14px;
}
.pxl-links.layout-1 .pxl-text {
font-size: 15px;
line-height: 24px;
font-weight: 400;
color: #ededed;
padding-bottom: 9px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-links.layout-1 .pxl-text:hover {
color: var(--primary-color);
}
.pxl-links.layout-2 {
list-style: none;
}
.pxl-links.layout-2 .pxl-link-wrap {
display: inline-flex;
}
.pxl-links.layout-2 .pxl-text {
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #ededed;
margin-bottom: 2px;
margin-left: 15px;
position: relative;
}
.pxl-links.layout-2 .pxl-text:after {
position: absolute;
content: "";
width: 0px;
height: 2px;
background-color: #999ead;
top: calc(100% - 3px);
left: 0;
transition: all 0.5s ease;
}
.pxl-links.layout-2 a:hover .dots-before span {
background-color: #fff;
}
.pxl-links.layout-2 a:hover .pxl-text:after {
width: 100%;
}
.pxl-links.layout-3 {
display: flex;
flex-direction: row;
margin: -5px -10px;
white-space: nowrap;
justify-content: flex-start;
padding: 0;
list-style: none;
}
.pxl-links.layout-3 > li {
padding: 5px 10px 5px 4px;
}
.pxl-links.layout-3 > li:last-child a {
margin-right: 0;
}
.pxl-links.layout-3 > li:last-child span:before {
display: none;
}
.pxl-links.layout-3 a {
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-right: 19px;
}
.pxl-links.layout-3 a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #fff;
transition: all 300ms ease;
}
.pxl-links.layout-3 a:hover {
color: #fff;
}
.pxl-links.layout-3 a:hover:after {
width: 100%;
transition: all 300ms ease;
}
.pxl-links.layout-3 a span:before {
content: "";
position: absolute;
background: #ededed;
width: 4px;
height: 4px;
border-radius: 50%;
right: -19px;
top: 50%;
}
.form-email {
display: flex;
position: relative;
width: max-content;
}
@media (max-width: 767px) {
.form-email {
width: 100%;
}
}
@media (max-width: 767px) {
.form-email .input-filled {
width: 100%;
}
}
.form-email .input-filled input {
width: 100%;
height: 46px;
border: 1px solid #c8c8c8;
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
padding-right: 50px;
}
@media (max-width: 767px) {
.form-email .input-filled input {
max-width: none;
}
}
.form-email .input-filled input::placeholder {
font-weight: 500;
font-size: 13px;
font-family: var(--heading-font-family);
color: #000;
}
.form-email .btn-submit {
height: 100%;
position: absolute;
top: 5px;
right: 5px;
}
.form-email .btn-submit button {
padding: 0;
width: 36px;
height: 36px;
background: var(--secondary-color);
display: block;
}
.form-email .btn-submit button i {
transform: translateX(0);
transition: linear 0.4s ease;
opacity: 1;
height: 9px;
width: 14px;
}
.form-email .btn-submit button:hover i {
animation: button-tran 0.4s ease;
}
.form-contactemail {
max-width: 485px;
margin: 0 auto;
}
.form-contactemail .div-email {
margin-bottom: 20px;
}
.form-contactemail .div-email .wpcf7-validates-as-email:hover {
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
.form-contactemail .div-submit {
text-align: center;
}
.form-contactemail .div-submit button {
color: #fff;
z-index: 999;
}
.form-contactemail .div-submit button:before {
background: var(--secondary-color);
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 0;
transform: translate(-50%, -50%) rotate(318deg);
z-index: 0;
transition: all 600ms ease 0s;
}
.form-contactemail .div-submit button:after {
content: "";
position: absolute;
top: 15px;
right: 9%;
height: 100%;
width: 13px;
background: url(//hns.ma/wp-content/themes/brifers/assets/images/pngwing.png);
background-repeat: no-repeat;
background-size: contain;
transform: translateX(0);
transition: linear 0.4s ease;
}
.form-contactemail .div-submit button:hover:before {
height: 400%;
z-index: 0;
}
.form-contactemail .div-submit button:hover:after {
animation: button-tran 0.4s ease;
}
.pxl-ttip {
position: relative;
display: inline-block;
}
.pxl-ttip:hover .tt-txt {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.tt-txt {
font-size: 0;
opacity: 0;
visibility: hidden;
}
.tt-txt:before {
content: "";
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001;
margin-bottom: 0;
left: calc(50% - 6px);
top: auto;
bottom: -12px;
transition: 0.3s;
}
.pxl-ttip .tt-txt {
position: absolute;
pointer-events: none;
display: inline-block;
background: #1b1b1b;
color: #fff;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
z-index: 1000000;
pointer-events: none;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
text-transform: capitalize;
}
.tt_top .tt-txt {
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.tt_top .tt-txt:before {
border-top-color: #1b1b1b;
}
.tt_top:hover .tt-txt {
-webkit-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
transform: translate(-50%, -8px);
}
.tt-top-left .tt-txt,
.tt-top-right .tt-txt {
bottom: 100%;
left: 50%;
}
.tt-top-left .tt-txt:before,
.tt-top-right .tt-txt:before {
border-top-color: #1b1b1b;
}
.tt-top-left:hover .tt-txt,
.tt-top-right:hover .tt-txt {
-webkit-transform: translate(0, -8px);
-moz-transform: translate(0, -8px);
transform: translate(0, -8px);
}
.tt-top-left .tt-txt {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
transform: translate(-100%, 0);
margin-left: 12px;
}
.tt-top-left .tt-txt:before {
left: auto;
right: 6px;
}
.tt-top-left:hover .tt-txt {
-webkit-transform: translate(-100%, -8px);
-moz-transform: translate(-100%, -8px);
transform: translate(-100%, -8px);
}
.tt-top-right .tt-txt {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
margin-left: -12px;
}
.tt-top-right .tt-txt:before {
left: 6px;
right: auto;
}
.tt-top-right:hover .tt-txt {
-webkit-transform: translate(0, -8px);
-moz-transform: translate(0, -8px);
transform: translate(0, -8px);
}
.tt-left .tt-txt {
left: auto;
right: 100%;
bottom: 50%;
margin-bottom: -14px;
}
.tt-left .tt-txt:before {
border-left-color: #1b1b1b;
margin-right: -11px;
margin-bottom: -6px;
right: 0;
bottom: 50%;
left: auto;
}
.tt-left:hover .tt-txt {
-webkit-transform: translate(-8px, 0);
-moz-transform: translate(-8px, 0);
transform: translate(-8px, 0);
}
.tt-right .tt-txt {
left: 100%;
bottom: 50%;
margin-bottom: -14px;
}
.tt-right .tt-txt:before {
border-right-color: #1b1b1b;
margin-left: -11px;
margin-bottom: -6px;
left: 0;
bottom: 50%;
}
.tt-right:hover .tt-txt {
-webkit-transform: translate(8px, 0);
-moz-transform: translate(8px, 0);
transform: translate(8px, 0);
}
.tt-bottom .tt-txt {
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.tt-bottom .tt-txt:before {
border-bottom-color: #1b1b1b;
top: -12px;
bottom: auto;
}
.tt-bottom:hover .tt-txt {
-webkit-transform: translate(-50%, 8px);
-moz-transform: translate(-50%, 8px);
transform: translate(-50%, 8px);
}
.tt-bottom-left .tt-txt,
.tt-bottom-right .tt-txt {
top: 100%;
left: 50%;
}
.tt-bottom-left .tt-txt:before,
.tt-bottom-right .tt-txt:before {
border-bottom-color: #1b1b1b;
top: -12px;
bottom: auto;
}
.tt-bottom-left:hover .tt-txt,
.tt-bottom-right:hover .tt-txt {
-webkit-transform: translate(0, 8px);
-moz-transform: translate(0, 8px);
transform: translate(0, 8px);
}
.tt-bottom-left .tt-txt {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
margin-left: 12px;
}
.tt-bottom-left .tt-txt:before {
left: auto;
right: 6px;
}
.tt-bottom-left:hover .tt-txt {
-webkit-transform: translate(-100%, 8px);
-moz-transform: translate(-100%, 8px);
transform: translate(-100%, 8px);
}
.tt-bottom-right .tt-txt {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
margin-left: -12px;
}
.tt-bottom-right .tt-txt:before {
left: 6px;
right: auto;
}
.tt-bottom-right:hover .tt-txt {
-webkit-transform: translate(0, 8px);
-moz-transform: translate(0, 8px);
transform: translate(0, 8px);
}
.col2-set {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.col2-set .col-1,
.col2-set .col-2 {
flex: 0 0 100%;
max-width: 100%;
padding: 15px;
}
@media (min-width: 769px) {
.col2-set .col-1,
.col2-set .col-2 {
flex: 0 0 50%;
max-width: 50%;
}
}
.woocommerce-notices-wrapper {
margin-top: 15px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dedede;
}
.woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-notices-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.woocommerce-notices-wrapper .woocommerce-error li {
position: relative;
padding-right: 165px;
}
}
@media (max-width: 767px) {
.woocommerce-notices-wrapper .woocommerce-error li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.woocommerce-notices-wrapper .woocommerce-error li > * {
max-width: 100%;
}
}
@media (min-width: 768px) {
.woocommerce-notices-wrapper .woocommerce-error li a {
position: absolute;
top: 50%;
right: 0;
width: 150px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 767px) {
.woocommerce-notices-wrapper .woocommerce-error li a {
order: 2;
}
}
@media (min-width: 576px) {
.woocommerce-notices-wrapper .woocommerce-message {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.woocommerce-notices-wrapper .woocommerce-message > * {
max-width: 100%;
}
}
@media (max-width: 575px) {
.woocommerce-notices-wrapper .woocommerce-message a.btn {
display: block;
margin-top: 10px;
}
}
.woocommerce-notices-wrapper .btn-primary:hover {
background-color: var(--secondary-color);
}
.woocommerce-error {
color: #d62a28;
}
.woocommerce-info {
color: #ffb237;
background: #f2f2f2;
padding: 20px 24px;
font-size: 15px;
}
.woocommerce-message {
color: var(--heading-color);
}
.woocommerce-pagination {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 55px;
}
.woocommerce-pagination > * {
max-width: 100%;
}
.pxl-shop-topbar-wrap {
margin-bottom: 2px;
padding-bottom: 65px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin-bottom: 0;
float: none;
}
.woocommerce-result-count {
font-size: 16px;
line-height: 25px;
font-weight: 500;
}
.product_meta .tagged_as {
display: block;
}
select.orderby {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 20px;
font-size: 16px;
font-weight: 500;
background-position: calc(100% - 10px) 50%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #dedede;
background-color: transparent;
}
@media (min-width: 1200px) {
select.orderby {
min-width: 240px;
}
}
select.orderby:hover,
select.orderby:active,
select.orderby.nice-select.open,
select.orderby:focus {
border-color: var(--primary-color);
}
@media (max-width: 575px) {
.pxl-view-layout-wrap {
display: none;
}
}
.pxl-view-layout {
list-style: none;
margin: 0 -2px;
}
.pxl-view-layout li {
padding: 0 2px;
color: var(--heading-color);
}
.pxl-view-layout li.lbl {
padding-right: 18px;
}
.pxl-view-layout li a {
font-size: 18px;
color: var(--heading-color);
}
.pxl-view-layout li a i {
line-height: 1;
}
.pxl-view-layout li.active a {
color: var(--heading-color);
}
.pxl-view-layout li.view-list {
margin-left: 18px;
}
@media (max-width: 767px) {
.number-result {
flex: 0 0 100%;
max-width: 100%;
margin-top: 15px;
}
}
#place_order:hover,
.add_to_cart_button:hover {
background-color: var(--secondary-color);
}
.products {
list-style: none;
margin: -30px -16px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.products > .product {
float: none;
padding: 25px 16px;
position: relative;
}
.pxl-products-thumb {
position: relative;
overflow: hidden;
}
.pxl-products-thumb .image-wrap {
border: 1px solid #dedede;
}
.pxl-products-thumb .pxl-shop-woosmart-wrap {
position: absolute;
top: 60px;
right: 10px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
opacity: 0;
transform: translateX(20px);
z-index: 2;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.pxl-products-thumb .pxl-shop-woosmart-wrap .woosmart-btn {
margin: 5px;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
background-color: var(--primary-color);
color: #ffffff;
text-align: center;
overflow: visible;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-products-thumb .pxl-shop-woosmart-wrap .woosmart-btn:hover {
background-color: var(--secondary-color);
}
.pxl-products-thumb .pxl-shop-woosmart-wrap .woosc-btn.woosc-btn-added:before {
margin-right: 0px;
}
.pxl-products-thumb img {
width: 100%;
position: relative;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-products-thumb .pxl-add-to-cart,
.pxl-products-thumb .add_to_cart_button,
.pxl-products-thumb .button.product_type_grouped,
.pxl-products-thumb .product_type_external,
.pxl-products-thumb .added_to_cart {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transform: translateY(20px);
opacity: 0;
visibility: hidden;
}
.pxl-products-thumb:hover .pxl-shop-woosmart-wrap {
opacity: 1;
transform: translateX(0);
}
.pxl-products-thumb:hover .pxl-add-to-cart,
.pxl-products-thumb:hover .add_to_cart_button,
.pxl-products-thumb:hover .button.product_type_grouped,
.pxl-products-thumb:hover .product_type_external,
.pxl-products-thumb:hover .added_to_cart {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.summary-content .woocommerce-loop-product__link,
.pxl-shop-item-wrap .woocommerce-loop-product__link {
display: block;
font-weight: 700;
font-size: 22px;
line-height: 1.5;
color: var(--heading-color);
}
.summary-content .woocommerce-loop-product__link:hover,
.pxl-shop-item-wrap .woocommerce-loop-product__link:hover {
color: var(--link-color-hover);
}
.summary-content .product_title,
.pxl-shop-item-wrap .product_title {
font-size: 40px;
}
.summary-content .pxl-product-title,
.pxl-shop-item-wrap .pxl-product-title {
font-size: 23px;
margin-bottom: 10px;
}
.summary-content .cart,
.pxl-shop-item-wrap .cart {
margin-bottom: 10px;
}
.summary-content .cart .quantity,
.pxl-shop-item-wrap .cart .quantity {
display: inline-block;
margin-right: 10px;
}
.summary-content .cart .single_add_to_cart_button,
.pxl-shop-item-wrap .cart .single_add_to_cart_button {
vertical-align: bottom;
}
.summary-content .cart .single_add_to_cart_button:hover,
.pxl-shop-item-wrap .cart .single_add_to_cart_button:hover {
background-color: var(--secondary-color);
}
.summary-content .price,
.pxl-shop-item-wrap .price {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap !important;
color: var(--primary-color);
font-weight: 600;
font-size: 17px;
clear: both;
white-space: pre-wrap;
align-items: center;
line-height: 1;
}
.summary-content .price > *,
.pxl-shop-item-wrap .price > * {
max-width: 100%;
}
.summary-content .price del,
.pxl-shop-item-wrap .price del {
font-size: 15px;
order: 2;
padding-left: 15px;
color: var(--body-color);
}
[dir="rtl"] .summary-content .price del,
[dir="rtl"] .pxl-shop-item-wrap .price del {
padding-left: 0;
padding-right: 6px;
}
.summary-content .price ins,
.pxl-shop-item-wrap .price ins {
font-weight: inherit;
text-decoration: none;
}
.summary-content .pxl-add-to-cart,
.summary-content .add_to_cart_button,
.summary-content .button.product_type_grouped,
.summary-content .product_type_external,
.summary-content .added_to_cart,
.pxl-shop-item-wrap .pxl-add-to-cart,
.pxl-shop-item-wrap .add_to_cart_button,
.pxl-shop-item-wrap .button.product_type_grouped,
.pxl-shop-item-wrap .product_type_external,
.pxl-shop-item-wrap .added_to_cart {
-webkit-transition: all 400ms ease;
-khtml-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
background-color: var(--primary-color);
width: 100%;
text-align: center;
justify-content: center;
}
.summary-content .pxl-add-to-cart .pxl-icon,
.summary-content .add_to_cart_button .pxl-icon,
.summary-content .button.product_type_grouped .pxl-icon,
.summary-content .product_type_external .pxl-icon,
.summary-content .added_to_cart .pxl-icon,
.pxl-shop-item-wrap .pxl-add-to-cart .pxl-icon,
.pxl-shop-item-wrap .add_to_cart_button .pxl-icon,
.pxl-shop-item-wrap .button.product_type_grouped .pxl-icon,
.pxl-shop-item-wrap .product_type_external .pxl-icon,
.pxl-shop-item-wrap .added_to_cart .pxl-icon {
margin-left: 10px;
font-size: 15px;
position: relative;
bottom: 3px;
}
.summary-content .pxl-add-to-cart:hover,
.summary-content .add_to_cart_button:hover,
.summary-content .button.product_type_grouped:hover,
.summary-content .product_type_external:hover,
.summary-content .added_to_cart:hover,
.pxl-shop-item-wrap .pxl-add-to-cart:hover,
.pxl-shop-item-wrap .add_to_cart_button:hover,
.pxl-shop-item-wrap .button.product_type_grouped:hover,
.pxl-shop-item-wrap .product_type_external:hover,
.pxl-shop-item-wrap .added_to_cart:hover {
background-color: var(--secondary-color);
}
.summary-content .add_to_cart_button.loading .pxl-icon,
.summary-content .product_type_grouped.loading .pxl-icon,
.summary-content .product_type_external.loading .pxl-icon,
.pxl-shop-item-wrap .add_to_cart_button.loading .pxl-icon,
.pxl-shop-item-wrap .product_type_grouped.loading .pxl-icon,
.pxl-shop-item-wrap .product_type_external.loading .pxl-icon {
display: inline-flex;
-webkit-transition: all 400ms ease;
-khtml-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.summary-content .add_to_cart_button.loading .pxl-icon:before,
.summary-content .product_type_grouped.loading .pxl-icon:before,
.summary-content .product_type_external.loading .pxl-icon:before,
.pxl-shop-item-wrap .add_to_cart_button.loading .pxl-icon:before,
.pxl-shop-item-wrap .product_type_grouped.loading .pxl-icon:before,
.pxl-shop-item-wrap .product_type_external.loading .pxl-icon:before {
content: "";
font-family: "pxli";
-webkit-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite;
}
.summary-content .add_to_cart_button + .added_to_cart,
.summary-content .product_type_grouped + .added_to_cart,
.summary-content .product_type_external + .added_to_cart,
.pxl-shop-item-wrap .add_to_cart_button + .added_to_cart,
.pxl-shop-item-wrap .product_type_grouped + .added_to_cart,
.pxl-shop-item-wrap .product_type_external + .added_to_cart {
opacity: 0;
}
.summary-content .add_to_cart_button + .added_to_cart:after,
.summary-content .product_type_grouped + .added_to_cart:after,
.summary-content .product_type_external + .added_to_cart:after,
.pxl-shop-item-wrap .add_to_cart_button + .added_to_cart:after,
.pxl-shop-item-wrap .product_type_grouped + .added_to_cart:after,
.pxl-shop-item-wrap .product_type_external + .added_to_cart:after {
content: "";
font-family: "pxli";
font-weight: normal;
margin-left: 10px;
}
.summary-content .add_to_cart_button.added,
.summary-content .product_type_grouped.added,
.summary-content .product_type_external.added,
.pxl-shop-item-wrap .add_to_cart_button.added,
.pxl-shop-item-wrap .product_type_grouped.added,
.pxl-shop-item-wrap .product_type_external.added {
opacity: 0;
visibility: hidden;
}
.summary-content .add_to_cart_button.added + .added_to_cart,
.summary-content .product_type_grouped.added + .added_to_cart,
.summary-content .product_type_external.added + .added_to_cart,
.pxl-shop-item-wrap .add_to_cart_button.added + .added_to_cart,
.pxl-shop-item-wrap .product_type_grouped.added + .added_to_cart,
.pxl-shop-item-wrap .product_type_external.added + .added_to_cart {
opacity: 1;
}
.pxl-featured,
.onsale {
position: absolute;
right: 15px;
top: 15px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
background-color: var(--secondary-color);
color: #fff;
padding: 4px 18px;
z-index: 2;
min-height: 40px;
min-width: 120px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-featured + .onsale {
top: 65px;
} .pxl-products-content {
padding: 27px 0 0;
position: relative;
}
.pxl-products-content .top-content-inner {
margin-bottom: 5px;
flex-wrap: wrap;
}
.pxl-shop-woosmart-wrap .woosw-btn {
padding: 0;
background-color: transparent;
color: var(--body-color);
text-transform: capitalize;
font-size: 15px;
font-weight: normal;
letter-spacing: 0;
}
.pxl-shop-woosmart-wrap .woosw-btn:before {
width: 16px;
height: 16px;
font-family: "pxli";
content: "";
font-size: 16px;
text-indent: 0;
line-height: 1;
-webkit-transition: color 300ms ease;
-khtml-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
font-weight: 300;
margin-right: 7px;
}
.pxl-shop-woosmart-wrap .woosw-btn.woosw-adding:before {
content: "";
font-family: "pxli";
-webkit-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite;
}
.pxl-shop-woosmart-wrap .woosw-btn.woosw-adding:after {
display: none !important;
}
.pxl-shop-woosmart-wrap .woosw-btn.woosw-added:before {
content: "";
color: #000;
} .products.shop-view-list .pxl-products-content {
display: none;
}
@media (min-width: 576px) {
.products.shop-view-list .pxl-shop-item-wrap {
display: flex;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 576px) {
.products.shop-view-list .pxl-products-thumb {
width: 50%;
padding: 15px;
}
.products.shop-view-list .pxl-products-thumb .pxl-shop-woosmart-wrap {
top: 75px;
right: 25px;
}
}
.products.shop-view-list .pxl-products-thumb .pxl-add-to-cart {
display: none;
}
.products.shop-view-list .pxl-products-thumb .image-wrap:hover img {
transform: scale(1.08) translateX(0) !important;
}
.products.shop-view-list .pxl-products-thumb .pxl-featured,
.products.shop-view-list .pxl-products-thumb .onsale {
right: 30px;
top: 30px;
}
.products.shop-view-list .pxl-products-content-list-view {
display: block;
}
@media (max-width: 575px) {
.products.shop-view-list .pxl-products-content-list-view {
margin-top: 30px;
}
}
@media (min-width: 576px) {
.products.shop-view-list .pxl-products-content-list-view {
width: 50%;
padding: 15px;
}
}
.products.shop-view-list .pxl-products-content-list-view .pxl-product-title {
margin-top: 10px;
}
.products.shop-view-list .pxl-products-content-list-view .list-view-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.products.shop-view-list
.pxl-products-content-list-view
.list-view-rating
.star-rating
+ .pxl-shop-woosmart-wrap {
padding-left: 15px;
margin-left: 13px;
position: relative;
}
.products.shop-view-list
.pxl-products-content-list-view
.list-view-rating
.star-rating
+ .pxl-shop-woosmart-wrap:before {
content: "";
display: block;
width: 1px;
height: 25px;
background-color: #dedede;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.products.shop-view-list
.pxl-products-content-list-view
.pxl-loop-product-excerpt {
margin: 18px 0 32px;
display: block;
display: -webkit-box;
max-height: 73.125px;
font-size: 15px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical;
}
.products.shop-view-list
.pxl-products-content-list-view
.pxl-loop-product-excerpt
> * {
display: block;
display: -webkit-box;
max-height: 73.125px;
font-size: 15px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical;
}
.products.shop-view-list .pxl-products-content-list-view .add_to_cart_button,
.products.shop-view-list
.pxl-products-content-list-view
.button.product_type_grouped,
.products.shop-view-list .pxl-products-content-list-view .product_type_external,
.products.shop-view-list .pxl-products-content-list-view .added_to_cart {
width: auto;
min-width: 215px;
}
.products.shop-view-list
.pxl-products-content-list-view
.add_to_cart_button.added,
.products.shop-view-list
.pxl-products-content-list-view
.button.product_type_grouped.added,
.products.shop-view-list
.pxl-products-content-list-view
.product_type_external.added,
.products.shop-view-list .pxl-products-content-list-view .added_to_cart.added {
opacity: 1;
visibility: visible;
}
.products.shop-view-list
.pxl-products-content-list-view
.add_to_cart_button.added_to_cart,
.products.shop-view-list
.pxl-products-content-list-view
.button.product_type_grouped.added_to_cart,
.products.shop-view-list
.pxl-products-content-list-view
.product_type_external.added_to_cart,
.products.shop-view-list
.pxl-products-content-list-view
.added_to_cart.added_to_cart {
margin-top: 10px;
}
.products.shop-view-list > li:after {
content: "";
height: 1px;
display: block;
background-color: #dedede;
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
}
.products.shop-view-list > li:last-child:after {
content: none;
}
.pxl-variation-row {
margin-bottom: 20px;
}
.pxl-variation-row .label {
margin-bottom: 10px;
}
.pxli-shopping-cart:before {
font-size: 12px;
margin-top: 3px;
}
#woosw_copy_btn:hover {
background-color: var(--secondary-color);
}
.add_to_cart_inline:has(.added_to_cart) .added_to_cart {
margin-left: 6px;
}
.add_to_cart_inline:has(.added_to_cart) .added_to_cart:hover {
background-color: var(--secondary-color);
}
.products.columns-1 > li.product {
max-width: 100%;
width: 100%;
flex: 0 0 100%;
}
.products.columns-2 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.products.columns-3 > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.products.columns-4 > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
.products.columns-5 > li.product {
max-width: 20%;
width: 20%;
flex: 0 0 20%;
}
.products.columns-6 > li.product {
max-width: 16.6666%;
width: 16.6666%;
flex: 0 0 16.6666%;
}
@media (max-width: 1599px) {
.products.columns-5s > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
.products.columns-6 > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
}
@media (max-width: 1199px) {
.products.columns-4 > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.products.columns-5 > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.products.columns-6 > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
}
@media (max-width: 991px) {
.products.columns-3 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.products.columns-4 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.products.columns-5 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.products.columns-6 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 767px) {
.products.columns-2 > li.product,
.products.columns-3 > li.product,
.products.columns-4 > li.product,
.products.columns-5 > li.product,
.products.columns-6 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 575px) {
.products.columns-2 > li.product,
.products.columns-3 > li.product,
.products.columns-4 > li.product,
.products.columns-5 > li.product,
.products.columns-6 > li.product {
max-width: 100%;
width: 100%;
flex: 0 0 100%;
}
}
.woocommerce.columns-1 > .products > li.product {
max-width: 100%;
width: 100%;
flex: 0 0 100%;
}
.woocommerce.columns-2 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.woocommerce.columns-3 > .products > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.woocommerce.columns-4 > .products > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
.woocommerce.columns-5 > .products > li.product {
max-width: 20%;
width: 20%;
flex: 0 0 20%;
}
.woocommerce.columns-6 > .products > li.product {
max-width: 16.6666%;
width: 16.6666%;
flex: 0 0 16.6666%;
}
@media (max-width: 1599px) {
.woocommerce.columns-5 > .products > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
.woocommerce.columns-6 > .products > li.product {
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
}
@media (max-width: 1199px) {
.woocommerce.columns-4 > .products > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.woocommerce.columns-5 > .products > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
.woocommerce.columns-6 > .products > li.product {
max-width: 33.3333%;
width: 33.3333%;
flex: 0 0 33.3333%;
}
}
@media (max-width: 991px) {
.woocommerce.columns-3 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.woocommerce.columns-4 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.woocommerce.columns-5 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.woocommerce.columns-6 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 767px) {
.woocommerce.columns-2 > .products > li.product,
.woocommerce.columns-3 > .products > li.product,
.woocommerce.columns-4 > .products > li.product,
.woocommerce.columns-5 > .products > li.product,
.woocommerce.columns-6 > .products > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 575px) {
.woocommerce.columns-2 > .products > li.product,
.woocommerce.columns-3 > .products > li.product,
.woocommerce.columns-4 > .products > li.product,
.woocommerce.columns-5 > .products > li.product,
.woocommerce.columns-6 > .products > li.product {
max-width: 100%;
width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.pxl-content-wrap.has-sidebar .products.columns-3 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.pxl-content-wrap.has-sidebar .products.columns-4 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.pxl-content-wrap.has-sidebar .products.columns-5 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
.pxl-content-wrap.has-sidebar .products.columns-6 > li.product {
max-width: 50%;
width: 50%;
flex: 0 0 50%;
}
} .widget_product_search {
padding: 0 !important;
border: none !important;
}
.widget_product_search .widget-title {
margin: 0 !important;
}
.widget_product_search form {
position: relative;
}
.widget_product_search .search-field {
padding-right: 50px !important;
border: 1px solid #dedede;
font-style: italic;
color: var(--heading-color);
padding: 0 20px;
height: 46px;
line-height: 46px;
font-size: 13px;
font-weight: 500;
text-align: start;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.widget_product_search .search-field:hover {
background-color: #ffffff;
border-color: var(--primary-color);
box-shadow: none;
}
.widget_product_search button[type="submit"] {
border: none;
background-color: #ffffff;
color: #000;
padding: 0;
height: 38px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: 9px;
transform: translateY(-50%);
font-size: 0;
}
.widget_product_search button[type="submit"]:after {
content: none;
}
.widget_product_search button[type="submit"]:before {
display: inline-block !important;
font-family: "pxli";
content: "";
font-size: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: initial;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
transition: 0s;
}
.widget_product_search button[type="submit"]:hover {
color: var(--primary-color);
} .widget_shopping_cart ul > li {
position: relative;
padding: 10px 0 25px 0 !important;
margin-bottom: 10px;
border-bottom: 1px solid #dedede;
}
.widget_shopping_cart ul > li .remove {
position: absolute;
right: 0;
font-size: 25px;
color: #000;
}
.widget_shopping_cart ul > li .remove + a {
font-family: var(--heading-font-family);
font-size: 18px;
color: var(--heading-color);
letter-spacing: 0.02em;
}
.widget_shopping_cart ul > li a:hover {
color: var(--primary-color);
}
.widget_shopping_cart ul > li .blockOverlay {
background-color: rgba(var(--secondary-color-rgb), 0.6) !important;
}
.widget_shopping_cart .total {
margin-top: 27px;
margin-bottom: 8px;
letter-spacing: 0.02em;
}
.widget_shopping_cart .total strong {
font-family: var(--heading-font-family);
font-size: 18px;
color: var(--heading-color);
margin-right: 7px;
}
.widget_shopping_cart .total .amount {
font-size: 16px;
color: var(--primary-color);
font-weight: 600;
}
.widget_shopping_cart .buttons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.widget_shopping_cart .buttons .button {
padding: 0;
background-color: transparent;
color: var(--primary-color);
}
.widget_shopping_cart .buttons .button span:after {
content: "";
height: 1px;
position: absolute;
bottom: 5px;
left: 0;
width: 0;
transition: all 300ms ease;
transition-delay: 100ms;
border-bottom: 1px solid;
}
.widget_shopping_cart .buttons .button:after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 18px;
line-height: 1;
font-weight: normal;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
position: relative;
transition: all 300ms ease;
opacity: 1;
}
.widget_shopping_cart .buttons .button:hover span:after {
width: 100%;
}
.widget_shopping_cart .buttons .button:hover:after {
transform: translateX(15px);
opacity: 0;
} .widget_product_categories .product-categories li a {
text-transform: uppercase !important;
}
.widget_product_categories .product-categories li a:before {
bottom: 0 !important;
} .widget_price_filter .price_slider {
margin-bottom: 30px;
}
.widget_price_filter .price_slider_amount .price_label {
display: inline-block;
color: var(--heading-color);
margin-top: 5px;
}
.widget_price_filter .price_slider_amount button {
padding: 8px 15px 8px 15px;
margin: 0;
float: right;
border: none;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
position: relative;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget_price_filter .price_slider_amount button:hover {
background-color: var(--secondary-color);
}
.widget_price_filter .ui-slider {
position: relative;
text-align: start;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 18px;
height: 18px;
background-color: #e2dbd0;
border-radius: 50%;
cursor: ew-resize;
outline: none;
top: -7px;
margin-left: -1px;
}
.widget_price_filter .ui-slider .ui-slider-handle + .ui-slider-handle {
margin-left: -15px;
}
.widget_price_filter .ui-slider .ui-slider-handle:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--primary-color);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
background-color: var(--secondary-color);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background-color: #dedede;
}
.widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: 0px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: 0px;
}
.widget_rating_filter li.wc-layered-nav-rating > a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: #707070;
}
.widget_rating_filter li.wc-layered-nav-rating > a > * {
max-width: 100%;
} ul.product_list_widget {
list-style: none outside;
border: 1px solid #dedede;
padding: 26px 26px 29px 26px;
margin: 0;
}
ul.product_list_widget li {
margin-bottom: 25px;
padding-bottom: 26px;
position: relative;
display: block;
clear: both;
overflow: hidden;
font-weight: 600;
border-bottom: 1px solid #dedede;
}
ul.product_list_widget li:after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--secondary-color);
-webkit-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul.product_list_widget li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
ul.product_list_widget li:last-child:after {
content: none;
}
ul.product_list_widget li:hover:after {
width: 100%;
}
ul.product_list_widget li:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
ul.product_list_widget li a {
display: block;
font-family: var(--heading-font-family);
color: var(--heading-color);
font-size: 18px;
letter-spacing: 0.02em;
line-height: 1.5;
}
ul.product_list_widget li .quantity,
ul.product_list_widget li .amount {
font-size: 16px;
color: var(--primary-color);
font-weight: 600;
}
ul.product_list_widget li del .amount {
color: #ababab;
margin-right: 5px;
}
ul.product_list_widget li .star-rating + .woocommerce-Price-amount,
ul.product_list_widget li .star-rating + .reviewer {
display: inline-flex;
}
ul.product_list_widget li img {
margin-top: 5px;
margin-right: 20px;
float: left;
width: 70px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.product_list_widget li .star-rating {
display: block;
font-size: 12px;
width: 90px;
}
ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
content: "";
display: table;
}
ul.product_list_widget li dl dt,
ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
ul.product_list_widget li dl dd {
padding: 0 0 0.25em;
}
ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.pxl-star-rated {
color: var(--heading-color);
}
.woocommerce-product-rating {
display: flex;
flex-wrap: wrap;
line-height: normal;
margin: 0;
align-items: center;
}
p.stars {
margin: 0;
}
p.stars > span {
display: block;
}
.star-rating {
font-family: "pxli";
color: #000;
font-size: 18px;
letter-spacing: 3px;
white-space: nowrap;
position: relative;
display: inline-block;
width: 90px;
height: 28px;
line-height: 28px;
overflow: hidden;
}
.star-rating:before {
content: "";
display: block;
overflow: hidden;
font-family: "Material-Design-Iconic-Font";
}
.star-rating > span:before,
.star-rating .pxl-star-rated:before {
content: "";
display: block;
overflow: hidden;
font-family: "Material-Design-Iconic-Font";
}
.star-rating > span:before,
.star-rating .pxl-star-rated:before,
.star-rating[aria-label="Rated 0 out of 5"]:before {
color: var(--heading-color);
}
.star-rating .pxl-star-rated,
.star-rating > span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 28px;
}
[dir="rtl"] .star-rating .pxl-star-rated,
[dir="rtl"] .star-rating > span {
left: auto;
right: 0;
}
.star-rating + .woocommerce-review-link {
font-size: 14px;
color: var(--body-color);
}
.star-rating + .woocommerce-review-link:hover {
color: var(--primary-color);
}
[dir="rtl"] .star-rating + .woocommerce-review-link {
margin-left: 0;
margin-right: 30px;
}
.comment-rating .star-rating {
font-size: 12px;
width: 92px;
}
.woocommerce-Reviews .comment-meta {
margin-bottom: -5px;
}
.pxl-rating-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pxl-rating-wrap > * {
max-width: 100%;
}
.review-num {
font-size: 14px;
line-height: 26px;
letter-spacing: 0.08em;
color: #707070;
line-height: 32px;
padding-left: 3px;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: var(--body-color);
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "pxli";
content: "";
text-indent: 0;
}
p.stars a:hover ~ a::before {
content: "";
font-weight: 300;
}
p.stars:hover a::before {
content: "";
font-weight: 900;
}
p.stars.selected a.active::before {
content: "";
font-weight: 900;
}
p.stars.selected a.active ~ a::before {
content: "";
font-weight: 300;
}
p.stars.selected a:not(.active)::before {
content: "";
font-weight: 900;
}
.single-product .pxl-main {
padding-bottom: 75px;
}
.pxl-single-product-gallery-summary-wraps {
margin: -15px -20px;
}
@media (max-width: 1199px) {
.pxl-single-product-gallery-summary-wraps {
margin: -15px;
}
}
.pxl-single-product-gallery-summary-wraps > div {
padding: 15px 20px;
}
@media (max-width: 1199px) {
.pxl-single-product-gallery-summary-wraps > div {
padding: 15px;
}
}
.pxl-single-product-gallery-summary-wraps
> div.pxl-single-product-gallery-wraps {
text-align: center;
margin-bottom: 40px;
}
.pxl-single-product-gallery-summary-wraps
> div
> .pxl-single-product-gallery-wraps-inner {
display: inline-block;
}
@media (max-width: 991px) {
.pxl-single-product-gallery-summary-wraps.vertical
.pxl-single-product-summary-wrap {
padding-top: 50px;
}
}
@media (max-width: 1199px) {
.has-sidebar .pxl-single-product-gallery-summary-wraps > div {
width: 100%;
}
.has-sidebar
.pxl-single-product-gallery-summary-wraps.vertical
.pxl-single-product-summary-wrap {
padding-top: 50px;
}
} @media (min-width: 576px) {
.pxl-single-product-gallery-wraps.thumbnail-right
.pxl-single-product-gallery-wraps-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.pxl-single-product-gallery-wraps-inner
> * {
max-width: 100%;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.pxl-single-product-gallery-wraps-inner
> div {
margin: 0 15px;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.pxl-single-product-gallery-wraps-inner
.woocommerce-product-gallery {
flex: 1 0 0%;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.pxl-single-product-gallery-wraps-inner
.wc-gallery-sync {
flex: 0 0 118px;
width: 118px;
}
.pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides {
margin: -8px 0;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.wc-gallery-sync-slides
> div {
margin: 8px 0;
}
.pxl-single-product-gallery-wraps.thumbnail-right
.wc-gallery-sync-slides
img.img-gal {
width: 100%;
}
}
.pxl-single-product-gallery-wraps .onsale {
top: 30px;
left: 35px;
}
.woocommerce-product-gallery {
position: relative;
overflow: hidden;
border-radius: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 20px;
right: 20px;
width: 36px;
height: 36px;
z-index: 1;
text-align: center;
line-height: 1;
font-size: 0;
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/xpand-icon.png);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
transition: all 300ms;
background-color: #f9f9f9;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
padding: 0;
margin: 0;
position: relative;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
background: #f9f9f9;
}
.woocommerce-product-gallery
.woocommerce-product-gallery__image
.wp-post-image {
width: 100%;
}
.woocommerce-product-gallery.pxl-product-gallery-simple {
position: relative;
}
.woocommerce-product-gallery.pxl-product-gallery-simple .flex-viewport {
position: relative;
border: 1px solid #dedede;
}
.woocommerce-product-gallery.pxl-product-gallery-simple .flex-viewport:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.woocommerce-product-gallery .flex-control-thumbs {
list-style: none;
display: flex;
flex-wrap: nowrap;
margin: -15px;
padding: 0;
}
@media (max-width: 1199px) {
.woocommerce-product-gallery .flex-control-thumbs {
margin: -10px;
}
}
.woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 auto;
max-width: auto;
padding: 15px;
cursor: pointer;
}
@media (max-width: 1199px) {
.woocommerce-product-gallery .flex-control-thumbs li {
padding: 10px;
}
}
.woocommerce-product-gallery .flex-control-thumbs li img {
overflow: hidden;
max-width: 120px;
max-height: 120px;
border: 1px solid #dedede;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1199px) {
.woocommerce-product-gallery .flex-control-thumbs li img {
max-width: 70px;
max-height: 70px;
}
}
.woocommerce-product-gallery .flex-control-thumbs li .flex-active {
opacity: 0.6;
}
.woocommerce-product-gallery .flex-control-thumbs li:hover img {
border-color: var(--primary-color);
}
.woocommerce-product-gallery .flex-direction-nav {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.woocommerce-product-gallery:hover .flex-direction-nav {
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.wc-gallery-sync {
position: relative;
margin-top: 15px;
}
.wc-gallery-sync .flex-control-thumb {
position: relative;
overflow: hidden;
border: 1px solid #ededed;
border-radius: 0;
}
.wc-gallery-sync .flex-control-thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.3s ease;
-khtml-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.wc-gallery-sync .flex-control-thumb:after {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
background-color: transparent;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wc-gallery-sync .flex-control-thumb:hover img,
.wc-gallery-sync .flex-control-thumb.flex-active-slide img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.wc-gallery-sync .flex-control-thumb:hover:after,
.wc-gallery-sync .flex-control-thumb.flex-active-slide:after {
background-color: rgba(255, 255, 255, 0.5);
}
.flex-direction-nav {
padding: 0;
margin: 0;
list-style: none;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.flex-direction-nav > li {
position: absolute;
cursor: pointer;
opacity: 0;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.flex-direction-nav > li span {
width: 30px;
height: 30px;
background: var(--primary-color);
color: #ffffff;
line-height: 30px;
text-align: center;
display: block;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.flex-direction-nav > li:hover span {
background: var(--secondary-color);
}
.flex-direction-nav > li .flex-disabled {
cursor: not-allowed;
}
.thumbnail-simple .flex-direction-nav > li,
.thumbnail-horizontal .flex-direction-nav > li {
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.thumbnail-simple .flex-direction-nav > li.flex-nav-prev,
.thumbnail-horizontal .flex-direction-nav > li.flex-nav-prev {
left: 20px;
}
.thumbnail-simple .flex-direction-nav > li.flex-nav-prev .flex-prev-icon:before,
.thumbnail-horizontal
.flex-direction-nav
> li.flex-nav-prev
.flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
.thumbnail-simple .flex-direction-nav > li.flex-nav-next,
.thumbnail-horizontal .flex-direction-nav > li.flex-nav-next {
right: 20px;
}
.thumbnail-simple .flex-direction-nav > li.flex-nav-next .flex-next-icon:before,
.thumbnail-horizontal
.flex-direction-nav
> li.flex-nav-next
.flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
.thumbnail-simple:hover,
.thumbnail-horizontal:hover {
cursor: pointer;
}
.thumbnail-simple:hover .flex-direction-nav > li,
.thumbnail-horizontal:hover .flex-direction-nav > li {
opacity: 1;
}
.thumbnail-simple:hover .flex-direction-nav > li.flex-nav-prev,
.thumbnail-horizontal:hover .flex-direction-nav > li.flex-nav-prev {
left: 10px;
}
.thumbnail-simple:hover .flex-direction-nav > li.flex-nav-next,
.thumbnail-horizontal:hover .flex-direction-nav > li.flex-nav-next {
right: 10px;
}
@media (min-width: 576px) {
.thumbnail-vertical .flex-direction-nav > li {
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev {
top: 20px;
}
.thumbnail-vertical
.flex-direction-nav
> li.flex-nav-prev
.flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next {
bottom: 20px;
}
.thumbnail-vertical
.flex-direction-nav
> li.flex-nav-next
.flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
}
@media (max-width: 575px) {
.thumbnail-vertical .flex-direction-nav > li {
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev {
left: 20px;
}
.thumbnail-vertical
.flex-direction-nav
> li.flex-nav-prev
.flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next {
right: 20px;
}
.thumbnail-vertical
.flex-direction-nav
> li.flex-nav-next
.flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14;
}
}
.thumbnail-vertical:hover {
cursor: pointer;
}
@media (min-width: 576px) {
.thumbnail-vertical:hover .flex-direction-nav > li {
opacity: 1;
}
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-prev {
left: 50%;
top: 10px;
}
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-next {
left: 50%;
right: auto;
bottom: 10px;
}
}
@media (max-width: 575px) {
.thumbnail-vertical:hover .flex-direction-nav > li {
opacity: 1;
}
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-prev {
left: 10px;
}
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-next {
right: 10px;
}
}
.flex-control-nav {
list-style: none;
padding: 0;
margin: 20px 0 0;
}
.flex-control-nav.flex-control-paging {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flex-control-nav.flex-control-paging li {
flex: 0 0 auto;
}
.flex-control-nav.flex-control-paging a {
width: 13px;
height: 13px;
margin: 5px 7px;
background: #bbbbbb;
font-size: 0;
text-indent: -999px;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 200ms ease;
-khtml-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.flex-control-nav.flex-control-paging a:hover,
.flex-control-nav.flex-control-paging a.flex-active {
background: var(--primary-color);
}
.pxl-product-gallery-bottom .flex-control-nav {
margin-top: 15px;
justify-content: center;
}
@media (max-width: 1199px) {
.pxl-product-gallery-bottom .flex-control-nav {
margin-top: 10px;
}
} .pxl-single-product-summary-wrap {
margin-top: 10px;
}
.pxl-single-product-summary-wrap .price {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
color: var(--primary-color);
font-weight: 600;
font-size: 25px;
clear: both;
white-space: pre-wrap;
align-items: center;
margin-bottom: 7px;
line-height: 1;
}
.pxl-single-product-summary-wrap .price > * {
max-width: 100%;
}
.pxl-single-product-summary-wrap .price del {
font-size: 20px;
order: 2;
padding-left: 18px;
color: #ababab;
}
[dir="rtl"] .pxl-single-product-summary-wrap .price del {
padding-left: 0;
padding-right: 6px;
}
.pxl-single-product-summary-wrap .price ins {
font-weight: inherit;
text-decoration: none;
}
.pxl-single-product-summary-wrap
.woocommerce-product-rating
.woocommerce-review-link {
margin-left: 7px;
text-transform: capitalize;
}
.pxl-single-product-summary-wrap
.woocommerce-product-details__short-description {
letter-spacing: 0.02em;
padding-top: 22px;
margin-top: 23px;
border-top: 1px solid #ededed;
}
.pxl-single-product-summary-wrap .lbl {
font-weight: 600;
color: var(--heading-color);
margin-right: 5px;
}
.pxl-single-product-summary-wrap .quantity .lbl {
margin-bottom: 22px;
}
.pxl-single-product-summary-wrap .product_meta {
padding-top: 17px;
margin-top: 23px;
border-top: 1px solid #ededed;
}
.pxl-single-product-summary-wrap .product_meta > span {
display: block;
margin-top: 5px;
}
.pxl-single-product-summary-wrap .single_add_to_cart_button {
background-color: var(--primary-color);
min-width: 270px;
}
.pxl-single-product-summary-wrap .single_add_to_cart_button:hover {
background-color: var(--secondary-color);
}
.pxl-single-product-summary-wrap .single_add_to_cart_button span:after {
font-family: "pxli" !important;
content: "";
margin-left: 10px;
font-size: 13px;
font-weight: 400;
}
.pxl-single-product-summary-wrap .quantity {
margin-right: 10px;
}
.pxl-single-product-summary-wrap .quantity .lbl {
font-size: 17px;
}
.pxl-single-product-summary-wrap form.cart {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
padding-top: 22px;
margin-top: 22px;
border-top: 1px solid #ededed;
width: 100%;
}
.pxl-single-product-summary-wrap form.cart.grouped_form {
display: block;
padding-top: 30px;
}
.pxl-single-product-summary-wrap form.cart.grouped_form .quantity .lbl {
display: none;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item {
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__quantity {
order: 2;
flex-grow: 1;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__label {
order: 1;
width: 35%;
margin-right: 15px;
}
@media (max-width: 480px) {
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__label {
flex: 0 0 100%;
max-width: 100%;
}
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__label
label {
margin-bottom: 0;
}
@media (max-width: 480px) {
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__label
label {
margin-bottom: 5px;
}
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__label
a {
font-weight: 600;
color: var(--heading-color);
margin-right: 5px;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__price {
margin: 0;
color: var(--primary-color);
font-weight: 400;
font-size: 16px;
line-height: 32px;
clear: both;
order: 3;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__price
del {
order: 2;
padding-right: 6px;
font-size: 15px;
line-height: 32px;
color: #ababab;
}
.pxl-single-product-summary-wrap
form.cart.grouped_form
.woocommerce-grouped-product-list-item__price
ins {
font-weight: inherit;
text-decoration: none;
}
.pxl-single-product-summary-wrap .stock-wishlist {
padding-top: 17px;
margin-top: 30px;
border-top: 1px solid #ededed;
}
.pxl-single-product-summary-wrap .post-shares {
margin-top: 15px;
}
.pxl-single-product-summary-wrap .post-shares .label {
font-size: 17px;
font-weight: 600;
color: var(--heading-color);
margin-right: 25px;
}
.stock-wishlist {
display: flex;
align-items: center;
}
.stock-wishlist .stock {
margin-right: 25px;
}
.stock {
color: var(--primary-color);
}
.stock span {
margin-right: 4px;
}
.stock.top {
margin-top: 10px;
display: none;
}
.pxl-quantity {
position: relative;
display: inline-block;
margin-top: 10px;
}
.pxl-quantity .quantity-button {
position: absolute;
top: 0;
width: 40px;
height: 47px;
line-height: 47px;
font-size: 13px;
font-weight: 900;
border: 0;
color: #111;
cursor: pointer;
text-align: center;
}
.pxl-quantity .quantity-up {
right: 0;
}
.pxl-quantity .quantity-up:before,
.pxl-quantity .quantity-up:after {
content: "";
width: 10px;
height: 1.7px;
display: block;
background-color: #111;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
-webkit-transition: background-color 0.3s ease;
-khtml-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.pxl-quantity .quantity-up:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.pxl-quantity .quantity-up:hover:before,
.pxl-quantity .quantity-up:hover:after {
background-color: #111;
}
.pxl-quantity .quantity-down {
left: 0;
z-index: 1;
}
.pxl-quantity .quantity-down:before {
content: "";
width: 10px;
height: 1.7px;
display: block;
background-color: #111;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
-webkit-transition: background-color 0.3s ease;
-khtml-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.pxl-quantity .quantity-down:hover:before {
background-color: #333333;
}
input.qty[type="number"] {
width: 136px !important;
height: 47px !important;
line-height: 47px !important;
padding: 0 47px !important;
text-align: center;
font-size: 15px;
color: #111;
font-weight: 600;
background: #eeeeee !important;
border: none;
-moz-appearance: textfield;
}
input.qty[type="number"]::-webkit-outer-spin-button,
input.qty[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.pxl-addtocart-btn-wrap {
margin-top: 28px;
align-items: center;
}
.cart.grouped_form .stock {
display: none;
}
table.shop_attributes {
border: none;
}
table.shop_attributes td,
table.shop_attributes th {
vertical-align: top;
font-style: normal;
padding: 2px 0;
border: 0;
width: unset;
background: transparent !important;
}
table.shop_attributes td p,
table.shop_attributes th p {
padding: 0;
}
table.shop_attributes th {
font-weight: 500;
color: var(--heading-color);
min-width: 60px;
white-space: nowrap;
}
@media (max-width: 575px) {
table.shop_attributes th {
min-width: 80px;
}
}
table.shop_attributes th:after {
content: ":";
margin-left: 3px;
}
table.shop_attributes td {
color: #707070;
padding-left: 16px;
}
.group_table {
border: 0;
}
.group_table th,
.group_table td {
border: 0;
}
.group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
transform: scale(1.5, 1.5);
}
.content-product .post-share-wrap {
margin-top: 20px;
margin-bottom: 0;
} .woocommerce-tabs {
margin-top: 62px;
}
.woocommerce-tabs ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-tabs ul li {
line-height: 33px;
}
.woocommerce-tabs ul.wc-tabs {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
overflow: visible;
border: none;
}
@media (max-width: 767px) {
.woocommerce-tabs ul.wc-tabs {
flex-direction: column;
margin-bottom: 25px;
border: 1px solid #dedede;
border-bottom: none;
}
.woocommerce-tabs ul.wc-tabs li {
border: none !important;
border-bottom: 1px solid #dedede !important;
text-align: center;
}
.woocommerce-tabs ul.wc-tabs li a {
width: 100%;
}
.woocommerce-tabs ul.wc-tabs li.active:after {
display: none !important;
}
.woocommerce-tabs ul.wc-tabs li.active a {
color: var(--primary-color) !important;
}
}
.woocommerce-tabs ul.wc-tabs:before,
.woocommerce-tabs ul.wc-tabs:after {
display: none;
}
.woocommerce-tabs ul.wc-tabs li {
margin: 0;
padding: 0;
background-color: #eeeeee;
border: 1px solid #dedede;
border-bottom: none;
border-left: none;
border-radius: 0;
position: relative;
}
.woocommerce-tabs ul.wc-tabs li a {
font-size: 14px;
font-weight: bold;
line-height: 54px;
color: var(--heading-color);
padding: 0 35px;
letter-spacing: 0.1em;
position: relative;
text-transform: uppercase;
}
.woocommerce-tabs ul.wc-tabs li:before {
display: none;
}
.woocommerce-tabs ul.wc-tabs li:after {
position: absolute;
content: "";
display: block;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #dedede;
border: none;
box-shadow: none;
z-index: 9;
}
.woocommerce-tabs ul.wc-tabs li:first-child {
border-left: 1px solid #dedede;
}
.woocommerce-tabs ul.wc-tabs li.active {
background-color: transparent;
}
.woocommerce-tabs ul.wc-tabs li.active:after {
background-color: #fff;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
border: 1px solid #dedede;
padding: 40px;
}
@media (max-width: 1199px) {
.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 40px 15px;
}
}
.woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 25px;
letter-spacing: 0.03em;
margin-bottom: 24px;
text-transform: capitalize;
}
.woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
border: 1px solid #dee2e6;
}
.woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
font-family: inherit;
color: #1d274e;
font-weight: normal;
font-style: normal;
padding: 10px;
}
.woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
border-left: 1px solid #dee2e6;
}
.woocommerce-tabs .tab-product-feature-list {
font-size: 18px;
line-height: 34px;
}
.woocommerce-tabs .tab-product-feature-list .col-xl-4 {
font-weight: 600;
}
.woocommerce-tabs .tab-product-feature-list .line-gap {
margin: 0;
width: 100%;
}
.woocommerce-tabs .woocommerce-noreviews {
margin-bottom: 15px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
margin-bottom: 15px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
margin-bottom: 10px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label,
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-author label,
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-email label {
margin-bottom: 8px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
display: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
padding-top: 15px;
height: 120px;
padding-bottom: 22px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond {
box-shadow: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
padding: 0;
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review {
position: relative;
margin-top: 22px;
margin-bottom: 32px;
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.comment-text {
border: none;
margin: 10px 0;
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.meta {
display: flex;
align-items: center;
margin: 0 0 8px;
font-size: 16px;
}
@media (max-width: 575px) {
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.meta {
display: block;
}
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.meta
.woocommerce-review__published-date {
display: block;
font-size: 14px;
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.meta
.woocommerce-review__author {
color: var(--secondary-color);
font-family: var(--heading-font-family);
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.meta
.woocommerce-review__dash {
display: none;
}
.woocommerce-tabs
.woocommerce-Tabs-panel--reviews
#reviews
ol.commentlist
li.review
.description
p {
margin: 0;
}
.woocommerce-tabs .comment-form .flaticon-next {
font-size: 14px;
margin-left: 6px;
} .related.products {
display: block;
margin: 0 0 23px 0;
}
.products.related,
.products.upsells,
.cross-sells {
padding-top: 95px;
}
.products.related > h2,
.products.upsells > h2,
.cross-sells > h2 {
font-style: normal;
font-weight: 700;
font-size: 40px;
margin: 0 0 60px 0;
padding-bottom: 4px;
position: relative;
}
@media (max-width: 1199px) {
.products.related > h2,
.products.upsells > h2,
.cross-sells > h2 {
font-size: 40px;
margin: 0 0 40px 0;
}
}
@media (max-width: 767px) {
.products.related > h2,
.products.upsells > h2,
.cross-sells > h2 {
font-size: 32px;
}
}
.woocommerce-cart .lbl {
color: var(--heading-color);
}
.woocommerce-cart .btn,
.woocommerce-cart button {
background-color: var(--primary-color);
}
.woocommerce-cart .btn:hover,
.woocommerce-cart button:hover {
background-color: var(--secondary-color);
}
label[for="coupon_code"] {
display: none;
}
table.cart {
border: 0;
}
table.cart thead {
background-color: #f2f2f2;
}
table.cart th {
font-weight: 500;
text-transform: uppercase;
color: var(--heading-color);
padding: 16px 24px;
border-left: 0;
border-right: 0;
border-top: 1px solid #e0e0e0;
}
table.cart th:first-child {
border-left: 1px solid #e0e0e0;
}
table.cart th:last-child {
border-right: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
table.cart th {
display: none;
}
}
table.cart td {
padding: 24px;
border-left: 0;
border-right: 0;
}
@media (max-width: 1199px) {
table.cart td {
padding: 24px 15px;
}
}
table.cart td:first-child {
border-left: 1px solid #e0e0e0;
}
table.cart td:last-child {
border-right: 1px solid #e0e0e0;
}
table.cart td.product-thumbnail {
padding-right: 0;
width: 94px;
}
table.cart td.product-name {
padding-left: 16px;
}
@media (min-width: 1500px) {
table.cart td.product-name {
width: 458px;
}
}
@media (max-width: 1199px) {
table.cart td.product-name {
max-width: 300px;
}
}
table.cart td.product-name > div > a {
font-weight: 700;
margin: 0 10px;
}
table.cart td.product-name > div > a.remove {
width: 20px;
height: 20px;
line-height: 20px;
color: #ffffff;
background-color: black;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
table.cart td.product-name > div > a.remove:hover {
background-color: red;
}
table.cart td.product-name > div > a:last-child {
flex-basis: 0;
flex-grow: 1;
text-align: start;
}
table.cart td.product-price {
color: var(--primary-color);
font-weight: 500;
font-size: 17px;
line-height: 32px;
}
table.cart td.product-subtotal {
color: var(--primary-color);
font-weight: 500;
font-size: 17px;
line-height: 32px;
}
table.cart td.product-remove {
text-align: center;
}
@media (min-width: 1200px) {
table.cart td.product-remove {
width: 120px;
}
}
table.cart td.product-remove a {
font-size: 0;
position: relative;
width: 40px;
height: 40px;
border-radius: 0;
border: 1px solid #e0e0e0;
color: #e0e0e0;
display: inline-flex;
justify-content: center;
align-items: center;
}
table.cart td.product-remove a:before,
table.cart td.product-remove a:after {
content: "";
position: absolute;
height: 1px;
width: 20px;
top: 50%;
background-color: #707070;
transform-origin: 50% 50%;
opacity: 1;
font-size: 20px;
-webkit-transition: transform ease 0.25s;
-khtml-transition: transform ease 0.25s;
-moz-transition: transform ease 0.25s;
-ms-transition: transform ease 0.25s;
-o-transition: transform ease 0.25s;
transition: transform ease 0.25s;
}
table.cart td.product-remove a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
table.cart td.product-remove a:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
table.cart td.product-remove a:hover {
border-color: var(--primary-color);
}
table.cart td.product-remove a:hover:before,
table.cart td.product-remove a:hover:after {
background-color: var(--primary-color);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
table.cart td.actions {
border-left: 0;
border-right: 0;
padding: 32px 0 32px 0;
}
@media (max-width: 991px) {
table.cart td {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
justify-content: space-between;
}
table.cart td > * {
max-width: 100%;
}
table.cart td:before,
table.cart td a.remove:before {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
color: var(--heading-color);
font-weight: 600;
}
table.cart td.product-thumbnail,
table.cart td.product-name {
width: 100%;
max-width: 100%;
}
table.cart td.product-name:before,
table.cart td.product-price:before,
table.cart td.product-quantity:before,
table.cart td.product-subtotal:before {
content: attr(data-title) ":    ";
}
}
@media (max-width: 991px) {
table.cart tbody > tr:first-child > td:first-child {
border-top: 1px solid #e0e0e0;
}
table.cart tbody > tr {
position: relative;
}
table.cart td.product-thumbnail {
background-color: #f2f2f2;
}
table.cart td.product-remove {
padding: 0;
border-bottom: 0;
}
table.cart td.product-remove a {
position: absolute;
top: 15px;
right: 15px;
color: var(--primary-color);
border-color: var(--primary-color);
}
table.cart td.product-remove a:before,
table.cart td.product-remove a:after {
background-color: var(--primary-color);
}
}
table.cart .product-name {
font-weight: 500;
color: var(--heading-color);
}
table.cart .product-name a {
color: inherit;
}
table.cart .product-name a:hover {
color: var(--link-color-hover);
}
table.cart .size-woocommerce_thumbnail {
max-width: 70px;
width: 70px;
}
table.cart .coupon:not(.pxl-coupon) {
display: none;
}
table.cart .coupon .pxl-coupon-wrap {
position: relative;
width: 450px;
-webkit-transition: border-color 0.3s ease;
-khtml-transition: border-color 0.3s ease;
-moz-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
-o-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
@media (max-width: 991px) {
table.cart .coupon .pxl-coupon-wrap {
width: 370px;
}
}
@media (max-width: 991px) {
table.cart .coupon .pxl-coupon-wrap {
width: 270px;
}
}
@media (max-width: 767px) {
table.cart .coupon .pxl-coupon-wrap {
width: 100%;
}
}
table.cart .coupon .input-text {
width: 100%;
border-radius: 0;
border: 1px solid #dedede;
padding: 10px 36.5px 9.5px;
}
table.cart .coupon .input-text:hover,
table.cart .coupon .input-text:focus {
border-color: var(--primary-color);
}
table.cart .coupon .input-text::-webkit-input-placeholder {
color: var(--body-color);
font-size: 13px;
}
@media (max-width: 767px) {
table.cart .coupon .pxl-coupon-wrap .col-auto {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
table.cart .coupon button {
font-size: 0;
border: 0;
height: 46px;
width: 46px;
padding: 0 20px;
}
table.cart .coupon button:before {
content: "";
font-family: "pxli";
font-size: 16px;
display: inline-block;
line-height: 1;
left: 50%;
position: relative;
}
}
table.cart td.actions button[name="update_cart"]:not(.pxl-update-cart) {
display: none;
}
@media (max-width: 991px) {
table.cart td.actions {
display: table-cell;
}
}
table.cart button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
@media (min-width: 992px) {
table.cart .pxl-btns-continue-update .btn,
table.cart .pxl-btns-continue-update button {
min-width: 204px;
}
}
@media (max-width: 575px) {
table.cart .pxl-btns-continue-update .btn,
table.cart .pxl-btns-continue-update button {
width: 100%;
}
}
.cart-collaterals {
padding-top: 30px;
}
@media (min-width: 992px) {
.cart-collaterals {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
}
@media (min-width: 1200px) {
.cart-collaterals .cart_totals {
width: 40%;
}
}
@media (max-width: 1199px) {
.cart-collaterals .cart_totals {
width: 50%;
}
}
@media (max-width: 991px) {
.cart-collaterals .cart_totals {
width: 100%;
}
}
.cart-collaterals .cart_totals {
display: inline-block;
}
.cart-collaterals .cart_totals > h2 {
font-size: 32px;
line-height: 44px;
margin: 0;
padding: 24px 24px 30px 24px;
background: #f2f2f2;
position: relative;
}
.cart-collaterals .cart_totals > h2:after {
content: "";
width: calc(100% - 48px);
height: 1px;
background-color: #dedede;
position: absolute;
left: 24px;
bottom: 10px;
}
.cart-collaterals .cart_totals table {
border: none !important;
background: #f2f2f2;
border-radius: 0;
}
.cart-collaterals .cart_totals th,
.cart-collaterals .cart_totals td {
border: none !important;
}
.cart-collaterals .cart_totals th {
text-align: start;
padding: 5px 5px 5px 24px;
font-weight: 400;
vertical-align: top;
min-width: 120px;
}
[dir="rtl"] .cart-collaterals .cart_totals th {
padding: 5px 24px 5px 5px;
}
@media (min-width: 576px) {
.cart-collaterals .cart_totals th {
min-width: 160px;
}
}
.cart-collaterals .cart_totals td {
padding: 5px 24px 5px 5px;
text-align: right;
}
.cart-collaterals .cart_totals tr.order-total th,
.cart-collaterals .cart_totals tr.order-total td {
padding-bottom: 26px;
}
.cart-collaterals .cart_totals tr.order-total td {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: var(--primary-color);
}
.cart-collaterals .cart_totals .woocommerce-Price-amount {
font-weight: 500;
}
.cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 0;
}
.cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
font-weight: 400;
}
.woocommerce-shipping-methods {
list-style: none;
}
.woocommerce-shipping-methods li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.woocommerce-shipping-methods li > * {
max-width: 100%;
}
.woocommerce-shipping-methods input[type="radio"] {
margin-right: 8px;
margin-top: -4px;
}
.woocommerce-shipping-methods label {
cursor: default;
margin: 0;
}
.woocommerce-shipping-calculator .form-row {
margin-left: 0;
margin-right: 0;
}
.woocommerce-shipping-calculator select {
width: 100%;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 5px;
}
.wc-proceed-to-checkout .btn {
width: 100%;
display: block;
}
.cart-empty.woocommerce-info {
display: none;
}
.pxl-cart-empty-wrap img.img-bag {
max-width: 86px;
margin-bottom: 20px;
}
.pxl-cart-empty-wrap h2 {
margin-bottom: 12px;
}
@media (max-width: 575px) {
.pxl-cart-empty-wrap h2 {
font-size: 35px;
}
}
.pxl-cart-empty-wrap p.desc {
margin-bottom: 20px;
color: #707070;
}
.return-to-shop {
text-align: center;
}
.return-to-shop .wc-backward:hover {
background: var(--secondary-color);
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-form-coupon-toggle {
margin-bottom: 30px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
color: var(--heading-color);
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: var(--link-color-hover);
}
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
color: var(--link-color);
}
.checkout_coupon.woocommerce-form-coupon {
margin-bottom: 50px;
}
form.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
align-items: self-start;
}
form.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
flex: 0 0 100%;
margin: 0 0 30px;
max-width: 100%;
padding: 15px;
}
form.woocommerce-checkout .col2-set {
flex: 0 0 50%;
max-width: 50%;
margin-left: 0;
margin-right: 0;
}
@media (max-width: 991px) {
form.woocommerce-checkout .col2-set {
flex: 0 0 100%;
max-width: 100%;
}
}
form.woocommerce-checkout .col2-set > div {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
form.woocommerce-checkout .woocommerce-billing-fields > h3,
form.woocommerce-checkout .woocommerce-shipping-fields > h3,
form.woocommerce-checkout .woocommerce-additional-fields > h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 28px;
}
form.woocommerce-checkout .woocommerce-billing-fields > h3 > label,
form.woocommerce-checkout .woocommerce-shipping-fields > h3 > label,
form.woocommerce-checkout .woocommerce-additional-fields > h3 > label {
color: inherit;
}
form.woocommerce-checkout .woocommerce-billing-fields label,
form.woocommerce-checkout .woocommerce-shipping-fields label,
form.woocommerce-checkout .woocommerce-additional-fields label {
margin-bottom: 8px;
}
form.woocommerce-checkout .woocommerce-billing-fields .form-row,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row,
form.woocommerce-checkout .woocommerce-additional-fields .form-row {
margin-bottom: 24px;
}
form.woocommerce-checkout .woocommerce-billing-fields .form-row:last-child,
form.woocommerce-checkout .woocommerce-shipping-fields .form-row:last-child,
form.woocommerce-checkout .woocommerce-additional-fields .form-row:last-child {
margin-bottom: 0;
}
form.woocommerce-checkout .woocommerce-shipping-fields {
margin-top: 50px;
}
form.woocommerce-checkout
.woocommerce-shipping-fields
h3
.woocommerce-form__label-for-checkbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
form.woocommerce-checkout
.woocommerce-shipping-fields
h3
.woocommerce-form__label-for-checkbox
> * {
max-width: 100%;
}
form.woocommerce-checkout
.woocommerce-shipping-fields
h3
.woocommerce-form__label-for-checkbox
input[type="checkbox"] {
margin-top: -5px;
}
form.woocommerce-checkout .woocommerce-checkout-review-order {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 991px) {
form.woocommerce-checkout .woocommerce-checkout-review-order {
flex: 0 0 100%;
max-width: 100%;
margin-top: 30px;
}
}
form.woocommerce-checkout .woocommerce-checkout-review-order h3 {
margin-top: 0;
margin-bottom: 15px;
}
form.woocommerce-checkout #order_review_heading {
display: none;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
background-color: #f2f2f2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
thead {
display: none;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
th,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
td {
padding: 16px 24px;
}
@media (max-width: 575px) {
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
th,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
td {
padding: 16px 15px;
}
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
td:last-child {
text-align: end;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
td {
border-color: transparent;
padding: 8px 24px;
}
@media (max-width: 575px) {
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
td {
padding: 8px 15px;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
td
+ td {
width: 100px;
}
}
@media (min-width: 576px) {
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
tr:first-child
td {
padding-top: 24px;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
tr:last-child
td {
padding-bottom: 24px;
}
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tbody
strong {
font-weight: 400;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
th,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
td {
border-color: transparent;
position: relative;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
th:after,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
td:after {
position: absolute;
content: "";
height: 1px;
width: calc(100% - 24px);
top: 0;
background-color: #dedede;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
th {
font-weight: 600;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
th:after {
left: 24px;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
td:after {
right: 24px;
}
@media (max-width: 575px) {
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
.woocommerce-shipping-totals
th,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
.woocommerce-shipping-totals
td {
display: block;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
tfoot
.woocommerce-shipping-totals
.woocommerce-shipping-methods
li {
justify-content: flex-start;
}
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
.cart-subtotal
td,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
.order-total
td {
font-weight: 600;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
.cart-subtotal
td
strong,
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
.order-total
td
strong {
font-weight: 600;
}
form.woocommerce-checkout
table.shop_table.woocommerce-checkout-review-order-table
.order-total
td {
color: var(--primary-color);
}
textarea[name="order_comments"] {
height: 240px;
}
.form-row {
width: 100%;
margin: 0 0 15px;
}
.form-row span.woocommerce-input-wrapper {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.select2-selection--single,
.input-text {
width: 100%;
border-radius: 0;
border: 1px solid #dedede;
padding: 10px 36.5px 9.5px;
}
.select2-selection--single:hover,
.select2-selection--single:focus,
.input-text:hover,
.input-text:focus {
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
.select2-selection--single,
.input-text::-webkit-input-placeholder {
color: var(--body-color);
font-size: 13px;
}
#payment {
margin-top: 0px;
}
#payment ul.payment_methods {
padding: 30px 0 0;
margin: 0;
list-style: none outside;
background: #ffffff;
}
#payment ul.payment_methods li {
margin: 0;
}
#payment ul.payment_methods li input {
margin: 2px 10px 0 0;
float: left;
}
#payment ul.payment_methods li img {
vertical-align: middle;
padding: 0;
position: relative;
max-width: 150px;
}
#payment ul.payment_methods li img + img {
margin-left: 2px;
}
#payment div.form-row {
padding: 20px 0;
margin-top: 0;
}
#payment div.form-row .pxl-checkout-place-order {
flex: 0 0 100%;
max-width: 100%;
}
#payment div.form-row #place_order {
margin-top: 34px;
display: block;
width: 100%;
}
#payment div.form-row.place-order {
margin-bottom: 0;
padding-bottom: 0;
}
#payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #f2f2f2;
}
#payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token,
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new {
margin: 0 0 0.5em;
}
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label,
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label {
cursor: pointer;
}
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
#payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#payment div.payment_box .wc-credit-card-form-card-number,
#payment div.payment_box .wc-credit-card-form-card-expiry,
#payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
}
#payment div.payment_box .wc-credit-card-form-card-number.visa,
#payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/visa.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.mastercard,
#payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/mastercard.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.laser,
#payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/laser.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
#payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/diners.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.maestro,
#payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/maestro.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.jcb,
#payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/jcb.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.amex,
#payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/amex.svg);
}
#payment div.payment_box .wc-credit-card-form-card-number.discover,
#payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(//hns.ma/wp-content/themes/brifers/assets/images/credit-cards/discover.svg);
}
#payment div.payment_box span.help {
font-size: 0.857em;
color: var(--primary-color);
font-weight: normal;
}
#payment div.payment_box .form-row {
margin: 0 0 1em;
}
#payment div.payment_box p:last-child {
margin-bottom: 0;
}
#payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #f2f2f2;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
#payment .payment_method_paypal .about_paypal {
display: block;
}
#payment .payment_method_paypal img {
max-height: 52px;
margin-top: -18px;
margin-left: 8px;
top: 5px;
}
ul.order_details {
content: "";
display: table;
list-style: none;
margin-bottom: 45px;
}
ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #707070;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
@media (max-width: 1024px) {
ul.order_details li {
border: 0;
float: none;
margin-bottom: 15px;
}
}
ul.order_details li:last-child {
margin-right: 0;
padding-right: 0;
}
ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
margin-top: 5px;
}
@media (max-width: 1024px) {
ul.order_details li strong {
font-weight: 400;
}
}
ul.order_details li:last-of-type {
border: none;
}
.woocommerce-order-details__title,
.woocommerce-column__title {
font-size: 28px;
}
.wc-bacs-bank-details-account-name {
font-weight: bold;
}
.woocommerce-order-downloads,
.woocommerce-order-details {
margin-bottom: 45px;
}
.woocommerce-order-downloads *:last-child,
.woocommerce-order-details *:last-child {
margin-bottom: 0;
}
.woocommerce-order-details table strong {
font-weight: 400;
}
.woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid #dedede;
text-align: left;
width: 100%;
border-radius: 4px;
padding: 8px 16px;
}
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
margin-bottom: 0;
}
.woocommerce-customer-details .woocommerce-customer-details--phone::before {
font-family: "pxli";
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce-customer-details .woocommerce-customer-details--email::before {
font-family: "pxli";
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
width: 100%;
max-width: 768px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top,
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: var(--secondary-color);
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.woocommerce.add_to_cart_inline {
display: inline-flex;
flex-direction: column;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button,
.woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped,
.woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external,
.woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart {
background-color: var(--primary-color);
margin: 5px 0;
min-width: 215px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button:hover,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped:hover,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external:hover,
.woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart:hover {
background-color: var(--secondary-color);
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button
.pxl-icon,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped
.pxl-icon,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external
.pxl-icon,
.woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart .pxl-icon {
margin-left: 10px;
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button.loading
.pxl-icon,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped.loading
.pxl-icon,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external.loading
.pxl-icon,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.added_to_cart.loading
.pxl-icon {
display: inline-flex;
-webkit-transition: all 400ms ease;
-khtml-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button.loading
.pxl-icon:before,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped.loading
.pxl-icon:before,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external.loading
.pxl-icon:before,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.added_to_cart.loading
.pxl-icon:before {
content: "";
font-family: "pxli" !important;
-webkit-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite;
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.added_to_cart
+ .added_to_cart {
opacity: 0.8;
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button
+ .added_to_cart:after,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped
+ .added_to_cart:after,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external
+ .added_to_cart:after,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.added_to_cart
+ .added_to_cart:after {
content: "";
font-family: "pxli";
font-weight: normal;
margin-left: 10px;
}
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.add_to_cart_button.added
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_grouped.added
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.product_type_external.added
+ .added_to_cart,
.woosw-popup
.woosw-popup-inner
.woosw-popup-content
.added_to_cart.added
+ .added_to_cart {
opacity: 1;
}
.woocommerce-account .pxl-content-area {
margin-bottom: 0;
}
.woocommerce-account h2 {
margin-top: -10px;
}
form.login .form-row > label {
width: 100%;
}
form.login .input-text {
max-width: 270px;
}
form.login .woocommerce-form__label-for-checkbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
form.login .woocommerce-form__label-for-checkbox > * {
max-width: 100%;
}
form.login .woocommerce-form__label-for-checkbox input[type="checkbox"] {
margin-top: -5px;
}
form.login .button {
margin-top: 10px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 -15px 15px;
}
@media (max-width: 767px) {
.woocommerce-MyAccount-navigation ul {
margin: 0 -8px 15px;
}
}
.woocommerce-MyAccount-navigation ul li {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding: 0 15px 15px;
}
@media (max-width: 767px) {
.woocommerce-MyAccount-navigation ul li {
padding: 0 8px 15px;
}
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 6px 35px;
border: 3px solid var(--primary-color);
background: var(--primary-color);
color: #ffffff;
font-weight: 700;
}
@media (max-width: 1199px) {
.woocommerce-MyAccount-navigation ul li a {
padding: 6px 15px;
}
}
.woocommerce-MyAccount-navigation ul li a:hover {
border-color: var(--secondary-color);
background: var(--secondary-color);
color: #ffffff;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
border-color: var(--secondary-color);
background: var(--secondary-color);
color: #ffffff;
}
.woocommerce-orders-table th,
.woocommerce-orders-table td {
border-left: 0;
border-right: 0;
}
@media (min-width: 768px) {
.woocommerce-orders-table .woocommerce-orders-table__header-order-actions {
width: 196px;
}
}
@media (max-width: 767px) {
.woocommerce-orders-table {
border: 0;
}
.woocommerce-orders-table thead {
display: none;
}
.woocommerce-orders-table tr td {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-orders-table tr td > * {
max-width: 100%;
}
.woocommerce-orders-table tr td:before {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
color: var(--heading-color);
font-weight: 600;
content: attr(data-title) ":    ";
}
.woocommerce-orders-table tr td:first-child {
background-color: #f2f2f2;
border: 0;
}
.woocommerce-orders-table tr td:last-child {
border-top: 0;
border-bottom: 0;
padding: 30px 0 50px 0;
}
.woocommerce-orders-table tr td:last-child:before {
display: none;
}
.woocommerce-orders-table tbody tr:last-child td {
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-orders-table tbody tr:last-child td:first-child {
border-top: 0;
border-bottom: 0;
}
.woocommerce-orders-table tbody tr:last-child td:last-child {
border-top: 0;
border-bottom: 0;
padding-bottom: 0;
}
}
.woocommerce-MyAccount-content {
margin-top: 50px;
}
.woocommerce-MyAccount-content .woocommerce-info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-MyAccount-content .woocommerce-info > * {
max-width: 100%;
}
.woocommerce-MyAccount-content .woocommerce-info > * {
margin-left: 15px;
margin-right: 15px;
}
.woocommerce-MyAccount-content table .button {
display: block;
width: 180px;
}
.woocommerce-MyAccount-content fieldset {
padding: 0;
margin-top: 50px;
border: 0;
}
.woocommerce-MyAccount-content fieldset legend {
font-weight: 700;
color: var(--heading-color);
font-size: 28px;
margin-bottom: 10px;
}
.woocommerce-MyAccount-content .form-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.woocommerce-MyAccount-content .form-row > * {
max-width: 100%;
}
.woocommerce-MyAccount-content .form-row > * {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-MyAccount-content .edit-account fieldset .input-text {
max-width: 270px;
}
@media (max-width: 767px) {
.woocommerce-MyAccount-content .edit-account fieldset .input-text {
max-width: 100%;
}
}
.woocommerce-MyAccount-content .edit-account .button {
margin-top: 30px;
} .wp-block-button.aligncenter,
.wp-block-buttons.aligncenter,
.wp-block-calendar {
text-align: center;
}
.wp-block-button {
margin-bottom: 1.5em;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--heading-color) !important;
border-color: var(--secondary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: var(--secondary-color);
color: #fff !important;
}
.wp-block-cover {
color: #ffffff;
}
.single-post p[class],
.single-post p[style] {
line-height: normal;
clear: both;
overflow: hidden;
}
[class*="wp-block-"] {
margin-bottom: 30px;
}
[class*="wp-block-"]:first-child {
margin-top: 0;
}
[class*="wp-block-"]:last-child {
margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"] {
margin-top: 0;
margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:first-child {
margin-top: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:last-child {
margin-bottom: 0;
}
.pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] {
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.5;
}
.pxl-sidebar-area .widget_block h2 {
margin-top: 0;
position: relative;
}
.pxl-sidebar-area .widget_block ul {
margin: 0;
}
.pxl-sidebar-area .widget_block li > a {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
font-size: 17px;
line-height: 40px;
font-weight: 500;
}
.pxl-sidebar-area .widget_block .wp-block-latest-posts__list {
margin-top: 11px;
}
.wp-block-group.has-background {
padding: 15px 20px;
}
.wp-block-group .wp-block-button + * {
padding-top: 15px;
}
.wp-block-rss {
list-style: none;
}
.wp-block-table .has-fixed-layout {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.blocks-gallery-caption {
margin-bottom: 30px;
}
.wp-caption.alignright {
margin-bottom: 0 !important;
}
.wp-block-quote br {
display: none;
}
.pxl-sidebar-area .wp-block-latest-comments li {
margin-bottom: 30px;
}
.pxl-sidebar-area .wp-block-latest-comments li:last-child {
margin-bottom: 0;
}
.pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-search__label {
margin: 0 0 17px 0;
padding-bottom: 0;
font-size: 22px;
line-height: 1.33333;
display: none;
}
.wp-block-search__label:before {
display: none;
}
.wp-block-search__inside-wrapper {
position: relative;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
height: 50px;
line-height: 48px;
background-color: #ffffff;
border-color: #dedede;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
padding: 0 55px 0 20px;
}
.wp-block-search__inside-wrapper
.wp-block-search__input::-webkit-input-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input:-moz-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input::-moz-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input:-ms-input-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit;
}
[dir="rtl"] .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0 20px 0 55px;
}
.wp-block-search__inside-wrapper .wp-block-search__input:active,
.wp-block-search__inside-wrapper .wp-block-search__input.nice-select.open,
.wp-block-search__inside-wrapper .wp-block-search__input:hover {
border-color: var(--primary-color);
}
.wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
color: #ffffff;
border-width: 0 0 0 0px;
border-style: solid;
border-color: #dedede;
-webkit-backdrop-filter: none;
backdrop-filter: none;
font-size: 0;
border-radius: 0;
-webkit-transition: none;
-khtml-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
[dir="rtl"] .wp-block-search__inside-wrapper .wp-block-search__button {
right: auto;
left: 0;
}
.wp-block-search__inside-wrapper .wp-block-search__button:before {
content: "";
font-size: 14px;
display: inline-block;
line-height: 50px;
font-family: "pxli" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
}
.wp-block-search__inside-wrapper .wp-block-search__button:hover {
-webkit-transition: 0.4s;
-khtml-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #ffffff;
}
.wp-block-search__inside-wrapper:hover .wp-block-search__button {
border-color: var(--primary-color);
}
.wp-block-search__inside-wrapper:hover [type="submit"] {
border-color: transparent;
}
.wp-block-gallery.alignleft {
padding-right: 15px;
}