/*! * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .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-adobe:before{content:"\f778"}.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:"\f959"}.fa-bacterium:before{content:"\f95a"}.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:"\f95b"}.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-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:"\f952"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\f977"}.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:"\f978"}.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:"\f905"}.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:"\f907"}.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:"\f979"}.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-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:"\f95c"}.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:"\f95d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\f95e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\f95f"}.fa-handshake-slash:before{content:"\f960"}.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:"\f961"}.fa-head-side-cough-slash:before{content:"\f962"}.fa-head-side-mask:before{content:"\f963"}.fa-head-side-virus:before{content:"\f964"}.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-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:"\f965"}.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:"\f913"}.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-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\f955"}.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:"\f966"}.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:"\f967"}.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:"\f91a"}.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:"\f956"}.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-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:"\f968"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.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:"\f91e"}.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:"\f969"}.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:"\f96a"}.fa-pump-soap:before{content:"\f96b"}.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:"\f97a"}.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:"\f96c"}.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:"\f957"}.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:"\f96d"}.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:"\f96e"}.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:"\f96f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\f970"}.fa-store-slash:before{content:"\f971"}.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:"\f97b"}.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:"\f972"}.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:"\f941"}.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-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.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:"\f97c"}.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:"\f973"}.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-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:"\f974"}.fa-virus-slash:before{content:"\f975"}.fa-viruses:before{content:"\f976"}.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-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-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(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/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(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/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(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}/* Flaticon icon font: Flaticon Creation date: 19/02/2019 15:14 */ @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; } .flaticon-chat:before { content: "\f100"; } .flaticon-placeholder:before { content: "\f101"; } .flaticon-worldwide:before { content: "\f102"; } .flaticon-briefcase:before { content: "\f103"; } .flaticon-wallet:before { content: "\f104"; } .flaticon-chart:before { content: "\f105"; } .flaticon-profits:before { content: "\f106"; } .flaticon-organize:before { content: "\f107"; } .flaticon-reload:before { content: "\f108"; } .flaticon-home:before { content: "\f109"; } .flaticon-phone-receiver:before { content: "\f10a"; } .flaticon-mail:before { content: "\f10b"; } .flaticon-file:before { content: "\f10c"; } .flaticon-check-mark:before { content: "\f10d"; } .flaticon-arrow-on-the-center-of-the-target:before { content: "\f10e"; } .flaticon-right-arrow:before { content: "\f10f"; } .flaticon-left-arrow:before { content: "\f110"; } .fa, .fab, .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 { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { 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-adobe:before { content: "\f778" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-freshener:before { content: "\f5d0" } .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-balance-scale:before { content: "\f24e" } .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-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-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-service:before { content: "\f781" } .fa-serviceger:before { content: "\f37c" } .fa-serviceger-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-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-bookmark:before { content: "\f02e" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .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-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-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-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-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-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .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-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-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-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-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-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-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .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-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-edit:before { content: "\f044" } .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-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-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-fantasy-flight-games:before { content: "\f6dc" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .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-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-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-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-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-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-usd:before { content: "\f4c0" } .fa-hand-lizard:before { content: "\f258" } .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-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-handshake:before { content: "\f2b5" } .fa-hanukiah:before { content: "\f6e6" } .fa-hashtag:before { content: "\f292" } .fa-hat-wizard:before { content: "\f6e8" } .fa-haykal:before { content: "\f666" } .fa-hdd:before { content: "\f0a0" } .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-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-hot-tub:before { content: "\f593" } .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-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-icicles:before { content: "\f7ad" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .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-instagram:before { content: "\f16d" } .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-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-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-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-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-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-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-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-nintendo-switch:before { content: "\f418" } .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-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-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-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-carry:before { content: "\f4ce" } .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-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-volume:before { content: "\f2a0" } .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-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-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .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-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-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-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-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .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-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .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-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-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-up:before { content: "\f15e" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-up:before { content: "\f163" } .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-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-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-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .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-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .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-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-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-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-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-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .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-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-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-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-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-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .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-water:before { content: "\f773" } .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-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-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: normal; src: url(../fonts/fa-brands-400.eot); src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/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; src: url(../fonts/fa-regular-400.eot); src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg") } .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; src: url(../fonts/fa-solid-900.eot); src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg") } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .fa, .fas { font-weight: 900 } .blue_bg{background:#0e2243}.light_bg{background:#f9f9fb}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.mb-205{margin-bottom:205px}.mb-210{margin-bottom:210px}.mb-215{margin-bottom:215px}.mb-220{margin-bottom:220px}.mb-225{margin-bottom:225px}.mb-230{margin-bottom:230px}.mb-235{margin-bottom:235px}.mb-240{margin-bottom:240px}.mb-245{margin-bottom:245px}.mb-250{margin-bottom:250px}.mb-255{margin-bottom:255px}.mb-260{margin-bottom:260px}.mb-265{margin-bottom:265px}.mb-270{margin-bottom:270px}.mb-275{margin-bottom:275px}.mb-280{margin-bottom:280px}.mb-285{margin-bottom:285px}.mb-290{margin-bottom:290px}.mb-295{margin-bottom:295px}.mb-300{margin-bottom:300px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-205{padding-top:205px}.pt-210{padding-top:210px}.pt-215{padding-top:215px}.pt-220{padding-top:220px}.pt-225{padding-top:225px}.pt-230{padding-top:230px}.pt-235{padding-top:235px}.pt-240{padding-top:240px}.pt-245{padding-top:245px}.pt-250{padding-top:250px}.pt-255{padding-top:255px}.pt-260{padding-top:260px}.pt-265{padding-top:265px}.pt-270{padding-top:270px}.pt-275{padding-top:275px}.pt-280{padding-top:280px}.pt-285{padding-top:285px}.pt-290{padding-top:290px}.pt-295{padding-top:295px}.pt-300{padding-top:300px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-205{padding-bottom:205px}.pb-210{padding-bottom:210px}.pb-215{padding-bottom:215px}.pb-220{padding-bottom:220px}.pb-225{padding-bottom:225px}.pb-230{padding-bottom:230px}.pb-235{padding-bottom:235px}.pb-240{padding-bottom:240px}.pb-245{padding-bottom:245px}.pb-250{padding-bottom:250px}.pb-255{padding-bottom:255px}.pb-260{padding-bottom:260px}.pb-265{padding-bottom:265px}.pb-270{padding-bottom:270px}.pb-275{padding-bottom:275px}.pb-280{padding-bottom:280px}.pb-285{padding-bottom:285px}.pb-290{padding-bottom:290px}.pb-295{padding-bottom:295px}.pb-300{padding-bottom:300px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px} .pic-personal { display: inline-flex; justify-content: center; align-items: center; width: fit-content; font: 400 16px/24px sans-serif; color: #000; background-color: rgba(212, 212, 216, 0.2); padding: 12px 24px; } #Personal_pic-name { display: flex; } .form-column { display: flex; flex-direction: column; gap: 8px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes checkmarkAnimation { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } #upload-status { display: inline-flex; margin-left: 10px; color: green; font: 400 18px/normal sans-serif; opacity: 0; } #upload-status.success { animation: checkmarkAnimation 2s ease-in-out forwards; } #upload-status.success::after { content: "✔"; } #preloader { position: fixed; inset: 0; background: #fff; z-index: 99999; } .blog-sidebar-widgets { display: flex; flex-direction: column; gap: 50px; } .searchbar::after { content: ""; display: block; clear: both; } .searchbar input[type=search], .searchbar input[type=text] { width: 100%; height: 56px !important; border: none; border-radius: 0; background: #D4D4D8; padding-right: 16px !important; } html[lang=en] #termInput { text-align: left; border-radius: 0; padding-left: 16px !important; } .searchbar input[type=search]::placeholder, .searchbar input[type=text]::placeholder { color: rgba(68, 68, 68, 0.6); font: 500 14px/normal sans-serif; } .searchbar button { width: 56px; height: 56px; padding: 0; border: 0; border-radius: 0; background: #552e15; position: absolute; color: #fff; left: 0; } html[lang=en] .searchbar button { right: 0; left: auto; } @media (max-width: 1199px) { .searchbar input[type=search], .searchbar input[type=text], .searchbar input[type=search]::placeholder, .searchbar input[type=text]::placeholder, .searchbar button { display: none; } } ul.breadcumb li a { transition: 0.5s; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; align-items: baseline; gap: 8px; } ul.breadcumb li a:hover{ color: #D2AB66; } ul.breadcumb { display: flex; align-items: baseline; gap: 25px; } .category-lists { display: flex; flex-direction: column; gap: 20px; } .category-lists h4, .popular-posts-lists h4 { overflow: hidden; color: #000; font: 700 24px/32px dana; margin-bottom: 12px; } @media (max-width: 1199px) { .category-lists h4, .popular-posts-lists h4 { font: 500 12px/normal dana; font-style: normal; } } html[lang=en] .category-lists h4, html[lang=en] .popular-posts-lists h4 { text-align: start; } .category-lists ul { display: flex; flex-direction: column; gap: 16px; padding: 0; } .category-lists ul li { display: block; } .category-lists ul li.active a { color: #D2AB66; } .category-lists ul li:last-child { margin-bottom: 7px; } .category-lists ul li a { position: relative; display: inline-block; color: #38383c; text-decoration: none; transition: 0.5s; } .case-types { display: block; height: 100%; text-align: right; margin-bottom: 40px; } .case-types ul { width: 100%; } .case-types ul li { display: inline-block; margin-bottom: 10px; } .case-types ul li.active a { background-color: #D2AB66; color: #fff; } .case-types ul li:last-child { margin-right: 0; } .case-types ul li a { display: block; padding: 8px 10px; font: 14px/normal sans-serif; color: #D2AB66; background-color: #fff; border: 1px solid #D2AB66; border-radius: 0; text-decoration: none; cursor: pointer; outline: 0; transition: 0.5s; } .case-types ul li a:hover { background-color: #D2AB66; color: #fff; } .case-types ul li a.active { color: #D2AB66; } .case-types ul li:last-child { margin-right: 0; } .blog-lists { padding: unset; } .blog-lists .single-blog { display: flex; flex-direction: column; gap: 8px; position: relative; border-radius: 4px; padding: 16px; background: rgba(212, 212, 216, 0.2); height: 100%; } @media (max-width: 1199px) { .blog-lists .single-blog { gap: 24px; } .blog-txt { gap: 24px; } } .blog-lists .col-md-6:last-child .single-blog, .blog-lists .col-md-6:nth-last-child(2) .single-blog { margin-bottom: 0; } .blog-img-wrapper { width: 100%; height: 310px; } .blog-img-wrapper img { width: 100%; height: 100%; object-fit: cover; position: relative; transition: 0.5s; } .blog-txt { display: flex; flex-direction: column; gap: 30px; position: relative; } .blog-txt .date { color: #000; font: 400 14px/normal sans-serif; text-align: left; } .blog-txt .date span { color: #D2AB66; font-weight: 700; } .blog-txt small:first-child { margin-right: 10px; } .blog-txt small:last-child { margin-left: 10px; } .blog-txt .blog-title { color: #000; font-size: 18px !important; font-weight: 400 !important; } .blog-txt .blog-title a { color: #000; position: relative; text-decoration: none; transition: 0.3s; } .blog-txt .blog-title a:hover { color: #D2AB66; } .blog-txt .blog-summary { color: #000; font-size: 16px; } .single-blog { position: relative; margin-bottom: 8px; } .single-blog::after, .single-blog::before { content: ""; position: absolute; visibility: hidden; z-index: -10; transition: 0.5s; border: 2px solid #D2AB66; } .single-blog::after { top: -2px; left: -2px; right: 100%; bottom: 100%; border-right: none; border-bottom: none; } .single-blog::before { bottom: -2px; right: -2px; left: 100%; top: 100%; border-left: none; border-top: none; } .single-blog:hover::after { visibility: visible; right: 0; bottom: 0; } .single-blog:hover::before { visibility: visible; left: -2px; top: -2px; } a.readmore-btn { display: inline-block; position: relative; margin-top: 18px; width: 120px; padding: 13px 0 10px; font: 600 18px/normal sans-serif; text-align: center; text-decoration: none; background-color: #D2AB66; color: #fff; } a.readmore-btn span { transition: 0.5s; } a.readmore-btn:hover span { margin-left: -10px; } a.readmore-btn::after { position: absolute; content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 700; right: 15px; opacity: 0; transition: 0.5s; margin-top: 1px; } a.readmore-btn:hover::after { opacity: 1; right: 12px; } .breadcrumb-area.blog-details .breadcrumb-txt span { margin-bottom: 13px; } .blog-details-section { padding: 32px 0 64px; } .blog-details-section small.date { display: inline-block; margin-top: 26px; font: 400 12px/normal sans-serif; color: #797e82; } .blog-details-title { color: #000; font-size: 32px; } .blog-details-body p { font: 400 16px/28px dana; color: #000; } .blog-details-quote { padding: 50px 37px; margin: 38px 0 35px; border-left: 3px solid #D2AB66; font-style: italic; font: 400 18px/32px sans-serif; background-color: #f7f7f7; } .blog-share { margin-top: 38px; } .blog-share ul li { display: inline-block; margin-right: 15px; } .blog-share ul li:last-child { margin-right: 0; } .blog-share ul li a { display: block; width: 120px; padding: 15px 0; text-align: center; text-decoration: none; text-transform: capitalize; border-radius: 50px; font: 400 14px/normal sans-serif; color: #fff; transition: 0.3s; } .blog-share ul li a:hover { opacity: 0.8; } .blog-share ul li a.facebook-share { background-color: #275baa; } .blog-share ul li a.twitter-share { background-color: #28c8f0; } .blog-share ul li a.linkedin-share { background-color: #0e76a8; } .blog-share ul li a i { margin-right: 10px; } .author-info { display: flex; margin: 68px 0 65px; } .author-info img { width: 100px; border-radius: 50%; } .author-details { margin-left: 35px; } .author-info .name { font: 600 16px/normal sans-serif; margin-bottom: 20px; } .author-info .desc { font: 400 14px/28px sans-serif; color: #666; } .single-comment { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 25px; background-color: #fbfbfb; margin-bottom: 30px; } .single-comment:last-child { margin-bottom: 0; } .single-comment-wrapper { margin-right: 20px; } .single-comment-wrapper img { border-radius: 50%; max-width: 60px; } .single-comment .person-name h5 { font-size: 16px; font-weight: 600; } .single-comment .person-info .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px; } .single-comment .person-info .date small { font-size: 14px; color: #8b8b8b; } .single-comment .person-info .date a { font-size: 14px; font-weight: 600; font-style: italic; color: #38383c; margin-top: -5px; -webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; } .single-comment .person-info .date a:hover { color: #D2AB66; } .single-comment .person-info .comment { margin-top: 20px; } .single-comment .person-info .comment p { font-size: 14px; color: #666; line-height: 28px; } .reply-form-section { margin-top: 67px; } .reply-form-section h3 { position: relative; margin-bottom: 52px; font-family: "Source Serif Pro", serif; font-size: 24px; font-weight: 700; color: #38383c; } .reply-form-section h3::after { position: absolute; content: ""; bottom: -12px; left: 0; height: 3px; width: 50px; background-color: #D2AB66; } .reply-form-section .form-element { margin-bottom: 20px; } .reply-form-section .form-element.reduced-mb { margin-bottom: 17px; } .contact-form-section { padding: 32px 0 64px; } @media (max-width: 1199px) { .contact-form-section { padding: 16px 0 32px; } } .event-area-v2 h4 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .contact-form-section .section-title { color: #afb2be; } .contact-form .form-element { margin-bottom: 20px; } .contact-form .form-element.reduced-mb { margin-bottom: 17px; } .contact-form textarea { height: 120px; } .map-wrapper { height: 100%; position: relative; } .contact-form-section .single-info { margin-bottom: 30px; padding: 40px 42px; } /*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .contact-form-section .single-info:last-child { margin-bottom: 0; } .contact-form-section .single-info .icon-wrapper { border: 1px solid #58bed3; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; margin-right: 15px; background-color: #fff; float: left; transform: rotateY(0deg); transition: background-color 0.5s, transform 0.5s; } .contact-form-section .single-info:hover .icon-wrapper { background-color: #58bed3; transform: rotateY(360deg); } .contact-form-section .single-info .icon-wrapper i { font-size: 20px; color: #58bed3; transition: color 0.5s; } .contact-form-section .single-info:hover .icon-wrapper i { color: #fff; } .contact-form-section .single-info .info-txt { float: left; width: 73%; } .contact-form-section .single-info p { margin-bottom: 0; font: 400 16px/26px sans-serif; } .contact-form-section .single-info-col:first-child, .contact-form-section .single-info-col:last-child { border: 1px solid #f1f1f1; } .contact-form-section .single-info-col:nth-child(2) { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .category-lists.job li a { display: flex; align-items: center; gap: 8px; color: #000; transition: 0.3s; } html[lang=en] .category-lists.job li a { justify-content: start; align-items: flex-start; } html[lang=en] .category-lists.job li a svg { rotate: 180deg; } .category-lists.job li a:hover { color: #D2AB66; } .category-lists.job li a:hover svg path, .category-lists.job .active svg path { stroke: #D2AB66; } .category-lists.job li a span { display: inline-block; float: right; } .category-lists.job li:last-child { border-bottom: none; padding-bottom: 0; } .info strong.label { display: block; margin-bottom: 8px; color: #0a3041; font-weight: 600; } .single-pic img { width: 100%; border-radius: 8px; } .single-pic { position: relative; border-radius: 8px; } .single-pic:hover .single-pic-overlay { visibility: visible; opacity: 0.6; } .single-pic .inner, .single-pic .outer { width: 100%; } .single-pic h4 { font: 700 26px sans-serif; padding-bottom: 13px; margin-bottom: 9px; text-transform: uppercase; position: relative; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: 0.5s; color: #fff; } .single-pic:hover h4 { visibility: visible; opacity: 1; transform: translateY(0); } .single-pic h4::after { content: ""; position: absolute; bottom: 0; left: 50%; height: 3px; width: 100px; background-color: #0ff; transform: translateX(-50px); } .single-pic a.icon-wrapper { display: inline-block; color: #fff; font-size: 30px; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .single-pic:hover a.icon-wrapper { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .single-pic .txt-icon { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; text-align: center; color: #fff; transform: translate(-50%, -50%); } .grid-sizer { width: 33.33%; } .error-section { padding: 352px 0 328px 0; } .oops { max-width: 100px; margin: 0 auto; } .oops img { width: 100%; } .not-found img { width: 234px; height: 234px; } .error-txt { text-align: center; margin-top: 32px; } .error-txt h2 { font-weight: 700; text-transform: uppercase; font-size: 32px; margin: 21px 0 14px; color: #0a3041; } .error-txt p { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; } .error-txt a { display: inline-block; text-transform: uppercase; font-weight: 600; color: #fff; background-color: #000; padding: 14px 40px; border-radius: 50px; font-size: 16px; text-decoration: none; margin-top: 30px; background-color: #D2AB66; border: 1px solid #D2AB66; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .error-txt a:hover { color: #D2AB66; background-color: #fff; } a.single-ss { cursor: zoom-in; display: block; } .project-ss-carousel { position: relative; } .owl-carousel.common-carousel .owl-nav button.owl-next, .owl-carousel.common-carousel .owl-nav button.owl-prev { background: #D2AB66; width: 40px; display: inline-block; height: 40px; border: 1px solid #D2AB66; color: #fff; opacity: 0; transition: 0.3s; } .owl-carousel.common-carousel:hover .owl-nav button.owl-next, .owl-carousel.common-carousel:hover .owl-nav button.owl-prev { opacity: 1; } .owl-theme.common-carousel .owl-nav { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .owl-carousel.common-carousel .owl-nav button.owl-prev { float: left; margin-left: -20px; transition: 0.5s; } .owl-carousel.common-carousel .owl-nav button.owl-next { float: right; margin-right: -20px; transition: 0.5s; } .owl-carousel.common-carousel .owl-nav button.owl-next:hover, .owl-carousel.common-carousel .owl-nav button.owl-prev:hover { background: #fff; color: #D2AB66; } .owl-carousel.common-carousel.project-ss-carousel .owl-nav button.owl-prev { margin-left: -40px; } .owl-carousel.common-carousel.project-ss-carousel .owl-nav button.owl-next { margin-right: -40px; } .project-ss-carousel.owl-theme .owl-dots .owl-dot.active span { background: #D2AB66; } .fc-day-grid-event .fc-time { color: #fff; } span.fc-title { color: #fff; } a.boxed-btn { padding: 20px; display: inline-block; color: #fff; background-color: #D2AB66; text-transform: uppercase; font-size: 14px; font-weight: 600; border: none; text-decoration: none; } .product-area { padding-top: 32px; padding-bottom: 64px; } .product-area .shop-search { position: relative; } .product-area .shop-search input { width: 100%; background-color: transparent; line-height: 60px !important; padding-left: 20px; border: 2px solid #eaedf4; border-radius: 6px; color: #686868; height: auto; } .product-area .shop-search input::placeholder { opacity: 1; } .product-area .shop-search i { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 15px; color: #D2AB66; } .product-area .shop-dropdown { position: relative; } .product-area .shop-dropdown .nice-select { height: 60px; background: #fff; width: 100%; color: #686868; border: 2px solid #eaedf4; border-radius: 6px; font-size: 14px; cursor: pointer; } .product-area .shop-dropdown .nice-select span { line-height: 60px; } .product-area .shop-dropdown .nice-select::after { border-bottom: 2px solid #D2AB66; border-right: 2px solid #D2AB66; } .product-area .shop-sidebar .shop-box { border: 2px solid #eaedf4; padding: 32px; } .product-area .shop-sidebar .shop-box .sidebar-title { padding-bottom: 20px; } .product-area .shop-sidebar .shop-box .sidebar-title .title { font-size: 22px; position: relative; } .product-area .shop-sidebar .shop-box .sidebar-title .title::before { position: absolute; content: ""; left: 0; bottom: -14px; height: 2px; width: 10px; background: #D2AB66; } .product-area .shop-sidebar .shop-box .sidebar-title .title::after { position: absolute; content: ""; left: 17px; bottom: -16px; height: 2px; width: 25px; background: #D2AB66; } .product-area .shop-category .category-item { padding-top: 13px; } .product-area .shop-category .category-item ul li a { color: #8a8a8a; line-height: 35px; } li.active-search a { color: #D2AB66 !important; font-weight: 600; } .product-area .shop-tag .tag-item { padding-top: 14px; } .product-area .shop-tag .tag-item ul li { margin-top: 0; display: inline-block; } .product-area .shop-tag .tag-item ul li a { font-size: 14px; color: #8a8a8a; line-height: 40px; background: #eef3f9; border-radius: 6px; padding: 0 16px; margin-right: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-decoration: none; } .product-area .shop-tag .tag-item ul li.active-search a { background: #D2AB66; color: #fff !important; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .product-area .shop-tag .tag-item ul li a { font-size: 12px; padding: 0 10px; } } .product-area .shop-tag .tag-item ul li a:hover { color: #fff; background: #D2AB66; } .product-area .shop-price .price-item { padding-top: 27px; } .product-area .shop-price .price-item .line { height: 4px; width: 100%; background: #D2AB66; position: relative; margin-bottom: 24px; } .product-area .shop-price .price-item .line::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); height: 10px; width: 10px; background: #D2AB66; cursor: pointer; } .product-area .shop-price .price-item span { font-size: 14px; font-weight: 500; color: #8a8a8a; padding-top: 12px !important; } .product-area .shop-price .price-item span span { font-weight: 700; color: #666; } .product-area .shop-item { background: rgba(212, 212, 216, 0.2); border-radius: 4px; padding: 16px; display: flex; flex-direction: column; gap: 22px; height: 100%; } @media (max-width: 1199px) { .product-area .shop-item { padding: 12px; gap: 16px; } } .product-area .shop-item:hover { background: white; } .product-area .shop-item .shop-thumb { position: relative; overflow: hidden; } .product-area .shop-item .shop-thumb img { width: 100%; height: 100%; object-fit: cover; } .product-area .shop-item .shop-thumb ul li { display: inline-block; margin: 0 5px; } .product-area .shop-item .shop-thumb ul li a { display: inline-block; height: 40px; width: 40px; background: #fff; color: #D2AB66; border-radius: 50%; text-align: center; line-height: 40px; } .product-area .shop-item .shop-content a { display: inline-block; font-size: 18px; font-weight: 600; color: #222; text-decoration: none; } @media (max-width: 1199px) { .product-area .shop-item .shop-content a { font-size: 10px; font-style: normal; font-weight: 700; line-height: 23.5px; } } .product-area .shop-item .shop-content .rate, .product-items .shop-item .shop-content .rate { display: block; margin: 11px auto 10px; } .product-area .shop-item .shop-content a:hover { color: #D2AB66; } .product-area .shop-item .shop-content span { color: #000; font-size: 16px; font-weight: 400; line-height: normal; text-align: end; } @media (max-width: 1199px) { .product-area .shop-item .shop-content span { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } html[lang=en] .product-area .shop-item .shop-content span { text-align: start; } .product-area .shop-item .shop-content span.prepice { font-weight: 400; display: inline-block; margin-left: 5px; text-decoration: line-through; } .product-area .shop-item:hover .shop-thumb::before { bottom: 0; opacity: 1; } .product-area .shop-item:hover .shop-thumb ul { top: 50%; opacity: 1; } .product-area .shop-item .shop-content { display: flex; flex-direction: column; gap: 22px; } .product-details-content { display: flex; flex-direction: column; gap: 32px; } .actions .main-btn { background: #552e15; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; padding: 12px 24px; text-decoration: none; cursor: pointer; border: none !important; margin: 0 !important; } .actions .main-btn.cart-btn { color: #fff; } .actions .main-btn.cart-btn:hover { color: #fff; } .actions .checkout-btn { border: 1px solid #D2AB66; } .actions .checkout-btn:hover { background: #D2AB66; color: #fff; } button.filter-button { color: #fff; background-color: #D2AB66; } button.filter-button:hover { color: #fff; } .product-details-area { padding-top: 32px; } .product-details-area .product-details-content-item { display: flex; flex-direction: column; gap: 32px; } .product-details-area .product-details-slide-item { margin-top: 30px; } .product-details-area .product-details-slide-item ul li img { width: 100%; cursor: pointer; } .product-details-area .product-item-slide { margin-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .product-details-area .product-item-slide { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-area .product-item-slide { margin-right: 0; } } @media (max-width: 767px) { .product-details-area .product-item-slide { margin-right: 0; } } .product-details-area .product-item-slide .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 99; height: 32px; width: 32px; text-align: center; line-height: 40px; background: #D4D4D8; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 500ms; } .product-details-area .product-item-slide .slick-arrow:hover { background: #D2AB66; transition: 500ms; } .product-details-area .product-item-slide .slick-arrow.prev { left: -20px; } .product-details-area .product-item-slide .slick-arrow.next { right: -20px; } .product-details-area .product-details-slide-item .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 99; height: 32px; width: 32px; text-align: center; line-height: 40px; background: #D4D4D8; color: #fff; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .product-details-area .product-details-slide-item .slick-arrow.prev { left: -20px; } .product-details-area .product-details-slide-item .slick-arrow.next { right: -20px; } .product-details-area .product-item-slide .item a { display: block; } .product-details-area .product-item-slide .item img { width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .product-details-area .product-details-content { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product-details-area .product-details-content { margin-left: 0; } } @media (max-width: 767px) { .product-details-area .product-details-content { margin-left: 0; } } .product-details-area .product-details-content .product-details-content-item .title { font-size: 24px; font-weight: 700; line-height: 30px; color: #222; } .product-details-area .product-details-content .product-details-content-item ul li { display: inline-block; } .product-details-area .product-details-content .product-details-content-item ul li i { color: #f86e03; margin-right: 6px; } .product-details-area .product-details-content .product-details-content-item span { color: #222; font-size: 18px; font-weight: 700; display: block; } .product-details-area .product-details-content .product-details-content-item span.prepice { display: inline-block; font-weight: 400; text-decoration: line-through; margin-left: 6px; } .product-details-area .product-details-content .product-details-content-item p { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; gap: 8px; } .product-description-container { display: flex; flex-direction: column; gap: 16px; } .product-title-container { display: flex; justify-content: space-between; } .product-details-area .product-details-content .product-details-content-item .title { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .product-price-container { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } .product-price-container .regular-price { display: flex; gap: 16px; } .product-price-container .regular-price span:first-child { color: #000; font-size: 16px; font-weight: 700; line-height: normal; } .product-price-container .regular-price span:last-child { color: #17C964; font-size: 16px; font-weight: 700; line-height: normal; } .product-price-container del span { color: #F31260 !important; font-size: 14px !important; font-weight: 700 !important; line-height: normal; } .product-details-area .product-details-content .product-details-content-item h3 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .product-details-area .product-details-content .product-btns a { line-height: 55px; padding: 0 35px; margin-left: 20px; } @media (max-width: 767px) { .product-details-area .product-details-content .product-btns a { margin-left: 0; margin-top: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .product-details-area .product-details-content .product-btns a { margin-left: 20px; margin-top: 0; } } .product-details-area .product-details-content .product-icons-item-1 { padding-top: 40px; } .product-details-area .product-details-content .product-icons-item-1 ul li { display: inline-block; } .product-details-area .product-details-content .product-icons-item-1 ul li a { font-size: 20px; color: #8a8a8a; transition: all linear 0.3s; } .product-details-area .product-details-content .product-icons-item-1 ul li a:hover { color: #D2AB66; } .product-details-area .product-details-content .product-icons-item-1 ul li:first-child a { padding: 0 15px; border-left: 1px dashed #D2AB66; border-right: 1px dashed #D2AB66; line-height: 20px; margin-right: 9px; } .product-details-area .product-details-content .product-social-icon { padding-top: 22px; } .product-details-area .product-details-content .product-social-icon ul li { display: inline-block; } .product-details-area .product-details-content .product-social-icon ul li a { color: #8a8a8a; margin-right: 8px; transition: all linear 0.3s; font-size: 14px; } .product-details-area .product-details-content .product-details-tags { padding-top: 15px; } .product-details-area .product-details-content .product-social-icon ul li a:hover { color: #D2AB66; } .product-details-area .product-details-content .product-details-tags ul li { font-size: 16px; color: #D2AB66; line-height: 30px; font-weight: 400; } .product-details-area .product-details-content .product-details-tags ul li span { padding-right: 6px; color: #5f5f5f; font-weight: 600; } .product-items { padding-top: 64px; padding-bottom: 72px; display: flex; flex-direction: column; gap: 40px; } .product-items .owl-carousel { height: 410px; } .product-items .section-title { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .product-items .shop-item .shop-thumb { position: relative; overflow: hidden; } .product-items .shop-item .shop-thumb img { width: 100%; height: 200px; object-fit: cover; } .product-items .shop-item .shop-thumb ul { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); transition: all linear 0.3s; opacity: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .product-items .shop-item .shop-thumb ul li { display: inline-block; margin: 0 5px; } .product-items .shop-item .shop-thumb ul li a { height: 40px; width: 40px; background: #fff; color: #D2AB66; border-radius: 50%; text-align: center; line-height: 40px; display: inline-block; } .product-items .shop-item .shop-content a { display: inline-block; font-size: 18px; font-weight: 600; color: #222; margin-bottom: 10px; text-decoration: none; line-height: 25px; } .product-items .shop-item .shop-content a:hover { color: #D2AB66; } .product-items .shop-item .shop-content span { color: #000; font-size: 14px; font-weight: 400; line-height: normal; } .product-items .shop-item .shop-content span.prepice { font-weight: 400; display: inline-block; margin-left: 5px; text-decoration: line-through; } .product-items .shop-item:hover .shop-thumb::before { bottom: 0; opacity: 1; } .product-items .shop-item:hover .shop-thumb ul { top: 50%; opacity: 1; } .review-content ul.review-value { display: inline-block; position: relative; cursor: pointer; } .ui-slider-horizontal .ui-slider-range { background: #D2AB66; } .ui-slider-horizontal { height: 5px !important; } .ui-slider .ui-slider-handle { width: 10px !important; height: 5px !important; } .login-title { display: flex; gap: 16px; flex-direction: column; align-items: center; justify-items: center; justify-content: center; } .login-title img { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; } .login-page { padding: 100px 0 0 0; } .login-page form { display: flex; flex-direction: column; gap: 16px; } .login-page .login-title img { width: 150px; height: 150px; } .login-area .login-content .login-title .title { font-size: 28px; font-weight: 700; line-height: 28px; color: #000 !important; } .login-area .login-content .input-box input { display: flex; width: 100%; height: 48px; padding: 0px 24px; gap: 8px; justify-content: flex-end; align-items: center; align-self: stretch; border: 1px solid #ccc; padding-left: 30px; background-color: #D4D4D866 !important; } .login-area .login-content .input-box span { padding-bottom: 15px; font-size: 15px; display: inline-block; } .login-area .login-content .input-box { /* margin: 8px 150px; */ } .login-area .login-content .input-btn button { background: rgba(212, 212, 216, 0.2) !important; border-color: unset; text-transform: uppercase; display: flex; padding: 0px 24px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; } .login-area .login-content .checkbox_common { padding-top: 15px; } .login-area .login-content .input-btn button:hover { background-color: transparent; color: #D2AB66; } .login-area .login-content .input-btn a { display: inline-block; color: #D2AB66; font-weight: 700; } .login-area .login-content .input-text p { font-size: 15px; font-weight: 400; color: #666; line-height: 26px; padding-bottom: 15px; padding-top: 15px; } .login-area .login-content .input-text p a { color: #D2AB66; } .checkout-area { padding: 108px 0 0 0; background: #F4F4F5; } .checkout-area h1 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .checkout-area .shop-title-box h3 { position: relative; font-size: 24px; color: #282828; margin-bottom: 30px; font-weight: 600; } .checkout-area .exisitng-customer { position: relative; display: block; background: #f8f7ff; padding: 20px 28px 21px; margin-bottom: 20px; border-radius: 5px; } .checkout-area .exisitng-customer:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ""; background: #D2AB66; } .checkout-area .exisitng-customer h5 { color: #222; font-size: 16px; font-weight: 500; } .checkout-area .exisitng-customer h5 a { font-weight: 400; display: inline-block; padding-left: 15px; color: #D2AB66; } .checkout-area .coupon { position: relative; display: block; background: #f8f7ff; padding: 20px 28px 21px; margin-bottom: 60px; border-radius: 5px; } .checkout-area .coupon:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ""; background: #D2AB66; } .checkout-area .coupon h5 { color: #222; font-size: 16px; font-weight: 500; } .checkout-area .coupon h5 a { font-weight: 400; display: inline-block; padding-left: 15px; color: #D2AB66; } .checkout-area .create-acc .checkbox { margin: 7px 0 0; } .checkout-area .create-acc .checkbox label { color: #282828; font-weight: 400; font-size: 16px; cursor: pointer; } .checkout-area .create-acc .checkbox input { position: relative; top: 1px; } .checkout-area .shipping-info input[type=checkbox] { cursor: pointer; display: inline-block; margin: 0 0 0 20px; position: relative; top: 0; vertical-align: middle; } .checkout-area .form .field-input textarea { border: 1px solid #f0eef9; color: #848484; display: block; font-size: 16px; height: 121px; margin-bottom: 28px; padding: 10px 15px; width: 100%; border-radius: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .checkout-area .form .field-input textarea:focus { border-color: $ primary; } .checkout-area .cart-table tbody tr .qty .input-group-btn-vertical { display: none; } .checkout-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin { width: 50px; } .checkout-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin .quantity-spinner { border-radius: 6px; background: 0 0; text-align: center; } .checkout-area .table { overflow-x: auto; position: relative; width: 100%; margin-bottom: 0; display: flex; flex-direction: column; gap: 32px; } .checkout-area .checkout-area-container { width: 100%; display: flex; flex-direction: column; gap: 50px; } .checkout-area .table .cart-table { min-width: auto; width: 100%; } .checkout-area .table .cart-table .cart-header { background: #E9D5B3; font-weight: 400; } .checkout-area .table .cart-table thead tr th { color: #000; font-size: 12px; font-weight: 600; line-height: 20px; border: none !important; } .checkout-area .table .cart-table thead tr th.product-column { padding-left: 30px; } .checkout-area .table .cart-table tfoot tr { border-bottom: 1px solid #e8e6f4; } .checkout-area .table .cart-table tbody tr { border: none !important; } .checkout-area .table .cart-table tbody tr td { vertical-align: middle; } .checkout-area .table .cart-table tbody tr td { color: #11181C; font-size: 14px; font-weight: 400; line-height: 20px; padding: 12px 8px; } .checkout-area .table .cart-table tbody tr td a { color: #11181C; } .table-striped tbody tr { background: #fff !important; } table.dataTable.no-footer { border: 0; } .checkout-area .table .cart-table tfoot tr td { color: #11181C; font-size: 14px; font-weight: 400; line-height: 20px; padding: 12px 8px; } .checkout-area .table .cart-table tbody tr td.qty input { border-radius: 6px; background: 0 0; text-align: center; height: 40px; width: 40px; border: 1px solid #ddd; margin-left: 20px; padding: 0; } .checkout-area .table .cart-table.shipping-method tbody tr td { padding-left: 30px; } .checkout-area .table .cart-table tbody tr .product-column .column-box { min-height: 70px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a { display: block; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img { display: block; max-width: 60px; border-radius: 6px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title { display: table-cell; vertical-align: middle; } .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title { padding-left: 20px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 { color: #282828; font-size: 18px; font-weight: 500; text-transform: capitalize; } section.checkout-area .field-label { display: inline-block; margin-bottom: 10px; } p.gateway-desc { background: #f1f1f1; font-size: 14px; padding: 10px 25px; margin-bottom: 20px; color: #212529; } .placeorder-button .btn-style-one .btn-title { padding: 8px 30px; } .cart-table tbody tr .qty { padding-right: 25px; } .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; } .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; margin-top: -2px; } .cart-table tbody tr td.unit-price { padding-left: 20px; padding-right: 20px; } .login-btn { display: inline-block; margin-left: 15px; } a.proceed-checkout-btn { padding: 13px 20px; height: 50px; line-height: 50px; border: 1px solid #D2AB66; text-decoration: none; color: #D2AB66; background-color: #fff; transition: 0.5s; } a.proceed-checkout-btn:hover { background-color: #D2AB66; color: #fff; } .checkout-message { padding: 120px 0; margin: 0 auto; } .checkout-success { background: #f1f1f1; padding: 40px 0; text-align: center; display: flex; flex-direction: column; gap: 16px; align-items: center; } .checkout-success h2 { color: #000; font-size: 18px; font-weight: 700; line-height: 28px; } .checkout-success p { color: #000; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .checkout-success a { background: rgba(210, 171, 102, 0.2); color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding: 12px 24px; width: fit-content; } .checkout-success .icon i { font-size: 60px; } .checkout-success .icon { display: block; margin-bottom: 20px; } .rate { background-image: url(../img/rate-star.png); background-position: 0 -13px; background-repeat: repeat-x; height: 13px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; width: 95px; margin-bottom: 2px; } .rating { background-image: url(../img/rate-star.png); background-position: 0 0; background-repeat: repeat-x; height: 13px; } ul.login { display: inline-block; position: relative; } div.language { margin-right: 15px; } div.language:not(.dashboard)::before { content: "|"; position: absolute; right: -12px; } ul.login a { color: #000000; padding: 0; font-size: 16px; font-weight: 400; line-height: normal; cursor: pointer; } @media (max-width: 1199px) { ul.login a { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } } .product-details-slide-item .slick-list.w-100, .product-details-slide-item .slick-track.w-100 { width: 100% !important; display: flex; gap: 8px; } img.mfp-img { visibility: visible !important; } a#cartIcon { position: fixed; z-index: 10000; top: 50%; right: 0; transform: translateY(-40%); text-align: center; color: inherit; text-decoration: none; } @media (max-width: 1199px) { a#cartIcon { display: none; } } a#cartIcon span.length { color: #000; text-align: center; font-family: Dana; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; align-items: center; justify-content: center; direction: initial; } a#cartIcon .cart-length { padding: 4px 8px; border: 1px solid #D2AB66; background: #E4CDA3; box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1); } a#cartIcon .cart-length i { font-size: 16px; } a#cartIcon .cart-total { border-bottom: 1px solid #D2AB66; border-right: 1px solid #D2AB66; background-color: #fff; text-align: center; font-weight: 600; color: inherit; } a#cartIcon span.total { color: #3F3F46; font-family: dana; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; } a#cartIcon span.total-s { align-items: center; justify-content: center; padding: 0px 8px; color: #3F3F46; font-family: dana; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; } .discription-area .content-box h4 { margin-bottom: 25px; font-size: 22px; font-weight: 600; } .discription-area .content-box p { margin-bottom: 20px; color: rgba(14, 36, 83, 0.7); line-height: 30px; font-size: 15px; } .discription-area .content-box ul.list li { line-height: 40px; } .discription-area .content-box .card { border: none; margin-bottom: 10px; border-radius: 0; } .discription-area .content-box .card .card-header { display: block; background: #2079ff; color: #fff; padding: 15px 30px; border-radius: 3px; } .discription-area .content-box .card .card-header:focus, .discription-area .content-box .card .card-header:hover { text-decoration: none; } .discription-area .content-box .card .card-body { padding: 0; } .discription-area .content-box .card .card-body ul li a { display: block; padding: 15px 15px; font-size: 18px; border-bottom: 1px solid #e1e1e1; color: rgba(14, 36, 83, 0.7); } .discription-area .content-box .card .card-body ul li a:focus, .discription-area .content-box .card .card-body ul li a:hover { text-decoration: none; } .discription-area .content-box .card .card-body ul li:last-child > a { border-bottom: none; } .discription-area .content-box .card .card-body ul li a i { margin-right: 10px; } .discription-area .content-box .card .card-body ul li a span.duration { float: right; padding: 1px 10px; border-radius: 30px; background: #2079ff; color: #fff; font-size: 12px; line-height: 20px; margin-top: 4px; transition: all 0.3s; } .course-videos-section .video_list .content-box .card .card-header .toggle_btn, .discription-area .content-box .card .card-header .toggle_btn { float: right; } .course-videos-section .video_list .content-box .card .card-header .toggle_btn::after, .discription-area .content-box .card .card-header .toggle_btn::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: inline-block; font-size: 14px; color: #fff; } .course-videos-section .video_list .content-box .card .card-header[aria-expanded=true] .toggle_btn::after, .discription-area .content-box .card .card-header[aria-expanded=true] .toggle_btn::after { transform: rotate(0); content: "\f107"; } .discription-area .instructor-wrap { display: flex; } .discription-area .instructor-wrap .thumb { min-width: 100px; max-width: 100px; width: 100%; height: 100px; } .discription-area .instructor-wrap .content { margin-left: 30px; } .discription-area .instructor-wrap .content h4 { margin-bottom: 12px; font-size: 22px; font-weight: 600; } .discription-area .instructor-wrap .content span { color: rgba(14, 36, 83, 0.7); font-size: 15px; } .discription-area .instructor-wrap .content p { margin-top: 10px; margin-bottom: 15px; color: rgba(14, 36, 83, 0.7); line-height: 30px; font-size: 15px; } .discription-area .instructor-wrap .content .social-link li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 3px; background: #2079ff; color: #fff; transition: all 0.3s; } .discription-area .instructor-wrap .content .social-link li a:focus, .discription-area .instructor-wrap .content .social-link li a:hover { background: #D2AB66; color: #fff; } .discription-area .shop-review-area .review_user { position: relative; padding-left: 100px; margin-bottom: 60px; line-height: 28px; } .discription-area .shop-review-area h4 { margin-bottom: 25px; } .discription-area .shop-review-area .review_user img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } .discription-area .shop-review-area .review_form .form_group { margin-bottom: 20px; } .discription-area .shop-review-area .review_form .form_group label { display: block; } .discription-area .shop-review-area .review_form .form_group .form_control { width: 100%; height: 50px; border: 1px solid #e1e1e1; padding: 0 20px; } .discription-area .shop-review-area .review_form .form_group textarea.form_control { padding-top: 10px; height: 200px; } .discription-area .shop-review-area .review_form .single_checkbox label .box { width: 20px; } .nice-select { width: 100%; height: 50px; line-height: 50px; } .nice-select .list { width: 100%; } @keyframes play { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 0; } 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; } } .rating li, .social-link li { display: inline-block; } .rating li i { color: #fce63d; } .pt-140 { padding-top: 140px; } @-webkit-keyframes play-pluse { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 0; } 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; } } @keyframes play-pluse { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 0; } 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; } } .form_control { width: 100%; height: 45px; padding: 0 20px; border-radius: 5px; border: 1px solid #e9e9e9; background: #fbfbfb; } .form_group { position: relative; } .main-btn { background: #552e15; color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; padding: 10px 16px; display: flex; justify-content: center; align-items: center; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .main-btn:hover { background: #D2AB66 !important; } @media (max-width: 1199px) { .main-btn { font-size: 10px; font-style: normal; font-weight: 400; line-height: 7.305px; } } .main-btn:focus, .main-btn:hover { background: #0a3041; color: #fff; } button.main-btn { border: none; } .event-about .section-title span.line:before, .event-team-section .section-title span.line:before { display: none; } .event-about .section-title span.line:after, .event-team-section .section-title span.line:after { position: absolute; top: 2px; content: ""; width: 70px; height: 2px; background: #D2AB66; margin-left: 15px; } event-area-section { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; } #event-filter { display: flex; flex-direction: column; gap: 32px; padding: unset; } .event-area-section h1 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .event-area-section h1 { font-size: 24px; } } .event-area-section .event-item .event-content { flex-direction: column; gap: 8px; margin-top: 8px; width: 100%; } .event-area-section .event-item .event-content { gap: 8px; margin-top: 8px; width: 100%; } @media (max-width: 1199px) { .event-area-section .event-item .event-content { gap: 4px; margin-top: unset; } } .event-area-section .event-item { background: rgba(212, 212, 216, 0.2); display: flex; align-items: flex-end; flex-direction: column-reverse; padding: 32px 16px; justify-content: space-between; margin-bottom: 16px; gap: 16px; height: 100%; } @media (max-width: 1199px) { .event-area-section .event-item { gap: 4px; } } @media (max-width: 767px) { .event-area-section .event-item { flex-direction: column-reverse; } } .event-area-section .event-item .event-img { position: relative; overflow: hidden; width: 100%; height: auto; } .event-area-section .event-item .event-img .event-overlay .main-btn { padding: 12px 31px 11px; background: 0 0; border: 1px solid #fff; text-decoration: none; } .event-area-section .event-item .event-img .event-overlay .main-btn:hover { background: #D2AB66; color: #fff; border-color: transparent; } .event-area-section .event-item .event-content h3 a { text-decoration: none; color: #11181C; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; transition: 0.3s all ease-in; } .event-area-section .event-item .event-content h3 a:hover { color: #D2AB66; } @media (max-width: 1199px) { .event-area-section .event-item .event-content h3 a { font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } } .event-area-section .event-item .event-content .cat { border-radius: 9999px; background: rgba(212, 212, 216, 0.2) !important; padding: 4px 8px; color: #000 !important; font-size: 14px; font-weight: 400; line-height: 20px; } @media (max-width: 1199px) { .event-area-section .event-item .event-content .cat { font-size: 10px; font-style: normal; font-weight: 400; } } .event-area-section .event-item .event-content .event-meta span { color: #11181C; font-size: 16px; font-weight: 400; line-height: 24px; display: block; } @media (max-width: 1199px) { .event-area-section .event-item .event-content .event-meta span { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .event-area-section .event-item .event-content .event-meta span:last-child:after { display: none; } .event-area-v2 { padding-top: 112px; } .form_control { width: 100%; padding: 0 20px; } .event-details-section .event-thumb-slide { margin-left: -15px; margin-right: -15px; margin-top: 20px; } .event-details-section .event-thumb-slide .product-img { margin-left: 15px; margin-right: 15px; } .event-details-section .event-thumb-slide .arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #D2AB66; color: #fff; transition: all 0.3s; opacity: 0; visibility: hidden; } .event-details-section .event-thumb-slide .arrow.prev { left: 0; } .event-details-section .event-thumb-slide .arrow.next { right: 0; } .event-details-section .event-thumb-slide:hover .arrow { opacity: 1; visibility: visible; } .event-details-section .event-thumb-slide:hover .arrow.prev { left: 20px; } .event-details-section .event-thumb-slide:hover .arrow.next { right: 20px; } .event-details-section .event-details-wrapper .event-content h3 { margin-bottom: 10px; line-height: 36px; } .event-details-section .event-details-wrapper .event-content .event-meta span { font-size: 14px; margin-right: 15px; } .event-details-section .event-details-wrapper .event-content .event-meta span i { margin-right: 10px; } .event-details-section .event-details-wrapper .event-content p.price { color: #D2AB66; margin-bottom: 10px; } .event-details-section .event-details-wrapper .event-content .info-box p { margin-bottom: 0; } .event-details-section .event-details-wrapper .event-content ul li a { display: block; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; background: #D2AB66; border-radius: 0 !important; color: #fff; font-size: 14px; } .event-details-section .syotimer__body { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .event-details-section .syotimer-cell { text-align: center; padding: 15px 30px 3px; border: 1px solid #ddd; height: 95px; } .event-details-section .syotimer-cell__value { font-size: 42px; margin-bottom: 15px; color: #D2AB66; } .event-details-section .syotimer-cell__unit { font-size: 14px; color: #888; text-transform: uppercase; margin-top: 21px; display: block; } .event-details-section .discription-area { display: flex; flex-direction: column; gap: 16px; } .event-details-section .discription-area .discription-tabs .nav-tabs { justify-content: center; border: none; position: relative; z-index: 1; border: 0 !important; } .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link { position: relative; font-size: 16px; font-weight: 400; z-index: 1; background: rgba(212, 212, 216, 0.2); transition: all 0.3s; color: #000; } .event-details-section .discription-area .discription-tabs .nav-tabs .nav-item { width: 33.33%; } .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link.active, .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link:focus, .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link:hover { background-color: #E9D5B3 !important; color: #000; border-color: transparent; } .event-details-section .discription-area .event-content-box h4 { margin-bottom: 10px; } .event-details-section .discription-area .event-content-box .info { margin-bottom: 10px; } .event-details-section .discription-area .event-content-box .info span { color: #0e2453; font-weight: 500; } .event-details-section .discription-area .event-content-box .map-box { margin-top: 20px; } .event-details-section .discription-area .event-content-box .map-box iframe { width: 100%; height: 500px; border: none; display: inherit; } .event-details-section .event-book-ticket .table_content table td { padding: 20px 0; vertical-align: middle; } .event-details-section .discription-area .event-review-area .title { text-transform: capitalize; margin-bottom: 30px; } .event-details-section .discription-area .event-review-area .review_user { position: relative; padding-left: 100px; margin-bottom: 30px; line-height: 26px; } .event-details-section .discription-area .event-review-area .review_user img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } .event-details-section .discription-area .shop-review-area .review_form .form_group { margin-bottom: 20px; } .event-details-section .discription-area .event-review-area .review_form .form_group .form_control { height: 45px; border: 1px solid #e1e1e1; } .event-details-section .discription-area .discription-area .shop-review-area .review_form .single_checkbox label span { margin-left: 10px; } .nice-number button { background: 0 0; width: 45px; height: 45px; border: 1px solid #e1e1e1; } .nice-number input { width: 45px !important; height: 43px; border: 1px solid #e1e1e1; border-left: none; border-right: none; padding-left: 0; } .event-details-section .recent-event .event-item { display: flex; width: 100%; margin-bottom: 30px; } .event-details-section .recent-event .event-item .event-img { min-height: 80px; max-height: 80px; min-width: 80px; max-width: 80px; width: 100%; height: 100%; } .event-details-section .comment-form-area h4.title, .event-details-section .event-book-ticket h4.title, .event-details-section .recent-event h4.title { margin-bottom: 20px; } .event-details-section .comment-form-area .comment-form .form_control { height: 45px; margin-bottom: 20px; border: 1px solid #e1e1e1; border-radius: 5px; } .event-details-section .comment-form-area .comment-form textarea.form_control { display: inherit; height: 150px; padding-top: 15px; } [data-gjs-type=wrapper] { padding-bottom: 50px; padding-top: 50px; } ul.cart-total-table span[class^=text-] { font-size: 12px; } .google-login-btn { background-color: rgba(212, 212, 216, 0.2) !important; } .google-login-btn:focus { background-color: white !important; transition: all 0.3s ease; } .dashboard .video-box { height: 419px; background-color: #f1f1f1; } .dashboard .video-box video { height: 100%; } .dashboard .video-box iframe { height: 100%; } section.single-causes-section { padding: 120px 0 100px; } /* syotimer css */ .popup-wrapper .syotimer__body { max-width: 420px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; } .popup-wrapper .syotimer__body p { color: #fff; } .popup-wrapper .syotimer-cell { flex: 0 0 24%; padding-left: 10px; padding-right: 10px; } .popup-wrapper .syotimer-cell__value { width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; background: #1F3A52; border-radius: 10px; font-size: 36px; color: #fff; margin-bottom: 15px; } .popup-wrapper .syotimer-cell__unit { font-size: 20px; color: #fff; text-transform: capitalize; } /*Medium Device*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .popup-one .popup_main-content h1, .popup-three .popup_main-content .right-content h1, .popup-four .popup_main-content .right-content h1, .popup-five .popup_main-content h1, .popup-six .popup_main-content .right-content h1 { font-size: 40px; line-height: 50px; } .popup-wrapper { max-width: 720px; } .syotimer__body { margin-bottom: 0px; } .syotimer-cell { flex: 0 0 50%; margin-bottom: 20px; } } /* Small Devices, Tablets */ @media only screen and (max-width: 767px) { .popup-wrapper { max-width: 500px; } } /* Wide mobile Devices */ @media only screen and (min-width: 401px) and (max-width: 767px) { .popup-wrapper { max-width: 380px; } } /* New Gallery Style Start */ .gallery-area-v1 .filter-nav .filter-btn li { display: inline-block; font-weight: 600; transition: all 0.3s; cursor: pointer; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; background: rgba(212, 212, 216, 0.2); padding: 12px 52px; } .gallery-area-v1 .filter-nav .filter-btn li:hover, .gallery-area-v1 .filter-nav .filter-btn li:focus, .gallery-area-v1 .filter-nav .filter-btn li.active { background: #D2AB66; color: #fff !important; padding: 12px 52px; } .gallery-area-v1 .gallery-item { background: rgba(212, 212, 216, 0.2); padding: 16px; margin-bottom: 8px; display: flex; flex-direction: column; gap: 22px; height: 100%; } @media (max-width: 1199px) { .gallery-area-v1 .gallery-item { padding: 14px; gap: 19px; } } .gallery-area-v1 .gallery-item img { height: 287px; width: 100%; object-fit: cover; } .gallery-area-v1 .gallery-item p { color: #000; font-size: 16px; font-weight: 400; line-height: normal; } @media (max-width: 1199px) { .gallery-area-v1 .gallery-item p { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } } .gallery-area-v1 .gallery-item .gallery-img { position: relative; overflow: hidden; } .gallery-area-v1 .gallery-item .gallery-img .img-popup { display: block; position: relative; } .gallery-area-v1 .gallery-item .gallery-img .img-popup:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.3s; opacity: 0; visibility: hidden; } .gallery-area-v1 .gallery-item .gallery-img img { transform: scale(1); transition: all 0.3s; } .gallery-area-v1 .gallery-item:hover .gallery-img .img-popup:after { visibility: visible; opacity: 1; } .gallery-area-v1 .gallery-item:hover .gallery-img img { transform: scale(1.1); } /* New Gallery Style End */ /* New Package Style Start */ .pricing-tables .filter-nav { margin-bottom: 40px; } .pricing-tables .filter-nav .filter-btn li { display: inline-block; margin-left: 10px; margin-right: 10px; color: #212121; font-weight: 600; transition: all 0.3s; cursor: pointer; } .pricing-tables .filter-nav .filter-btn li:hover, .pricing-tables .filter-nav .filter-btn li:focus, .pricing-tables .filter-nav .filter-btn li.active { color: #61dc96; } /* New Package Style End */ /* New Portfolio Style Start */ .case-lists .filter-nav { margin-bottom: 40px; } .case-lists .filter-nav .filter-btn li { display: inline-block; margin-left: 10px; margin-right: 10px; color: #212121; font-weight: 600; transition: all 0.3s; cursor: pointer; } .case-lists .filter-nav .filter-btn li:hover, .case-lists .filter-nav .filter-btn li:focus, .case-lists .filter-nav .filter-btn li.active { color: #61dc96; } /* New Portfolio Style End */ div#particles-js canvas { position: absolute; top: 0; left: 0; z-index: 50; } .checkout-area input[type=color], .checkout-area input[type=date], .checkout-area input[type=datetime-local], .checkout-area input[type=email], .checkout-area input[type=month], .checkout-area input[type=number], .checkout-area input[type=range], .checkout-area input[type=search], .checkout-area input[type=tel], .checkout-area input[type=text], .checkout-area input[type=time], .checkout-area input[type=url], .checkout-area input[type=week] { display: inline-block; width: 100%; height: 50px; padding-left: 23px; border: 1px solid #ddd; outline: 0; border-radius: 1px; } .contact-form input[type=color], .contact-form input[type=date], .contact-form input[type=datetime-local], .contact-form input[type=email], .contact-form input[type=month], .contact-form input[type=number], .contact-form input[type=range], .contact-form input[type=search], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=time], .contact-form input[type=url], .contact-form input[type=week], .quote-area input[type=color], .quote-area input[type=date], .quote-area input[type=datetime-local], .quote-area input[type=email], .quote-area input[type=month], .quote-area input[type=number], .quote-area input[type=range], .quote-area input[type=search], .quote-area input[type=tel], .quote-area input[type=text], .quote-area input[type=time], .quote-area input[type=url], .quote-area input[type=week], .quote-area select { display: inline-block; width: 100%; height: 50px; padding-left: 23px; border: 1px solid #ddd; outline: 0; border-radius: 1px; } .contact-form textarea, .quote-area textarea { display: inline-block; width: 100%; padding-left: 18px; padding-top: 8px; border: 1px solid #ddd; outline: 0; border-radius: 1px; height: 189px; } /* START: service section CSS */ .service-section { padding: 32px 0 64px; } .service-section .section-title { color: #afb2be; } .service-section .col-md-6:last-child .single-service { margin-bottom: 0; } .service-section .col-md-6:nth-last-child(2) .single-service { margin-bottom: 0; } /* END: service section CSS */ /* START: portfolios section CSS */ .case-carousel.owl-carousel .owl-stage-outer { overflow: visible; } /* END: portfolios section CSS */ /* START: Pricing Section CSS */ .single-pricing-table small { font-size: 18px; opacity: 0.8; display: block; margin: 5px 0 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } .single-pricing-table:hover small { color: #fff; } .single-pricing-table:hover { background-color: #D2AB66; border: 2px solid #D2AB66; } .single-pricing-table:hover span.title { color: #fff; } .single-pricing-table:hover h1 { color: #fff; } .single-pricing-table:hover span { color: #fff; } .single-pricing-table:hover .features * { transition: 0.5s; color: #fff !important; } .single-pricing-table:hover a.pricing-btn { color: #fff; background-color: #D2AB66; border: 2px solid #fff; } .pricing-tables div[class*=col-]:nth-child(2n) .single-pricing-table { border-right: none; border-left: none; } .single-pricing-table span.title { text-transform: uppercase; font-size: 18px; display: block; color: #444448; font-weight: 700; -webkit-transition: 0.5s; transition: 0.5s; } .single-pricing-table .price { color: #D2AB66; margin-top: 17px; margin-bottom: 18px; } .single-pricing-table .price h1 { display: inline-block; font-size: 48px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s; } .single-pricing-table .price span { display: inline-block; font-size: 14px; -webkit-transition: 0.5s; transition: 0.5s; } .single-pricing-table .features ul li { color: #333; margin-bottom: 15px; -webkit-transition: 0.5s; transition: 0.5s; } .single-pricing-table .features ul li:last-child { margin-bottom: 0; } .single-pricing-table a.pricing-btn { border: 2px solid #bfbfbf; text-transform: capitalize; background-color: transparent; font-size: 14px; padding: 12px 30px; font-weight: 600; display: inline-block; margin-top: 42px; -webkit-transition: 0.5s; transition: 0.5s; color: #5d5d61; text-decoration: none; } .single-pricing-table a.pricing-btn:hover { background-color: #fff; color: #D2AB66; } .grid_inner_item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } .grid_inner_item .finlance_content { display: flex; flex-direction: column; align-items: center; gap: 36px; } .grid_inner_item .finlance_content .feature-content { display: flex; flex-direction: column; align-items: center; gap: 8px; } .grid_inner_item .finlance_content .feature-content p { font-size: 14px; font-weight: 400; line-height: normal; } .grid_inner_item .finlance_content .feature-content h4 { font-size: 24px; font-weight: 700; line-height: 32px; } @media (max-width: 1199px) { .grid_inner_item .finlance_content .feature-content h4 { font-size: 16px; font-style: normal; font-weight: 700; line-height: 32px; } } .grid_inner_item .finlance_content a { font-size: 14px; font-weight: 400; line-height: 20px; transition: 300ms; } .grid_inner_item .finlance_content a:hover { color: #D2AB66; } .product-items .owl-carousel { display: flex; flex-wrap: wrap; } .product-items .owl-carousel .owl-item { display: flex; flex-direction: column; height: 100%; margin-top: 15px; } .product-items .owl-carousel .shop-item { height: 350px !important; } /* END: Pricing Section CSS */ .header_v1 .top_header .top_left { text-align: right; } .header_v1 .top_header .top_left span { margin-right: 0; margin-left: 35px; } .header_v1 .top_header .top_left span i { margin-right: 0; margin-left: 10px; } .header_v1 .top_header .top_right { display: flex; align-items: center; justify-content: center; gap: 36px; } .header_v1 .top_header .top_right .dropdown .btn i { margin-right: 0; margin-left: 10px; } .header_v1 .top_header .top_right .social { margin-right: 0; margin-left: 0; } .header_v1 .header_navigation .site_menu .button_box { /* float: left */ } .header_v1 .header_navigation .site_menu .button_box .finlance_btn { margin-left: 0; margin-right: 50px; } .main-menu ul li > ul.sub-menu { left: auto; right: 0; text-align: right; } .main-menu ul li ul.mega-menu { text-align: right; left: auto; right: 0; } .about_v1 .finlance_box_img .finlance_img { text-align: right; } .about_v1 .finlance_box_img .finlance_img:after { left: auto; right: -70px; } .play_box { right: auto; /* left: 20px */ } .about_v1 .finlance_content_box { display: flex; flex-direction: column; gap: 16px; } .about_v1 .finlance_content_box .about-section { display: flex; flex-direction: column; gap: 16px; } .service_v1 .section_title { text-align: right; } .service_v1 .service_slide .grid_item { text-align: center; } .btn_link:after { padding-left: 0; padding-right: 10px; } .project_v1 .section_title { text-align: right; } .team_v1 .section_title { text-align: right; } .team_v1 .button_box { float: left; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span { margin-right: 0; display: inline-block; margin-left: 25px; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span i { margin-right: 0; margin-left: 10px; } .blog_v1 .grid_item .grid_inner_item .finlance_content { text-align: right; } .footer_v1 .copyright_text { text-align: right; } li.submenus::after { content: "\f100"; right: auto; top: 50%; left: 30px; } li.submenus ul { left: auto; right: 100%; } .finlance_project .finlance_content span { color: #000; display: block; text-align: center; font-size: 16px; font-weight: 500; line-height: normal; } @media (max-width: 1199px) { .finlance_project .finlance_content span { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22.483px; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .header_v1 .header_navigation .site_menu .button_box .finlance_btn { margin-left: 0; margin-right: 20px; } } @media only screen and (max-width: 991px) { .header_v1 .top_header .top_left { text-align: center; } .header_v1 .top_header .top_right { float: none; } .play_box { right: 50%; left: auto; } .team_v1 .button_box { float: none; text-align: right; } .footer_v1 .copyright_text { text-align: center; } .footer_v1 .footer_bottom .social_box { float: none; } } @media only screen and (max-width: 767px) { .finlance_fun_v1 .counter_box .icon::after { left: 50%; right: auto; } } @media only screen and (max-width: 359px) { .header_v1 .top_header .top_right .social { margin-right: 0; margin-left: 10px; } } .discription-area .content-box { text-align: right; } .course-details-section .discription-area .discription-tabs .nav-tabs .nav-link, .course-videos-section .video_list ul li a i, .discription-area .content-box .card .card-body ul li a i, .social-link li { margin-right: 0; margin-left: 10px; } .course-videos-section .video_list ul li a span.duration, .courses-grid-style .course-filter .search_group, .discription-area .content-box .card .card-body ul li a span.duration { float: left; } .course-details-section .course-content, .course-item, .course-videos-section .video_list, .discription-area .instructor-wrap, .discription-area .shop-review-area { text-align: right; } .discription-area .instructor-wrap .content { margin-left: 0; margin-right: 30px; } .discription-area .shop-review-area .review_user { padding-left: 0; padding-right: 100px; } .discription-area .shop-review-area .review_user img { left: auto; right: 0; } a { text-decoration: none; } a:focus, a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #29282f; font-weight: 700; } h1 { font-size: 90px; line-height: 100px; } h2 { font-size: 48px; line-height: 65px; } h3 { font-size: 32px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 15px; } p { margin: 0; padding: 0; } ul { margin: 0; } li { list-style: none; } input, select, textarea { border: none; outline: 0; } button { border: none; cursor: pointer; } button, button:focus, button:hover { outline: 0; } body { background: #f4f4f500; } .multi-media-container { padding: 32px 0 80px 0; display: flex; flex-direction: column; gap: 40px; } .gallery-area-v1 { padding: 32px 0 64px 0; } .gallery-area-v1 h1 { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 16px; } .gallery-area-v1 p { text-align: justify; } .section_title a { color: #000; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; display: flex; align-items: center; z-index: 14; transition: 500ms; } @media (max-width: 1199px) { .section_title a { font-size: 10px; font-style: normal; font-weight: 400; line-height: 16px; padding: 8px 12px; } } .section_title a:hover { color: #D2AB66 !important; } .section_title h2 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .section_title h2 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } .about-section p { color: #000; text-align: justify; font-size: 20px; font-weight: 400; line-height: normal; } .bg_image { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .bg_overlay { /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #09090b */ } .dark_bg { background: #fafafa !important; padding: 100px 80px 100px 80px; } @media (max-width: 1199px) { .dark_bg { padding: 110px 16px 28px 16px; } } .gray_bg { background: #e9eef3; } @media (min-width: 1200px) { .container { max-width: 1420px; } } .finlance_btn { display: inline-block; text-align: center; background: rgba(212, 212, 216, 0.2) !important; color: #000000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .finlance_btn:focus, .finlance_btn:hover { background: #29282f; color: #fff; } .btn_link { text-transform: uppercase; display: inline-block; transition: all 0.5s; color: #000; font-size: 14px; padding: 0 16px; margin: 10px; font-weight: 400; line-height: 20px; } .finlance_video_btn { color: #000; font-family: Dana; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding: 16px 24px; background-color: rgba(212, 212, 216, 0.2); } @media (max-width: 1199px) { .finlance_video_btn { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; padding: 8px 12px; } } .btn_link:focus, .btn_link:hover { color: #D2AB66; } .form-element { margin-bottom: 20px; } .form-element:last-child { margin-bottom: 0; } .form-element label { font-weight: 600; font-size: 14px; display: block; margin-bottom: 10px; } .form-element label.custom-control-label { font-weight: 400; margin-bottom: 0; } .form-element label span { color: #ff3737; } input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { display: inline-block; width: 100%; height: 40px; border: 1px solid #ddd; outline: 0; border-radius: 1px; padding-right: 23px; } select { border: 1px solid #ddd; height: 50px; width: 100%; padding-left: 20px; color: #38383c; outline: 0; font-size: 14px; } textarea { display: inline-block; width: 100%; height: 100px; padding: 15px 0 0 23px; border: 1px solid #ddd; outline: 0; border-radius: 1px; } /* button[type="submit"], input[type="submit"] { border: none; color: #fff; padding: 14px 45px 14px; display: inline-block; outline: 0; font-weight: 600; background-color: #0a3041; border: 1px solid #0a3041; font-size: 14px; cursor: pointer; text-transform: uppercase; -webkit-transition: 0.5s; transition: 0.5s; } */ /* button[type="submit"]:hover, input[type="submit"]:hover { background-color: #fff; color: #0a3041; } */ ::-webkit-input-placeholder { color: #38383c; opacity: 1; font-size: 14px; } :-ms-input-placeholder { color: #38383c; opacity: 1; font-size: 14px; } ::placeholder { color: #38383c; opacity: 1; font-size: 14px; } :-ms-input-placeholder { color: #38383c; font-size: 14px; } ::-ms-input-placeholder { color: #38383c; font-size: 14px; } .finlance_service .grid_item img { max-width: 100%; } .buttonBar { display: none; } div#particles-js canvas { position: absolute; top: 0; left: 0; z-index: 50; } .search_wrapper.active { top: 0; } .search_wrapper { position: fixed; top: -100%; left: 0; background-color: #001e3c; height: 50%; width: 100%; z-index: 999999; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .search_wrapper .close_link { position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; background: #ff5e14; border: none; color: #fff; text-align: center; font-size: 22px; } .search_wrapper .form_control { background: 0 0; width: 70%; position: absolute; top: 50%; left: 15%; height: 60px; padding-left: 30px; margin: 0 auto; color: #fff; border: none; border-bottom: 1px solid #fff; transition: all 0.5s; } .title-reset { color: #000; text-align: right; font-family: Dana; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; margin-bottom: 16px; } .new-password { color: #000; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .new-password-confrim { color: #000; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .return-page { color: #000; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0px 16px; gap: 8px; margin-top: 16px; } .search_wrapper .form_control:focus { border-color: #ff5e14; } .search_wrapper .form_control::placeholder { color: #fff; letter-spacing: 2px; text-transform: capitalize; } .header_v1 { position: fixed; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px); width: 100%; z-index: 500; border-bottom: 1px solid #d2ab66; } header.finlance_header.header_v1.no-breadcrumb { background: #ffffff; } /* .sticky.header_v1 { position: sticky; top: 0; left: 0; width: 100%; height: 40px; z-index: 337; background: #ffffff; } */ /* .sticky.header_v1 .top_header { display: none; } */ /* .header_v1 .header_navigation { position: sticky; background: #ffffff; opacity: 90; padding: 28px; width: 100%; height: 40px; } */ .header_v1 .top_header { display: flex; align-items: center; gap: 32px; } .header_v1 .top_header .top_left span { margin-right: 35px; } .header_v1 .top_header .top_left span i { margin-right: 10px; opacity: 0.8; color: #fff; } .header_v1 .top_header .top_left span a { color: #fff; opacity: 0.8; } .header_v1 .top_header .top_right { float: right; } .header_v1 .top_header .top_right a { padding: 12px 24px; justify-content: center; background-color: #552e15; color: white; transition: 500ms; } .header_v1 .top_header .top_right a:hover { background: #D2AB66; color: #fff; } @media (max-width: 1199px) { .header_v1 .top_header .top_right a { justify-content: center; background-color: #27272A; color: white; } } .header_v1 .top_header .top_right a .header_v1 .top_header .top_right .social { margin-right: 40px; } .header_v1 .top_header .top_right .social li { display: inline-block; margin-left: 27px; } .header_v1 .top_header .top_right .social li a { color: #d6d7da; } .header_v1 .top_header .top_right .social li a:focus, .header_v1 .top_header .top_right .social li a:hover { color: #ff5e14; } .header_v1 .top_header .top_right .dropdown .btn { display: flex; color: #000; padding: 0; border: none; } .header_v1 .top_header .top_right .dropdown .btn.dropdown-toggle:focus, .header_v1 .top_header .top_right .dropdown .btn.dropdown-toggle:hover { border: none; box-shadow: none; } .finlance_header.header_v1 .header_navigation { padding-right: 80px; padding-left: 80px; padding-top: 16px; padding-bottom: 16px; display: flex; align-items: center; gap: 16px; } @media (max-width: 1199px) { .finlance_header.header_v1 .header_navigation { padding: 10px 15px 5px 15px; } } .finlance_header.header_v1 .header_navigation .header_navigation_container { display: flex; align-items: center; width: 100%; justify-content: space-between; } .finlance_header.header_v1 .header_navigation .header_navigation_container ul { display: flex; gap: 20px; } .finlance_header.header_v1 .header_navigation .header_navigation_container .mega-menu { display: flex !important; } .finlance_header.header_v1 .mega-menu .mega-wrap .widget-link { display: flex !important; flex-direction: column; gap: 16px; } .header_v1 .header_navigation .site_menu .button_box { float: right; } .header_v1 .header_navigation .site_menu .button_box .search_icon { color: #fff; font-size: 18px; } .header_v1 .header_navigation .site_menu .button_box .finlance_btn { height: 50px; line-height: 50px; min-width: 150px; border-radius: 25px; margin-left: 50px; } .main-menu ul li { position: relative; display: inline-flex; text-align: center; margin-right: 0 !important; } .main-menu ul > li > a { color: #000000; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-align: center; display: flex; align-items: center; justify-items: center; transition: 500ms; } .main-menu ul li:hover > a { color: #D2AB66; transition: 500ms; } .main-menu ul li > ul.sub-menu { position: absolute; top: 100%; left: 0; background: #222; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 250px; text-align: left; padding: 15px 0; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main-menu ul li:hover > ul.sub-menu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 100%; visibility: visible; opacity: 1; } .main-menu ul li > ul.sub-menu li { display: block; margin: 0; } .main-menu ul li > ul.sub-menu li > a { display: block; padding: 5px 35px; color: #fff; font-size: 14px; text-transform: capitalize; transition: all 0.3s; } .main-menu ul li > ul.sub-menu li:hover > a:after { display: none; } .main-menu ul li > ul.sub-menu li:hover > a { color: #fff; padding-left: 40px; background: 0 0; } .main-menu ul li ul.sub-menu li > ul.sub-menu { top: 0; left: 100%; opacity: 0; visibility: hidden; } .main-menu ul li ul.sub-menu li:hover > ul.sub-menu { visibility: visible; opacity: 1; } .header_v1 .header_navigation .site_menu .main-menu ul li.static { position: static; font-family: "dana", "sans-serif"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-right: 24px; } .main-menu ul li ul.mega-menu { width: 100%; opacity: 1; visibility: visible; padding: 40px 24px 24px 48px; z-index: 50; position: absolute; top: 110%; left: 0; background: rgb(255, 255, 255) !important; border-radius: 0px 0px 8px 8px; border: 1px solid #d2ab66; right: 0; text-align: left; box-shadow: 0 15px 30px 0 rgba(0, 3, 143, 0.1); opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; z-index: 9; background-position: bottom right; background-repeat: no-repeat; } .nav-search .form_group i { position: absolute; top: 15px; right: 20px; } .nav-search .form_group .form_control { min-width: 300px; background: #eff3f6; border-radius: 3px; } .form_control { width: 100%; padding: 0 20px; height: 50px; border: 1px solid #eaeaea; } .main-menu ul li ul.mega-menu li.mega-item ul li:hover > a, .main-menu ul li ul.mega-menu li.mega-item:hover > a { background: 0 0; color: #ff5e14; } .main-menu ul li:hover ul.mega-menu { opacity: 1; visibility: visible; top: 100%; } .main-menu ul li ul.mega-menu li.mega-item { margin: 0; margin-bottom: 15px; } .main-menu ul li ul.mega-menu li.mega-item > a { color: #233d63; padding: 0; font-size: 18px; font-weight: 700; text-transform: capitalize; } .main-menu ul li ul.mega-menu li.mega-item ul { margin-top: 15px; } .main-menu ul li ul.mega-menu li.mega-item ul li { display: block; margin: 0; margin-bottom: 10px; } .main-menu ul li ul.mega-menu li.mega-item ul li:last-child { margin-bottom: 0; } .main-menu ul li ul.mega-menu li.mega-item ul li a { color: #233d63; padding: 0; text-transform: capitalize; font-weight: 400; } .main-menu ul li ul.mega-menu li.mega-item ul li a:hover { color: #f36233; } li.submenus ul { position: absolute; top: 0; left: 100%; background: #222; width: 250px; z-index: 0; display: none; } li.submenus:hover > ul { display: block; } li.submenus { position: relative; } .main-menu li.submenus ul { padding: 15px 0; } li.submenus::after { content: "\f101"; position: absolute; right: 30px; top: 100% !important; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 700; color: #fff; } .banner_v1 { position: relative; } @media (max-width: 1199px) { .banner_v1 { width: 100%; background: fixed; background-size: contain; } } .banner_content { position: relative; z-index: 150; display: flex; justify-content: center; align-items: end; height: 100%; } .banner_content a { background: #552e15; color: #fff; font-weight: 500; font-size: 16px; padding: 12px 24px; margin-bottom: 75px; transition: 500ms; } @media (max-width: 1199px) { .banner_content a { font-size: 12px; padding: 8px 12px; margin-bottom: 50px; } } .banner_content a:hover { background: black; color: white; } .hero_slide_v1 .single_slider { height: 80vh; } @media (max-width: 1199px) { .hero_slide_v1 .single_slider { height: 400px; } } .hero_slide_v1 .single_slider .bg_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .hero_slide_v1 .single_slider .banner_content span { color: #fff; font-size: 27px; display: block; margin-bottom: 15px; } .hero_slide_v1 .single_slider .banner_content h1 { color: #fff; max-width: 800px; margin: 0 auto; margin-bottom: 50px; } .blog_slide .slick-next:before, .blog_slide .slick-prev:before, .hero_slide_v1 .slick-next:before, .hero_slide_v1 .slick-prev:before, .gallery_slide .slick-next:before, .gallery_slide .slick-prev:before, .event_slide .slick-next:before, .event_slide .slick-prev:before, .service_slide .slick-next:before, .service_slide .slick-prev:before, .product_slide .slick-next:before, .product_slide .slick-prev:before { font-family: "Font Awesome 5 Free"; width: 32px; height: 32px; font-weight: 600; transform: rotate(180deg); display: flex; align-items: center; justify-content: center; color: #000000; background-color: #D2AB66 !important; } .team_slide img { width: 100%; } .blog_slide .slick-prev:before, .hero_slide_v1 .slick-prev:before, .gallery_slide .slick-prev:before, .event_slide .slick-prev:before, .service_slide .slick-prev:before, .product_slide .slick-prev:before { content: "\f104"; } .blog_slide .slick-next:before, .hero_slide_v1 .slick-next:before, .gallery_slide .slick-next:before, .event_slide .slick-next:before, .service_slide .slick-next:before, .product_slide .slick-next:before { content: "\f105"; } .blog_slide:hover .slick-prev, .gallery_slide:hover .slick-prev, .event_slide:hover .slick-prev, .service_slide:hover .slick-prev, .product_slide:hover .slick-prev { background-color: #D2AB66 !important; border-radius: 0; } .blog_slide:hover .slick-next, .gallery_slide:hover .slick-next, .event_slide:hover .slick-next, .service_slide:hover .slick-next, .product_slide:hover .slick-next { background-color: #D2AB66 !important; width: fit-content; } .blog_slide .slick-next, .gallery_slide .slick-next, .event_slide .slick-next, .service_slide .slick-next, .product_slide .slick-next { opacity: 1; visibility: visible; position: absolute; z-index: 400; } .blog_slide .slick-prev, .gallery_slide .slick-prev, .project_slide .slick-prev, .service_slide .slick-prev, .product_slide .slick-prev { opacity: 1; visibility: visible; z-index: 400; position: absolute; } .feature_v1 { margin-top: 48px; margin-bottom: 48px; position: relative; } @media (max-width: 1199px) { .feature_v1 { margin-bottom: 16px; } } .feature_v1 .container-fluid { padding-left: 165px; padding-right: 165px; width: unset !important; } .feature_v1 .grid_item { padding:40px 20px; } .feature_v1 .single_feature_odd { width: 100%; background-color: #27272A; color: #fff; transition: 300ms; } .feature_v1 .single_feature_odd:hover { background: #D2AB66; } .feature_v1 .single_feature_even { width: 100%; background: #fafafa; transition: 300ms; } .feature_v1 .single_feature_even:hover { background: #D2AB66; color: #fff; } .feature_v1 .single_feature_even:hover i, .feature_v1 .single_feature_even:hover h4, .feature_v1 .single_feature_even:hover a { color: #fff; } .single_feature_even h4 { color: #000; } .single_feature_even a { color: #000; } .single_feature_odd h4 { color: #fff; } .single_feature_odd a { color: #fff; } .feature_v1 .grid_item .finlance_icon i { display: inline-block; text-align: center; font-size: 24px; background: none !important; } .finlance_video_bg { width: 100%; height: 340px; background-blend-mode: color-burn; background-position: center !important; background-size: contain; } @media (max-width: 1199px) { .finlance_video_bg { width: 100%; height: 280px; margin-bottom: 30px; background-size: contain; } } .about_v1 .finlance_img { position: relative; z-index: 1; } /* .about_v1 .finlance_box_img .finlance_img:after { position: absolute; content: ''; top: -70px; left: -70px; width: 600px; height: 471px; border: 1px solid #eff1fa; z-index: -1 } */ /* .finlance_box_img { position: relative; } */ .play_box { display: flex; height: 100%; justify-content: center; align-items: center; } .play_box .play_btn { width: 60px; height: 60px; display: block; border-radius: 50px; text-align: center; background: #f4f4f5 !important; color: #000000; z-index: 1; line-height: 80px; font-size: 20px; color: #000; font-size: 20px; font-style: normal; font-weight: 900; display: flex; justify-content: center; align-items: center; line-height: 20px; } .play_box .play-btn-cover { background: #000; width: 80px; height: 80px; border-radius: 20%; display: flex; justify-content: center; align-items: center; } @media (max-width: 1199px) { .play_box .play_btn { width: 48px; height: 48px; padding: 19.092px 19.938px 19.575px 19.938px; border-radius: 24.167px; border: 2.417px solid #d2ab66; font-size: 9.667px; line-height: 9.667px; } } .nav-mobile { background-color: white; width: 100%; height: 100vh; display: none; overflow: scroll; z-index: 10; } .nav-mobile ul { flex-direction: column; overflow: auto; list-style-type: none; padding-top: 10px; margin: 0; font-style: normal; font-weight: 400; color: #000000; } .nav-mobile li { margin: 0; padding: 12px 0; width: 100%; } .nav-mobile li:hover { cursor: pointer; } .nav-mobile li a { color: #212121; text-decoration: none; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; transition: all 0.5s; } .title-mobile-nav b:hover { color: #D2AB66; } .title-mobile-nav span:hover { color: #D2AB66; } .title-mobile-nav span:hover svg path { stroke: #D2AB66; } .title-mobile-nav b:hover svg path { stroke: #D2AB66; } .first-layer-nav li:hover { color: #D2AB66; } .first-layer-nav li:hover svg path { stroke: #D2AB66; } .first-layer-nav li { display: flex; flex-direction: column; gap: 8px; padding: unset; } .nav-mobile li:hover { cursor: pointer; } .hamburger { float: left; transition: opacity 0.3s; position: relative; z-index: 1000; } .hamburger:hover { cursor: pointer; opacity: 0.5; } .hamburger .line { width: 30px; height: 3px; margin: 4px auto; transition: all 0.3s ease-in-out; border-radius: 5px; } .hamburger .line:nth-child(1) { background-color: #a77a33; } .hamburger .line:nth-child(2) { background-color: #633200; } .hamburger .line:nth-child(3) { background-color: #a77a33; } .hamburger.isactive .line:nth-child(2) { opacity: 0; } .hamburger.isactive .line:nth-child(1) { transform: translateY(5px) rotate(45deg); } .hamburger.isactive .line:nth-child(3) { transform: translateY(-9px) rotate(-45deg); } .nav-mobile { transition: all 0.3s ease-in-out; } .nav-mobile.active { display: block; position: fixed; top: 0; bottom: 0; left: 270px; right: 0; padding: 0 !important; margin-top: 0 !important; } @keyframes fade { from { transform: translateX(-200px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } } .dropdown-mobile-lang { width: 200px; } .dropdown-mobile-lang .dropdown-menu.show { background-color: transparent; box-shadow: unset !important; position: initial !important; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transform: unset !important; width: 60%; font-size: 14px; font-style: normal; font-weight: 500; } .btn-lang { display: flex; align-items: center; padding: 8px !important; width: 50%; justify-content: space-between; background: transparent; } .dropdown-toggle::after { content: unset; background: transparent; } .dropdown-menu-lang:hover { color: #D2AB66; } .dropdown-menu-lang .dropdown-item { display: flex; align-items: center; justify-content: space-between; padding: 8px; width: 100%; font-size: 14px; font-style: normal; font-weight: 500; } .dropdown-menu-lang .dropdown-item:hover { color: #D2AB66; } .section_title span.intro-title { position: relative; display: flex; color: #000 !important; text-align: right; font-size: 33px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 16px; } @media (max-width: 1199px) { .section_title span.intro-title { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } } .about-section span { color: #000; text-align: justify; font-size: 16px; font-weight: 400; line-height: normal; background-color: #d2ab66; padding: 0 8px; width: fit-content; } @media (max-width: 1199px) { .about-section span { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .section_title h2 { color: #000; font-size: 32px; font-weight: 900; line-height: normal; } @media (max-width: 1199px) { .section_title h2 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } @media (max-width: 1199px) { .support-image { width: 54px; height: 54px; position: fixed; z-index: 2; top: 50%; right: 0; transform: translateY(-50%); display: block; background: url(../irfia/img/support.svg) center no-repeat; background-color: rgba(228, 205, 163, 0.8509803922); border: 2px solid #D2AB66; border-radius: 50%; } } .service_v1 .service_slide { margin-left: -15px; margin-right: -15px; } .service_v1 .service_slide .grid_item { padding: 20px; height: 203px; margin-left: 10px; margin-right: 10px; background: #fff; transition: all 0.5s; } .service_v1 .service_slide .grid_item:hover { background: #D2AB66; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content { display: flex; flex-direction: column; align-items: center; gap: 8px; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content:hover h4, .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content:hover p, .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content:hover a { color: #fff; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content a { display: flex; flex-direction: column; gap: 8px; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_icon { display: inline-block; text-align: center; font-size: 24px; background: none !important; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_icon img { margin: 0 auto; display: inline-block; width: 35px; height: 35px; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content h4 { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; transition: 0.3s; } .service_v1 .service_slide .grid_item .grid_inner_item .finlance_content p { color: #71717A; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; } .blog_v1 .section_title h2:after, .pricing_v1 .section_title h2:after, .testimonial_v1 .section_title h2:after { margin: auto; margin-top: 25px; } .project_v1 .container-fluid { /* padding-left: 150px; padding-right: 150px; */ } .project_v1 .section_title h2 { max-width: 630px; } .project_slide { margin-left: -10px; margin-right: -10px; } @media (max-width: 1199px) { .project_slide .grid_item { gap: 5px; } } .project_slide .grid_item .grid_inner_item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1199px) { .project_slide .grid_item .grid_inner_item { gap: 4px; } } .project_slide .grid_item .grid_inner_item .finlance_img { border: 4px solid rgba(210, 171, 102, 0.2); height: 200px; width: 200px; } @media (max-width: 1199px) { .project_slide .grid_item .grid_inner_item .finlance_img { width: 142.661px; height: 142.661px; } } .project_slide .grid_item .grid_inner_item .finlance_img img { object-fit: scale-down; width: 100%; height: 100%; } .project_slide .grid_item .grid_inner_item .finlance_img .overlay_content .button_box .finlance_btn { background: rgba(212, 212, 216, 0.2) !important; border-radius: 30px; color: #111; font-weight: 600; } .project_slide .grid_item:hover .grid_inner_item .finlance_img .overlay_img { opacity: 0.5; visibility: visible; } .project_slide .grid_item:hover .grid_inner_item .finlance_img .overlay_content { visibility: visible; opacity: 1; } .project_slide .grid_item:hover .grid_inner_item .finlance_img .overlay_content .finlance_btn:hover { background: rgba(212, 212, 216, 0.2) !important; color: #fff; } .blog_v1 { margin-top: 32px; padding-top: unset; margin-bottom: 8px; } @media (max-width: 1199px) { .blog_v1 { margin-top: 45px; } } .blog_v1 .blog_slide, .pricing_v1 .pricing_slide, .service_v1 .service_slide, .team_v1 .team_slide, .testimonial_v1 .testimonial_slide { margin-left: -15px; margin-right: -15px; } .blog_v1 .blog_slide .grid_item, .pricing_v1 .pricing_slide .pricing_box, .team_v1 .team_slide .grid_item { margin-left: 15px; margin-right: 15px; } .team_v1 .button_box { float: right; } .team_v1 .grid_item:hover .grid_inner_item .finlance_img .overlay_content { top: 0; } .team_v1 .grid_item .grid_inner_item .finlance_content { padding: 25px 30px; } .team_v1 .grid_item .grid_inner_item .finlance_img { position: relative; overflow: hidden; text-align: center; } @media (max-width: 1199px) { .team_v1 .grid_item .grid_inner_item .finlance_img { width: 203px; height: 218px; align-self: center; } } .team_v1 .grid_item .grid_inner_item .finlance_img .overlay_content { position: absolute; top: -100%; left: 30px; background: #ff5e14; padding: 34px 13px; transition: all 0.5s; } .team_v1 .grid_item .grid_inner_item .finlance_img .overlay_content .social_box ul li { margin-bottom: 10px; } .team_v1 .grid_item .grid_inner_item .finlance_img .overlay_content .social_box ul li:last-child { margin-bottom: 0; } .team_v1 .grid_item .grid_inner_item .finlance_img .overlay_content .social_box ul { transform: rotate(-180deg); } .team_v1 .grid_item .grid_inner_item .finlance_img .overlay_content .social_box ul li a { display: block; width: 33px; height: 33px; line-height: 33px; text-align: center; border-radius: 50%; background: #fff; color: #686868; box-shadow: 0 5px 20px 0 rgba(7, 20, 73, 0.1); transform: rotate(90deg); transition: all 0.5s; } .blog_v1 .grid_item .grid_inner_item .finlance_img { width: 100% !important; height: 330px !important; } .blog_v1 .grid_item .grid_inner_item .finlance_img img{ width: 100%; height: 100%; object-fit: cover; } .blog_v1 .grid_item .grid_inner_item .finlance_content { padding: 16px; border-radius: 4px; border-top: none; background-color: rgba(212, 212, 216, 0.2); opacity: 40; display: flex; flex-direction: column; gap: 28px; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta { margin-bottom: 18px; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span { margin-right: 25px; display: inline-block; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span a { color: #6a6b71; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span i { margin-right: 10px; } .blog_v1 .grid_item .grid_inner_item .finlance_content h3.post_title { font-size: 22px; } .blog_v1 .grid_item .grid_inner_item .finlance_content h3.post_title a:hover { color: #D2AB66; } .blog_v1 .grid_item .grid_inner_item .finlance_content h3.post_title a { color: #000; font-size: 16px; font-weight: 700; line-height: 28px; } .blog_v1 .grid_item .grid_inner_item .finlance_content p { color: #000; font-size: 14px; font-weight: 400; line-height: normal; } .blog_v1 .grid_item .grid_inner_item .finlance_content .btn_link { padding-top: 20px; text-transform: capitalize; color: #6a6b71; display: inline-block; transition: all 0.5s; } .blog_v1 .grid_item .grid_inner_item .finlance_content .btn_link:focus, .blog_v1 .grid_item .grid_inner_item .finlance_content .btn_link:hover { color: #D2AB66; } .blog_v1 .grid_item .grid_inner_item .finlance_content .btn_link:focus:after, .blog_v1 .grid_item .grid_inner_item .finlance_content .btn_link:hover:after { padding-left: 35px; } .footer_v1 .widget_box h4.widget_title { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; } @media (max-width: 1199px) { .footer_v1 .widget_box h4.widget_title { font-size: 16px; font-style: normal; font-weight: 700; line-height: 32px; padding-top: 46px; } } .footer_v1 .widget_box.about_widget p, .footer_v1 .widget_box.contact_widget p { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; text-align: justify; } @media (max-width: 1199px) { .footer_v1 .widget_box.about_widget p, .footer_v1 .widget_box.contact_widget p { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.1px; } } .footer_v1 .contact_widget { margin-left: 45px; } .footer_v1 .widget_box.contact_widget p a { color: #6c6b71; } .footer_v1 .widget_box .widget_link li { line-height: 32px; } .footer_v1 .widget_box .widget_link li:hover a { color: #ff5e14; padding-left: 10px; } .footer_v1 .widget_box .widget_link li a { color: #6c6b71; transition: all 0.5s; } .footer_v1 .widget_box.newsletter_box p { color: #000; font-size: 14px; font-weight: 400; line-height: 20px; } @media (max-width: 1199px) { .footer_v1 .widget_box.newsletter_box p { padding-bottom: 8px; } } .footer_v1 .widget_box.newsletter_box input { background: rgba(212, 212, 216, 0.2); padding: 0px 24px; height: 48px; border: none !important; } @media (max-width: 1199px) { .footer_v1 .widget_box.newsletter_box input { padding: 4px 15px; height: 32px; } } .footer_v1 .widget_box.newsletter_box input::placeholder { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; background: url(../irfia/img/svg/email-box.svg) no-repeat; } @media (max-width: 1199px) { .footer_v1 .widget_box.newsletter_box input::placeholder { font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px; } } html[lang=en] .footer_v1 .widget_box.newsletter_box input::placeholder { background: url(../irfia/img/svg/email-box.svg) no-repeat left; text-align: left; padding-left: 25px; } .footer_v1 .widget_box.newsletter_box .form_group { display: flex; flex-direction: column; gap: 8px; } @media (max-width: 1199px) { .footer_v1 .widget_box.newsletter_box .form_group { gap: unset; } } .footer_v1 .widget_box.newsletter_box .finlance_btn { display: flex; align-items: center; justify-content: center; height: 48px; width: 100%; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; background: #552e15 !important; border: none !important; } @media (max-width: 1199px) { .footer_v1 .widget_box.newsletter_box .finlance_btn { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; height: 32px; padding: 0px 12px; } } .footer_v1 .foot er_bottom { position: relative; padding: 25px 0; } .footer_v1 .footer_bottom .copyright_text p { color: #fff; } .footer_v1 .footer_bottom .copyright_text p span { color: #ff5e14; } .footer_v1 .footer_bottom .social_box { float: right; } .footer_v1 .footer_bottom .social_box ul li { display: inline-block; margin-left: 5px; } .footer_v1 .footer_bottom .social_box ul li a { font-size: 15px; display: block; width: 34px; height: 33px; line-height: 33px; text-align: center; border-radius: 50%; background: #fff; color: #5f5f5f; box-shadow: 0 5px 20px 0 rgba(7, 20, 73, 0.1); transition: all 0.5s; } .footer_v1 .footer_bottom .social_box ul li a:focus, .footer_v1 .footer_bottom .social_box ul li a:hover { background: #ff5e14; color: #fff; } .footer_v1 .footer_bottom:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 1px; background: #27272a; } .form_control { width: 100%; height: 50px; padding: 20px; background: #fff; border-radius: 3px; } a.readmore-btn { font-family: Montserrat, sans-serif !important; } .contact-form-section .section-summary { font-size: 36px; } /* .blog-txt .blog-title { font-size: 22px !important; } */ a.readmore-btn { font-size: 14px !important; } .event-details-section .nice-number input { height: 43px !important; } .header_v1 .dropdown { margin-right: 0px !important; } a#cartIcon .cart-length { padding: 8px 10px 4px !important; } .blog_slide .grid_item { background-color: #fff; } /* Megamenu CSS */ .main-menu ul li.static { position: static; align-items: center !important; justify-content: center !important; } .main-menu ul li .mega-menu { position: absolute; top: 110%; left: 0; width: 100%; max-height: 510px; overflow-y: auto; background: unset; padding: 30px 15px 20px; opacity: 0; visibility: hidden; text-align: left; box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1); transition: 0.3s; z-index: 9999; } .main-menu ul li .mega-menu::-webkit-scrollbar { background-color: #ccc; width: 8px; } .header_navigation .main-menu ul li .mega-menu::-webkit-scrollbar-thumb { background-color: #00000a; } .main-menu ul li:hover > .mega-menu { opacity: 1; visibility: visible; top: 100%; } .main-menu ul li .mega-menu .sidebar-menu .widget-categories ul.widget-link li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843); } .main-menu ul li .mega-menu .sidebar-menu .widget-categories ul.widget-link li a { color: #212121; text-align: right; font-size: 16px; font-weight: 400; line-height: normal; padding: 0; } li.mega-wrap { display: block !important; } @media (max-width: 1199px) { .brand img { width: 40px; height: 40px; } } .main-menu ul li .mega-menu .sidebar-menu .widget-categories ul.widget-link li:hover > a { background: transparent; } /*Large Device*/ /*Medium Device*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .sidebar-main-wrapper { display: none; } } /* Small Devices, Tablets */ @media only screen and (max-width: 991px) { .sidebar-main-wrapper { display: none; } .header_navigation .main-menu ul > li.menu-item-has-children > a:after { display: none; } } /* New Portfolio Style Start */ .finlance_project .filter-nav { margin-bottom: 40px; } .finlance_project .filter-nav .filter-btn li { display: inline-block; margin-left: 10px; margin-right: 10px; color: #212121; font-weight: 600; transition: all 0.3s; cursor: pointer; } .project_slide.masonry-row { width: 100%; } /* New Portfolio Style End */ /** custom styles */ @media (max-width: 1199px) { .slick-dots li button { width: 10px; height: 10px; } } .slick-dots li button:before { font-family: slick; position: absolute; top: 0; left: 0; content: ""; text-align: center; -webkit-font-smoothing: antialiased; height: 14px; border-radius: 100px; padding: 0; } .slick-dots li button:focus, .slick-dots li button:hover { background-color: #d2ab66 !important; opacity: unset; cursor: pointer; } .slick-dots li.slick-active button:before { background-color: #d2ab66 !important; opacity: unset; } .arrow-icon { width: 15px; height: auto; margin-right: 8px; } @media (max-width: 1199px) { .arrow-icon { margin-right: unset; } } html[lang=en] .arrow-icon { margin-left: 8px; margin-right: 0; } .dropdown-toggle::after { display: inline-block; margin-left: unset; vertical-align: unset; border-top: unset; border-right: unset; border-bottom: unset; border-left: unset; } .modal-header { display: flex; -ms-flex-align: start; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: unset; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } #loginModal .modal-content, #forgetModal .modal-content, #registerModal .modal-content { position: relative; display: flex; flex-direction: column; border-radius: 4px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); pointer-events: auto; background: #fafafa; border: 1px solid #d2ab66; outline: 0; } #videoModal .modal-content { border: none; } .social-logins { display: flex; justify-content: center; } .btn-social { width: 100%; } .btn-toggle { cursor: pointer; transition: background-color 0.3s ease; } .google-login-btn { font-family: Dana; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #000 !important; text-decoration: none; display: flex; height: 48px !important; padding: 0px 24px; justify-content: space-between; align-items: center; } .google-login-btn:hover { background-color: #357ae8; } .google-login-btn span { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .google-login-btn img { width: 20px; height: 20px; } #loginForm, #registerForm { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 8px; } .input-box { width: 100%; } .login-content { display: flex; flex-direction: column; gap: 16px; } #loginModal .modal-body, #registerModal .modal-body { padding: 40px 0 68px 0; } #loginModal .modal-body button[aria-label=Close], #registerModal .modal-body button[aria-label=Close], #forgetModal .modal-body button[aria-label=Close] { opacity: 1 !important; position: absolute; top: 16px; right: 16px; } #videoModal .modal-body button[aria-label=Close] { opacity: 1 !important; position: absolute; top: 16px; right: 16px; z-index: 100; } .input-box input { width: 100%; background-color: rgba(212, 212, 216, 0.2) !important; height: 48px !important; padding: 0px 24px; } .input-box input::placeholder { color: #A1A1AA; font-size: 16px; font-weight: 400; line-height: 24px; } .input-box input:focus { outline: none; } .text-danger { color: red; font-size: 14px; } .forgot-password-link span:hover { color: unset; } .submit-button { justify-items: center; } .submit-btn { display: flex; justify-content: center !important; align-items: center !important; width: 100% !important; height: 48px !important; padding: 0px 24px; gap: 8px; background-color: rgba(212, 212, 216, 0.2) !important; border: unset !important; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; transition: 0.5s; } .register-link { cursor: pointer; padding: 10px 0; } .single_feature_odd .finlance-p { color: #fafafa; } .single_feature_even .finlance-p { color: #71717a; } .gradient-overlay { position: relative; } .form-element .contact-submit { padding: 12px 24px; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; background: #552e15 !important; border: none !important; margin-top: 12px; } .contact-form-section .form-element input { height: 48px !important; } .contact-form-section label { color: #000; line-height: normal; font-size: 14px; font-weight: 500; letter-spacing: 0.4px; margin: 16px 0 8px 0 !important; } .contact-form-section .form-element textarea { padding: 8px 8px 8px 16px !important; background: #fafafa !important; border: 1px solid rgba(18, 18, 18, 0.08) !important; } .contact-form .form-element input::placeholder, textarea::placeholder { color: #a1a1aa; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .contact-container { display: flex; gap: 32px; } .conatct-details { display: flex; justify-content: space-between; } .conatct-details .contact-address { display: flex; align-items: center; gap: 8px; } .conatct-details .contact-address address { margin: 0; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .contact-phone-mail-cotainer { display: flex; align-items: center; gap: 8px; } html[lang=en] .contact-phone-mail-cotainer { flex-direction: row-reverse; justify-content: start; } .contact-phone-mail-cotainer .contact-phone { display: flex; align-items: center; gap: 8px; justify-content: center; text-wrap-mode: nowrap; } .contact-phone-mail-cotainer .contact-phone img { width: 20px; } .contact-phone-mail-cotainer .contact-phone .phones-container { display: flex; align-items: center; gap: 16px; } .conatct-details a, .contact-mail a { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; direction: ltr; } .contact-mail a { display: flex; align-items: center; gap: 8px; } .breadcrumb-txt { display: flex; align-items: center; padding: 22px 0; } .sidebar { display: flex; flex-direction: column; gap: 58px; } .breadcrumb-cotainer { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 8px; } .top_header .dropdown-menu { padding: 0 !important; margin: 0 !important; min-width: unset !important; border-radius: 0 !important; border: 0 !important; left: -11px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); } .top_header .dropdown-menu .dropdown-item { padding: 8px !important; } .main-menu ul li.menu-item-has-children a { display: flex; align-items: center; } .main-menu ul li.menu-item-has-children a::after { content: url(../img/arrowdonee.svg); background: transparent; text-align: center; font-family: -webkit-body; } @media (max-width: 1199px) { .main-menu ul li.menu-item-has-children a::after { width: 12px; } } .about_widget { display: flex; flex-direction: column; gap: 16px; } .newsletter_box { display: flex; flex-direction: column; gap: 8px; } .newsletter_box .newsletter_box_title { display: flex; flex-direction: column; gap: 16px; } .event-content { display: flex; flex-direction: column; gap: 32px; } .blog-details { display: flex; flex-direction: column; gap: 16px; } .blog-details img{ max-width: 70%; object-fit: contain; } .related-posts { display: flex; flex-direction: column; gap: 16px; margin-bottom: 0; padding: 0 0 100px 0; } .related-posts h4 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .buy-ticket-event { padding: 12px 24px !important; display: flex; gap: 8px; width: fit-content; } .buy-ticket-event span { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .awards { padding: 32px 0 64px 0; } .awards h1 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; } @media (max-width: 1199px) { .awards h1 { font-size: 12px; font-style: normal; font-weight: 700; line-height: 32px; } } .awards .awards-container { display: flex; flex-direction: column; gap: 32px; } .awards ul li { color: #000; text-align: justify; font-size: 20px; font-weight: 400; line-height: normal; list-style: disc !important; } @media (max-width: 1199px) { .awards ul li { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .awards p { color: #000; text-align: justify; font-size: 20px; font-weight: 400; line-height: normal; list-style: disc !important; } @media (max-width: 1199px) { .awards p { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .finlance_team h2 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 32px; } @media (max-width: 1199px) { .finlance_team h2 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 20px; margin-top: 46px; } } .advisory-council { display: flex; gap: 16px; padding: 8px 16px; border-radius: var(--units-unit-0, 0px); border: 1px solid #71717A; background: #FAFAFA; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); margin-bottom: 32px; height: 100%; align-items: center; transition: 300ms; } .advisory-council:hover { border: 1px solid #D2AB66; } @media (max-width: 1199px) { .advisory-council { flex-direction: column; padding: 3px 7px; } } .advisory-council img { width: 322px; height: 290px; border-radius: 999px; } @media (max-width: 1199px) { .advisory-council img { width: 193px; height: 174px; align-self: center; } } .advisory-council .advisory-council-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; transition: 300ms; } .advisory-council .advisory-council-container:hover p { background: rgba(210, 171, 102, 0.2); } .advisory-council .advisory-council-container h3 { color: #000; text-align: center; font-size: 16px; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .advisory-council .advisory-council-container h3 { font-size: 10px; font-style: normal; font-weight: 700; line-height: normal; } } .advisory-council .advisory-council-container p { color: #000; text-align: center; font-size: 14px; font-weight: 400; line-height: normal; background: rgba(212, 212, 216, 0.2); padding: 4px 8px; } @media (max-width: 1199px) { .advisory-council .advisory-council-container p { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .goals-and-plans { padding: 24px 0 32px 0; } .goals-and-plans h1 { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; padding-top: 24px; padding-bottom:7px; } @media (max-width: 1199px) { .goals-and-plans h1 { font-size: 12px; font-style: normal; font-weight: 700; line-height: 32px; } } .goals-and-plans .goals-and-plans-container { display: flex; flex-direction: column; gap: 56px; } .goals-and-plans .goals-and-plans-container ul li { font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1199px) { .goals-and-plans .goals-and-plans-container ul li { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } } .goals-and-plans .goals-and-plans-container ul li:nth-of-type(even) { color: #000; } .goals-and-plans .goals-and-plans-container ul li:nth-of-type(odd) { color: #71717A; } #ordersTable thead, #ticketTable thead, #eventsTable thead { background: #E9D5B3; } #ordersTable thead tr th, #ticketTable thead tr th, #eventsTable thead tr th { border: 0; color: #000; font-size: 12px; font-weight: 600; line-height: 20px; } #ordersTable_info, #ticketTable_info { display: none; } .videos-container { padding-top: 32px; padding-bottom: 32px; } .videos-container h1 { color: #000; font-size: 24px; font-weight: 700; line-height: 32px; } .search-wrapper { position: relative; display: flex; align-items: center; } .search-wrapper:hover { border: 1px solid #d2ab66; border-radius: 1px; } .search-btn { position: absolute; left: 10px; background: none; border: none; cursor: pointer; color: #aaa; font-size: 18px; } .search-btn i { pointer-events: none; } @media only screen and (min-width: 1401px) and (max-width: 1796px) { .main-menu ul > li > a { padding: 20px 3px; font-size: 14px; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .main-menu ul li { margin-left: 10px; margin-right: 9px; } .main-menu ul > li > a { padding: 20px 7px; font-size: 12px; text-wrap-mode: nowrap; } .finlance_header.header_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .header_v1 .header_navigation .site_menu .button_box .finlance_btn { margin-left: 20px; } .feature_v1 .container-fluid { padding-left: 100px; padding-right: 100px; } .feature_v1 .grid_item .finlance_content h4 { font-size: 16px; } .project_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .finlance_header.header_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .header_v1 .header_navigation { padding: 0 20px; } .header_v1 .header_navigation .site_menu .brand img { max-width: 100px; } .header_v1 .header_navigation .site_menu .button_box .search_icon { font-size: 12px; } .header_v1 .header_navigation .site_menu .button_box .finlance_btn { min-width: 100px; margin-left: 20px; } .feature_v1 .container-fluid, .project_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .main-menu ul li { margin-left: unset; text-wrap-mode: nowrap; } .main-menu ul > li > a { padding: 20px 5px; font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .finlance_img img { width: 100%; } .mean-container .mean-bar { background: 0 0; padding: 0; min-height: 0; } .mean-container .mean-nav { margin-top: 10px; } .mean-container a.meanmenu-reveal { top: -23px; padding: 0; } .header_v1 .header_navigation .site_menu.primary_menu { display: none; } .header_v1 .header_navigation .site_menu .button_box { display: none; } .header_v1 .header_navigation { padding: 10px 20px 0; } .header_v1 .top_header .top_left { text-align: center; margin-bottom: 20px; } .header_v1 .top_header .top_left span { margin-right: 15px; margin-left: 15px; } .header_v1 .top_header .top_right { float: none; justify-content: center; } .hero_slide_v1 .single_slider .banner_content h1 { font-size: 36px !important; line-height: 42px !important; } .finlance_header.header_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .feature_v1 .container-fluid, .project_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .feature_v1 .grid_item { padding: 75px 25px; } .about_v1 .finlance_box_img { margin-bottom: 60px; } .about_v1 .finlance_content_box .section_title { margin-bottom: 0; } .team_v1 .button_box { float: none; text-align: left; margin-bottom: 40px; } .blog_v1 .grid_item, .pricing_v1 .pricing_box, .team_v1 .grid_item { margin-bottom: 40px; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span { margin-right: 10px; } .footer_v1 .contact_widget { margin-left: 0; } .widget_box { margin-bottom: 40px; } .footer_v1 .copyright_text { text-align: center; } .footer_v1 .footer_bottom .social_box { float: none; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 991px) { li.submenus ul { position: static; background: 0 0; } } @media only screen and (max-width: 767px) { .header_v1 .top_header .top_right .social { display: none; } .finlance_img img { width: 100%; } .header_v1 .top_header .top_right .social li { display: inline-block; margin-left: 12px; } .mean-container .mean-bar { background: 0 0; padding: 0; min-height: 0; } .mean-container .mean-nav { margin-top: 10px; } .mean-container a.meanmenu-reveal { top: -35px; padding: 0; } .header_v1 .header_navigation .site_menu.primary_menu { display: none; } .header_v1 .header_navigation .site_menu .button_box { display: none; } .header_v1 .header_navigation { padding: 10px 20px 0; } .header_v1 .top_header .top_left { text-align: center; margin-bottom: 20px; } .header_v1 .top_header .top_left span { margin-right: 15px; margin-left: 15px; } .header_v1 .top_header .top_right { float: none; justify-content: center; } .hero_slide_v1 .single_slider .banner_content h1 { font-size: 36px !important; line-height: 42px !important; } .finlance_header.header_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .feature_v1 .container-fluid, .project_v1 .container-fluid { padding-left: 15px; padding-right: 15px; } .feature_v1 .grid_item { padding: 20px 20px 5px; } .about_v1 .finlance_box_img { margin-bottom: 60px; } .we_do_v1 .finlance_content_box { margin-bottom: 40px; } .finlance_fun_v1 .counter_box { margin-bottom: 40px; text-align: center; } .finlance_fun_v1 .counter_box .icon::after { left: 50%; margin-left: -30px; } .team_v1 .button_box { float: none; text-align: left; margin-bottom: 40px; } .blog_v1 .grid_item, .pricing_v1 .pricing_box, .team_v1 .grid_item { margin-bottom: unset; align-items: center; height: auto; } .blog_v1 .grid_item .grid_inner_item .finlance_content .post_meta span { margin-right: 10px; } .cta_v1 .section_title { text-align: center; } .cta_v1 .button_box { float: none; text-align: center; margin-top: 20px; } .footer_v1 .contact_widget { margin-left: 0; } .widget_box { margin-bottom: unset; } .footer_v1 .copyright_text { text-align: center; } .footer_v1 .footer_bottom .social_box { float: none; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 399px) { .about_v1 .finlance_box_img .finlance_img:after { display: none; } } @media only screen and (max-width: 991px) { .hide-below-990 { display: none; } } .mfp-iframe-holder .mfp-content { line-height: 0; width: 859px; height: 673px; } .dropdown-toggle::after { display: inline-block; margin-left: unset; vertical-align: unset; border-top: unset; border-right: unset; border-bottom: unset; border-left: unset; } #videoModal .modal-content { border: none; } .social-logins { display: flex; justify-content: center; } .btn-social { width: 100%; } .btn-toggle { cursor: pointer; transition: background-color 0.3s ease; } .google-login-btn { font-family: Dana; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #000 !important; text-decoration: none; display: flex; height: 48px !important; padding: 0px 24px; justify-content: space-between; align-items: center; } .google-login-btn span { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .google-login-btn:focus span { color: #d2ab66; } .google-login-btn img { width: 20px; height: 20px; } #loginForm, #registerForm { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 8px; } .input-box { width: 100%; } .login-content { display: flex; flex-direction: column; gap: 16px; scale: 0.8; } #loginModal .modal-body { padding: 40px 0 68px 0; } @media (max-width: 1199px) { #loginModal .modal-body { padding: 11px 19px 10px 19px; } } #registerModal .modal-body { padding: 12px 0 40px 0; } @media (max-width: 1199px) { #registerModal .modal-body { padding: 11px 19px 12px 19px; } } #forgetModal .modal-body { padding: 40px 0 40px 0; } @media (max-width: 1199px) { #forgetModal .modal-body { padding: 11px 19px 12px 19px; } } #loginModal .modal-body button[aria-label=Close], #registerModal .modal-body button[aria-label=Close], #forgetModal .modal-body button[aria-label=Close] { opacity: 1 !important; position: absolute; top: 16px; right: 16px; z-index: 600; } .input-box input { width: 100%; background-color: rgba(212, 212, 216, 0.2) !important; height: 48px !important; padding: 0px 24px; } .input-box input::placeholder { color: #a1a1aa; font-size: 16px; font-weight: 400; line-height: 24px; } .input-box input:focus { background-color: rgba(210, 171, 102, 0.2) !important; } .input-box input:focus::placeholder { color: #d2ab66 !important; } .text-danger { color: rgb(21, 19, 19); font-size: 14px; } .forgot-password-link { color: #000 !important; padding: 10px 0; font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; } .forgot-password-link span:hover { color: unset !important; } .submit-button { display: contents; } .submit-btn { background-color: #D2AB66 !important; border: unset !important; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; transition: 0.5s; margin-top: 8px; } .submit-btn:focus { background-color: #d2ab66 !important; color: #000 !important; } .submit-btn:hover { background-color: #d4d4d8 !important; } .single_feature_odd .finlance-p { color: #fafafa; } .single_feature_even .finlance-p { color: #71717a; } .finlance-s { padding: 0px 16px; margin: 10px; font-size: 14px; font-weight: 400; line-height: 20px; } .gradient-overlay { position: relative; } .contact-form-section .form-element input { height: 48px !important; } @media (max-width: 1199px) { .contact-form-section .form-element input { padding: 8px 8px 8px 16px; } } @media (max-width: 1199px) { .contact-form-section label { font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.4px; } } .contact-form-section .form-element textarea { padding: 8px 8px 8px 16px !important; background: #fafafa !important; border: 1px solid rgba(18, 18, 18, 0.08) !important; } @media (max-width: 1199px) { .contact-form-section .form-element textarea { height: 51px; } } .contact-form .form-element input::placeholder, textarea::placeholder { color: #a1a1aa; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } @media (max-width: 1199px) { .contact-form .form-element input::placeholder, textarea::placeholder { font-size: 10px !important; font-style: normal !important; font-weight: 400 !important; line-height: 24px !important; } } .contact-container { display: flex; gap: 32px; align-items: center; } @media (max-width: 1199px) { .contact-container { gap: 8px; flex-direction: column; } } .conatct-details { display: flex; justify-content: space-between; flex-direction: column; gap: 8px; } .conatct-details .contact-address { display: flex; align-items: center; gap: 8px; } @media (max-width: 1199px) { .conatct-details .contact-address { gap: 18px; font-size: 16px; padding: 0 6px; } } .conatct-details .contact-address address { margin: 0; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } @media (max-width: 1199px) { .conatct-details .contact-address address { font-size: 10px; font-style: normal; font-weight: 400; line-height: 24px; } } .contact-phone-mail-cotainer .contact-phone img { width: 20px; align-self: baseline; } .contact-phone-mail-cotainer .contact-phone .phones-container { display: flex; align-items: center; gap: 16px; flex-direction: row-reverse; } @media (max-width: 1199px) { .contact-phone-mail-cotainer .contact-phone .phones-container { gap: 8px; } } html[lang=en] .contact-phone-mail-cotainer .contact-phone .phones-container .d-flex { flex-direction: row-reverse; } .conatct-details a, .contact-mail a { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; align-items: center; } @media (max-width: 1199px) { .conatct-details a, .contact-mail a { font-size: 10px; font-style: normal; font-weight: 400; line-height: 24px; } } .contact-mail a { display: flex; align-items: center; gap: 8px; } .breadcrumb-txt { display: flex; align-items: center; padding: 22px 0; } @media (max-width: 1199px) { .breadcrumb-txt { padding: unset !important; } } .breadcrumb-cotainer { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 8px; } .top_header .dropdown-menu { padding: 0 !important; margin: 0 !important; min-width: unset !important; border-radius: 0 !important; border: 0 !important; left: -11px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); } .top_header .dropdown-menu .dropdown-item { background-color: #fff !important; color: #000 !important; } .main-menu ul li.menu-item-has-children a { display: flex; align-items: center; gap: 8px; transition: 500ms; } .main-menu ul li.menu-item-has-children a:hover { color: #d2ab66 !important; } .about_widget { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1199px) { .about_widget { align-items: center; justify-content: center; gap: 10px; } } .newsletter_box { display: flex; flex-direction: column; gap: 8px; } @media (max-width: 1199px) { .newsletter_box { gap: unset; } } .newsletter_box .newsletter_box_title { display: flex; flex-direction: column; gap: 16px; } .event-content { display: flex; flex-direction: column; gap: 32px; } .blog-details { display: flex; flex-direction: column; gap: 16px; } .related-posts { display: flex; flex-direction: column; gap: 16px; margin-bottom: 0; padding: 0 0 100px 0; } .related-posts h4 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .related-posts h4 { font-size: 20px; } } .service-sidebar { display: flex; flex-direction: column; gap: 50px; } @media (max-width: 1199px) { .service-sidebar { gap: unset; margin-bottom: 16px; } } .blog-lists .slick-track { opacity: 1; width: 6352px; transform: translate3d(1588px, 0px, 0px); height: 397px; display: flex; gap: 10px; margin: 2px; } .product-area .slick-track { opacity: 1; transform: translate3d(1588px, 0px, 0px); display: flex; gap: 10px; margin: 2px; } .section-summary h2 { color: #000; text-align: center; font-family: Dana; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .section-summary a { padding: 0px 24px; color: #000; font-family: Dana; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .service-details-section { padding: 24px 0 95px 0; overflow: hidden; } .finlance_team { padding: 32px 0 34px 0; } @media (max-width: 1199px) { .finlance_team { padding: 16px 0 32px 0; } } .team-slide-item { height: 386px; display: flex; flex-direction: column; gap: 4px; justify-content: center; } .team-slide-item img { width: 270px; height: 290px; object-fit: cover; } .team-slide-item .grid_inner_item { padding: 16px 0; display: flex; flex-direction: column; gap: 4px; } .team-slide-item .grid_inner_item h4 { color: #000; font-size: 16px; font-weight: 700; line-height: normal; text-align: center; } .team-slide-item .grid_inner_item .finlance_content { display: flex; flex-direction: column; gap: 4px; } .team-slide-item .grid_inner_item .finlance_content .team-member-content { background: rgba(212, 212, 216, 0.2); padding: 4px 8px; } .team-slide-item .grid_inner_item .finlance_content .team-member-content p { color: #000; text-align: center; font-size: 14px; font-weight: 600; line-height: 24px; } .team_v1 { display: flex; flex-direction: column; gap: 32px; } .team_v1 h1 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; } #newsletterModalLong .modal-content { border-radius: 0 !important; border: 1px solid #d2ab66; background: rgba(255, 255, 255, 0.9); } #newsletterModalLong .modal-content .newsletter-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } #newsletterModalLong .modal-content .newsletter-container span { color: #000; font-size: 18px; font-weight: 700; line-height: 28px; } .return-page { color: #000; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0px 16px; gap: 8px; margin-top: 16px; background: unset; } .repeat-pass { display: flex; justify-content: end; color: #DC2626; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 10px 0; } .break-time { color: #F5A524; font-family: Dana; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 10px 0; } .contact-mail a { display: flex; align-items: center; gap: 8px; } @media (max-width: 1199px) { .contact-mail a i { font-size: 20px; } } .breadcrumb-txt { display: flex; align-items: center; padding: 22px 0; } .sidebar { display: flex; flex-direction: column; gap: 58px; } .breadcrumb-cotainer { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 8px; } .top_header .dropdown-menu { padding: 0 !important; margin: 0 !important; min-width: unset !important; border-radius: 0 !important; border: 0 !important; left: -11px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); } .main-menu ul .sidebar-main-wrapper .box-item h4 a::after { content: unset !important; } .about_widget { display: flex; flex-direction: column; gap: 16px; } .newsletter_box { display: flex; flex-direction: column; gap: 8px; } .newsletter_box .newsletter_box_title { display: flex; flex-direction: column; gap: 16px; } .event-content { display: flex; flex-direction: column; gap: 32px; } .blog-details { display: flex; flex-direction: column; gap: 16px; } .related-posts { display: flex; flex-direction: column; gap: 16px; margin-bottom: 0; padding: 0 0 100px 0; } .blog-lists .slick-track { opacity: 1; height: 397px; display: flex; gap: 10px; margin: 2px; } .product-area .slick-track { opacity: 1; transform: translate3d(1588px, 0px, 0px); display: flex; gap: 10px; margin: 2px; } .section-summary h2 { color: #000; text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .section-summary a { padding: 0px 24px; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .service-details-section { padding: 24px 0 95px 0; } .finlance_team { padding: 32px 0 34px 0; } .team-slide-item { border: 1px solid #D4D4D8; height: 386px; display: flex; flex-direction: column; gap: 4px; } .team-slide-item img { height: 270px; object-fit: cover; } .team-slide-item .grid_inner_item { margin-bottom: 32px; padding: 16px 0; display: flex; flex-direction: column; gap: 4px; } .team-slide-item .grid_inner_item h4 { color: #000; font-size: 16px; font-weight: 700; line-height: normal; text-align: center; } .team-slide-item .grid_inner_item .finlance_content { display: flex; flex-direction: column; gap: 4px; } .team-slide-item .grid_inner_item .finlance_content .team-member-content { background: rgba(212, 212, 216, 0.2); padding: 4px 8px; } .team-slide-item .grid_inner_item .finlance_content .team-member-content p { color: #000; text-align: center; font-size: 14px; font-weight: 600; line-height: 24px; } .team_v1 { display: flex; flex-direction: column; gap: 32px; } .team_v1 h1 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; } #newsletterModalLong .modal-content { border-radius: 0 !important; border: 1px solid #D2AB66; background: rgba(255, 255, 255, 0.9); } #newsletterModalLong .modal-content .newsletter-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } #newsletterModalLong .modal-content .newsletter-container span { color: #000; font-size: 18px; font-weight: 700; line-height: 28px; } .main-menu .mega-dropdown .mega-menu { justify-content: unset !important; align-items: unset !important; } .main-menu ul li .mega-menu .sidebar-menu .widget-categories ul.widget-link li { margin: 0 !important; padding: 0 !important; } .finlance_project { padding: 32px 0 64px 0; } @media (max-width: 1199px) { .finlance_project { padding: 20px 0 32px 0; } } .finlance_project .project_slide { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1199px) { .finlance_project .project_slide { gap: 20px; } } .finlance_project h1 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } .contact-mail a { display: flex; align-items: center; gap: 8px; } .breadcrumb-txt { display: flex; align-items: center; padding: 22px 0; } .sidebar { display: flex; flex-direction: column; gap: 58px; } .breadcrumb-cotainer { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 8px; } .top_header .dropdown-menu { padding: 0 !important; margin: 0 !important; min-width: unset !important; border-radius: 0 !important; border: 0 !important; left: -11px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); } .main-menu ul li.menu-item-has-children .widget-link .active a { color: #D2AB66 !important; line-height: 0; } .main-menu ul li.menu-item-has-children .widget-link .active a::after { content: url(../img/arrow-left-gold.svg) !important; line-height: 0; } .main-menu ul li.menu-item-has-children .widget-link .menu-has-children a::after { content: url(../img/arrow-left.svg); line-height: 0; } html[lang=en] .main-menu ul li.menu-item-has-children .widget-link .menu-has-children a::after { transform: rotate(180deg); } .main-menu ul li.menu-item-has-children .widget-link .menu-not-children a::after { content: unset !important; line-height: 0; } .main-menu ul .sidebar-main-wrapper .box-item h4 a::after { content: unset !important; } .about_widget { display: flex; flex-direction: column; gap: 16px; } .newsletter_box .newsletter_box_title { display: flex; flex-direction: column; gap: 16px; } .event-content { display: flex; flex-direction: column; gap: 32px; } .blog-details { display: flex; flex-direction: column; gap: 16px; } .related-posts { display: flex; flex-direction: column; gap: 16px; margin-bottom: 0; padding: 0 0 100px 0; } .blog-lists .slick-track { opacity: 1; width: 6352px; transform: translate3d(1588px, 0px, 0px); height: 397px; display: flex; gap: 10px; margin: 2px; } .product-area .slick-track { opacity: 1; transform: translate3d(1588px, 0px, 0px); display: flex; gap: 10px; margin: 2px; } .section-summary h2 { color: #000; text-align: center; font-family: Dana; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .section-summary h2 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } .service-details-section { padding: 24px 0 95px 0; } .team-slide-item { height: 386px; display: flex; flex-direction: column; gap: 4px; } .team-slide-item img { height: 270px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .team-slide-item .grid_inner_item { margin-bottom: 32px; padding: 16px 0; display: flex; flex-direction: column; gap: 4px; } @media (max-width: 1199px) { .team-slide-item .grid_inner_item { padding: 12px 0; margin-bottom: unset; gap: 10px; width: 100%; } } .team-slide-item .grid_inner_item h4 { color: #000; font-size: 16px; font-weight: 700; line-height: normal; text-align: center; } @media (max-width: 1199px) { .team-slide-item .grid_inner_item h4 { font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } } .team-slide-item .grid_inner_item .finlance_content { display: flex; flex-direction: column; gap: 4px; width: 100%; } .team-slide-item .grid_inner_item .finlance_content .team-member-content { background: rgba(212, 212, 216, 0.2); padding: 4px 8px; width: 100%; } .team-slide-item .grid_inner_item .finlance_content .team-member-content p { color: #000; text-align: center; font-size: 14px; font-weight: 600; line-height: 24px; } @media (max-width: 1199px) { .team-slide-item .grid_inner_item .finlance_content .team-member-content p { font-size: 10px; font-style: normal; font-weight: 600; line-height: 18px; } } .team_v1 { display: flex; flex-direction: column; gap: 32px; } @media (max-width: 1199px) { .team_v1 { gap: 20px; } } .team_v1 h1 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; } @media (max-width: 1199px) { .team_v1 h1 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } #newsletterModalLong .modal-content { border-radius: 0 !important; border: 1px solid #D2AB66; background: rgba(255, 255, 255, 0.9); } #newsletterModalLong .modal-content .newsletter-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } #newsletterModalLong .modal-content .newsletter-container span { color: #000; font-size: 18px; font-weight: 700; line-height: 28px; } .main-menu .mega-dropdown .mega-menu { justify-content: unset !important; align-items: unset !important; } .main-menu ul li .mega-menu .sidebar-menu .widget-categories ul.widget-link li { margin: 0 !important; padding: 0 !important; } .finlance_project .project_slide { display: flex; flex-direction: column; gap: 16px; } .finlance_project h1 { color: #000; font-size: 32px; font-weight: 700; line-height: normal; } @media (max-width: 1199px) { .finlance_project h1 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } @media (max-width: 1199px) { .service-details h1 { font-size: 12px !important; font-style: normal; font-weight: 700; line-height: 7.394px !important; } } @media (max-width: 1199px) { .service-details span { font-size: 10px !important; font-style: normal; font-weight: 400; line-height: normal; } } @media (max-width: 1199px) { .service-details h2 { font-size: 10px !important; font-style: normal; font-weight: 700 !important; line-height: normal !important; } } @media (max-width: 1199px) { .service-details ul li { font-size: 10px !important; font-style: normal; font-weight: 400; line-height: normal; } } @media (max-width: 1199px) { .service-details p { font-size: 10px !important; font-style: normal; font-weight: 400; line-height: normal !important; } } .event-area-v2 .event-slick .slick-track { display: flex; gap: 16px; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "انتخاب فایل" !important; } .event-area-section .past-event { background: rgba(161, 161, 170, 0.4); } .event-area-section .past-event .main-btn { background: rgba(210, 171, 102, 0.2); pointer-events: none; } .home-page-section { padding-bottom: 144px; display: flex; flex-direction: column; gap: 45px; } .event-area-v2 .event-slick .slick-track { display: flex; gap: 16px; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "انتخاب فایل" !important; } .event-area-section .past-event { background: rgba(161, 161, 170, 0.4); } .event-area-section .past-event .main-btn { background: rgba(210, 171, 102, 0.2); pointer-events: none; } .input-btn { display: flex; width: 100%; justify-content: space-between; } .buy-ticket-event { background: #552e15 !important; color: #fff; } #contactForm .main-btn { background: #552e15 !important; color: #fff !important; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-txt { padding-right: 130px; color: #fff; position: relative; z-index: 100; } .section-summary { font-size: 30px; } button[type=submit], input[type=submit] { padding: 14px 25px; } a.download-btn { font-size: 12px; padding: 14px 24px; } a.download-btn i { margin-right: 8px; } .contact .breadcrumb-txt span { margin-bottom: 10px; } .contact-form-section .section-summary { margin: 18px 0 49px 0; } .contact ul.breadcumb { display: flex; margin-top: 45px; } .main-menu li a { padding: 16px 5px; font-size: 14px; } .main-menu li a.boxed-btn { padding: 12px; margin-left: 7px; } .single-case .inner-container { padding: 0 60px; } .main-menu li.dropdown { margin-right: 11px; } .mega-dropdown .dropbtn { padding: 14px 7px; } .main-menu li.dropdown::after { right: -8px; } .main-menu li { margin-right: 0; } .section-summary { margin: 17px 0 49px 0; } .blog-details-section small.date { margin-top: 26px; } .blog-details-title { margin: 23px 0; } .case-types { text-align: center; height: 23px; margin-bottom: 73px; } .case-types ul { top: 0; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .single-case { height: 310px; } } @media only screen and (max-width: 991px) { .header-navbar { padding: 5px 0 12px 0; } .hero2-carousel.owl-theme .owl-nav.disabled + .owl-dots { display: none; } .intro-bg { height: 600px; } ul.main-menu { display: none; } #mobileMenu { display: block; } ul.slicknav_nav { background-color: #0a3041; text-align: left; position: absolute; top: 106px; right: 0; width: 100%; } .sticky-navbar ul.slicknav_nav { top: 89px; } ul.slicknav_nav li a.boxed-btn { display: block; background-color: transparent; text-decoration: none; color: #fff; text-transform: capitalize; font-size: 14px; font-weight: 400; } ul.slicknav_nav li a.boxed-btn:hover { background-color: #D2AB66; } .slicknav_nav .slicknav_row, .slicknav_nav a, ul.slicknav_nav li a.boxed-btn { padding: 14px 20px; margin: 0; -webkit-transition: 0.5s; transition: 0.5s; } li.submenus::after { display: none; } .breadcrumb-txt h1 { font-size: 50px; } a.hero-boxed-btn { margin-top: 50px; } .section-summary { font-size: 30px; } a.boxed-btn { padding: 16px; font-size: 14px; } a.contact-btn { width: 135px; } a.contact-btn::after { right: 25px; } a.contact-btn:hover::after { right: 20px; } .single-blog { margin-bottom: 30px; } .footer-contact-info ul li { margin-bottom: 10px; } .breadcrumb-txt span { font-size: 22px; } a.readmore-btn { padding: 12px; width: 110px; } .pagination-nav { margin-top: 40px; } ul.breadcumb { display: flex; margin-top: unset; } .contact ul.breadcumb { display: block; margin-top: 47px; } .map-wrapper { height: 480px; position: relative; margin-top: unset; margin-bottom: 16px; } .contact-form input[type=submit], button[type=submit] { padding: 18px 45px; font-size: 14px; } } @media only screen and (max-width: 991px) and (max-width: 1199px) { .contact-form input[type=submit], button[type=submit] { padding: 8px 5px; display: flex; align-items: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; color: #000; height: 32px !important; } } @media only screen and (max-width: 991px) { .single-partner-item { height: 200px; } .blog-details-title { margin: 23px 0; } a.download-btn { margin-top: 40px; } .sidebar { margin-top: 80px; } .back-to-top.show { display: none; } h5.service-title { color: #D2AB66; margin-top: 8px; } .cookie-container { display: block; text-align: center; } button.cookie-consent__agree { margin-top: 15px; } span.cookie-consent__message { line-height: 20px; display: block; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link { padding: 13px 35px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .single-case { height: 380px; } } @media only screen and (max-width: 767px) { .hero-txt span { font-weight: 600; } .single-case { height: 325px; } .breadcrumb-txt span { margin-bottom: 18px; } .contact .breadcrumb-txt span { margin-bottom: 16px; } .contact ul.breadcumb { display: block; margin-top: 51px; } .contact-form-section .section-summary { margin: unset; } .service.breadcrumb-txt span { margin-bottom: 16px; } ul.footer-links { margin-bottom: 20px; } a.hero-boxed-btn { margin-top: 48px; } .breadcrumb-txt h1 { font-size: 42px; } .breadcrumb-txt span { font-size: 20px; } .single-case h4 { margin-bottom: 15px; } a.readmore-btn { margin-top: 24px; } a.readmore-btn { font-size: 12px; padding: 11px; text-align: center; width: 100px; } .single-case h4 { font-size: 16px; margin-bottom: 15px; } .single-case .inner-container { padding: 0 30px; } .cases.breadcrumb-area .breadcrumb-txt { padding: 252px 0 78px 0; } .service-details.breadcrumb-area .breadcrumb-txt { padding: 252px 0 78px 0; } .blogs.breadcrumb-area .breadcrumb-txt { padding: 255px 0 81px 0; } .blogs .breadcrumb-txt span { margin-bottom: 17px; } .contact.breadcrumb-area .breadcrumb-txt { padding: 252px 0 78px 0; } ul.breadcumb { margin-top: unset; } .cases ul.breadcumb { margin-top: 50px; } .cases .breadcrumb-txt span { margin-bottom: 12px; } .sidebar { margin-top: 40px; } a.readmore-btn { font-size: 14px; padding: 16px; width: 125px; } a.readmore-btn { margin-top: 18px; } .service-section .col-md-6:nth-last-child(2) .single-service { margin-bottom: 30px; } .blog-lists .col-md-6:nth-last-child(2) .single-blog { margin-bottom: 30px; } .contact-form-section .section-summary { font-size: 30px; } .contact-form .form-element { text-align: center; } .single-contact-info p { font-size: 16px; } a.contact-btn::after { right: 25px; } a.contact-btn:hover::after { right: 15px; } .case-lists .single-case { width: 100%; } .case-lists .gutter-size { width: 0%; } .case-types ul li { margin-right: 15px; } .fc-toolbar { display: block; } .fc-center { display: block; text-align: center; margin-top: 10px; } .fc-right { text-align: center; display: block; margin-top: 10px; } .courses-grid-style .course-filter .search_group { float: none; margin-top: 20px; } .event-area-section .event-item .event-img { max-width: 100%; width: 100%; max-height: 100%; height: 100%; } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .event-details-section .syotimer__body { flex-direction: column; justify-content: space-between; } .event-details-section .discription-area .discription-tabs .nav-tabs:after { display: none; } .event-details-section .discription-area .discription-tabs .nav-tabs .nav-link { margin-bottom: 15px; } .event-review-area .form_group { margin-bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .case-types { margin-bottom: 60px; } .single-approach h4 { font-size: 22px; } .single-approach p { font-size: 14px; } .approach-icon-wrapper { height: 70px; width: 70px; } .approach-icon-wrapper i { line-height: 70px; font-size: 35px; } .approach-text { margin-left: 95px; } a.readmore-btn { font-size: 14px; padding: 16px; width: 125px; } .copyright-section .text-left { text-align: left !important; } .copyright-section .text-right { text-align: right !important; } .support-bar-area .address { display: inline; } .support-contact-info { text-align: center; } } @media only screen and (min-width: 621) and (max-width: 650px) { .single-case { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 620px) { .single-case { height: 280px; } } @media only screen and (max-width: 575px) { .header-navbar { padding: 19px 0 27px; } .hero-txt { padding: 310px 0 110px 0; } a.hero-boxed-btn { width: 170px; height: 55px; line-height: 55px; } .intro-bg { height: 400px; } .single-case { height: 480px; } .contact .breadcrumb-txt span { margin-bottom: 10px; } .contact ul.breadcumb { margin-top: 41px; } .tile-gallery .big-img { min-height: 250px; } .tile-gallery .small-img { min-height: 200px; } .blogs.breadcrumb-area .breadcrumb-txt { padding: 275px 0 81px 0; } ul.breadcumb { display: flex; margin-top: unset; } .case-details ul.breadcumb { margin-top: 41px; } .case-details .breadcrumb-txt span { margin-bottom: 13px; } .blogs ul.breadcumb { display: block; margin-top: 52px; } .cases ul.breadcumb { margin-top: 40px; } a.readmore-btn { margin-top: 23px; } .service-txt { padding: 32px 30px 38px; } .breadcrumb-txt span { margin-bottom: 13px; } .service-details .breadcrumb-txt span { margin-bottom: 18px; } .service-txt .service-title { margin-bottom: 10px; } .breadcrumb-area .breadcrumb-txt { padding: 292px 0 80px 0; } .service-details.breadcrumb-area .breadcrumb-txt { padding: 278px 0 82px 0; } .cases.breadcrumb-area .breadcrumb-txt { padding: 275px 0 80px 0; } .case-details.breadcrumb-area .breadcrumb-txt { padding: 278px 0 82px 0; } .contact.breadcrumb-area .breadcrumb-txt { padding: 278px 0 82px 0; } .blog-details-title { margin: 23px 0; } .blog-details-quote { margin: 38px 0 34px; } .blog-share ul li a { width: 100px; padding: 15px 0; font-size: 12px; } .blog-share ul li a i { margin-right: 5px; } .blog-share { margin-top: 40px; text-align: center; } .author-info { margin: 42px 0 38px; } .case-lists .single-case { height: 380px; } .map-wrapper { height: 420px; } a.contact-btn::after { right: 20px; } a.contact-btn:hover::after { right: 10px; } .single-popular-post { margin-bottom: 15px; } .category-lists h4, .popular-posts-lists h4 { margin-bottom: 18px; } .team-section .col-sm-6:nth-last-child(2) .single-team-member { margin-bottom: 30px; } .case-types ul li { display: block; margin-bottom: 10px; margin-right: 0; width: 100%; } .case-types ul li a { display: block; width: 100%; background-color: #D2AB66; padding: 12px 0; color: #fff; border-radius: 5px; } .case-types ul { position: relative; } .case-lists { padding: 120px 0 120px; } .case-types ul::after { content: ""; display: block; clear: both; } .case-types { height: auto; } .case-types ul li a { border: 1px solid #D2AB66; color: #fff; } .case-types ul li a:hover { background-color: #fff; } .main-menu li.dropdown:hover a { color: #fff; } .job-lists .single-job { padding: 30px 25px; } .pagination-nav li.page-item { margin: 0 1px; } .pagination-nav a.page-link, .pagination-nav span.page-link { padding: 5px 10px; } .single-job a.title { line-height: 28px; } } @media only screen and (min-width: 481px) and (max-width: 520px) { .single-case { height: 425px; } } @media only screen and (max-width: 480px) { .breadcrumb-txt span { margin-bottom: 20px; } .approach-summary a.boxed-btn { display: none; } .approach-section .section-summary { margin-bottom: 56px; } .single-case { height: 395px; } .case-details ul.breadcumb { margin-top: 32px; } .case-details .breadcrumb-txt span { margin-bottom: 6px; } .member-info { text-align: center; } .about ul.breadcumb { display: block; margin-top: 42px; } .contact ul.breadcumb { margin-top: 34px; } .contact .breadcrumb-txt span { margin-bottom: 12px; } .blog-details .breadcrumb-txt span { margin-bottom: 15px; } .services .breadcrumb-txt span { margin-bottom: 12px; } .service-details .breadcrumb-txt span { margin-bottom: 12px; } .service-details-txt h2 { font-size: 30px; } .why-choose-this h3 { font-size: 24px; } .case-details .breadcrumb-txt span { margin-bottom: 12px; } .cases .breadcrumb-txt span { margin-bottom: 10px; } .cases ul.breadcumb { margin-top: 32px; } .blogs ul.breadcumb { display: block; margin-top: 42px; } .about-company-section .section-summary { margin: 20px 0 44px; } ul.breadcumb { margin-top: unset; } .hero-txt h1 { font-size: 33px; } .hero-txt span { margin-bottom: 23px; font-size: 20px; } .hero-txt h2 { font-size: 22px; } .breadcrumb-txt h1 { font-size: 36px; } .breadcrumb-txt span { font-size: 18px; } .section-summary { font-size: 24px; } .section-title { font-size: 16px; } .single-reason .reason-txt h4 { font-size: 20px; } .breadcrumb-txt h2 { font-size: 22px; } a.hero-boxed-btn { margin-top: 50px; } .hero-txt { padding: 288px 0 90px 0; } .footer-section .footer-txt { margin: 15px 0 32px 0; } ul.footer-links { margin-bottom: 35px; } .case-details-txt h2 { font-size: 30px; } .case-details-section .case-details-points h3 { font-size: 24px; } } @media only screen and (max-width: 414px) { .about.team-section .section-summary { margin: 17px 0 49px; } .hero-txt span { font-size: 20px; margin-bottom: 23px; } .hero-txt h2 { font-size: 24px; } .hero-txt h1 { font-size: 35px; line-height: 1.3; } a.hero-boxed-btn { width: 170px; height: 55px; line-height: 55px; } .single-case { height: 335px; } .single-approach h4 { font-size: 20px; } .cta-section h3 { font-size: 26px; } .breadcrumb-txt h2 { font-size: 24px; } .breadcrumb-txt h1 { font-size: 34px; } .tile-gallery .big-img { min-height: 220px; } .tile-gallery .small-img { min-height: 165px; } .service-txt { padding: 25px 20px; } .author-info img { width: 60px; } .author-details { margin-left: 15px; } .case-lists .single-case { height: 300px; } .contact-infos { top: 10px; left: 10px; padding: 20px 25px; } .single-contact-info p { font-size: 14px; } .single-contact-info i { margin-right: 15px; color: #D2AB66; font-size: 20px; } .blog-details-title { font-size: 25px; } .blog-details-quote { padding: 30px 20px; font-size: 16px; } .blog-details-quote { margin: 30px 0; } .section-summary { font-size: 24px; } .single-reason .reason-txt h4 { font-size: 18px; } .breadcrumb-txt span { font-size: 18px; } .service-details-txt h2 { font-size: 30px; } .why-choose-this h3 { font-size: 24px; } .intro-txt a { display: inline-block; position: relative; width: 160px; height: 60px; text-align: center; line-height: 60px; color: #fff; text-transform: uppercase; font-weight: 700; background-color: #0a3041; border: none; text-decoration: none; font-size: 14px; } } @media only screen and (max-width: 395px) { .hero-txt h1 { font-size: 32px; line-height: 1.4; } .hero-txt span { font-size: 21px; } } @media only screen and (max-width: 380px) { .intro-bg { height: 300px; } .hero-txt span { font-size: 20px; } .single-case { height: 305px; } .breadcrumb-txt h1 { font-size: 32px; } .breadcrumb-txt span { font-size: 18px; } a.hero-boxed-btn { margin-top: 30px; font-size: 14px; } .tile-gallery .big-img { min-height: 180px; } .tile-gallery .small-img { min-height: 130px; } ul.breadcumb { display: flex; align-items: center; justify-content: center; margin: 4px 0; } .appoint-section { padding: 50px 35px; } .appoint-section h4 { margin-bottom: 30px; } .service-txt .service-title { font-size: 20px; margin-bottom: 10px; } .case-details-section .case-details-points h3 { font-size: 24px; } .case-details-txt h2 { font-size: 28px; } .case-details-section .case-details-points { margin-top: 20px; } .case-details-section .case-details-points p { margin: 12px 0; } .contact-form-section .section-summary { font-size: 20px; } .single-comment-wrapper img { max-width: 55px; } .single-comment { padding: 20px; } .single-comment-wrapper { margin-right: 12px; } .single-comment .person-info .comment { margin-top: 10px; } .blog-share ul li { display: inline-block; margin-right: 0; } .blog-share ul li a { width: 90px; font-size: 12px; padding: 15px 0; } .section-summary { font-size: 24px; } .approach-text { margin-left: 80px; } .approach-icon-wrapper { height: 60px; width: 60px; } .approach-icon-wrapper i { line-height: 60px; } .single-testimonial h4.comment { font-size: 15px; } .intro-txt a { width: 170px; height: 60px; line-height: 60px; } .language { margin-left: 4px; } .support-bar-area ul.social-links li { margin-right: 5px; } ul.login { display: inline-block; position: relative; margin-left: 10px; } } @media only screen and (max-width: 365px) { .hero-txt span { font-size: 20px; } .hero-txt h1 { font-size: 30px; } .cta-section h3 { font-size: 24px; } } @media only screen and (max-width: 365px) { a.readmore-btn { margin-top: 18px; } .hero-txt span { font-size: 19px; } .hero-txt h1 { font-size: 28px; } a.hero-boxed-btn { width: 165px; height: 50px; line-height: 50px; } .intro-txt a { width: 160px; height: 55px; line-height: 55px; } } @media only screen and (max-width: 365px) { .hero-txt h1 { font-size: 27px; } .hero-txt span { margin-bottom: 18px; } .approach-icon-wrapper { float: none; margin-bottom: 13px; } .approach-text { margin-left: auto; } } @media only screen and (max-width: 350px) { .single-case { height: 280px; } .breadcrumb-txt h1 { font-size: 29px; } } @font-face { font-family: dana; font-style: normal; font-weight: 10; src: url("../fonts/dana/eot/dana-thin.eot"); src: url("../fonts/dana/eot/dana-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-thin.woff2") format("woff2"), url("../fonts/dana/woff/dana-thin.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 200; src: url("../fonts/dana/eot/dana-extralight.eot"); src: url("../fonts/dana/eot/dana-extralight.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-extralight.woff2") format("woff2"), url("../fonts/dana/woff/dana-extralight.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 300; src: url("../fonts/dana/eot/dana-light.eot"); src: url("../fonts/dana/eot/dana-light.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-light.woff2") format("woff2"), url("../fonts/dana/woff/dana-light.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 500; src: url("../fonts/dana/eot/dana-medium.eot"); src: url("../fonts/dana/eot/dana-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-medium.woff2") format("woff2"), url("../fonts/dana/woff/dana-medium.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 600; src: url("../fonts/dana/eot/dana-demibold.eot"); src: url("../fonts/dana/eot/dana-demibold.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-demibold.woff2") format("woff2"), url("../fonts/dana/woff/dana-demibold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 750; src: url("../fonts/dana/eot/dana-ultrabold.eot"); src: url("../fonts/dana/eot/dana-ultrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-ultrabold.woff2") format("woff2"), url("../fonts/dana/woff/dana-ultrabold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 800; src: url("../fonts/dana/eot/dana-extrabold.eot"); src: url("../fonts/dana/eot/dana-extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-extrabold.woff2") format("woff2"), url("../fonts/dana/woff/dana-extrabold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: 900; src: url("../fonts/dana/eot/dana-black.eot"); src: url("../fonts/dana/eot/dana-black.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-black.woff2") format("woff2"), url("../fonts/dana/woff/dana-black.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: bold; src: url("../fonts/dana/eot/dana-bold.eot"); src: url("../fonts/dana/eot/dana-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-bold.woff2") format("woff2"), url("../fonts/dana/woff/dana-bold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: normal; font-weight: normal; src: url("../fonts/dana/eot/dana-regular.eot"); src: url("../fonts/dana/eot/dana-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-regular.woff2") format("woff2"), url("../fonts/dana/woff/dana-regular.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } /** Iranic fonts **/ @font-face { font-family: dana; font-style: italic; font-weight: 10; src: url("../fonts/dana/eot/dana-thinitalic.eot"); src: url("../fonts/dana/eot/dana-thinitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-thinitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-thinitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 200; src: url("../fonts/dana/eot/dana-extralightitalic.eot"); src: url("../fonts/dana/eot/dana-extralightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-extralightitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-extralightitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 300; src: url("../fonts/dana/eot/dana-lightitalic.eot"); src: url("../fonts/dana/eot/dana-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-lightitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-lightitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 500; src: url("../fonts/dana/eot/dana-mediumitalic.eot"); src: url("../fonts/dana/eot/dana-mediumitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-mediumitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-mediumitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 600; src: url("../fonts/dana/eot/dana-demibolditalic.eot"); src: url("../fonts/dana/eot/dana-demibolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-demibolditalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-demibolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 750; src: url("../fonts/dana/eot/dana-ultrabolditalic.eot"); src: url("../fonts/dana/eot/dana-ultrabolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-ultrabolditalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-ultrabolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 800; src: url("../fonts/dana/eot/dana-extrabolditalic.eot"); src: url("../fonts/dana/eot/dana-extrabolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-extrabolditalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-extrabolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: 900; src: url("../fonts/dana/eot/dana-blackitalic.eot"); src: url("../fonts/dana/eot/dana-blackitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-blackitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-blackitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: bold; src: url("../fonts/dana/eot/dana-bolditalic.eot"); src: url("../fonts/dana/eot/dana-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-bolditalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-bolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } @font-face { font-family: dana; font-style: italic; font-weight: normal; src: url("../fonts/dana/eot/dana-regularitalic.eot"); src: url("../fonts/dana/eot/dana-regularitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/dana/woff2/dana-regularitalic.woff2") format("woff2"), url("../fonts/dana/woff/dana-regularitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ font-display: swap; } body { font-family: dana, sans-serif !important; font-display: swap; font-size: 16px; line-height: 24px; color: #000000; } :root { --text-direction: ltr; --text-align: left; } [dir=rtl] { --text-direction: rtl; --text-align: right; } body { direction: var(--text-direction); text-align: var(--text-align); } body.rtl { direction: rtl; text-align: right; /* button[type="submit"], input[type="submit"] { float: right; } */ /* New FAQ Style Start */ } body.rtl body, body.rtl html { text-align: right; } body.rtl .support-contact-info { text-align: right; } body.rtl .support-bar-area ul.social-links::after { left: 0; } body.rtl .language { margin-right: 17px; margin-left: 0; } body.rtl .support-bar-area ul.social-links { padding-left: 20px; } body.rtl .support-bar-area .address { margin-right: 0; margin-left: 25px; display: inline-block; } body.rtl .main-menu li.dropdown { margin-left: 12px; margin-right: 0; } body.rtl .main-menu li.dropdown::after { right: 0; left: -5px; } body.rtl .main-menu li a.boxed-btn { margin-right: 20px; margin-left: 0; } body.rtl .hero-txt { padding-right: 0; padding-left: 270px; text-align: right; } body.rtl .single-hero-feature { text-align: right; } body.rtl .intro-txt { text-align: right; } body.rtl .approach-summary { padding-right: 0; padding-left: 150px; text-align: right; } body.rtl .approach-icon-wrapper { float: right; } body.rtl .approach-text { margin-left: 0; margin-right: 110px; text-align: right; } body.rtl .statistics-section h5 i { margin-right: 0; margin-left: 6px; } body.rtl a.readmore-btn::after { right: 35px; } body.rtl a.readmore-btn:hover::after { right: 29px; } body.rtl .client-desc { margin-left: 0; margin-right: 100px; text-align: right; } body.rtl .single-testimonial .img-wrapper { float: right; } body.rtl .blog-txt { text-align: right; } body.rtl .contact-btn-wrapper { text-align: left; } body.rtl .cta-section h3 { text-align: right; } body.rtl .footer-section .footer-txt { text-align: right; } body.rtl ul.footer-links li a { padding-right: 15px; padding-left: 0; } body.rtl ul.footer-links li { text-align: right; } body.rtl ul.footer-links li a::after { right: 0; transform: rotateY(180deg); left: auto; } body.rtl .footer-section h4 { text-align: right; } body.rtl input[type=color], body.rtl input[type=date], body.rtl input[type=datetime-local], body.rtl input[type=month], body.rtl input[type=number], body.rtl input[type=range], body.rtl input[type=search], body.rtl input[type=tel], body.rtl input[type=time], body.rtl input[type=url], body.rtl input[type=week] { display: inline-block; width: 100%; height: 50px; padding-left: 23px; border: 1px solid #ddd; outline: 0; border-radius: 1px; padding-left: 0; padding-right: 23px; } body.rtl .footer-newsletter p { text-align: right; } body.rtl .footer-newsletter button[type=submit], body.rtl .footer-newsletter input[type=submit] { float: right; } body.rtl .footer-contact-info ul li { text-align: right; } body.rtl .footer-contact-info ul li span { margin-left: 0; margin-right: 15px; } body.rtl .video-play-button span { margin: 7px 6px 0 0; } body.rtl .mega-dropdown-content .service-category h3 { text-align: right; } body.rtl .mega-dropdown-content .service-category a { text-align: right; } body.rtl .mega-dropdown-content .service-category a { padding-left: 0; padding-right: 15px; } body.rtl .mega-dropdown-content .service-category a::before { transform: rotateY(180deg); } body.rtl .mega-dropdown .dropbtn i { margin-left: 0; margin-right: 3px; } body.rtl .main-menu li.dropdown ul.dropdown-lists li a { text-align: right; } body.rtl .service-txt { text-align: right; } body.rtl .searchbar { position: relative; } body.rtl .blog-sidebar-widgets.category-widget { text-align: right; } body.rtl .subscribe-section { text-align: right; } body.rtl .subscribe-section h3::after { right: 0; left: auto; } body.rtl .support-bar-area .support-contact-info i { margin-right: 0; margin-left: 4px; } body.rtl span.phone { display: inline-block; } body.rtl span.phone i { float: right; } body.rtl .breadcrumb-area .breadcrumb-txt { text-align: right; } body.rtl ul.breadcumb li { margin-left: 0; } body.rtl .support-bar-area .address { margin-left: 20px; } body.rtl .project-infos { text-align: right; } body.rtl .mfp-counter { direction: ltr; } body.rtl .main-menu li.dropdown ul.dropdown-lists { left: auto; } body.rtl .job-lists .single-job { text-align: right; } body.rtl .job-details .info { text-align: right; } body.rtl .job-details h3 { text-align: right; } body.rtl .faq-section .accordion .card .card-header .btn::after { right: auto; left: 30px; } body.rtl .faq-section .accordion .card .card-header .btn { text-align: right !important; } body.rtl .faq-section .accordion .card .card-header .btn[aria-expanded=true]::after { right: auto; left: 30px; } body.rtl .faq-section .card-body { text-align: right; } body.rtl .blog-details { text-align: right; } body.rtl .blog-share ul li:last-child { margin-right: 15px; margin-left: 0; } body.rtl .blog-share { text-align: right; } body.rtl textarea { padding-left: 0; padding-right: 23px; } body.rtl .contact-infos { left: auto; right: 30px; } body.rtl .single-contact-info i { margin-right: 0; margin-left: 20px; } body.rtl .contact-form-section .section-summary { padding-right: 0; padding-left: unset; } body.rtl .contact-form-section .section-title { display: block; text-align: right; } body.rtl .hero2-carousel.owl-theme .owl-dots { right: auto; left: 28px; } body.rtl .form-element label { text-align: right; } body.rtl .form-element { text-align: right; } body.rtl form { text-align: right; } body.rtl .custom-control-inline { margin-right: 0; margin-left: 1rem; } body.rtl .footer-newsletter::after, body.rtl .form-element::after { content: ""; display: block; clear: both; } body.rtl .slicknav_menu .slicknav_icon { width: auto; } body.rtl h5.service-title { padding-left: 0; padding-right: 20px; } body.rtl .input-btn-back { display: flex; flex-direction: column; align-items: center; width: 100%; } body.rtl .contact-form-section .section-summary { text-align: right; } body.rtl #toast-container > div { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } body.rtl .services-area .services-item .services-content a.title { text-align: right; } body.rtl .services-area .services-item .services-content p { text-align: right; } body.rtl .services-area .services-item .services-content a { float: right; } body.rtl .services-area .services-item .services-content::after { content: ""; display: block; clear: both; } body.rtl .services-area .services-item .services-content a i { margin-left: 0; margin-right: 18px; } body.rtl .order-comfirmation .table { text-align: right; } body.rtl select { padding-right: 15px; } body.rtl .product-area .shop-sidebar .shop-box { text-align: right; } body.rtl .product-area .shop-sidebar .shop-box .sidebar-title .title::after { left: 0; right: 17px; } body.rtl .product-area .shop-sidebar .shop-box .sidebar-title .title::before { right: 0; } body.rtl .product-area .shop-search i { right: auto; left: 30px; } body.rtl .product-details-area .product-details-content .product-details-content-item .title { text-align: right; } body.rtl .product-details-area .product-details-content .product-details-content-item span { text-align: right; } body.rtl .product-quantity button { height: 50px; } body.rtl .product-details-area .product-details-content .product-social-icon { text-align: right; } body.rtl .product-details-area .product-details-content .product-details-tags { padding-top: 15px; text-align: right; } body.rtl .product-details-area .product-details-content .product-details-tags ul li span { float: right; margin-left: 10px; } body.rtl .actions { display: flex; } body.rtl .actions .checkout-btn { margin-right: 10px; } body.rtl .shop-review-area { text-align: right; } body.rtl .shop-review-area .shop-review-user img { right: 0; left: auto; } body.rtl .shop-review-area .shop-review-user { padding-left: 0; padding-right: 75px; } body.rtl .cart-total-table li span.col.col-title { float: right; } body.rtl .cart-total-table li span.col { float: right; } body.rtl .cart-total-table li span.col.col-title { border-left: 1px solid #e8e6f4; border-right: none; } body.rtl .checkout-area .table .cart-table.shipping-method tbody tr td { padding-left: 0; padding-right: 30px; } body.rtl .user-sidebar { text-align: right; } body.rtl .user-dashbord .main-info h5 { margin-bottom: 15px; text-align: right; } body.rtl .dataTables_wrapper .dataTables_length { float: right; display: none; } body.rtl .dataTables_wrapper .dataTables_filter { float: left; display: none; } body.rtl .main-table .dataTables_wrapper input[type=search] { direction: ltr; } body.rtl .order-info { text-align: right; } body.rtl .order-info-area .prinit { float: left; } body.rtl .order-info-area .prinit .btn i { margin-right: 0; margin-left: 10px; } body.rtl .user-dashbord .main-info ul.list li p span { float: right; margin-right: 0; margin-left: 20px; } body.rtl .payment-information { text-align: right; } body.rtl .payment-information span { display: inline-block; margin-right: 8px; } body.rtl .product-list h5 { text-align: right; } body.rtl .table td, body.rtl .table th { text-align: right; } body.rtl table.dataTable thead > tr > td.sorting, body.rtl table.dataTable thead > tr > td.sorting_asc, body.rtl table.dataTable thead > tr > td.sorting_desc, body.rtl table.dataTable thead > tr > th.sorting, body.rtl table.dataTable thead > tr > th.sorting_asc, body.rtl table.dataTable thead > tr > th.sorting_desc { text-align: right; } body.rtl table.dataTable tbody td, body.rtl table.dataTable tbody th { text-align: right; } body.rtl div.dataTables_wrapper div.dataTables_paginate { float: left; } body.rtl table.dataTable thead td, body.rtl table.dataTable thead th { text-align: right; } body.rtl .description { text-align: right; } body.rtl .single-message { text-align: right; } body.rtl .single-message .user-img { margin-right: 0; margin-left: 30px; } body.rtl .reply-section > h5 { text-align: right; } body.rtl .form-element label { text-align: right; } body.rtl .message-section > h5 { text-align: right; } body.rtl .file-upload-area { margin-left: 0; margin-right: 30px; } body.rtl .form_control { padding-left: 0; padding-right: 23px; } body.rtl .user-dashbord .title { text-align: right; } body.rtl .summary { text-align: right; } body.rtl ul.login::before { left: auto; right: -12px; } body.rtl .login-title { text-align: right; } body.rtl .input-btn { display: flex; justify-content: space-between; width: 100%; } body.rtl li.submenus::after { left: 10px; right: auto; content: "\f053"; } body.rtl .main-menu li.submenus ul { left: auto; right: 100%; } body.rtl .knowledge-box .title h3:before { margin-right: 0; margin-left: 10px; } body.rtl .post-share-date .share-list { float: left; } body.rtl .requirements-nav .card .card-header .toggle_btn { float: right; float: left; } @media only screen and (min-width: 992px) { body.rtl .offset-lg-3 { margin-right: 25%; } } @media only screen and (max-width: 991px) { body.rtl .hero-txt { padding-left: 30px; } body.rtl .support-bar-area .text-left { text-align: center !important; } body.rtl .support-contact-info { text-align: center; } body.rtl .support-bar-area ul.social-links::after { right: 100%; } body.rtl .slicknav_nav .slicknav_row, body.rtl .slicknav_nav a, body.rtl ul.slicknav_nav li a.boxed-btn { text-align: right; } body.rtl h5.service-title { text-align: right; } body.rtl .product-area .shop-search { margin-bottom: 20px; } } @media only screen and (min-width: 992px) { body.rtl .offset-lg-3 { margin-right: 25%; } } @media only screen and (max-width: 767px) { body.rtl .approach-summary { padding-left: 0; } body.rtl .cta-section h3 { text-align: center; } body.rtl .contact-btn-wrapper { text-align: center; } } @media only screen and (max-width: 480px) { body.rtl .product-details-area .product-details-content { margin-left: 0; margin-right: 20px; } body.rtl .actions .main-btn { padding: 10px 16px; font-size: 14px; } } body.rtl .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after { margin-left: 0; margin-right: 5px; } body.rtl .header-navigation .nav-container .main-menu ul li .mega-menu, body.rtl .header-navigation .nav-container .main-menu ul li .sub-menu { text-align: right; } body.rtl .categorie-box .main-btn { right: auto; left: 20px; } body.rtl .course-item .course-img .course-overlay .rating p i { margin-right: 0; margin-left: 4px; } body.rtl .course-details-section .course-content ul.info li span, body.rtl .course-item .course-content .course-admin-price .price { margin-left: 0; margin-right: 15px; } body.rtl .course-item .course-content .course-meta span { margin-right: 0; margin-left: 15px; } body.rtl .course-item .course-content .course-meta span i { margin-right: 0; margin-left: 5px; } body.rtl .course-item .course-content .course-admin-price .admin img { margin-left: 10px; margin-right: 0; } body.rtl .courses-sidebar .widget-box { text-align: right; } body.rtl .categories-widget ul li a span { float: left; } body.rtl .single_checkbox label span.text b, body.rtl .single_radio label span.text b { right: auto; left: 0; } body.rtl .single_checkbox label span.text, body.rtl .single_radio label span.text { margin-left: 0; margin-right: 10px; } body.rtl .course-details-section .course-content .button .order-btn { margin-left: 0; margin-right: 10px; } body.rtl .discription-area .content-box { text-align: right; } body.rtl .course-details-section .discription-area .discription-tabs .nav-tabs .nav-link, body.rtl .course-videos-section .video_list ul li a i, body.rtl .discription-area .content-box .card .card-body ul li a i, body.rtl .social-link li { margin-right: 0; margin-left: 10px; } body.rtl .course-videos-section .video_list ul li a span.duration, body.rtl .courses-grid-style .course-filter .search_group, body.rtl .discription-area .content-box .card .card-body ul li a span.duration { float: left; } body.rtl .course-details-section .course-content, body.rtl .course-item, body.rtl .course-videos-section .video_list, body.rtl .discription-area .instructor-wrap, body.rtl .discription-area .shop-review-area { text-align: right; } body.rtl .discription-area .instructor-wrap .content { margin-left: 0; margin-right: 30px; } body.rtl .discription-area .shop-review-area .review_user { padding-left: 0; padding-right: 100px; } body.rtl .discription-area .shop-review-area .review_user img { left: auto; right: 0; } body.rtl .footer-widget .widget-box { text-align: right; } body.rtl .footer-area .footer-widget .useful-link-widget ul li a:before, body.rtl .footer-area .footer-widget .widget-box.contact-widget p i { margin-right: 0; margin-left: 10px; } body.rtl .copyright-area .use-link { text-align: right; } body.rtl .copyright-area .copyright-text { float: left; } body.rtl .nav-push-item .menu-box .main-btn i, body.rtl .nav-pushed-item .menu-box .main-btn i { margin-left: 0; margin-right: 20px; } body.rtl .single_checkbox label .box:after, body.rtl .single_radio label .circle:after { left: 45%; } body.rtl .price-range-widget input { width: 70%; border: none; } body.rtl .course-details-section .course-content p.price span.off-price { margin-left: 10px; } body.rtl .course-videos-section .video_list .content-box .card .card-header .toggle_btn, body.rtl .discription-area .content-box .card .card-header .toggle_btn { float: left; } body.rtl .course-videos-section .video_list .content-box .card .card-body ul li a span.duration { float: left; } body.rtl .single_checkbox label span.text, body.rtl .single_radio label span.text { margin-left: 0; margin-right: 10px; } body.rtl .donation-form .form_group span { left: auto; } body.rtl .donation-form input.amount_input { padding-left: 0; padding-right: 70px; border-left: 1px solid #dddfe1; border-right: 0; } body.rtl .donation-form button[type=submit] { float: none; } body.rtl .comment-form, body.rtl .discription-area .event-content-box, body.rtl .discription-area .event-review-area, body.rtl .event-about .event-content-box, body.rtl .event-blog .blog-box .blog-content, body.rtl .event-details-section .comment-form-area h4.title, body.rtl .event-details-section .event-book-ticket h4.title, body.rtl .event-details-section .recent-event h4.title, body.rtl .event-details-wrapper, body.rtl .event-team-section .section-title, body.rtl .event-testimonial .testimonial-box .testimonial-content, body.rtl .event-venues .venues-box .venues-info, body.rtl .header-navigation .nav-container .main-menu ul li .mega-menu, body.rtl .header-navigation .nav-container .main-menu ul li .sub-menu, body.rtl .recent-event .event-item .event-content, body.rtl .table_content { text-align: right; } body.rtl .event-about .event-content-box { padding-right: 0; padding-left: 50px; } body.rtl .event-about .event-content-box ul li:before { margin-left: 10px; margin-right: 0; } body.rtl .event-testimonial .testimonial-box .testimonial-content { margin-left: 0; margin-right: 60px; } body.rtl .event-venues .venues-box .venues-img .cat-btn { left: auto; right: 20px; } body.rtl .event-details-section .event-details-wrapper .event-content .event-meta span i { margin-right: 0; margin-left: 10px; } body.rtl .event-details-section .discription-area .event-review-area .review_user img { left: auto; right: 0; } body.rtl .event-details-section .discription-area .event-review-area .review_user { padding-left: 0; padding-right: 100px; } body.rtl .recent-event .event-item .event-content { margin-left: 0; margin-right: 20px; } body.rtl .event-testimonial .testimonial-slide body.rtl .main-menu .mega-dropdown { margin-left: 0; text-align: left; margin-right: -50px; } body.rtl .event-testimonial .testimonial-slide body.rtl .main-menu .mega-dropdown a { transition: 500ms !important; } body.rtl .event-testimonial .testimonial-slide body.rtl .main-menu .mega-dropdown a:hover { color: #D2AB66 !important; } body.rtl .event-details-section .nice-number input { padding-right: 0; } body.rtl div.language:not(.dashboard)::before { left: -12px; right: auto; } body.rtl div.language { margin-right: 0; margin-left: 15px; } body.rtl .language.dashboard ul.language-dropdown li a { text-align: right; } body.rtl .dropdown a { text-align: right; } body.rtl .card-box:after { right: auto; left: 19px; } body.rtl a#cartIcon { right: auto; left: 0; } @media (max-width: 1199px) { body.rtl a#cartIcon { display: none !important; background: url(../irfia/img/support.svg); background-color: #212121; } } body.rtl .feedback-area-v1 { text-align: right; } body.rtl .feedback-area-v1 .feedback-form .form_radio label span { padding-left: 0px; padding-right: 10px; } body.rtl .feedback-area-v1 .feedback-form .form_control { padding-left: 0px; padding-right: 24px; } body.rtl .faq-area-v1 { text-align: right; } body.rtl .faq-area-v1 .faq-details-wrapper .card .card-header .toggle_btn { float: left; } body.rtl .main-menu ul li .mega-menu { text-align: right; left: auto; right: 0; align-items: center; display: none !important; } body.rtl .main-menu ul li .mega-menu:hover { color: aquamarine !important; } body.rtl .main-menu .mega-dropdown * { text-align: right !important; color: #000 !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media (max-width: 1199px) { body.rtl .main-menu .mega-dropdown * { font-size: 12px; } } @media only screen and (max-width: 1351px) { body.rtl .main-menu .mega-dropdown * { font-size: 12px; } } body.rtl .main-menu .mega-dropdown:hover { color: aquamarine !important; } /*# sourceMappingURL=style.css.map */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: .438em .625em .438em .625em; line-height: 1.125em; cursor: pointer } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: .188em } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: .875em; margin: .188em 0 0 .438em } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: .875em; display: block; content: ""; position: absolute } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: .125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .slicknav_menu:before { content: " "; display: table } .slicknav_menu:after { content: " "; display: table; clear: both } .slicknav_nav { clear: both } .slicknav_nav ul { display: block } .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: .8em; margin: 0 0 0 .4em } .slicknav_nav .slicknav_item { cursor: pointer } .slicknav_nav .slicknav_item a { display: inline } .slicknav_nav .slicknav_row { display: block } .slicknav_nav a { display: block } .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_brand { float: left } .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #4c4c4c; padding: 5px } .slicknav_menu * { box-sizing: border-box } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000 } .slicknav_menu .slicknav_icon-bar { background-color: #fff } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222 } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: .875em; list-style: none; overflow: hidden } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff } .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222 } .slicknav_nav .slicknav_txtnode { margin-left: 15px } .slicknav_nav .slicknav_item a { padding: 0; margin: 0 } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0 } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0 } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0 } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev:before { content: "" } .slick-prev { right: 25px } .slick-next { left: 25px } .slick-dotted.slick-slider { } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0 } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0 } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ""; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } a.meanmenu-reveal { display: none } .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #0c1923; padding: 4px 0; min-height: 42px; z-index: 999999 } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Poppins, sans-serif; font-weight: 700 } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px } .mean-container .mean-nav { float: left; width: 100%; background: #010e2a; margin-top: 44px } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; border-bottom: 1px solid #8e6459 } .mean-container .mean-nav ul li:last-child { border-bottom: none } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; text-decoration: none; text-transform: capitalize } .mean-container .mean-nav ul li a:first-child { border-top: 0 } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-top: 1px solid #fff; text-shadow: none !important; visibility: visible } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0 } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15% } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20% } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25% } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 30px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: #010e2a; border: none !important } .mean-container .mean-nav ul li a.mean-expand:hover { background: #ff5e14 } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0 } .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mean-remove { display: none !important } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { transition: all .5s ease; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (print),(prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } } .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr } .datepicker-inline { width: 220px } .datepicker-rtl { direction: rtl } .datepicker-rtl.dropdown-menu { left: auto } .datepicker-rtl table tr td span { float: right } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, .2); position: absolute } .datepicker-dropdown:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute } .datepicker-dropdown.datepicker-orient-left:before { left: 6px } .datepicker-dropdown.datepicker-orient-left:after { left: 7px } .datepicker-dropdown.datepicker-orient-right:before { right: 6px } .datepicker-dropdown.datepicker-orient-right:after { right: 7px } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999 } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #eee; cursor: pointer } .datepicker table tr td.new, .datepicker table tr td.old { color: #999 } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0 0; color: #999; cursor: default } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0 } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #000 } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { background-color: #fdf59a } .datepicker table tr td.today:hover:hover { color: #000 } .datepicker table tr td.today.active:hover { color: #fff } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { background-color: #f3e97a } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey); background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey); background-image: -o-linear-gradient(to bottom, #b3b3b3, grey); background-image: linear-gradient(to bottom, #b3b3b3, grey); background-repeat: repeat-x; border-color: grey grey #595959; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color: grey } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #04c); background-image: -ms-linear-gradient(to bottom, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(to bottom, #08c, #04c); background-image: -o-linear-gradient(to bottom, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background-color: #04c } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: #eee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0 0; color: #999; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #04c); background-image: -ms-linear-gradient(to bottom, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(to bottom, #08c, #04c); background-image: -o-linear-gradient(to bottom, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: #04c } .datepicker table tr td span.new, .datepicker table tr td span.old { color: #999 } .datepicker .datepicker-switch { width: 145px } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: #eee } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px } .input-daterange input { text-align: center } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: 400; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px } .floating-wpp { position: fixed; bottom: 15px; left: 15px; font-size: 14px; transition: bottom .2s; z-index: 1 } .floating-wpp .floating-wpp-button { position: relative; border-radius: 50%; box-shadow: 1px 1px 4px rgba(60, 60, 60, .4); transition: box-shadow .2s; cursor: pointer; overflow: hidden } .floating-wpp .floating-wpp-button img, .floating-wpp .floating-wpp-button svg { position: absolute; width: 100%; height: auto; object-fit: cover; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); border-radius: 50% } .floating-wpp:hover { bottom: 17px } .floating-wpp:hover .floating-wpp-button { box-shadow: 1px 2px 8px rgba(60, 60, 60, .4) } .floating-wpp .floating-wpp-popup { border-radius: 6px; background-color: #e5ddd5; position: absolute; overflow: hidden; padding: 0; box-shadow: 1px 2px 8px rgba(60, 60, 60, .25); width: 0; height: 0; bottom: 0; opacity: 0; transition: bottom .1s ease-out, opacity .2s ease-out; transform-origin: bottom } .floating-wpp .floating-wpp-popup.active { padding: 0 12px 12px; width: 260px; height: auto; bottom: 82px; opacity: 1 } .floating-wpp .floating-wpp-popup .floating-wpp-message { background-color: #fff; padding: 8px; border-radius: 0 5px 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .15); opacity: 0; transition: opacity .2s } .floating-wpp .floating-wpp-popup.active .floating-wpp-message { opacity: 1; transition-delay: .2s } .floating-wpp .floating-wpp-popup .floating-wpp-head { text-align: right; color: #fff; margin: 0 -15px 10px; padding: 6px 12px; display: flex; justify-content: space-between; cursor: pointer } .floating-wpp .floating-wpp-input-message { background-color: #fff; margin: 10px -15px -15px; padding: 0 15px; display: flex; align-items: center } .floating-wpp .floating-wpp-input-message textarea { border: 1px solid #ccc; border-radius: 4px; box-shadow: none; padding: 8px; margin: 10px 0; width: 100%; max-width: 100%; font-family: inherit; font-size: inherit; resize: none } .floating-wpp .floating-wpp-btn-send { margin-left: 12px; font-size: 0; cursor: pointer } .pagination{ justify-content: center; } .active>.page-link, .page-link.active{ background-color: #552e15 !important; border-color:#552e15 !important; }